網(wǎng)頁中的header，一般我們稱之為頂部導(dǎo)航欄，這里為了行文方便，以下都簡稱頂部欄。頂部欄對于一個(gè)網(wǎng)站的用戶體驗(yàn)來說是至關(guān)重要的，因?yàn)楦鶕?jù)用戶的瀏覽習(xí)慣（從左到右，從上到下），當(dāng)他們進(jìn)入一個(gè)新的網(wǎng)站，頂部欄通常是他們看到的地方。我們都知道用戶對于你產(chǎn)品的第一印象是很重要的，因?yàn)樗鼤?huì)一直伴隨接下來的使用過程，而且第一印象無法更改。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

即使你遠(yuǎn)離設(shè)計(jì)領(lǐng)域，對于用戶體驗(yàn)這一詞也不會(huì)陌生。用戶和產(chǎn)品之間進(jìn)行交互過程中，產(chǎn)生的一般態(tài)度和情感反饋就是我們常說的用戶體驗(yàn)。在用戶體驗(yàn)設(shè)計(jì)中，有幾個(gè)關(guān)鍵性的因素的是設(shè)計(jì)師所關(guān)注的，比如可用性（usability）、工具性（utility）、合意性（desirability）、吸引度（attractiveness）等。如今，用戶體驗(yàn)設(shè)計(jì)和視覺設(shè)計(jì)幾乎達(dá)到了同等重要的程度。雖然仍有一些企業(yè)和團(tuán)隊(duì)在懷疑用戶體驗(yàn)設(shè)計(jì)是否有必要，但是總體上，大家對于它的認(rèn)可度還是非常高的。

用戶體驗(yàn)設(shè)計(jì)為何重要？

許多公司為了讓產(chǎn)品產(chǎn)品的體驗(yàn)和效率更高，而花費(fèi)更多的時(shí)間和金錢。現(xiàn)代商業(yè)競爭背景下，事實(shí)已經(jīng)證明，產(chǎn)品和服務(wù)的成功很大程度上是取決于用戶對于產(chǎn)品的喜愛程度。UX設(shè)計(jì)旨在通過讓產(chǎn)品更易于使用而提高用戶的滿意度。

有些人可能還認(rèn)為用戶體驗(yàn)設(shè)計(jì)的核心是視覺設(shè)計(jì)，其實(shí)它的范疇遠(yuǎn)不止于此。UX設(shè)計(jì)是一個(gè)復(fù)雜的過程，涵蓋了用戶研究，線框圖、原型、視覺稿、動(dòng)畫、開發(fā)、測試等許多不同的環(huán)節(jié)和階段，其中許多環(huán)節(jié)甚至是并發(fā)和交叉的。真正有效的用戶體驗(yàn)需要時(shí)間來開發(fā)，也需要足夠的知識(shí)來作為支撐，這種復(fù)雜的開發(fā)體系使得它或多或少地需要超出預(yù)期的額外投資。然而，UX設(shè)計(jì)對于初創(chuàng)和非初創(chuàng)公司而言，同樣有益，它確確實(shí)實(shí)從不同的方面幫助企業(yè)創(chuàng)造成功的產(chǎn)品，無論是參與度、可用性還是轉(zhuǎn)化率。

如果你擁有一個(gè)復(fù)雜的電商網(wǎng)站系統(tǒng)，那么用戶體驗(yàn)一定是影響它實(shí)際效用的重要因素。內(nèi)容組織是否系統(tǒng)，導(dǎo)航是否清晰，都會(huì)影響到產(chǎn)品的銷售，用戶的黏度。太復(fù)雜、不便捷的產(chǎn)品會(huì)讓用戶流失，這是肯定的。

有數(shù)據(jù)表明，近年來95%的移動(dòng)端APP 在上線一個(gè)月內(nèi)就宣告失敗而退出。這很大程度上是因?yàn)榧ち腋偁幹拢瑳]有足夠優(yōu)秀的用戶體驗(yàn)來留住用戶所造成的結(jié)果。結(jié)合現(xiàn)有的研究和我們自己的經(jīng)驗(yàn)，我們在今天的文章中總結(jié)出了優(yōu)秀產(chǎn)品的7個(gè)關(guān)鍵的用戶體驗(yàn)設(shè)計(jì)要素。

1、有效的可用性設(shè)計(jì)

現(xiàn)如今，“簡單”一詞和無聊的設(shè)計(jì)并無關(guān)系，而是成功產(chǎn)品設(shè)計(jì)的關(guān)鍵性要素。在Don Norman 的《設(shè)計(jì)心理學(xué)》系列教材中指出，良好的設(shè)計(jì)通常都會(huì)具有易于發(fā)現(xiàn)和易于理解兩個(gè)特性。用戶期望他們所使用的產(chǎn)品是簡單明了的，能夠讓他們不花費(fèi)太多精力就可以搞定，也可以從中獲得自信。而這些都是用戶體驗(yàn)設(shè)計(jì)的工作范疇以內(nèi)。

用戶體驗(yàn)設(shè)計(jì)師的目標(biāo)是為數(shù)字產(chǎn)品創(chuàng)造一致的體驗(yàn)，讓用戶能夠安心使用。有效的用戶體驗(yàn)設(shè)計(jì)能夠通過網(wǎng)站和APP為用戶循序漸進(jìn)、有效地展示內(nèi)容。而UX設(shè)計(jì)人員則可以通過數(shù)據(jù)分析和案例研究，消除不必要的設(shè)計(jì)、搞定問題、去除隱患，提升產(chǎn)品的可用性。UX設(shè)計(jì)師還能通過不同環(huán)節(jié)的引導(dǎo)服務(wù)來幫助用戶更加快速的熟悉產(chǎn)品，讓用戶感到貼心而不會(huì)緊張。

2、驅(qū)動(dòng)用戶深度參與

參與度是衡量用戶有效行為的度量，而它也是產(chǎn)品價(jià)值的重要體現(xiàn)之一。每個(gè)企業(yè)都希望有高素質(zhì)的用戶參與到產(chǎn)品建設(shè)當(dāng)中來，而他們也知道，最終還是要通過創(chuàng)造優(yōu)秀的用戶體驗(yàn)來解決這一問題。

UX設(shè)計(jì)有一個(gè)熱門的解決方案是游戲化設(shè)計(jì)。將游戲化的元素應(yīng)用到非游戲類的使用場景中來。游戲化設(shè)計(jì)讓網(wǎng)站和APP擁有更多有趣的元素，吸引用戶，提升參與度。游戲化設(shè)計(jì)的具體方法和策略有很多，設(shè)置任務(wù)、發(fā)放獎(jiǎng)勵(lì)都是很常見的手法了。挑起用戶的好奇心和激情，他們會(huì)堅(jiān)持不懈地執(zhí)行任務(wù)，在你的網(wǎng)站和APP中花費(fèi)更多的時(shí)間。

3、產(chǎn)品的獨(dú)特性

很難說市場上到底有多少APP存在，但是絕大多數(shù)的應(yīng)用和網(wǎng)站在起步的時(shí)候，就已經(jīng)失敗了。當(dāng)你要開始投放一個(gè)APP到市場的時(shí)候，可能已經(jīng)有好幾十個(gè)同類的產(chǎn)品已經(jīng)存在了。所以，企業(yè)和開發(fā)團(tuán)隊(duì)一直在尋求讓用戶選擇他們產(chǎn)品的原因和方法。UX設(shè)計(jì)師能夠通過分析目標(biāo)受眾的需求和實(shí)際市場狀況，來判斷和預(yù)測用戶對于自己產(chǎn)品的反應(yīng)。如果你想給別人帶來愉悅的體驗(yàn)，滿足用戶的需求，并且力圖讓自己的產(chǎn)品擁有足夠的特性從競爭中脫穎而出，那么你的產(chǎn)品就具有了同其他產(chǎn)品區(qū)分開來的獨(dú)特性。

4、省錢

UX設(shè)計(jì)的成本并不低，但是相比于修復(fù)可用性的問題，它的花費(fèi)依然很低。基于用戶研究，UX設(shè)計(jì)師能夠準(zhǔn)確地挑選出功能組合，并且規(guī)劃用戶的交互過程，排除可能存在的問題。通過對目標(biāo)受眾的研究和測試，分析和改進(jìn)整個(gè)產(chǎn)品的流程與細(xì)節(jié)，而這些過程對于產(chǎn)品開發(fā)和運(yùn)營的補(bǔ)充，相比于在產(chǎn)品上線過再根據(jù)反饋進(jìn)行調(diào)整，要省錢省心得多。

5、用戶忠誠度

用戶的口味越來越刁鉆了。令人不快的體驗(yàn)會(huì)讓他們很快不耐煩，然后迅速和你的APP說拜拜，然后再也不會(huì)回來了。用戶的忠誠度要維持起來并不容易，你需要?jiǎng)?chuàng)造足夠優(yōu)秀的產(chǎn)品，要讓人喜愛、沉迷，還得足夠快速地幫用戶排查問題。這種局面下，用戶體驗(yàn)設(shè)計(jì)的價(jià)值無疑是不可估量的。如果你的產(chǎn)品能夠始終保持令人舒服愉悅的體驗(yàn)，用戶習(xí)慣了就很難轉(zhuǎn)向別家了。另外，別忘了，快樂的用戶更喜歡向朋友推薦你的產(chǎn)品。

6、高轉(zhuǎn)化率

采取設(shè)計(jì)者預(yù)期行為的用戶所占總?cè)藬?shù)的百分比就是我們常說的轉(zhuǎn)化率。最典型的轉(zhuǎn)化率就是購買產(chǎn)品的用戶數(shù)所占打開電商網(wǎng)站的用戶總?cè)藬?shù)的百分比。用戶體驗(yàn)設(shè)計(jì)師通常會(huì)掌握一系列的分析技術(shù)，來幫助產(chǎn)品提高轉(zhuǎn)化率。通過深入分析用戶行為和用戶離開產(chǎn)品的原因，找到痛點(diǎn)，解決問題，從而提高轉(zhuǎn)化率。

7、積極的品牌體驗(yàn)

品牌識(shí)別不僅僅取決于視覺形象設(shè)計(jì)，還和體驗(yàn)息息相關(guān)。許多用戶在第一次使用產(chǎn)品的時(shí)候，會(huì)記住品牌給他們的感覺。這種第一次的體驗(yàn)對于用戶和品牌本身都至關(guān)重要，如果處理不好，可能會(huì)失去不少潛在用戶。良好的UX設(shè)計(jì)可以保證品牌擁有積極而良好的用戶體驗(yàn)。提供用戶喜歡的產(chǎn)品，可以提升品牌的認(rèn)知度，因?yàn)橛脩舨粫?huì)忘記他們喜歡的東西。

結(jié)語

優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)對于企業(yè)無疑是有利的。很多時(shí)候，它的價(jià)值并非是一眼可以看出來的，但是事實(shí)上，優(yōu)秀的用戶體驗(yàn)是成功產(chǎn)品中不可剝離的組成部分。令人信服的UX設(shè)計(jì)能夠節(jié)省資金和精力，這比起投資解決低質(zhì)量的產(chǎn)品要來得有效得多。更重要的是，現(xiàn)代產(chǎn)品一旦初次互動(dòng)不利，后面想要扭轉(zhuǎn)過來就很難了。

藍(lán)藍(lán)設(shè)計(jì)( www.skdbbs.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

搜索幾乎是現(xiàn)在所有網(wǎng)站，APP甚至操作系統(tǒng)的標(biāo)配，不論是電商還是論壇等等。它是一個(gè)站內(nèi)給用戶直接到達(dá)目的地的通道，起到了一個(gè)引導(dǎo)用戶走向的重要作用。在不同的系統(tǒng)，不同用途的網(wǎng)站上搜索呈現(xiàn)的方式都有所不同。

如何定義一個(gè)后臺(tái)是好的？領(lǐng)導(dǎo)說好，用戶說好，你自己也覺得好，那應(yīng)該就是好的。大部分情況下產(chǎn)品已經(jīng)定制好了每個(gè)功能模塊，UI上只需要對著原型加以美化，如果你是這樣做的，那么做出的東西一定會(huì)讓人覺得有問題但是又不知道問題在哪里，總是想讓你改。

移動(dòng)端產(chǎn)品最難的地方就是在很小的屏幕上展示出你所有的業(yè)務(wù)。因?yàn)橛辛似聊坏南拗疲由弦苿?dòng)端的客戶碎片化閱讀的習(xí)慣和高流失率。所以業(yè)務(wù)復(fù)雜的App是設(shè)計(jì)難度較高的。電商就是這種類型的App，既要保證首頁業(yè)務(wù)展示完整性，又要保證用戶體驗(yàn)滿意度，每一個(gè)頁面設(shè)計(jì)都要考慮一些技巧和思考維度，非常考驗(yàn)設(shè)計(jì)師的設(shè)計(jì)功力。所以電商類App是要展示內(nèi)容最多也是最難做的一類App。所以我們以電商為例來分析首頁設(shè)計(jì)。

寫在前面

隨著移動(dòng)優(yōu)先的趨勢，APP的設(shè)計(jì)也越來越受到公司重視，不斷地提高APP的設(shè)計(jì)質(zhì)量是每個(gè)設(shè)計(jì)師的追求，有哪些設(shè)計(jì)中的細(xì)節(jié)被你忽略了呢？讓我們一起來看看這些細(xì)節(jié)你都把握住了嗎。

視覺表現(xiàn)型問題

為什么？

我們有這樣的焦慮，其實(shí)是因?yàn)槲覀儗换ブR(shí)的整個(gè)體系無法預(yù)估（事實(shí)上設(shè)計(jì)的高度非標(biāo)準(zhǔn)性也令我們無法感知整個(gè)知識(shí)體系的邊界，事實(shí)上它本身也沒邊界），所以導(dǎo)致我們常常不夠安心。

事實(shí)上，知識(shí)學(xué)習(xí)本身就有一條學(xué)習(xí)曲線：剛開始是成長期，隨后就是平穩(wěn)期，然后就進(jìn)入瓶頸期，需要學(xué)得更深，否則只會(huì)一直停滯。越到瓶頸期，越不知道要學(xué)什么。

日期選擇器的設(shè)計(jì)很容易被我們忽視，因?yàn)槲覀儩撘庾R(shí)都覺得日期選擇器很簡單。其實(shí)的確也很簡單：一個(gè)輸入框，一個(gè)日歷圖標(biāo)，用戶點(diǎn)擊日歷圖標(biāo)就會(huì)彈出一個(gè)日歷浮層來供用戶選擇具體日期。這是每一個(gè)日期選擇器的基本樣式，看起來的確很簡單。但是事實(shí)真的是這樣的嗎？在設(shè)計(jì)日期選擇器之前，設(shè)計(jì)師要問自己一下幾個(gè)問題：

一直在看奇葩說，聽到很多次的一個(gè)詞叫“刻板印象”。而人之所以有“刻板印象”，是因?yàn)橛衏ategorical thinking(類別型思維)，它往往使我們產(chǎn)生對事物的固有看法和理解，是在看到某些特定人、事、物時(shí)第一時(shí)間想到的，這些就形成了“刻板印象”。毋庸置疑，使用“刻板印象”（經(jīng)驗(yàn)）能無形中提升工作效率；減少溝通和開發(fā)測試成本；也不會(huì)太多的打破用戶習(xí)慣。然而，它也會(huì)帶來負(fù)面影響，讓我們對真實(shí)世界失去客觀判斷。

米大師web是什么？

米大師web是計(jì)費(fèi)平臺(tái)部為公司以及合作方提供的，web端泛娛樂業(yè)務(wù)支付解決方案。后臺(tái)以SDK包提供給業(yè)務(wù)，前端以支付彈窗形式適配所有業(yè)務(wù)場景。