交互設(shè)計(jì)中的四大策略(三):隱藏
好的交互設(shè)計(jì),能夠引導(dǎo)讀者更好地在頁面上瀏覽閱讀,那么為了不給用戶造成不必要的疑惑,需要權(quán)衡哪些內(nèi)容可以被隱藏,作者總結(jié)分享了幾種需要注意的場景,希望對(duì)你有所幫助。
最常用的功能可以進(jìn)行組織或者刪除,但是如果不想改變?cè)械奈恢没蛘呷サ粼械墓δ?,可以考慮將之隱藏。
部分功能是一種低成本的方案。把常用或重要功能進(jìn)行暴露,將不常用的功能進(jìn)行隱藏。只要不讓人找很久或者很長的路徑,隱藏就是有效的。
隱藏比組織有一個(gè)好處:用戶不會(huì)因?yàn)樘嗟墓δ芊稚⒆⒁饬?。人天生充滿好奇心,多并不是一件好事。
隱藏比刪除有一個(gè)好處:并沒有拋棄該功能的價(jià)值,但是這意味著在用戶和功能之間搭建了阻礙。
因?yàn)樾“子脩暨M(jìn)入系統(tǒng)或者程序的第一件事就是快速掃描,端詳界面各個(gè)區(qū)域找到合適的位置開始自己的任務(wù)。從全局到局部,目光才會(huì)聚焦。當(dāng)遇到問題時(shí),用戶都會(huì)過度關(guān)心自己遇到問題的區(qū)域,而不是找到解決問題的區(qū)域。
為了不給用戶造成不必要的疑惑,我們必須權(quán)衡到底哪些內(nèi)容可以被隱藏?有以下幾種常見的場景。
一、不常用但是不能少的內(nèi)容
隱藏精確控制選項(xiàng),但是專家用戶必須能夠讓這些選項(xiàng)始終保持可見。
部分客戶的特殊需求,個(gè)性設(shè)置不會(huì)經(jīng)常改變,非常適合隱藏。這些內(nèi)容經(jīng)常放置在系統(tǒng)的【設(shè)置】模塊,遠(yuǎn)離了用戶的主視角。比如在知乎上設(shè)置是否支持查看通訊錄好友、是否無圖模式等。
設(shè)置與不常用的任務(wù)有區(qū)別,設(shè)置是為了更方便用戶使用軟件,而不常用的任務(wù)則可能涉及到外界的目標(biāo)。比如清除系統(tǒng)的存儲(chǔ)空間,這不是經(jīng)常用但是必不可少的。
二、自定義的內(nèi)容
每個(gè)產(chǎn)品都有主流用戶和專家用戶。一項(xiàng)功能會(huì)包含少數(shù)核心的供主流用戶使用的控制部件,另有一些為專家用戶準(zhǔn)備的拓展性的精確的控制軟件。
一般來講不應(yīng)該讓用戶自定義功能,但是部分主流用戶確實(shí)想自定義自己的設(shè)置去體現(xiàn)不一樣。不可強(qiáng)迫或寄希望于主流用戶使用自定義功能,不過可以為專家用戶提供。
展示通用控件隱藏精確控件是保持簡單設(shè)計(jì)的一種方式。如果主流用戶很少使用,但自身偶爾會(huì)需要的功能通常是選擇隱藏。比如在手機(jī)進(jìn)行VPN或相機(jī)的參數(shù)設(shè)置。
三、自動(dòng)定制的內(nèi)容
現(xiàn)在講究千人前面和用戶喜好,部分軟件會(huì)模仿新聞軟件默認(rèn)和自動(dòng)展示常用的功能。比如20個(gè)應(yīng)用,程序根據(jù)今日點(diǎn)擊數(shù)或?yàn)g覽頻率等指標(biāo)調(diào)整位置,自動(dòng)顯示和隱藏某些功能。
這種方式其實(shí)并不友好,因?yàn)榭赡懿恍⌒狞c(diǎn)擊就會(huì)導(dǎo)致習(xí)慣被改變,用戶在每次進(jìn)入時(shí)都需要認(rèn)真查看菜單才能知道系統(tǒng)的功能排布,花費(fèi)的時(shí)間拉長。人本身是懶惰的,原本想縮短時(shí)間但并不湊效。
可以選擇固定排版的順序,默認(rèn)將某些字段進(jìn)行隱藏,可以支持用戶選擇哪些字段隱藏和展示,而不是主動(dòng)為它完成這件事。否則,用戶其實(shí)根本不知道哪里去找到自己想用的命令,因?yàn)檫@些命令是隨時(shí)會(huì)改變。
比如客服使用的工單系統(tǒng),填寫一張工單有很多的字段,如果支持全部字段的篩選和展示其實(shí)沒有意義。程序會(huì)默認(rèn)展示部分常用且必要的字段,其他的字段進(jìn)行隱藏。
四、階段展示的內(nèi)容
漸進(jìn)展示是為了區(qū)分通用與精確,還有一種階段式隱藏,隨著用戶逐步深入而展示界面。這種通常的場景在游戲界面,當(dāng)你完成一個(gè)關(guān)卡時(shí),下一關(guān)的規(guī)則和操作界面會(huì)展示出來。
如果說將所有的關(guān)卡和規(guī)則全部暴露給用戶,大部分會(huì)失去好奇和趣味性。盲盒經(jīng)濟(jì)的一部分大多是巧合用戶的不滿足的心智。
還有一種常見的場景是新人引導(dǎo)指南,會(huì)讓用戶跟隨界面進(jìn)行一步步操作。這不僅降低了用戶的理解成本,也以操作故事的方式走完整個(gè)流程。
在每一步都是符合用戶心理預(yù)期的情況下,階段展示是最好的。一旦搞錯(cuò)或者太復(fù)雜,用戶的心態(tài)將會(huì)是崩潰的,因?yàn)樗谙到y(tǒng)中無法得到任何的幫助與鼓勵(lì)。
五、適時(shí)出現(xiàn)的內(nèi)容
不知道有沒有勇敢扇貝閱讀,在瀏覽英文文章時(shí)經(jīng)常會(huì)遇到一些難懂的單詞。選中這個(gè)單詞,旁邊會(huì)展示對(duì)應(yīng)的含義。如果再點(diǎn)擊就可以查看更多的含義。
其實(shí),我們知道一個(gè)單詞在不同的場景下會(huì)有很多的解釋。如果把所有的解釋全部放到一篇文章中是不討好的事情。
盡可能隱藏需要隱藏的東西,比如過多的單詞解釋,會(huì)造成用戶錯(cuò)亂的解讀。所以,當(dāng)我們迫切想要解釋或者展示一些內(nèi)容時(shí),可以思考在這里真的需要嗎?
如果不是,大膽地隱藏起來。比如飛書文檔懸浮就可以看到名詞解釋,點(diǎn)擊百科可以看到更多的內(nèi)容。
六、提示與線索
隱藏處理得好的細(xì)節(jié)或者界面會(huì)給人舒適的感覺,而不是得到冒犯。要相信,細(xì)微的線索足以提示出隱藏的功能。
保證用戶在前進(jìn)的過程中能夠遇到提示,但不要擋住他們的去路,讓功能容易找得到。
本文由 @萌沐 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
作者是京東的產(chǎn)品大佬嗎,看到了京me的截圖