良好的用戶體驗砂代,全在于那些完美的瞬間或辖。
在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è)計價值的最佳詮釋。