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

0 評論 6097 瀏覽 0 收藏 9 分鐘

(via:bang’s blog)

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

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

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

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

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

5.平臺共性 (Platform Savvy)

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

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

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

4.易于導(dǎo)航 (Easy to Navigate)

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

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

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

逐級前進(jìn)

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

可預(yù)期

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

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

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

連貫體驗(yàn)

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

提供暗示

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

少即是多

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

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

優(yōu)點(diǎn):

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

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

缺點(diǎn):

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

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

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

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

3.清晰 (Clear)

語言

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

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

Be descriptive 用語義清晰的詞

Be succinct 簡潔

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

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

圖標(biāo)

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

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

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

圖標(biāo)是不能被用戶學(xué)習(xí)的。

圖標(biāo)是很小的,避免用復(fù)雜的圖形,不然縮小了不易辨識。

動畫

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

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

2.簡單 (Simple)

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

1.專注 (Focused)

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

SOURCE:IPADOWN

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