良好的用戶體驗虫蝶,全在于那些完美的瞬間章咧。人們常說第一印象往往會給人留下一生的記憶,其實對于一個網(wǎng)站而言也是同樣成立的能真。良好的用戶體驗赁严,傳遞到用戶那里,就全在于那些完美的瞬間粉铐。每一個瞬間都有可能加強也可能摧毀用戶對某個產(chǎn)品或公司的信心疼约。在互聯(lián)網(wǎng)時代,設(shè)計一個引人注目蝙泼、令人心動的網(wǎng)頁頁面仍然是玩也設(shè)計不可或缺的一部分程剥。
對角線平衡的設(shè)計理念源于約翰內(nèi)斯·古騰堡的古騰堡圖表。
人們?yōu)g覽頁面或布局的時候汤踏,視線都趨向于從左上角移動到右下角的眼動規(guī)律织鲸,就好像頁面的布局設(shè)計有某種自然引力一樣。因為人們通常都是從左至右溪胶、由上往下地閱讀搂擦,久而久之視線自然會沿著這一路徑移動。古騰堡圖表中哗脖,左上角是第一視覺落點區(qū)瀑踢,右下角是最終視覺落點區(qū),右上角和左下角則為視覺盲點懒熙。因此我們在設(shè)計的時候丘损,采用對角線平衡通常都是需要考慮的普办,設(shè)計需要遵從用戶習(xí)慣性的眼動規(guī)律工扎。
Web導(dǎo)航之道至關(guān)重要。
在我們第一次使用某個web應(yīng)用產(chǎn)品時衔蹲,熟悉它的關(guān)鍵在于是否能夠理解整個站點的內(nèi)部結(jié)構(gòu)肢娘。站點需要第一時間給用戶以用戶需要的部分信息,最初的幾個瞬間對用戶能否留下好印象起著至關(guān)重要的作用舆驶,用戶很可能在掃一眼之后及時離開橱健。
然而令人迷惑的屬于和拙劣的組織結(jié)構(gòu)和導(dǎo)航,將會在幾秒內(nèi)把用戶從滿懷希望和興致勃勃帶往灰心失敗和挫折沙廉,人們需要瞬間在網(wǎng)站中找到自己的方向拘荡。人們最常用的導(dǎo)向方法是進入一個頁面,粗略掃視一遍頁面撬陵,看看自己有哪些選擇珊皿,并且同時快速過濾掉那些與自己無關(guān)或者是自己不感興趣的內(nèi)容网缝。用戶會先瀏覽頁面的各主要區(qū)域,找出相關(guān)部分蟋定,然后在相關(guān)部分里的項目中找出關(guān)聯(lián)性更強的粉臊,希望最終能發(fā)現(xiàn)自己確實一直在尋找的內(nèi)容。處于種種原因驶兜,導(dǎo)航過程本身必須極其合理扼仲,這個合理是對于我們的用戶而言是必須合情合理,網(wǎng)站必須符合用戶的思考問題的方式抄淑。
讓環(huán)境提示成為引導(dǎo)的線索
作者在文中提到屠凶,日本的一些城際鐵路線站臺會在列車進站后播放自己獨特的音樂旋律,那些經(jīng)常乘坐同一線路的乘客會在乘車途中因無聊而做一些自己的事情蝇狼,而到達每一個站點都提前播放一段獨有的音樂旋律阅畴,能有效地引起乘客的注意而提前準備下車。環(huán)境提示這種新穎的想法迅耘,可以用在當用戶在網(wǎng)站上完成某項任務(wù)時贱枣,很可能是一種無意識的動作,網(wǎng)站能夠在當前環(huán)境下讓用戶很容易地找到正確的信息颤专。這一創(chuàng)新的想法可以用到鏈接列表纽哥。通過用不同顏色、不同大小栖秕、不同排版方式顯示鏈接列表春塌。創(chuàng)造出一種根據(jù)重要程度依次遞減的視覺效果,利用環(huán)境感提示作為引導(dǎo)簇捍。
標簽云作為一種新穎的導(dǎo)航被越來越多的網(wǎng)頁采用
標簽云是一種鏈接列表只壳,顯示在一個區(qū)域內(nèi),并且按照熱門程度來家中顯示其中某些標簽暑塑,最后的結(jié)果看上去就像一片鏈接的云層吼句。雖然標簽云是一種創(chuàng)新式導(dǎo)航,但是和之前說的環(huán)境提示有些許背離事格,從某些方面說惕艳,標簽云起到的功能與連接鏈表是同樣的意義,通過視覺上的不同傳來更多的含義驹愚,然而標簽云需要一個很重要的前提远搪,那就是標簽云系統(tǒng)所顯示的鏈接列表的行業(yè)知識。如果真正想從標簽云中獲得方便逢捺,就需要先弄明白為什么有些鏈接比其他的要大谁鳍,或者說比其他鏈接顏色要深。所以,很大程度上倘潜,大部分用戶在接觸標簽云的時候都會一時弄不明白為什么有些鏈接會比其他鏈接要大余佛,可能會有一部分用戶回去猜測,但是一個導(dǎo)航如果需要用戶去猜測它的含義所在窍荧,那么這個導(dǎo)航就是失敗的辉巡。所以,當改標簽云系統(tǒng)顯示的內(nèi)容并不是很容易通俗易懂的知識系統(tǒng)蕊退,那么不建議使用標簽云系統(tǒng)導(dǎo)航郊楣。只有在其所顯示的內(nèi)容知識系統(tǒng)能夠讓用戶及時通俗易懂,那么此種情況下可以使用標簽云系統(tǒng)導(dǎo)航瓤荔。
使用視頻演示代替各種指示與引導(dǎo)
很多時候很多網(wǎng)站都會用大段的文字用作各種功能以及使用的解說净蚤,其實用戶在進入一個網(wǎng)站的時候,他是想在最短的時間內(nèi)得到自己想要的信息输硝,而且根據(jù)用戶的瀏覽習(xí)慣今瀑,很少會有用戶會在一大段一大段的文字解說部分停留太多時間,可能會有用戶為了學(xué)習(xí)某網(wǎng)站的某功能点把,二花費大量的時間去閱讀所謂的使用說明或者引導(dǎo)橘荠,那么這種情況下,我們完全可以用其他的方式來為用戶解決這些問題郎逃,視頻就是一個很好的方式哥童,用一種通俗易懂的方式,讓用戶及時了相關(guān)信息褒翰,并且在短時間內(nèi)就能讓用戶及時上手贮懈。大部分網(wǎng)站的文字解說如果能換上視頻演示,定會產(chǎn)生不同于現(xiàn)在的不同效果优训。但是朵你,視頻演示也并不是萬能的通用方式,依然會有太多的限制于瓶頸揣非。使用視頻抡医,那么用戶在訪問網(wǎng)站時,網(wǎng)頁會由于加載視頻妆兑,受到網(wǎng)速的限制魂拦,會拖累網(wǎng)頁的加載速度毛仪,極大影響用戶體驗搁嗓。所以,使用視頻與規(guī)避視頻箱靴,需要有一個平衡點腺逛。
作者把若干瞬間分門別類,一個有經(jīng)驗的設(shè)計師在面對一些非常普遍的交互問題時衡怀,是怎么想棍矛,怎么做的安疗。他的思路和做法都對我們有很大啟發(fā),其實結(jié)果不重要够委,重要的是過程荐类。每個交互設(shè)計師都可能遇到問題,每個人都有自己的解決方法茁帽,不同的方法能導(dǎo)致不同的結(jié)果玉罐,作者很謙虛,很坦誠潘拨〉跏洌看完覺得一切都挺簡單,確實很簡單铁追,沒有復(fù)雜的用戶需求調(diào)研季蚂,沒有嚴謹?shù)臄?shù)據(jù)支持,沒有繁復(fù)的交互設(shè)計步驟琅束。
那些策略層扭屁,結(jié)構(gòu)層,表現(xiàn)層……的飄渺概念涩禀,能夠顯示出一種專業(yè)性疯搅,或許能讓外人覺得交互設(shè)計師是一個非常牛逼的行業(yè),要具備認知心理學(xué)埋泵,行為科學(xué)的知識幔欧;要理解系統(tǒng)的局限性;商業(yè)目標和用戶體驗的微秒平衡丽声。
其實在日常工作中那些高深的知識并不能直接幫助到我們礁蔗,那些戰(zhàn)略層、結(jié)構(gòu)層雁社、表現(xiàn)層浴井,它們可能更適合做研究的時候用。當我們踏踏實實的需要解決一些問題霉撵,一些需求的時候磺浙,主要依靠的還是經(jīng)驗,敏銳的洞察力徒坡,和科學(xué)有效的方法撕氧,三者都可以通過我們不斷努力學(xué)習(xí)而獲得。
作者提到兩點很有意思喇完,啟發(fā)很大:
1.將熟悉的問題陌生化:每次面對一個問題的時候伦泥,作者都會以一個完全陌生的角度去審視,即使注冊表單這樣最普遍的問題,也像第一次面對一樣審視和質(zhì)疑每一個細節(jié)不脯,分析嘗試更優(yōu)的方案府怯。
2.廣泛吸取已有經(jīng)驗:在播放器設(shè)計的例子中,作者在開始動工之前防楷,遍歷了所有優(yōu)秀的視頻播放器的設(shè)計牺丙,進而得出自己的最佳方案。
印象最深刻的例子是复局,WordPress注冊流程改進的例子赘被,通過一次簡單的視覺調(diào)整注冊率提升了25%,這種活生生血淋淋的數(shù)據(jù)肖揣,就是設(shè)計價值的最佳詮釋民假。