網站首頁 個人範例 行業範例 行政範例 職場範例 校園範例 書信範例 生活範例 節日文化範例
當前位置:文學範文吧 > 行業範例 > 設計

7個用户體驗設計細節介紹

欄目: 設計 / 發佈於: / 人氣:5.44K

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

7個用户體驗設計細節介紹

  1、專注於20%

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

同時這也意味着,剩餘的20%就相當重要了。大多數的點擊將源自於這一區域,它也是近乎完美的內容和互動區域。

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

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

  2、架構式的思維

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

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

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

  3、不要要求太多

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

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

那麼接下來,你會怎麼做?絕大多數的用户會直接轉身離開,這個註冊信息填寫起來太費勁,體驗太差了。

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

  4、令人愉悦的微交互

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

1、谷歌日曆彈出框提示你每週例會要開始了

2、短信提醒

3、午睡的鬧鐘

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

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

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

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

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

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

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

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

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

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

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

  7、像用户一樣思考

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

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

Tags: