優秀產品的用戶體驗網站設計是貫穿整個設計過程的，從最早的設計階段便已經開始。所以，完成產品所有的部分之后再想辦法為其補做“用戶體驗設計”是不可能的——你需要打一開始就就將其放在心上。

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

1、專注于20%

你可曾聽說過80/20法則？簡而言之，80%的用戶通常只會使用你網站內容和功能的20%，絕大多數的用戶只是在掃視網站內容，并且只會挑選真正感興趣的瀏覽。

同時這也意味著，剩余的20%就相當重要了。大多數的點擊將源自于這一區域，它也是近乎好的內容和互動區域。

你可以借助數據分析來決定哪個部分是整個網站最被關注的那20%。對于剛剛上線的網站，這個數據搜集的過程可能長達好幾周，隨后再進行調整。

當然，你也可以通過引導將用戶引流到你希望用戶去的那20%的區域。借助視覺引導和行動召喚設計來引流，用有趣和有意思的設計來營造令人有興趣的區域，讓他們樂于點擊，從而達到目的。

2、架構式的思維

設計一個網站和搭建一所房子其實差不多。首先，它需要一個堅實的基礎，然后是能夠承載所有內容的框架，做好后要好好裝飾一下。同樣的思維模式可以套用在網站的設計上。

更重要的是，你并不需要為此創造出過去從未在框架中出現過的東西，換言之，框架內的素材、組件和我們常見的并無二致。就像導航設計模式一樣，現在的設計都趨于一致，因為這樣的導航好用。

當網站的整體結構搭建起來之后，可以將相同的思路套用到內容體系的構建上來。主要的正文內容是整個網站內容的基礎，輔以吸引人的標題、圖片，配合上其他的次要元素，整個內容體系可以很快搭建起來。

3、不要要求太多

現如今的世界可以說是由數據所驅動，越來越多的應用開始要求用戶注冊，要用戶提供更多的權限，更多的信息，以期為用戶提供更加個性化的體驗。但是從體驗的角度上來看，要盡量規避這一點。

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

那么接下來，你會怎么做？絕大多數的用戶會直接轉身離開，這個注冊信息填寫起來太費勁，體驗太差了。

那么，如果你當你點擊注冊的時候，只需要一鍵從Facebook或者twitter授權即可，那么你會不會立刻點擊呢？至少從目前已有的數據來看，絕大多數的用戶會這么選擇。

4、令人愉悅的微交互

可能很多時候你都沒注意到，你和各種微交互進行的互動一直都存在。

·谷歌日歷彈出框提示你每周例會要開始了

·短信提醒

·午睡的鬧鐘

·微博上的新粉絲和轉發提醒

這樣的例子我們可以連續不斷地說上一個小時。這些帶有微交互的提醒和動作會推動用戶進行下一步操作，帶來愉悅的體驗，它們不能設計得非常醒目，但是又需要適當地吸引用戶注意。

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

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

如果要給小孩子設計產品，那么它應該是什么樣子？你可能會更專注于色彩的使用，讓每一個區塊都可以輕松點擊，明顯的標簽，加上拼圖式的連接方式。

所以，當我們在設計網站或者APP的時候，我們會說這個產品要足夠易用，那么怎么才算得上“足夠”呢？讓小孩子都可以輕松使用，這就叫足夠易用。換句話說，即使是不經常使用網站和APP的成人，也不會存在明顯的使用障礙。

超大的設計元素和標簽是設計的關鍵因素。這些視覺線索是幫助用戶引導用戶的核心，是整體體驗設計中最重要的部分。大膽的色彩選擇，會鼓勵用戶點擊和探索。

如果它足夠易用，用戶會繼續嘗試使用和探索。而難于理解操作不便的導航自然會被用戶所嫌棄。如果網站包含太過復雜的媒體和內容，那么不妨從一個設計簡單的首頁開始，幾個簡單的導航點擊將用戶引導到對應的位置。在深入到更復雜的頁面之前，用梳理清晰、簡單明了的分頁讓用戶感到舒適，這是帶來好的瀏覽體驗的不錯解決方案。

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

這一點要說的并不是設計問題，而是一個常見的開發代碼的問題。雖然Tap和Click兩者都能在點擊的時候觸發，但是在移動端網頁上使用Click事件 的時候，會有200ms 到300ms 的延遲，所以在移動端上最好替換為Tap事件。在進行響應式網頁設計的時候，一個事件從頭用到尾的錯誤出現得很普遍，但是有太多的移動端網頁在這樣的設計下會有明顯延遲，更惡劣的情況是無法識別，這樣會直接損害到整個頁面的易用性和功能本身。

此外，移動端上使用 Tap事件的時候，它所對應的按鈕應當相對更大一些，便于小屏上進行交互。

7、像用戶一樣思考

我們一直在說：“像用戶一樣思考”。但是實際的情況往往是，我們很難走出設計者和開發者的思維方式，因為我們的思維方式壓根就和用戶不同，面對每一個交互、每一個元素的下意識反應是不一樣的。

所以，還是同設計圈、開發圈和產品圈以外的人去聊聊吧，看看他們對于網站和APP的真實反應到底是怎樣的。你可能會在觀察中發現，他們對于產品、對于交互、對于界面的反應和你的預期完全不同。將用戶的真實反饋記錄下來，反饋給項目組，這樣可以幫你打造更好的用戶體驗，創造更優秀的產品。

（優設網）

本文標題：可能你從未注意過的7個網站用戶體驗設計細節
當前地址：http://m.js-pz168.com/news24/156774.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有用戶體驗等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯