設(shè)計符合直覺的用戶界面(WWDC2014 #211)

朱帝
0 評論 6127 瀏覽 0 收藏 9 分鐘

(via:bang’s blog)

看了WWDC2014 Session 211 – Designing Intuitive User Experiences,覺得挺不錯,寫下筆記。

用筆寫字這個技能是我們從小就開始一直鍛煉的,剛開始我們寫得亂七八糟,后來慢慢變好,在這個訓練過程中,書寫這個技能已經(jīng)變成肌肉記憶,在書寫的過程中完全不用去思考,不會去注意到是怎樣書寫,怎樣握筆,用了什么筆什么紙,一切都在無意識中完成,書寫這一行為已經(jīng)成為直覺。熟能生巧,這就是直覺的來源。

直覺是訓練出來的,專業(yè)技能的直覺普通人是沒有的,飛機幾百個按鈕飛行員可以不假思索找到需要的按鈕,普通人不行,因為你可能有著別人沒有的直覺,所以若純粹按照你自己的想法做產(chǎn)品,可能會讓部分用戶用起來感到沮喪,你需要站在用戶的角度和情景去設(shè)計,了解他們知道什么,不知道什么,直覺是什么。(按國內(nèi)的說法就是讓自己進入小白模式)

為什么產(chǎn)品設(shè)計要符合用戶直覺?因為這樣用戶用你的APP不用學習,不用思考,可以隨心所欲,用起來很爽,就會去給好評,就會有更多人使用。

設(shè)計符合直覺的產(chǎn)品,有5個特點。

5.平臺共性 (Platform Savvy)

世上有數(shù)不清的各種筆,但你知道他們都可以用于書寫,你會用同樣的握筆方式,書寫方式使用它們,這是筆的平臺共性,對一個個體的認識可以延伸到同一平臺上其他相似物的認識。

iOS平臺上有很多這樣的共性,例如在iMail列表里,向左滑動會出現(xiàn)刪除按鈕,一旦你知道了這個操作,在iOS上其他APP的列表里,你想刪除其中一項時你會嘗試左滑,預期中它是應該會出現(xiàn)一個刪除按鈕的,如果沒有出現(xiàn),用戶會覺得很沮喪,出現(xiàn)了會覺得很爽很流暢。如果你在一個平臺上做的東西不符合這個平臺的共性,用戶就會覺得你這個APP很奇怪。

建議用iOS平臺約定成俗的東西,例如返回按鈕位置,按鈕點擊位置,圖標大小,圖片縮放等等,這樣用戶沒有學習成本。如果你想打破這些規(guī)則,做標新立異的APP,那你需要通過各種途徑告訴用戶。

4.易于導航 (Easy to Navigate)

(1)告訴你現(xiàn)在你處于APP的什么位置。Tab Bar標簽/Navigation Bar標題都是干這事兒的。

(2)告訴你還能去哪里。用tab bar的優(yōu)勢是把你能去的地方全列出來了。

(3)告訴你去到那個地方會有什么東西。把一堆功能分成清晰的幾類,讓人能從分類中就大概知道那里有什么。

逐級前進

在用戶真正需要一個功能之前,不要把這個功能展示給他。可以通過加深分類層次做到這點。雖然這會增加用戶選擇點擊次數(shù),但如果分類清晰,用戶不用思索就可以找到他想要的功能,這是更好的體驗。

可預期

不要輕易改變用戶已經(jīng)習慣的東西,有重新學習的成本。例如根據(jù)使用頻率把導航列表的各選項調(diào)上調(diào)下,用戶體驗是很糟糕的。

讓選擇中狀態(tài)清晰可分辨

Tab Bar的選中狀態(tài)應該做成什么樣?若是僅僅換個顏色,并不夠突出選中狀態(tài),iOS的做法是把圖標填充滿,再換顯眼的顏色。做選中狀態(tài)的原則是,要讓圖標不換顏色時,用戶都能隱約分辨這是選中狀態(tài)。

連貫體驗

iOS里相冊點擊一張圖片,圖片是從原來的位置放大的,讓你確認點擊的就是那張照片,返回也是,從大圖縮回小圖,讓你知道這張圖片在你縮略圖列表的位置。若點擊圖片然后從右滑進一個大圖則沒有這種連貫的體驗。

提供暗示

一些不易發(fā)現(xiàn)的交互方式要提供足夠的提示。舉例一個星辰APP,點擊星辰本身不會去到詳情頁,要點旁邊的(i)按鈕才會,但點擊星辰會讓i按鈕閃一下,表示可以點擊這里。

少即是多

提供更少的選擇,會讓更多的用戶去選擇。若選擇多了,用戶不知怎么選,反而不選了。在蘋果和梨中選一個很容易,在很多種水果中選一個很難。

抽屜式側(cè)滑導航問題

優(yōu)點:

(1)不占用屏幕空間,省去了Tab Bar的空間

(1)導航欄位置大,占滿屏幕,甚至可以上下滑動

缺點:

(1)無法解決上述“我在哪里”“我還能去哪里”這兩個問題。導航被隱藏起來,不像Tab Bar一直在那里,讓用戶知道自己在哪里,還能去哪里。

(2)切換點擊次數(shù)多。Tab Bar只需要一次點擊,瞬間去到目的地。側(cè)滑需要點擊漢堡圖標,等動畫做完,再選擇目的地,再等動畫做完,效率低。

(3)要占用Navigation Bar一個按鈕的位置。放左邊會跟返回按鈕沖突,一般解決方法是返回到最上級才出現(xiàn)這個導航圖標,這是不好的體驗。若導航按鈕放右邊,右邊就不能放一些iOS上習慣放的按鈕,如編輯,分享等,導致用戶體驗很怪。

(4)側(cè)滑導航把很多不常用的東西都放進去了,顯得很雜亂。

3.清晰 (Clear)

語言

No big words 不要用晦澀的詞,用所有人熟知的詞。

Avoid jargon 不要用專業(yè)術(shù)語,除非你的用戶群是專業(yè)人士。

Be descriptive 用語義清晰的詞

Be succinct 簡潔

Avoid truncation 避免句子太長被系統(tǒng)用省略號截斷

Make text legible 選易讀的字體,不要用亂七八糟的花哨字體。

圖標

用大家都熟知含義的圖標,例如信息圖標和搜索圖標。

用跟現(xiàn)實中大家熟知的物品形狀相近的圖標,如鬧鐘圖標。另外別以為軟盤是大家熟知的物品。

不要用一個圖標代表不同意思,例如用搜索圖標代表檢查。

圖標是不能被用戶學習的。

圖標是很小的,避免用復雜的圖形,不然縮小了不易辨識。

動畫

有時用動畫可以清晰引導用戶。如iOS相機的聚焦,首先聚焦框從大到小縮放到聚焦位置,讓你注意力集中到這個聚焦框上,然后框閃了兩下,提示你聚焦已完成,可以拍照了。

另一個例子是鎖屏輸入密碼,若輸錯密碼,四個密碼原點會跳一下,可以讓用戶很直觀地知道密碼錯了,而不用去讀文字。

2.簡單 (Simple)

不要做一個復雜的APP,繁雜的功能會把真正用戶需要的功能掩蓋隱藏在深處(不適用于中國)。不要給用戶一些他們不需要的功能(或者是80%的用戶不需要),過多的功能讓用戶分心,難以找到他們想要的東西。

1.專注 (Focused)

一個APP應該專注做一到兩件事。小而美,打磨精品,為用戶提供最好的解決方案,才能在120萬APP中脫穎而出。

SOURCE:IPADOWN

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!