更新時(shí)間：2024-11-07 03:28:57
網(wǎng)站建設(shè)
317好的產(chǎn)品的用戶體驗(yàn)設(shè)計(jì)貫穿于整個(gè)設(shè)計(jì)過程，從最早的設(shè)計(jì)階段就開始了。因此，在完成網(wǎng)站設(shè)計(jì)產(chǎn)品的所有部分后，不可能找到一種方法來補(bǔ)充“UX設(shè)計(jì)”。你需要從一開始就記住它。創(chuàng)造用戶喜歡甚至想停下來的用戶體驗(yàn)通常意味著你需要給用戶他們想要的東西，給他們一些他們不期望但非常需要的東西，并平衡兩者的比例。那些廣為人知的用戶體驗(yàn)設(shè)計(jì)技巧和法則，可以幫你解決大部分的用戶體驗(yàn)設(shè)計(jì)問題，但還是有一些容易被忽視、處于盲區(qū)的設(shè)計(jì)技巧，可以幫助你做另一部分用戶體驗(yàn)設(shè)計(jì)。
1、專注于20%
你聽說過80/20 法則嗎？總之，80%的用戶通常只使用你網(wǎng)站20%的內(nèi)容和功能，絕大多數(shù)用戶只是在瀏覽網(wǎng)站的內(nèi)容，只選擇真正感興趣的瀏覽。
同時(shí)，這也意味著剩下的20%相當(dāng)重要。大多數(shù)點(diǎn)擊將來自該區(qū)域，這也是內(nèi)容和交互近乎完美的區(qū)域。
您可以通過數(shù)據(jù)分析來確定哪個(gè)部分是整個(gè)網(wǎng)站中最受關(guān)注的20%。對(duì)于一個(gè)新上線的網(wǎng)站來說，這個(gè)數(shù)據(jù)收集過程可能會(huì)持續(xù)數(shù)周，然后會(huì)進(jìn)行調(diào)整。
當(dāng)然你也可以把用戶引導(dǎo)到你想讓用戶去的那20%的區(qū)域。使用視覺引導(dǎo)和號(hào)召性用語設(shè)計(jì)來吸引流量，并使用好玩有趣的設(shè)計(jì)來創(chuàng)建有趣的區(qū)域，讓他們樂于點(diǎn)擊，從而實(shí)現(xiàn)他們的目標(biāo)。
2、架構(gòu)式的思維
設(shè)計(jì)網(wǎng)站就像蓋房子。首先，它需要一個(gè)堅(jiān)實(shí)的基礎(chǔ)，然后是一個(gè)可以容納所有東西的框架，完成后，還需要裝飾它。同樣的思維方式可以應(yīng)用于網(wǎng)站設(shè)計(jì)。
更重要的是，您不需要?jiǎng)?chuàng)建以前從未出現(xiàn)在框架中的東西。換句話說，框架中的材料和組件與我們常見的相同。就像導(dǎo)航設(shè)計(jì)模式一樣，現(xiàn)在的設(shè)計(jì)趨于一致，因?yàn)檫@樣的導(dǎo)航很容易使用。
當(dāng)網(wǎng)站整體架構(gòu)搭建好后，同樣的思路可以應(yīng)用到內(nèi)容系統(tǒng)的搭建上。正文內(nèi)容是整個(gè)網(wǎng)站內(nèi)容的基礎(chǔ)，輔以吸引人的標(biāo)題、圖片等次要元素，可以快速搭建起整個(gè)內(nèi)容體系。
3、不要要求太多
當(dāng)今世界可以說是由數(shù)據(jù)驅(qū)動(dòng)的。越來越多的應(yīng)用開始要求用戶注冊(cè)，為用戶提供更多的權(quán)限和更多的信息，以期為用戶提供更加個(gè)性化的體驗(yàn)。但是從體驗(yàn)的角度來說，盡量避免這種情況。
站在用戶的角度想想你就明白了。找一個(gè)你感興趣的酷網(wǎng)站。如果你想了解更多，你需要內(nèi)容。但如果你想注冊(cè)，該網(wǎng)站需要你提供以下10類信息：姓名、電子郵件、國家、地區(qū)、城市、電話號(hào)碼、Twitter訪問、個(gè)人網(wǎng)站、職位發(fā)布以及你如何找到這個(gè)網(wǎng)站。
那你接下來要做什么？絕大多數(shù)用戶會(huì)轉(zhuǎn)身直接離開。這個(gè)注冊(cè)信息填起來太費(fèi)勁了，體驗(yàn)太差了。
那么，如果你在點(diǎn)擊注冊(cè)的時(shí)候只需要從Facebook或Twitter上一鍵授權(quán)，你會(huì)馬上點(diǎn)擊嗎？至少從目前掌握的數(shù)據(jù)來看，絕大多數(shù)用戶都會(huì)選擇這種方式。
4、令人愉悅的微交互
很多時(shí)候你可能沒有注意到它，但是你與各種微交互的交互一直存在。
谷歌日歷彈框提醒你每周例會(huì)即將開始
短信通知
午睡鬧鐘
微博新增關(guān)注和轉(zhuǎn)發(fā)提醒
對(duì)于這樣的例子，我們可以連續(xù)講一個(gè)小時(shí)。這些帶有微交互的提醒和動(dòng)作將推動(dòng)用戶采取下一步行動(dòng)，并帶來愉快的體驗(yàn)。它們不能設(shè)計(jì)得非常醒目，但需要適當(dāng)?shù)匚脩舻淖⒁饬?。這些有趣的微交互的加入，讓用戶從中受益。你需要思考的是，你的網(wǎng)站或APP中有哪些東西是用戶最想知道、第一時(shí)間得到、最想被提醒的？
5、甚至幼兒都能輕松使用
如果您要為兒童設(shè)計(jì)一款產(chǎn)品，它會(huì)是什么樣子？你可能更注重顏色的使用，讓每個(gè)塊都可以輕松點(diǎn)擊，標(biāo)簽明顯，
加上拼圖式的連接方式。所以，當(dāng)我們?cè)谠O(shè)計(jì)網(wǎng)站或者APP的時(shí)候，我們會(huì)說這個(gè)產(chǎn)品要足夠易用，那么怎么才算得上“足夠”呢？讓小孩子都可以輕松使用，這就叫足夠易用。換句話說，即使是不經(jīng)常使用網(wǎng)站和APP的成人，也不會(huì)存在明顯的使用障礙。
超大的設(shè)計(jì)元素和標(biāo)簽是設(shè)計(jì)的關(guān)鍵因素。這些視覺線索是幫助用戶引導(dǎo)用戶的核心，是整體體驗(yàn)設(shè)計(jì)中最重要的部分。大膽的色彩選擇，會(huì)鼓勵(lì)用戶點(diǎn)擊和探索。
如果它足夠易用，用戶會(huì)繼續(xù)嘗試使用和探索。而難于理解操作不便的導(dǎo)航自然會(huì)被用戶所嫌棄。如果網(wǎng)站包含太過復(fù)雜的媒體和內(nèi)容，那么不妨從一個(gè)設(shè)計(jì)簡(jiǎn)單的首頁開始，幾個(gè)簡(jiǎn)單的導(dǎo)航點(diǎn)擊將用戶引導(dǎo)到對(duì)應(yīng)的位置。在深入到更復(fù)雜的頁面之前，用梳理清晰、簡(jiǎn)單明了的分頁讓用戶感到舒適，這是帶來好的瀏覽體驗(yàn)的不錯(cuò)解決方案。
6、輕拍(Tap)還是點(diǎn)擊(Click)？
這一點(diǎn)要說的并不是設(shè)計(jì)問題，而是一個(gè)常見的開發(fā)代碼的問題。雖然Tap和Click兩者都能在點(diǎn)擊的時(shí)候觸發(fā)，但是在移動(dòng)端網(wǎng)頁上使用Click事件 的時(shí)候，會(huì)有200ms 到300ms 的延遲，所以在移動(dòng)端上最好替換為Tap事件。在進(jìn)行響應(yīng)式網(wǎng)頁設(shè)計(jì)的時(shí)候，一個(gè)事件從頭用到尾的錯(cuò)誤出現(xiàn)得很普遍，但是有太多的移動(dòng)端網(wǎng)頁在這樣的設(shè)計(jì)下會(huì)有明顯延遲，更惡劣的情況是無法識(shí)別，這樣會(huì)直接損害到整個(gè)頁面的易用性和功能本身。
此外，移動(dòng)端上使用 Tap事件的時(shí)候，它所對(duì)應(yīng)的按鈕應(yīng)當(dāng)相對(duì)更大一些，便于小屏上進(jìn)行交互。
7、像用戶一樣思考
我們一直在說：“像用戶一樣思考”。但是實(shí)際的情況往往是，我們很難走出設(shè)計(jì)者和開發(fā)者的思維方式，因?yàn)槲覀兊乃季S方式壓根就和用戶不同，面對(duì)每一個(gè)交互、每一個(gè)元素的下意識(shí)反應(yīng)是不一樣的。
所以，還是同設(shè)計(jì)圈、開發(fā)圈和產(chǎn)品圈以外的人去聊聊吧，看看他們對(duì)于網(wǎng)站和APP的真實(shí)反應(yīng)到底是怎樣的。你可能會(huì)在觀察中發(fā)現(xiàn)，他們對(duì)于產(chǎn)品、對(duì)于交互、對(duì)于界面的反應(yīng)和你的預(yù)期完全不同。將用戶的真實(shí)反饋記錄下來，反饋給項(xiàng)目組，這樣可以幫你打造更好的用戶體驗(yàn)，創(chuàng)造更優(yōu)秀的產(chǎn)品。
我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！
