網(wǎng)站設(shè)計中的7個用戶體驗設(shè)計細(xì)節(jié)是什么?
  • 更新時間:2024-11-07 05:35:27
  • 網(wǎng)站建設(shè)
  • 發(fā)布時間:1年前
  • 318

好的產(chǎn)品的用戶體驗設(shè)計貫穿于整個設(shè)計過程,從最早的設(shè)計階段就開始了。因此,在完成網(wǎng)站設(shè)計產(chǎn)品的所有部分后,不可能找到一種方法來補充“UX設(shè)計”。你需要從一開始就記住它。創(chuàng)造用戶喜歡甚至想停下來的用戶體驗通常意味著你需要給用戶他們想要的東西,給他們一些他們不期望但非常需要的東西,并平衡兩者的比例。那些廣為人知的用戶體驗設(shè)計技巧和法則,可以幫你解決大部分的用戶體驗設(shè)計問題,但還是有一些容易被忽視、處于盲區(qū)的設(shè)計技巧,可以幫助你做另一部分用戶體驗設(shè)計。

1、專注于20%

你聽說過80/20 法則嗎?總之,80%的用戶通常只使用你網(wǎng)站20%的內(nèi)容和功能,絕大多數(shù)用戶只是在瀏覽網(wǎng)站的內(nèi)容,只選擇真正感興趣的瀏覽。

同時,這也意味著剩下的20%相當(dāng)重要。大多數(shù)點擊將來自該區(qū)域,這也是內(nèi)容和交互近乎完美的區(qū)域。

您可以通過數(shù)據(jù)分析來確定哪個部分是整個網(wǎng)站中最受關(guān)注的20%。對于一個新上線的網(wǎng)站來說,這個數(shù)據(jù)收集過程可能會持續(xù)數(shù)周,然后會進(jìn)行調(diào)整。

當(dāng)然你也可以把用戶引導(dǎo)到你想讓用戶去的那20%的區(qū)域。使用視覺引導(dǎo)和號召性用語設(shè)計來吸引流量,并使用好玩有趣的設(shè)計來創(chuàng)建有趣的區(qū)域,讓他們樂于點擊,從而實現(xiàn)他們的目標(biāo)。

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

設(shè)計網(wǎng)站就像蓋房子。首先,它需要一個堅實的基礎(chǔ),然后是一個可以容納所有東西的框架,完成后,還需要裝飾它。同樣的思維方式可以應(yīng)用于網(wǎng)站設(shè)計。

更重要的是,您不需要創(chuàng)建以前從未出現(xiàn)在框架中的東西。換句話說,框架中的材料和組件與我們常見的相同。就像導(dǎo)航設(shè)計模式一樣,現(xiàn)在的設(shè)計趨于一致,因為這樣的導(dǎo)航很容易使用。

當(dāng)網(wǎng)站整體架構(gòu)搭建好后,同樣的思路可以應(yīng)用到內(nèi)容系統(tǒng)的搭建上。正文內(nèi)容是整個網(wǎng)站內(nèi)容的基礎(chǔ),輔以吸引人的標(biāo)題、圖片等次要元素,可以快速搭建起整個內(nèi)容體系。

3、不要要求太多

當(dāng)今世界可以說是由數(shù)據(jù)驅(qū)動的。越來越多的應(yīng)用開始要求用戶注冊,為用戶提供更多的權(quán)限和更多的信息,以期為用戶提供更加個性化的體驗。但是從體驗的角度來說,盡量避免這種情況。

站在用戶的角度想想你就明白了。找一個你感興趣的酷網(wǎng)站。如果你想了解更多,你需要內(nèi)容。但如果你想注冊,該網(wǎng)站需要你提供以下10類信息:姓名、電子郵件、國家、地區(qū)、城市、電話號碼、Twitter訪問、個人網(wǎng)站、職位發(fā)布以及你如何找到這個網(wǎng)站。

那你接下來要做什么?絕大多數(shù)用戶會轉(zhuǎn)身直接離開。這個注冊信息填起來太費勁了,體驗太差了。

那么,如果你在點擊注冊的時候只需要從Facebook或Twitter上一鍵授權(quán),你會馬上點擊嗎?至少從目前掌握的數(shù)據(jù)來看,絕大多數(shù)用戶都會選擇這種方式。

4、令人愉悅的微交互

很多時候你可能沒有注意到它,但是你與各種微交互的交互一直存在。

谷歌日歷彈框提醒你每周例會即將開始

短信通知

午睡鬧鐘

微博新增關(guān)注和轉(zhuǎn)發(fā)提醒

對于這樣的例子,我們可以連續(xù)講一個小時。這些帶有微交互的提醒和動作將推動用戶采取下一步行動,并帶來愉快的體驗。它們不能設(shè)計得非常醒目,但需要適當(dāng)?shù)匚脩舻淖⒁饬?。這些有趣的微交互的加入,讓用戶從中受益。你需要思考的是,你的網(wǎng)站或APP中有哪些東西是用戶最想知道、第一時間得到、最想被提醒的?

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

如果您要為兒童設(shè)計一款產(chǎn)品,它會是什么樣子?你可能更注重顏色的使用,讓每個塊都可以輕松點擊,標(biāo)簽明顯,

加上拼圖式的連接方式。

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

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

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

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

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

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

7、像用戶一樣思考

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

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

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!

本文章出于推來客官網(wǎng),轉(zhuǎn)載請表明原文地址:https://www.tlkjt.com/web/11883.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部