- 相關(guān)推薦
7個(gè)用戶(hù)體驗設計細節介紹
打造用戶(hù)喜愛(ài)甚至欲罷不能的用戶(hù)體驗，通常意味著(zhù)你需要給予用戶(hù)他們想要的東西，還要給他們一些他們意料之外但是又非常需要的東西，并且平衡兩者的比例。那些大家耳熟能詳的用戶(hù)體驗設計的技巧和規則能讓你搞定絕大多數的用戶(hù)體驗設計的問(wèn)題，但是還有一些容易忽略、處于盲點(diǎn)的設計技巧，能幫你做好另一部分的用戶(hù)體驗設計。
1、專(zhuān)注于20%
你可曾聽(tīng)說(shuō)過(guò)80/20法則？簡(jiǎn)而言之，80%的用戶(hù)通常只會(huì )使用你網(wǎng)站內容和功能的20%，絕大多數的用戶(hù)只是在掃視網(wǎng)站內容，并且只會(huì )挑選真正感興趣的瀏覽。
同時(shí)這也意味著(zhù)，剩余的20%就相當重要了。大多數的點(diǎn)擊將源自于這一區域，它也是近乎完美的內容和互動(dòng)區域。
你可以借助數據分析來(lái)決定哪個(gè)部分是整個(gè)網(wǎng)站最被關(guān)注的那20%。對于剛剛上線(xiàn)的網(wǎng)站，這個(gè)數據搜集的過(guò)程可能長(cháng)達好幾周，隨后再進(jìn)行調整。
當然，你也可以通過(guò)引導將用戶(hù)引流到你希望用戶(hù)去的那20%的區域。借助視覺(jué)引導和行動(dòng)召喚設計來(lái)引流，用有趣和有意思的設計來(lái)營(yíng)造令人有興趣的區域，讓他們樂(lè )于點(diǎn)擊，從而達到目的。
2、架構式的思維
設計一個(gè)網(wǎng)站和搭建一所房子其實(shí)差不多。首先，它需要一個(gè)堅實(shí)的基礎，然后是能夠承載所有內容的框架，做好后要好好裝飾一下。同樣的思維模式可以套用在網(wǎng)站的設計上。
更重要的是，你并不需要為此創(chuàng )造出過(guò)去從未在框架中出現過(guò)的東西，換言之，框架內的素材、組件和我們常見(jiàn)的并無(wú)二致。就像導航設計模式一樣，現在的設計都趨于一致，因為這樣的導航好用。
當網(wǎng)站的整體結構搭建起來(lái)之后，可以將相同的思路套用到內容體系的構建上來(lái)。主要的正文內容是整個(gè)網(wǎng)站內容的基礎，輔以吸引人的標題、圖片，配合上其他的次要元素，整個(gè)內容體系可以很快搭建起來(lái)。
3、不要要求太多
現如今的世界可以說(shuō)是由數據所驅動(dòng)，越來(lái)越多的應用開(kāi)始要求用戶(hù)注冊，要用戶(hù)提供更多的權限，更多的信息，以期為用戶(hù)提供更加個(gè)性化的體驗。但是從體驗的角度上來(lái)看，要盡量規避這一點(diǎn)。
站在用戶(hù)的角度稍加思考你就明白了。找到一個(gè)令你感興趣的炫酷網(wǎng)站，如果要深入了解更多內容，就需要內容，而如果要注冊的話(huà)，網(wǎng)站卻需要你提供下面10個(gè)類(lèi)型的信息：姓名、郵件、國家、地區、城市、電話(huà)、Twitter權限、個(gè)人網(wǎng)站、工作職位、以及如何發(fā)現這個(gè)網(wǎng)站的。
那么接下來(lái)，你會(huì )怎么做？絕大多數的用戶(hù)會(huì )直接轉身離開(kāi)，這個(gè)注冊信息填寫(xiě)起來(lái)太費勁，體驗太差了。
那么，如果你當你點(diǎn)擊注冊的時(shí)候，只需要一鍵從Facebook或者twitter授權即可，那么你會(huì )不會(huì )立刻點(diǎn)擊呢？至少從目前已有的數據來(lái)看，絕大多數的用戶(hù)會(huì )這么選擇。
4、令人愉悅的微交互
可能很多時(shí)候你都沒(méi)注意到，你和各種微交互進(jìn)行的互動(dòng)一直都存在。
1、谷歌日歷彈出框提示你每周例會(huì )要開(kāi)始了
2、短信提醒
3、午睡的鬧鐘
4、微博上的新粉絲和轉發(fā)提醒
這樣的例子我們可以連續不斷地說(shuō)上一個(gè)小時(shí)。這些帶有微交互的提醒和動(dòng)作會(huì )推動(dòng)用戶(hù)進(jìn)行下一步操作，帶來(lái)愉悅的體驗，它們不能設計得非常醒目，但是又需要適當地吸引用戶(hù)注意。
這些有趣的微交互的加入讓用戶(hù)從中獲得好處。而你需要思考的是，有哪些東西是你的網(wǎng)站或者APP當中，用戶(hù)想要立刻知道和獲得、想被提醒的？
5、甚至幼兒都能輕松使用
如果要給小孩子設計產(chǎn)品，那么它應該是什么樣子？你可能會(huì )更專(zhuān)注于色彩的使用，讓每一個(gè)區塊都可以輕松點(diǎn)擊，明顯的標簽，加上拼圖式的連接方式。
所以，當我們在設計網(wǎng)站或者APP的時(shí)候，我們會(huì )說(shuō)這個(gè)產(chǎn)品要足夠易用，那么怎么才算得上“足夠”呢？讓小孩子都可以輕松使用，這就叫足夠易用。換句話(huà)說(shuō)，即使是不經(jīng)常使用網(wǎng)站和APP的成人，也不會(huì )存在明顯的使用障礙。
超大的設計元素和標簽是設計的關(guān)鍵因素。這些視覺(jué)線(xiàn)索是幫助用戶(hù)引導用戶(hù)的核心，是整體體驗設計中最重要的部分。大膽的色彩選擇，會(huì )鼓勵用戶(hù)點(diǎn)擊和探索。
如果它足夠易用，用戶(hù)會(huì )繼續嘗試使用和探索。而難于理解操作不便的導航自然會(huì )被用戶(hù)所嫌棄。如果網(wǎng)站包含太過(guò)復雜的媒體和內容，那么不妨從一個(gè)設計簡(jiǎn)單的首頁(yè)開(kāi)始，幾個(gè)簡(jiǎn)單的導航點(diǎn)擊將用戶(hù)引導到對應的位置。在深入到更復雜的頁(yè)面之前，用梳理清晰、簡(jiǎn)單明了的分頁(yè)讓用戶(hù)感到舒適，這是帶來(lái)好的瀏覽體驗的不錯解決方案。
6、輕拍(Tap)還是點(diǎn)擊(Click)
這一點(diǎn)要說(shuō)的并不是設計問(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)行響應式網(wǎng)頁(yè)設計的時(shí)候，一個(gè)事件從頭用到尾的錯誤出現得很普遍，但是有太多的移動(dòng)端網(wǎng)頁(yè)在這樣的設計下會(huì )有明顯延遲，更惡劣的情況是無(wú)法識別，這樣會(huì )直接損害到整個(gè)頁(yè)面的易用性和功能本身。
此外，移動(dòng)端上使用 Tap事件的時(shí)候，它所對應的按鈕應當相對更大一些，便于小屏上進(jìn)行交互。
7、像用戶(hù)一樣思考
我們一直在說(shuō)：“像用戶(hù)一樣思考”。但是實(shí)際的情況往往是，我們很難走出設計者和開(kāi)發(fā)者的思維方式，因為我們的思維方式壓根就和用戶(hù)不同，面對每一個(gè)交互、每一個(gè)元素的下意識反應是不一樣的。
所以，還是同設計圈、開(kāi)發(fā)圈和產(chǎn)品圈以外的人去聊聊吧，看看他們對于網(wǎng)站和APP的真實(shí)反應到底是怎樣的。你可能會(huì )在觀(guān)察中發(fā)現，他們對于產(chǎn)品、對于交互、對于界面的反應和你的預期完全不同。將用戶(hù)的真實(shí)反饋記錄下來(lái)，反饋給項目組，這樣可以幫你打造更好的用戶(hù)體驗，創(chuàng )造更優(yōu)秀的產(chǎn)品。
【7個(gè)用戶(hù)體驗設計細節介紹】相關(guān)文章：
網(wǎng)頁(yè)設計給用戶(hù)體驗帶來(lái)的影響07-14
京東、當當、amazon、淘寶商品介紹，哪個(gè)用戶(hù)體驗更好？07-09
豆瓣的用戶(hù)體驗有何優(yōu)勢07-10
網(wǎng)站設計中自以為“加強”用戶(hù)體驗的那點(diǎn)事07-14