《瞬間之美-we界面設(shè)計如何讓用戶心動》讀書心得

良好的用戶體驗虫蝶,全在于那些完美的瞬間章咧。人們常說第一印象往往會給人留下一生的記憶,其實對于一個網(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è)計價值的最佳詮釋民假。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市龙优,隨后出現(xiàn)的幾起案子羊异,更是在濱河造成了極大的恐慌,老刑警劉巖彤断,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件野舶,死亡現(xiàn)場離奇詭異,居然都是意外死亡宰衙,警方通過查閱死者的電腦和手機平道,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來供炼,“玉大人一屋,你說我怎么就攤上這事〈撸” “怎么了冀墨?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長涛贯。 經(jīng)常有香客問我诽嘉,道長,這世上最難降的妖魔是什么弟翘? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任虫腋,我火速辦了婚禮,結(jié)果婚禮上稀余,老公的妹妹穿的比我還像新娘悦冀。我一直安慰自己,他們只是感情好滚躯,可當我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布雏门。 她就那樣靜靜地躺著,像睡著了一般掸掏。 火紅的嫁衣襯著肌膚如雪茁影。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天丧凤,我揣著相機與錄音募闲,去河邊找鬼。 笑死愿待,一個胖子當著我的面吹牛浩螺,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播仍侥,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼要出,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了农渊?” 一聲冷哼從身側(cè)響起患蹂,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎砸紊,沒想到半個月后传于,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡醉顽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年沼溜,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片游添。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡系草,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出唆涝,到底是詐尸還是另有隱情悄但,我是刑警寧澤,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布石抡,位于F島的核電站檐嚣,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏啰扛。R本人自食惡果不足惜嚎京,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望隐解。 院中可真熱鬧鞍帝,春花似錦、人聲如沸煞茫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蚓曼,卻和暖如春亲澡,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背纫版。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工床绪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人其弊。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓癞己,卻偏偏與公主長得像,于是被迫代替她去往敵國和親梭伐。 傳聞我的和親對象是個殘疾皇子痹雅,可洞房花燭夜當晚...
    茶點故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內(nèi)容

  • part1:指引用戶 ch1 令人心動的第一印象 首先討論用戶第一次訪問某個站點的頭30秒鐘內(nèi)將會發(fā)生的事情。 ·...
    orli閱讀 1,729評論 0 4
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,734評論 25 707
  • 《瞬間之美》主要是針對Web端的界面糊识,闡述的交互設(shè)計如何達到用戶最滿意的狀態(tài)练慕,如何能讓用戶一眼就愛上你。 第一部分...
    波妞的閱讀 1,231評論 0 5
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案技掏? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,734評論 1 92
  • 在家鄉(xiāng)铃将,每年農(nóng)歷七月十三都有包餛飩的習(xí)俗。 農(nóng)民有句俗話說哑梳,“苦圓子劲阎,甜餛飩”。意思是吃了清明圓子后要苦了鸠真,也就是...
    莞漓君閱讀 645評論 2 5