濃縮干貨！成就優(yōu)質(zhì)用戶體驗(yàn)的4個(gè)必要元素

互聯(lián)網(wǎng)時(shí)代的成功故事里，機(jī)遇和運(yùn)氣是增添它們傳奇色彩的決定性因素。一個(gè)零售企業(yè)適逢互聯(lián)網(wǎng)萌芽，在90年代這個(gè)網(wǎng)絡(luò)拓荒期逐漸膨脹成為響徹北美的互聯(lián)網(wǎng)巨頭，這是亞馬遜的故事。而Facebook的開頭則更有意思一些，校園創(chuàng)業(yè)，友情與背叛，在移動(dòng)端設(shè)備過度階段引領(lǐng)社交網(wǎng)絡(luò)變革，成就了另外一個(gè)走上互聯(lián)網(wǎng)時(shí)代的年輕富豪。

故事的背后總有各種各樣的解讀，創(chuàng)業(yè)者的過往和人格魅力，特定時(shí)代的選擇與契機(jī)，合作與競爭中的對抗與促進(jìn)，等等等等。對，它們很重要，撇開那些虛無縹緲的影響因素和傳奇話本一樣的故事情節(jié)，這些互聯(lián)網(wǎng)產(chǎn)品都有著相同的基因：優(yōu)秀的用戶體驗(yàn)。

撇開此刻正被傳頌的許多優(yōu)秀產(chǎn)品，F(xiàn)acebook和Amazon的產(chǎn)品設(shè)計(jì)在很長的一段時(shí)間里，是被當(dāng)作范本來進(jìn)行分析和學(xué)習(xí)的，這是做不得假，且有跡可循的。

什么是用戶體驗(yàn)？

你可以在網(wǎng)絡(luò)上輕松找到它的解釋。但是從最簡單最直觀的角度上來界定用戶體驗(yàn)，可以用每一個(gè)網(wǎng)站訪客的滿意度。網(wǎng)站布局是否清晰，網(wǎng)站地圖和導(dǎo)航是否直觀，用戶信息是否安全，操作體驗(yàn)是否流暢無礙，這些都是用戶體驗(yàn)是否優(yōu)秀的指標(biāo)。

然而，除開這些太過簡單的界定，用戶體驗(yàn)其實(shí)有著更加重大的意義，對于網(wǎng)站和開發(fā)的方方面面有著更深入的影響。對于網(wǎng)頁設(shè)計(jì)師而言，用戶體驗(yàn)并非同用戶進(jìn)行互動(dòng)之后獲取滿意度的被動(dòng)結(jié)果，一個(gè)成熟的設(shè)計(jì)團(tuán)隊(duì)能夠通過精心的計(jì)劃和研究來構(gòu)建卓有成效的體驗(yàn)和交互。

影響用戶體驗(yàn)的元素

用戶體驗(yàn)相關(guān)的理論優(yōu)先考慮如何通過設(shè)計(jì)對單個(gè)用戶認(rèn)知產(chǎn)生預(yù)期的影響，并且控制這種影響，所以，給每個(gè)用戶都通用的用戶體驗(yàn)設(shè)計(jì)方案實(shí)際是并不存在的。但是，如果你仔細(xì)觀察那些經(jīng)過頂尖設(shè)計(jì)團(tuán)隊(duì)設(shè)計(jì)的網(wǎng)站之后，你會(huì)發(fā)現(xiàn)它們在設(shè)計(jì)有著許多一致的地方，確保它們更易于開發(fā)，更輕松地發(fā)布，而這些一致的地方被界定為用戶體驗(yàn)的關(guān)鍵領(lǐng)域：易用性、可預(yù)性、可接受性和價(jià)值。

1) Value 價(jià)值

為訪客可提供使用價(jià)值是將點(diǎn)擊轉(zhuǎn)化為銷售量并留著用戶的關(guān)鍵因素。此處所說的價(jià)值的核心就是你所提供的產(chǎn)品，和用戶所需要服務(wù)之間的交集。了解你的網(wǎng)站的價(jià)值其實(shí)也就是了解你的目標(biāo)用戶的過程：研究給你網(wǎng)站帶來流量的用戶是什么人，這些流量從何而來，為何而來，這些數(shù)據(jù)可以更輕松地幫你界定你的網(wǎng)站的價(jià)值。

最后也是最關(guān)鍵的——確保網(wǎng)站對于用戶的價(jià)值和你預(yù)期是一致的！如果你的網(wǎng)站內(nèi)容豐富，產(chǎn)品描述足夠翔實(shí)，但是支付系統(tǒng)不夠方便，可能會(huì)導(dǎo)致用戶轉(zhuǎn)向其他支付更加輕松的同類站點(diǎn)——用戶會(huì)轉(zhuǎn)向設(shè)計(jì)更符合他們需求、更容易帶來價(jià)值的地方，毫無疑問這對于你是不利的。

2) 易用性

設(shè)計(jì)不佳的網(wǎng)站會(huì)在競爭之下失去目標(biāo)用戶，換句話來說，就是設(shè)計(jì)和體驗(yàn)俱佳的網(wǎng)站能夠影響目標(biāo)用戶的交互和行為。Facebook 通過清晰而有序的設(shè)計(jì)讓用戶產(chǎn)生內(nèi)容，從而改變了社交媒體的運(yùn)作模式，為了維持它的可用性，F(xiàn)acebook還提供了許多額外的服務(wù)來做支撐。相比于為用戶提供一個(gè)簡單的個(gè)人頁面，F(xiàn)acebook 更傾向于構(gòu)建一個(gè)一站式的溝通平臺(tái)，讓它成為用戶同親友溝通的必要工具，從而達(dá)到挽留用戶的目的。

化妝品品牌讓自己的品牌價(jià)值和用戶的世界觀更一致，從而達(dá)到維系用戶的目的。

3) 可接受性

拙劣的設(shè)計(jì)可能會(huì)影響網(wǎng)站的可接受性和服務(wù)的價(jià)值，但是它絕對不是最壞的情況。如果網(wǎng)站的瀏覽器兼容性不好，大量多媒體內(nèi)容占據(jù)帶寬但是無法顯示，不僅會(huì)影響網(wǎng)站的打開體驗(yàn)，而且會(huì)影響網(wǎng)站的SEO和排名，用戶流失是顯而易見的結(jié)果。這些足以影響用戶訪問網(wǎng)站的元素，我們認(rèn)為它們與網(wǎng)站的“可接受性”有關(guān)系。

網(wǎng)頁中吸引新用戶、維持老用戶持續(xù)訪問的元素，就是我們所討論的“可接受性”所涉及到的東西。每一個(gè)造成用戶打開障礙，讓搜索引擎無法準(zhǔn)確獲取信息的東西，都是網(wǎng)站在可接受性上的缺陷，這也是為什么，越來也多的企業(yè)積極地為自家網(wǎng)站提高瀏覽器兼容性、移動(dòng)端瀏覽用戶體驗(yàn)——他們不愿意放過每一個(gè)呈現(xiàn)給用戶且保留用戶的機(jī)會(huì)。

Soverin 的網(wǎng)站采用了移動(dòng)端優(yōu)先的設(shè)計(jì)，響應(yīng)式的設(shè)計(jì)讓網(wǎng)站能夠在不同尺寸的屏幕上展現(xiàn)。

4) 可預(yù)性

可預(yù)性也被稱為可欲性，通常指的是一個(gè)事物足夠優(yōu)秀或者可靠以至于值得信賴和追隨，它也是優(yōu)秀網(wǎng)站設(shè)計(jì)的一個(gè)重要組成部分。在整個(gè)網(wǎng)站的設(shè)計(jì)中，單個(gè)某個(gè)元素并不能賦予網(wǎng)站“可預(yù)性”。如果網(wǎng)站設(shè)計(jì)足夠現(xiàn)代，精致的動(dòng)態(tài)效果和優(yōu)雅的色彩搭配會(huì)讓用戶感受到一致性，用戶會(huì)感受到這些現(xiàn)代感十足的設(shè)計(jì)元素之間擁有關(guān)聯(lián)性。時(shí)尚的網(wǎng)站會(huì)從每個(gè)細(xì)節(jié)詮釋它的時(shí)尚屬性，而安全的網(wǎng)站則通過全面而細(xì)致的方案傳遞給用戶安全的體驗(yàn)，這些元素與元素之間的一致關(guān)聯(lián)，造就品牌的明確一致性，也構(gòu)成了網(wǎng)站的可預(yù)性。

結(jié)語

這些用戶體驗(yàn)的核心要素所關(guān)注的和力圖解決的，都是核心用戶所需要的和急切關(guān)注的事物，正確理解它們能夠讓你的設(shè)計(jì)更加高效，具有更持久的生命力。

【用戶體驗(yàn)設(shè)計(jì)書目】

UX設(shè)計(jì)師的書單：
《給你購書單！獻(xiàn)給每一個(gè)熱愛用戶體驗(yàn)之人的讀書目錄》

國外設(shè)計(jì)師都在讀的設(shè)計(jì)書：
《別人家的書架！國外設(shè)計(jì)師都在讀什么書？(上)》
《別人家的書架！國外設(shè)計(jì)師都在讀什么書？(下)》

挑選設(shè)計(jì)書從這里開始：
《優(yōu)設(shè)圖書導(dǎo)航》

原文地址：webdesignerdepot
優(yōu)設(shè)譯者：@陳子木

「子木說」

今天所說的“可預(yù)性/可欲性”，我也是第一次接觸：

一般學(xué)界大多數(shù)學(xué)者都將desirable譯為“可欲的”，將desirability譯為“可欲性”，意指某種社會(huì)制度或社會(huì)原則是否令人向往，是否值得追求。在日常生活中，desirable更多用來形容“人們想要的”、“令人向往的、動(dòng)心的”事物。而且，“可欲”這個(gè)詞并不是特別難理解或不符合漢語習(xí)慣，孟子、老子都用過這個(gè)詞，如“可欲之為善”、“不見可欲，使民心不亂”等等。從英文詞源的角度來看，desire（欲望）與后綴able（可、能）的結(jié)合，產(chǎn)生desirable，譯為“可欲的”，這是完全符合詞源結(jié)構(gòu)的譯法，正如readable譯為“可讀的”，believable譯為“可信的”，一樣的構(gòu)成法。

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量96萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：