設(shè)計(jì)符合直覺的用戶界面(WWDC2014 #211)
![](http://image.woshipm.com/wp-files/img/61.jpg)
(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
- 目前還沒評論,等你發(fā)揮!