設計符合直覺的用戶界面(WWDC2014 #211)
(via:bang’s blog)
看了WWDC2014 Session 211 – Designing Intuitive User Experiences,覺得挺不錯,寫下筆記。
用筆寫字這個技能是我們從小就開始一直鍛煉的,剛開始我們寫得亂七八糟,后來慢慢變好,在這個訓練過程中,書寫這個技能已經變成肌肉記憶,在書寫的過程中完全不用去思考,不會去注意到是怎樣書寫,怎樣握筆,用了什么筆什么紙,一切都在無意識中完成,書寫這一行為已經成為直覺。熟能生巧,這就是直覺的來源。
直覺是訓練出來的,專業技能的直覺普通人是沒有的,飛機幾百個按鈕飛行員可以不假思索找到需要的按鈕,普通人不行,因為你可能有著別人沒有的直覺,所以若純粹按照你自己的想法做產品,可能會讓部分用戶用起來感到沮喪,你需要站在用戶的角度和情景去設計,了解他們知道什么,不知道什么,直覺是什么。(按國內的說法就是讓自己進入小白模式)
為什么產品設計要符合用戶直覺?因為這樣用戶用你的APP不用學習,不用思考,可以隨心所欲,用起來很爽,就會去給好評,就會有更多人使用。
設計符合直覺的產品,有5個特點。
5.平臺共性 (Platform Savvy)
世上有數不清的各種筆,但你知道他們都可以用于書寫,你會用同樣的握筆方式,書寫方式使用它們,這是筆的平臺共性,對一個個體的認識可以延伸到同一平臺上其他相似物的認識。
iOS平臺上有很多這樣的共性,例如在iMail列表里,向左滑動會出現刪除按鈕,一旦你知道了這個操作,在iOS上其他APP的列表里,你想刪除其中一項時你會嘗試左滑,預期中它是應該會出現一個刪除按鈕的,如果沒有出現,用戶會覺得很沮喪,出現了會覺得很爽很流暢。如果你在一個平臺上做的東西不符合這個平臺的共性,用戶就會覺得你這個APP很奇怪。
建議用iOS平臺約定成俗的東西,例如返回按鈕位置,按鈕點擊位置,圖標大小,圖片縮放等等,這樣用戶沒有學習成本。如果你想打破這些規則,做標新立異的APP,那你需要通過各種途徑告訴用戶。
4.易于導航 (Easy to Navigate)
(1)告訴你現在你處于APP的什么位置。Tab Bar標簽/Navigation Bar標題都是干這事兒的。
(2)告訴你還能去哪里。用tab bar的優勢是把你能去的地方全列出來了。
(3)告訴你去到那個地方會有什么東西。把一堆功能分成清晰的幾類,讓人能從分類中就大概知道那里有什么。
逐級前進
在用戶真正需要一個功能之前,不要把這個功能展示給他。可以通過加深分類層次做到這點。雖然這會增加用戶選擇點擊次數,但如果分類清晰,用戶不用思索就可以找到他想要的功能,這是更好的體驗。
可預期
不要輕易改變用戶已經習慣的東西,有重新學習的成本。例如根據使用頻率把導航列表的各選項調上調下,用戶體驗是很糟糕的。
讓選擇中狀態清晰可分辨
Tab Bar的選中狀態應該做成什么樣?若是僅僅換個顏色,并不夠突出選中狀態,iOS的做法是把圖標填充滿,再換顯眼的顏色。做選中狀態的原則是,要讓圖標不換顏色時,用戶都能隱約分辨這是選中狀態。
連貫體驗
iOS里相冊點擊一張圖片,圖片是從原來的位置放大的,讓你確認點擊的就是那張照片,返回也是,從大圖縮回小圖,讓你知道這張圖片在你縮略圖列表的位置。若點擊圖片然后從右滑進一個大圖則沒有這種連貫的體驗。
提供暗示
一些不易發現的交互方式要提供足夠的提示。舉例一個星辰APP,點擊星辰本身不會去到詳情頁,要點旁邊的(i)按鈕才會,但點擊星辰會讓i按鈕閃一下,表示可以點擊這里。
少即是多
提供更少的選擇,會讓更多的用戶去選擇。若選擇多了,用戶不知怎么選,反而不選了。在蘋果和梨中選一個很容易,在很多種水果中選一個很難。
抽屜式側滑導航問題
優點:
(1)不占用屏幕空間,省去了Tab Bar的空間
(1)導航欄位置大,占滿屏幕,甚至可以上下滑動
缺點:
(1)無法解決上述“我在哪里”“我還能去哪里”這兩個問題。導航被隱藏起來,不像Tab Bar一直在那里,讓用戶知道自己在哪里,還能去哪里。
(2)切換點擊次數多。Tab Bar只需要一次點擊,瞬間去到目的地。側滑需要點擊漢堡圖標,等動畫做完,再選擇目的地,再等動畫做完,效率低。
(3)要占用Navigation Bar一個按鈕的位置。放左邊會跟返回按鈕沖突,一般解決方法是返回到最上級才出現這個導航圖標,這是不好的體驗。若導航按鈕放右邊,右邊就不能放一些iOS上習慣放的按鈕,如編輯,分享等,導致用戶體驗很怪。
(4)側滑導航把很多不常用的東西都放進去了,顯得很雜亂。
3.清晰 (Clear)
語言
No big words 不要用晦澀的詞,用所有人熟知的詞。
Avoid jargon 不要用專業術語,除非你的用戶群是專業人士。
Be descriptive 用語義清晰的詞
Be succinct 簡潔
Avoid truncation 避免句子太長被系統用省略號截斷
Make text legible 選易讀的字體,不要用亂七八糟的花哨字體。
圖標
用大家都熟知含義的圖標,例如信息圖標和搜索圖標。
用跟現實中大家熟知的物品形狀相近的圖標,如鬧鐘圖標。另外別以為軟盤是大家熟知的物品。
不要用一個圖標代表不同意思,例如用搜索圖標代表檢查。
圖標是不能被用戶學習的。
圖標是很小的,避免用復雜的圖形,不然縮小了不易辨識。
動畫
有時用動畫可以清晰引導用戶。如iOS相機的聚焦,首先聚焦框從大到小縮放到聚焦位置,讓你注意力集中到這個聚焦框上,然后框閃了兩下,提示你聚焦已完成,可以拍照了。
另一個例子是鎖屏輸入密碼,若輸錯密碼,四個密碼原點會跳一下,可以讓用戶很直觀地知道密碼錯了,而不用去讀文字。
2.簡單 (Simple)
不要做一個復雜的APP,繁雜的功能會把真正用戶需要的功能掩蓋隱藏在深處(不適用于中國)。不要給用戶一些他們不需要的功能(或者是80%的用戶不需要),過多的功能讓用戶分心,難以找到他們想要的東西。
1.專注 (Focused)
一個APP應該專注做一到兩件事。小而美,打磨精品,為用戶提供最好的解決方案,才能在120萬APP中脫穎而出。
SOURCE:IPADOWN
- 目前還沒評論,等你發揮!