瞬間之美:Web界面設(shè)計如何讓用戶心動 讀書小記

良好的用戶體驗砂代,全在于那些完美的瞬間或辖。

在Web2.0時代笆檀,優(yōu)秀的產(chǎn)品往往意味著以萬為單位的點擊量,良好的客戶口碑以及(最重要的)豐厚的市場回報艰亮。

唯有用戶才是Web2.0時代的考核者闭翩,評判者。

用戶認為我們提供的服務(wù)物超所值迄埃,才會口耳相傳疗韵,才會把心得寫到自己的博客里,才會成為你的擁護者侄非。用戶沒有標準答案來對你的產(chǎn)品進行評分蕉汪,他們依據(jù)的是自己在你網(wǎng)站或者應(yīng)用中,每一次發(fā)出指令或者得到反饋的瞬間體驗逞怨。如果他們在完成自己想要的任務(wù)時者疤,沒有遇到麻煩,那對你的印象就是良好叠赦,如果在此基礎(chǔ)上驹马,還能感覺到操作的愉悅或成功的欣喜,那么對你的評分就是優(yōu)秀。

那么我們?nèi)绾稳ネ瓿梢环輧?yōu)秀的產(chǎn)品設(shè)計呢糯累?

1.明確目的

首先明白目的:我們希望用戶做什么算利?

? ? ? ? ? ?引申意:界面應(yīng)該如何鼓勵他們完成這個任務(wù)?

? ? ? ? ? ?同理心:還需要考慮這位用戶在此刻的目標是什么泳姐?

? ? ? ? 操作流程:我們的設(shè)計如何幫助他實現(xiàn)他的目標效拭?

每個人每時每刻所要完成的任務(wù),對此時的他而已胖秒,就是最重要的任務(wù)缎患,因此只有把用戶的任務(wù)當(dāng)成設(shè)計的最終端任務(wù)來處理,運用好極致的同理心阎肝,才能設(shè)計出最符合客戶心理的產(chǎn)品挤渔。

2.實施步驟--引導(dǎo)用戶

人們通常獲得信息導(dǎo)向的方法是:

粗略掃視一遍頁面, 看看自己有哪些選擇盗痒,并且快速過濾掉那些無關(guān)自己興趣的內(nèi)容蚂蕴。

也就是說大多數(shù)時候低散,對產(chǎn)品的第一印象會直接導(dǎo)致客戶有沒有興趣繼續(xù)對你的產(chǎn)品進行探索俯邓,因此設(shè)計的首要目的是能吸引住客戶,幫助用戶進行軟“著陸”熔号。

## 為掃描而設(shè)計:歡迎語簡明扼要(盡量精簡稽鞭,可以不要)

##? 良好的版面布局,2/8分配原則引镊,舒適的閱讀空間

##? 設(shè)置特別區(qū)域朦蕴,緊抓用戶注意力

##? 合適的顏色搭配(重要操作和區(qū)域顏色可保持一致)

##? ?應(yīng)用古騰堡圖表的排版方式(人的視線一般會從左上到右下去瀏覽一頁的展示信息,左下和右上很容易被忽略弟头,所以重點內(nèi)容可以放置在從左上到右下這一條線以內(nèi))

##? 少即是多--極簡設(shè)計 保持頁面的簡潔性

##? 統(tǒng)一設(shè)計風(fēng)格--為用戶打造熟悉舒適的操作環(huán)境吩抓,減輕用戶的記憶負擔(dān)。

##? 所見即所得赴恨,讓用戶放松心態(tài)疹娶,不怕犯錯

3.設(shè)計核心

以用戶為出發(fā)點,而不是以系統(tǒng)為出發(fā)點伦连,用戶不是工具雨饺,系統(tǒng)才是。

只有先了解用戶是什么樣的心態(tài)惑淳,才能真正服務(wù)好用戶额港。好的設(shè)計應(yīng)當(dāng)是自然的,自然歧焦,用戶不喜歡感覺到自己正按軟件的要求去做事情移斩,在決定采取某個行為的瞬間,用戶希望由自己控制軟件, 由自己告訴他應(yīng)該做些什么向瓷,而不是相反忍宋。

設(shè)計不包含任何運氣成分。一個網(wǎng)站的外觀风罩、版面布局糠排、導(dǎo)航結(jié)構(gòu)、傳達個性的元素超升,這其中的任何一項入宦,乃至顏色和字體的使用方式,對于第一印象(以及隨后的效果)而言都至關(guān)重要室琢。他們都需要我們有明確的目標乾闰,進行針對性的設(shè)計,才能傳達正確的信息盈滴,而用戶才會信任我們的網(wǎng)站和產(chǎn)品涯肩。

因此,每件事都很重要巢钓。

舉例來說:以標題要精簡病苗,才能有效吸取用戶有效的注意力,太長的介紹性文字症汹,人們往往會直接忽略硫朦。

解釋頁面的主要目的:一句話,說明它的目的背镇、好處和使用方法咬展,精煉語言,能準確明了表達意思瞒斩,不要讓用戶去思考破婆。對用戶來說,一個簡短的句子胸囱,遠比一大段文字要來的有意義祷舀,即使這段文字的文筆很好,重要的并不是我們提供的信息量有多大旺矾,而是我們能否給他們提供真正需要的信息蔑鹦。

設(shè)計最忌諱的就是多做假設(shè),我們處理問題的時候箕宙,很容易把對面帶進我們以為的人設(shè)中去嚎朽,這樣是不合理的,必須去除假設(shè)柬帕,而要把用戶當(dāng)成什么都不知道的人來完成哟忍。

馬化騰曾說要把自己想象成一個遲鈍狡门、挑剔、易怒的傻瓜來使用產(chǎn)品锅很,這樣才能讓產(chǎn)品設(shè)計真正大眾化其馏,走向市場,滿足了最挑剔的顧客爆安,自然而然會得到品質(zhì)的提升叛复,好的設(shè)計應(yīng)該是具備良好的包容感。

那我們?nèi)绾稳ヒ龑?dǎo)用戶快速熟悉我們的產(chǎn)品呢扔仓?

**采取文字說明輔助

假設(shè)用戶絲毫不了解我們的軟件褐奥,那我們就需要給他們足夠的信息以便幫助他們理解。

說明性文字:這是什么翘簇?或者可點擊鏈接等其他表意清楚的標記都能達到這個目的

**重視搜索的應(yīng)用

把他們的目標從瀏覽轉(zhuǎn)變?yōu)樗阉鳌?/p>

在搜索的同時撬码,展現(xiàn)好,搜索的藝術(shù)版保,對于復(fù)雜的搜索要考慮遞進顯示

**重視用戶的請求

在web因應(yīng)用中幾乎你的任何行為都能夠取消呜笑,都能被終止。

因此我們需要合理的運用好OK彻犁、取消等按鈕叫胁,并且進行相應(yīng)文字性的提煉。

**為用戶樹立清晰的標的袖裕。

幫助用戶建立起一個清晰的期望

告訴他們整個流程曹抬,從哪里來,現(xiàn)在在哪里急鳄,到哪里去,分幾步

為他們建立良好的心理預(yù)期堰酿,只要怎么做我就能迅速掌握系統(tǒng)疾宏,讓用戶產(chǎn)生成功的感覺、或者愉悅心理触创。

**慎用警告對話框?

人們對于任何事物的態(tài)度都是需要習(xí)慣的坎藐,當(dāng)習(xí)慣了各種警告以后,反而會習(xí)以為常哼绑,不以為意岩馍。

警告對話框用得越多,就越?jīng)]有效果抖韩。

**要糾錯 也要贊揚

在用戶完成任務(wù)過程中遇到麻煩的時候蛀恩,也要有合適的提示機制,為用戶提供好的建議茂浮,盡量降低用戶的煩躁心理双谆,當(dāng)用戶成功完成輸入條件壳咕,或者完成產(chǎn)品使用的時候,也要給用戶良好的反饋顽馋,形成情緒閉環(huán)谓厘。

總結(jié)

作者把若干瞬間分門別類,一個有經(jīng)驗的設(shè)計師在面對一些非常普遍的交互問題時寸谜,是怎么想竟稳,怎么做的。他的思路和做法都對我們有很大啟發(fā)熊痴,其實結(jié)果不重要住练,重要的是過程。每個交互設(shè)計師都可能遇到問題愁拭,每個人都有自己的解決方法讲逛,不同的方法能導(dǎo)致不同的結(jié)果,作者很謙虛岭埠,很坦誠盏混。看完覺得一切都挺簡單惜论,確實很簡單许赃,沒有復(fù)雜的用戶需求調(diào)研,沒有嚴謹?shù)臄?shù)據(jù)支持馆类,沒有繁復(fù)的交互設(shè)計步驟混聊。

設(shè)計師是其他所有一切的傳達者。不管是設(shè)計應(yīng)用程序乾巧、演示幻燈片句喜、設(shè)計文檔,還是餐飲里的酒單沟于,我們的目標永遠是向用戶傳達它們是如何工作的咳胃,而他們又能從中得到什么,以及為什么它們?yōu)槭裁春苤匾?/p>

為了做到這些旷太,我們通過各種設(shè)計手法展懈、指示性元素以及其他手段來傳達一款應(yīng)用程序及其交互行為的目的、利益和使用方法供璧。我們通過顏色存崖、圖像和文字來傳達情緒。我們通過客戶服務(wù)和高質(zhì)量的產(chǎn)品來傳達對用戶的奉獻精神睡毒。

作者提到兩點很有意思来惧,啟發(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閱讀 216,744評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異管跺,居然都是意外死亡义黎,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評論 3 392
  • 文/潘曉璐 我一進店門豁跑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來廉涕,“玉大人,你說我怎么就攤上這事艇拍『桑” “怎么了?”我有些...
    開封第一講書人閱讀 163,105評論 0 353
  • 文/不壞的土叔 我叫張陵淑倾,是天一觀的道長馏鹤。 經(jīng)常有香客問我,道長娇哆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,242評論 1 292
  • 正文 為了忘掉前任勃救,我火速辦了婚禮碍讨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蒙秒。我一直安慰自己勃黍,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,269評論 6 389
  • 文/花漫 我一把揭開白布晕讲。 她就那樣靜靜地躺著覆获,像睡著了一般马澈。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上弄息,一...
    開封第一講書人閱讀 51,215評論 1 299
  • 那天痊班,我揣著相機與錄音,去河邊找鬼摹量。 笑死涤伐,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的缨称。 我是一名探鬼主播凝果,決...
    沈念sama閱讀 40,096評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼睦尽!你這毒婦竟也來了器净?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,939評論 0 274
  • 序言:老撾萬榮一對情侶失蹤当凡,失蹤者是張志新(化名)和其女友劉穎山害,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體宁玫,經(jīng)...
    沈念sama閱讀 45,354評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡粗恢,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,573評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了欧瘪。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片眷射。...
    茶點故事閱讀 39,745評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖佛掖,靈堂內(nèi)的尸體忽然破棺而出妖碉,到底是詐尸還是另有隱情,我是刑警寧澤芥被,帶...
    沈念sama閱讀 35,448評論 5 344
  • 正文 年R本政府宣布欧宜,位于F島的核電站,受9級特大地震影響拴魄,放射性物質(zhì)發(fā)生泄漏冗茸。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,048評論 3 327
  • 文/蒙蒙 一匹中、第九天 我趴在偏房一處隱蔽的房頂上張望夏漱。 院中可真熱鬧,春花似錦顶捷、人聲如沸挂绰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽葵蒂。三九已至交播,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間践付,已是汗流浹背秦士。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留荔仁,地道東北人馁害。 一個月前我還...
    沈念sama閱讀 47,776評論 2 369
  • 正文 我出身青樓戏售,卻偏偏與公主長得像先朦,于是被迫代替她去往敵國和親似炎。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,652評論 2 354

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