簡(jiǎn)單易用的產(chǎn)品設計方法論(以APP設計為例)
更新時(shí)間:2026-05-05 01:54:51
簡(jiǎn)單易用的簡(jiǎn)單計方計產(chǎn)品設計方法論(以APP設計為例)
本文作者試圖總結一些簡(jiǎn)單易懂、方便操作的易用方法和步驟,能將人機交互學(xué)的品設理論快速貫徹到具體的產(chǎn)品設計上。enjoy~
“簡(jiǎn)單易用”,法論無(wú)論是簡(jiǎn)單計方計每本和產(chǎn)品設計有關(guān)的經(jīng)典書(shū)籍,或是易用產(chǎn)品大拿的經(jīng)驗總結里,毫無(wú)疑問(wèn)都是品設一個(gè)核心的(?Д?)關(guān)鍵詞。
Giles Colborne的法論《簡(jiǎn)約至上-交互設計四策略》直接將簡(jiǎn)約放在(zai)標題上,書(shū)中提到的簡(jiǎn)單計方計刪??除、組織、易用隱藏、品設轉移四個(gè)策略,法論都可以認為是簡(jiǎn)單計方計為了實(shí)(shi)現“簡(jiǎn)單易用”目標的高度提煉的方法論。
而唐納德·A·諾曼的易用《設計心理學(xué)》里,最后一章也提??出了化繁為簡(jiǎn)的品設七個(gè)原則,這七個(gè)原則也是通用于各類(lèi)人機交互場(chǎng)景的概??括性原則:
應(???)用儲存于??外部世??界和頭腦中的知識。簡(jiǎn)(′ω`*)化任務(wù)的(′_`)結構。注重可視性,消除執行階段和評估階段的鴻溝。建立正確的匹配關(guān)系。利用自然和人為的限制性因素??紤]可能出現的人為差錯。最后選擇,采用標準化。更為大家所熟知的,應該是微信之父張小龍經(jīng)典的“瞬間把自己變成白癡”,這應該是提煉最為精辟、堪稱(chēng)產(chǎn)品設計的第一性原理了。
本文的目標,就是試圖總結(jie)一些簡(jiǎn)單易懂、方便操作的方法和步驟,能將上??述人機交互學(xué)的理論快速貫徹到具體的產(chǎn)品設計上。我在這里以APP的設計為例??,列舉出對APP進(jìn)行設計時(shí),確保產(chǎn)品易用性的五個(gè)系統化的方法,每一個(gè)方法包含2-3個(gè)步驟??,以期對大家的實(shí)際操作有所幫助。
廣義的選項,包含了各層級導航,以及各類(lèi)菜單列表等。
第一步:選項最少化檢查
這個(gè)方法對應的是交互設計原則里的“刪除”和“隱藏”??。
首先應當斟酌每一個(gè)選項是否有必要出現在這一個(gè)層級?例如一個(gè)APP的“我的”里,如果只有個(gè)人資料和簡(jiǎn)單的設置,且個(gè)人資料對產(chǎn)品核心功能并無(wú)重要影響,那么“我(???)的”這??個(gè)入口,就可以考慮從一級導航移除,而收納到左右角上去。
第二步:可辨識和(???)可理解檢查
經(jīng)過(guò)了第一步之后,我們已經(jīng)確保每一層級的選項數量是在貼合產(chǎn)品業(yè)務(wù)邏輯上的最少化了,也就是剩下的選項就是本層級所必須的了。???那么對用戶(hù)來(lái)說(shuō),這時(shí)候易用性的(de)體現,就是這些存在下來(lái)的選項,是否能夠一眼就看出(′?`)區別,并迅速理解其含義??。這一步基本是“瞬間把自己變成白?癡”的具體實(shí)現之一。我舉幾個(gè)例子:
如果我們把“發(fā)現”和“動(dòng)態(tài)”放在一起,或是把“服務(wù)”和“生活”放在一起,或是同時(shí)又有“關(guān)注”又有“訂閱”,那么它們的辨識度就是不高的。
如果我們放的是“上課”、“筆記”、“我的”┐(′ー`)┌,那么辨識度就很高,而且符合使用的邏輯順序:先上課,再做筆記。
可理解的意思,還包括我們使用的文字和概念,要盡可能是用戶(hù)熟悉的、常見(jiàn)的、含義明確的,或者已經(jīng)被主流產(chǎn)品教育、通用了的文案,而盡量不要是自己杜撰出來(lái)的新概念。舉例來(lái)說(shuō):
“動(dòng)態(tài)”、“發(fā)現”這一類(lèi)雖然含義模糊,但由于在各類(lèi)APP里比較常見(jiàn),用戶(hù)習慣性就知道這里面大概會(huì )有什么內容,所以也是沒(méi)有太大問(wèn)題的用詞。
而類(lèi)似“連線(xiàn)”、“有料”、“幫幫”之類(lèi),除非你已經(jīng)是一個(gè)影響力很大的APヾ(′?`)?P,有資本去教育用戶(hù),否則使用不常見(jiàn)的詞語(yǔ)還不如使用表意明確而不花哨的詞語(yǔ)來(lái)得好理解。
2. 對每一個(gè)內容性??的頁(yè)面,進(jìn)行重點(diǎn)內容是否突出、是否可理解ヽ(′ー`)ノ和可辨識的檢查
內容性的頁(yè)面,常見(jiàn)的包括列表頁(yè)、詳情??頁(yè)等。
第一步:重點(diǎn)內容是否突出
頁(yè)面經(jīng)常不可避免要出現多個(gè)內容,例如一段說(shuō)明文字+一個(gè)列表,或者理財產(chǎn)品詳情的多項要素等,我們要確保這些內容放在一起時(shí),只突出一項重點(diǎn)內容,以便讓用戶(hù)第一眼就感知到頁(yè)面的核ヽ(′ー`)ノ心傳達。
突出重點(diǎn)內容有很多方法,例如位置處于第一屏視覺(jué)焦點(diǎn)、文字放大、高亮、周?chē)嗔舭椎?。下面舉兩個(gè)例子:
這一步和方法1( ?° ?? ?°)里的第二步類(lèi)似,主要還是在文本選擇上,一定要符合表意明確且常見(jiàn)或習慣的詞語(yǔ)這兩個(gè)原則,且在A(yíng)PP里的實(shí)際含義要完全符合用戶(hù)自然的理解。
第一步:重點(diǎn)操作是否突出
我們說(shuō)每個(gè)功能性??的頁(yè)面,一般應該只有一個(gè)重點(diǎn)操作。例如酒店詳情頁(yè),預定就是重點(diǎn)操作,絕不能把(?????)關(guān)注和分享之類(lèi)的操作放得和它一樣突出。
第二步:操作結果是否明(′▽?zhuān)?)確
按鈕如(′▽?zhuān)?果用圖標,那必須是含義非常明確的常見(jiàn)圖標,例如分享、收藏等,切記自己創(chuàng )造新圖標;重點(diǎn)操作的按鈕上最好用文字(圖標按鈕難以做得??足夠突出),且在文字長(cháng)度和表意是否明確出現沖突時(shí),必??須以表意明確為優(yōu)先(當然,物極必反,文字過(guò)長(cháng)的話(huà)理解的障礙也會(huì )隨之提高)。
反面的例子:按鈕文字明明為“下一步”,但點(diǎn)擊后卻完成了全部操作。之所以不明確(°o°),是用戶(hù)在???這里的預期一般來(lái)說(shuō)是操(?Д?)作(zuo)未完成,還有要補充的??(de)動(dòng)作,“下一步”后(?_?;)卻突然結束,對??心理預期有突兀的沖擊。
第三步:操作門(mén)檻是否足夠低
操作門(mén)檻常見(jiàn)的錯誤是一個(gè)(ge)頁(yè)(′?`)面的輸入表單過(guò)多,令用戶(hù)倍感壓力;或者每個(gè)步驟的操作選擇過(guò)多,令用戶(hù)困惑。理想的低操作門(mén)檻,并非一定是步驟最少化,而是每個(gè)步驟可理解、輸入壓力小、??引導性強。
例如Keep這個(gè)APP,在你首次使用(yong)時(shí)??,需要完成大量的選擇和輸入,但由于??拆分合理,整個(gè)過(guò)程雖然較長(cháng),但用戶(hù)壓力小,跟隨引導一步步完成即可。
還有就是??涉及到輸入的,盡可能用預置選項或掃描識別等手段,降低輸入門(mén)檻ヽ(′ー`)ノ。
4. 對各處反饋進(jìn)行檢查:是否完整覆蓋、是否可理解、是否告知用戶(hù)如何應對
最容易讓用戶(hù)焦慮的就是未知。當頁(yè)面或操作(zuo)出現了異常情況,或者操作沒(méi)有及時(shí)、合理響應時(shí),ヾ(′▽?zhuān)??用戶(hù)不僅焦慮,更有可能憤怒,對用戶(hù)的傷害非常大。
第一步:是否完整覆蓋
對于通用(╯°□°)╯︵ ┻━┻的內容加載異??常,應該在設計之初就指定好統一的反饋規范,切ヽ(′ー`)ノ忌語(yǔ)焉不詳,也切忌長(cháng)篇大論,語(yǔ)氣態(tài)度上應該平和偏軟,不要太過(guò)生硬,最好也不要太???過(guò)俏皮:有可能過(guò)猶不及。
反饋的方式,如果有進(jìn)度(′?_?`)盡量要顯示出進(jìn)度,如果沒(méi)有,則應該保持反饋的動(dòng)態(tài)展示,必要時(shí)可給予提示:例如因網(wǎng)速等原因加載時(shí)間??超過(guò)5秒還沒(méi)有結果,可適時(shí)ヽ(′▽?zhuān)?ノ給出“還在全力加載中,請稍候”等緩解用戶(hù)??焦慮的??手段(′▽?zhuān)?。
切忌在反饋內容上出現“數據錯(╯°□°)╯誤”、“系統異?!钡炔豢衫斫獾募夹g(shù)術(shù)語(yǔ),如果真實(shí)的原??(′_`)因用戶(hù)可理解,那就如實(shí)簡(jiǎn)要描述,如果不可理解,那就用常規的“加載失敗,請刷新重試”等習慣用語(yǔ)即可。
第三步:是否告知用戶(hù)如何應對
很多場(chǎng)景光一個(gè)原ヾ(′ω`)?因說(shuō)明還不夠,還應該告知或引導用戶(hù)如何進(jìn)行下一步操作,或者直接提供下一步操作(?????)的按鈕。尤其是接下來(lái)第5點(diǎn)總結的,在產(chǎn)品的核心(xin)流程上,為??了保證盡可能高的轉化率,還應該特別關(guān)注告知用戶(hù)如何應對非技術(shù)原因ヾ(′▽?zhuān)??的中斷。
非技術(shù)原因的中斷是指的是由于業(yè)務(wù)邏輯上的規則,導致用戶(hù)暫時(shí)無(wú)法進(jìn)行某一項操作,這種情況,盡可能要引導用戶(hù)進(jìn)行補償性操作,從而降低用戶(hù)流失。例如,如果(????)用戶(hù)由于時(shí)間未到而無(wú)法進(jìn)行某項操作,那最優(yōu)方案不只是提示用戶(hù)什么時(shí)(??-)?候可以操作,還應該讓用戶(hù)預約一個(gè)提醒時(shí)間,到時(shí)間后提醒用戶(hù)進(jìn)行操作,如下示例所示,就是好的方案:
這一項,實(shí)際上是前面四項方法的匯總,之所以單獨列出來(lái),是因為我們每一個(gè)定位合理的APP,實(shí)際上都有一個(gè)核心的目標,例如電商就是從查找商品到完成購物,學(xué)習類(lèi)APP就是從課程匹配到完成課程學(xué)習。
對(′_ゝ`)于任何一個(gè)產(chǎn)品,我們都應該重點(diǎn)關(guān)注核心業(yè)務(wù)流程的順暢性和反饋的及時(shí)性。我這里以預約-認購流程為(wei)核心的產(chǎn)品《多彩投APP》為例說(shuō)明:
這個(gè)產(chǎn)品要實(shí)現的是先預約(支付預約金)、再專(zhuān)享認購(預約用戶(hù)可支付尾款(′?`)完成認購)、再開(kāi)放認購(非預約用戶(hù)可認購)的流程。從用戶(hù)預約開(kāi)始,我們就應該考慮到流程的以下(╯°□°)╯各個(gè)環(huán)節:
支付預約金的流程是否順暢支付結果是否反饋及時(shí)預約金支付完??成后如何提示用戶(hù)留意后續的認購臨近專(zhuān)享認購時(shí)如何提醒預約用戶(hù)非預約用戶(hù)在專(zhuān)享認??購時(shí)點(diǎn)擊認購,如何提示并引導專(zhuān)享認購期臨近結束時(shí)如何提醒未支付尾款的(′?ω?`)預約用戶(hù)臨近開(kāi)放認購┐(′д`)┌時(shí)如何提醒那些感興趣的用戶(hù)(專(zhuān)享認購時(shí)點(diǎn)擊過(guò)的非預約用戶(hù))
