可能你從未注意過(guò)的7個(gè)網(wǎng)站用戶體驗(yàn)設(shè)計(jì)細(xì)節(jié)

優(yōu)秀產(chǎn)品的用戶體驗(yàn)網(wǎng)站設(shè)計(jì)是貫穿整個(gè)設(shè)計(jì)過(guò)程的，從最早的設(shè)計(jì)階段便已經(jīng)開(kāi)始。所以，完成產(chǎn)品所有的部分之后再想辦法為其補(bǔ)做“用戶體驗(yàn)設(shè)計(jì)”是不可能的——你需要打一開(kāi)始就就將其放在心上。

打造用戶喜愛(ài)甚至欲罷不能的用戶體驗(yàn)，通常意味著你需要給予用戶他們想要的東西，還要給他們一些他們意料之外但是又非常需要的東西，并且平衡兩者的比例。那些大家耳熟能詳?shù)挠脩趔w驗(yàn)設(shè)計(jì)的技巧和規(guī)則能讓你搞定絕大多數(shù)的用戶體驗(yàn)設(shè)計(jì)的問(wèn)題，但是還有一些容易忽略、處于盲點(diǎn)的設(shè)計(jì)技巧，能幫你做好另一部分的用戶體驗(yàn)設(shè)計(jì)。

1、專注于20%

你可曾聽(tīng)說(shuō)過(guò)80/20法則？簡(jiǎn)而言之，80%的用戶通常只會(huì)使用你網(wǎng)站內(nèi)容和功能的20%，絕大多數(shù)的用戶只是在掃視網(wǎng)站內(nèi)容，并且只會(huì)挑選真正感興趣的瀏覽。

同時(shí)這也意味著，剩余的20%就相當(dāng)重要了。大多數(shù)的點(diǎn)擊將源自于這一區(qū)域，它也是近乎好的內(nèi)容和互動(dòng)區(qū)域。

你可以借助數(shù)據(jù)分析來(lái)決定哪個(gè)部分是整個(gè)網(wǎng)站最被關(guān)注的那20%。對(duì)于剛剛上線的網(wǎng)站，這個(gè)數(shù)據(jù)搜集的過(guò)程可能長(zhǎng)達(dá)好幾周，隨后再進(jìn)行調(diào)整。

當(dāng)然，你也可以通過(guò)引導(dǎo)將用戶引流到你希望用戶去的那20%的區(qū)域。借助視覺(jué)引導(dǎo)和行動(dòng)召喚設(shè)計(jì)來(lái)引流，用有趣和有意思的設(shè)計(jì)來(lái)營(yíng)造令人有興趣的區(qū)域，讓他們樂(lè)于點(diǎn)擊，從而達(dá)到目的。

2、架構(gòu)式的思維

設(shè)計(jì)一個(gè)網(wǎng)站和搭建一所房子其實(shí)差不多。首先，它需要一個(gè)堅(jiān)實(shí)的基礎(chǔ)，然后是能夠承載所有內(nèi)容的框架，做好后要好好裝飾一下。同樣的思維模式可以套用在網(wǎng)站的設(shè)計(jì)上。

更重要的是，你并不需要為此創(chuàng)造出過(guò)去從未在框架中出現(xiàn)過(guò)的東西，換言之，框架內(nèi)的素材、組件和我們常見(jiàn)的并無(wú)二致。就像導(dǎo)航設(shè)計(jì)模式一樣，現(xiàn)在的設(shè)計(jì)都趨于一致，因?yàn)檫@樣的導(dǎo)航好用。

當(dāng)網(wǎng)站的整體結(jié)構(gòu)搭建起來(lái)之后，可以將相同的思路套用到內(nèi)容體系的構(gòu)建上來(lái)。主要的正文內(nèi)容是整個(gè)網(wǎng)站內(nèi)容的基礎(chǔ)，輔以吸引人的標(biāo)題、圖片，配合上其他的次要元素，整個(gè)內(nèi)容體系可以很快搭建起來(lái)。

3、不要要求太多

現(xiàn)如今的世界可以說(shuō)是由數(shù)據(jù)所驅(qū)動(dòng)，越來(lái)越多的應(yīng)用開(kāi)始要求用戶注冊(cè)，要用戶提供更多的權(quán)限，更多的信息，以期為用戶提供更加個(gè)性化的體驗(yàn)。但是從體驗(yàn)的角度上來(lái)看，要盡量規(guī)避這一點(diǎn)。

站在用戶的角度稍加思考你就明白了。找到一個(gè)令你感興趣的炫酷網(wǎng)站，如果要深入了解更多內(nèi)容，就需要內(nèi)容，而如果要注冊(cè)的話，網(wǎng)站卻需要你提供下面10個(gè)類型的信息：姓名、郵件、國(guó)家、地區(qū)、城市、電話、Twitter權(quán)限、個(gè)人網(wǎng)站、工作職位、以及如何發(fā)現(xiàn)這個(gè)網(wǎng)站的。

那么接下來(lái)，你會(huì)怎么做？絕大多數(shù)的用戶會(huì)直接轉(zhuǎn)身離開(kāi)，這個(gè)注冊(cè)信息填寫(xiě)起來(lái)太費(fèi)勁，體驗(yàn)太差了。

那么，如果你當(dāng)你點(diǎn)擊注冊(cè)的時(shí)候，只需要一鍵從Facebook或者twitter授權(quán)即可，那么你會(huì)不會(huì)立刻點(diǎn)擊呢？至少?gòu)哪壳耙延械臄?shù)據(jù)來(lái)看，絕大多數(shù)的用戶會(huì)這么選擇。

4、令人愉悅的微交互

可能很多時(shí)候你都沒(méi)注意到，你和各種微交互進(jìn)行的互動(dòng)一直都存在。

·谷歌日歷彈出框提示你每周例會(huì)要開(kāi)始了

·短信提醒

·午睡的鬧鐘

·微博上的新粉絲和轉(zhuǎn)發(fā)提醒

這樣的例子我們可以連續(xù)不斷地說(shuō)上一個(gè)小時(shí)。這些帶有微交互的提醒和動(dòng)作會(huì)推動(dòng)用戶進(jìn)行下一步操作，帶來(lái)愉悅的體驗(yàn)，它們不能設(shè)計(jì)得非常醒目，但是又需要適當(dāng)?shù)匚脩糇⒁狻?/p>

這些有趣的微交互的加入讓用戶從中獲得好處。而你需要思考的是，有哪些東西是你的網(wǎng)站或者APP當(dāng)中，用戶想要立刻知道和獲得、想被提醒的？

5、甚至幼兒都能輕松使用

如果要給小孩子設(shè)計(jì)產(chǎn)品，那么它應(yīng)該是什么樣子？你可能會(huì)更專注于色彩的使用，讓每一個(gè)區(qū)塊都可以輕松點(diǎn)擊，明顯的標(biāo)簽，加上拼圖式的連接方式。

所以，當(dāng)我們?cè)谠O(shè)計(jì)網(wǎng)站或者APP的時(shí)候，我們會(huì)說(shuō)這個(gè)產(chǎn)品要足夠易用，那么怎么才算得上“足夠”呢？讓小孩子都可以輕松使用，這就叫足夠易用。換句話說(shuō)，即使是不經(jīng)常使用網(wǎng)站和APP的成人，也不會(huì)存在明顯的使用障礙。

超大的設(shè)計(jì)元素和標(biāo)簽是設(shè)計(jì)的關(guān)鍵因素。這些視覺(jué)線索是幫助用戶引導(dǎo)用戶的核心，是整體體驗(yàn)設(shè)計(jì)中最重要的部分。大膽的色彩選擇，會(huì)鼓勵(lì)用戶點(diǎn)擊和探索。

如果它足夠易用，用戶會(huì)繼續(xù)嘗試使用和探索。而難于理解操作不便的導(dǎo)航自然會(huì)被用戶所嫌棄。如果網(wǎng)站包含太過(guò)復(fù)雜的媒體和內(nèi)容，那么不妨從一個(gè)設(shè)計(jì)簡(jiǎn)單的首頁(yè)開(kāi)始，幾個(gè)簡(jiǎn)單的導(dǎo)航點(diǎn)擊將用戶引導(dǎo)到對(duì)應(yīng)的位置。在深入到更復(fù)雜的頁(yè)面之前，用梳理清晰、簡(jiǎn)單明了的分頁(yè)讓用戶感到舒適，這是帶來(lái)好的瀏覽體驗(yàn)的不錯(cuò)解決方案。

6、輕拍(Tap)還是點(diǎn)擊(Click)？

這一點(diǎn)要說(shuō)的并不是設(shè)計(jì)問(wèn)題，而是一個(gè)常見(jiàn)的開(kāi)發(fā)代碼的問(wèn)題。雖然Tap和Click兩者都能在點(diǎn)擊的時(shí)候觸發(fā)，但是在移動(dòng)端網(wǎng)頁(yè)上使用Click事件 的時(shí)候，會(huì)有200ms 到300ms 的延遲，所以在移動(dòng)端上最好替換為T(mén)ap事件。在進(jìn)行響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，一個(gè)事件從頭用到尾的錯(cuò)誤出現(xiàn)得很普遍，但是有太多的移動(dòng)端網(wǎng)頁(yè)在這樣的設(shè)計(jì)下會(huì)有明顯延遲，更惡劣的情況是無(wú)法識(shí)別，這樣會(huì)直接損害到整個(gè)頁(yè)面的易用性和功能本身。

此外，移動(dòng)端上使用 Tap事件的時(shí)候，它所對(duì)應(yīng)的按鈕應(yīng)當(dāng)相對(duì)更大一些，便于小屏上進(jìn)行交互。

7、像用戶一樣思考

我們一直在說(shuō)：“像用戶一樣思考”。但是實(shí)際的情況往往是，我們很難走出設(shè)計(jì)者和開(kāi)發(fā)者的思維方式，因?yàn)槲覀兊乃季S方式壓根就和用戶不同，面對(duì)每一個(gè)交互、每一個(gè)元素的下意識(shí)反應(yīng)是不一樣的。

所以，還是同設(shè)計(jì)圈、開(kāi)發(fā)圈和產(chǎn)品圈以外的人去聊聊吧，看看他們對(duì)于網(wǎng)站和APP的真實(shí)反應(yīng)到底是怎樣的。你可能會(huì)在觀察中發(fā)現(xiàn)，他們對(duì)于產(chǎn)品、對(duì)于交互、對(duì)于界面的反應(yīng)和你的預(yù)期完全不同。將用戶的真實(shí)反饋記錄下來(lái)，反饋給項(xiàng)目組，這樣可以幫你打造更好的用戶體驗(yàn)，創(chuàng)造更優(yōu)秀的產(chǎn)品。

（優(yōu)設(shè)網(wǎng)）

本文標(biāo)題：可能你從未注意過(guò)的7個(gè)網(wǎng)站用戶體驗(yàn)設(shè)計(jì)細(xì)節(jié)
當(dāng)前地址：http://muchs.cn/news24/156774.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有用戶體驗(yàn)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)