網(wǎng)站界面設(shè)計(jì)中的UX設(shè)計(jì)實(shí)踐經(jīng)驗(yàn)總結(jié)

2022-07-07    分類: 網(wǎng)站建設(shè)

我們都知道UI設(shè)計(jì),UI是 User Interface的縮寫,也就是用戶界面設(shè)計(jì)。當(dāng)我們打開(kāi)任何一個(gè)手機(jī)APP,展現(xiàn)在我們面前的就是用戶界面。網(wǎng)站也是一樣,打開(kāi)網(wǎng)站,出現(xiàn)的LOGO、導(dǎo)航、圖片,也都可以稱之為UI設(shè)計(jì)。

不少設(shè)計(jì)師都認(rèn)為,UI設(shè)計(jì)包含在UX設(shè)計(jì)之中。

那么,什么是UX設(shè)計(jì)呢?

UX是 User Experience 的縮寫,也有設(shè)計(jì)師將其稱之為UE、UED等等,翻譯過(guò)來(lái)就是用戶體驗(yàn)設(shè)計(jì)。

為了辨別UI和UX的區(qū)別,搜索了一下知乎。有知乎用戶提供了這樣一張圖片。

UI和UX的區(qū)別


網(wǎng)站界面設(shè)計(jì)

在這張圖片中,我們可以看到:

當(dāng)用戶提出“需要一輛自行車”的需求,設(shè)計(jì)師設(shè)計(jì)出了自行車,這個(gè)自行車具有騎行的功能,也能夠代步,這就是UI設(shè)計(jì)。

當(dāng)用戶提出“需要一輛自行車”的需求,設(shè)計(jì)師站在用戶的角度去思考,如何能夠讓用戶高興地騎行,座位是否舒服?騎行快不快?用戶體驗(yàn)怎么樣?能夠這樣去思考,然后著手設(shè)計(jì)的工作,就是UX。

不難看出,UI是機(jī)械的、注重功能的,但是UX設(shè)計(jì)是考慮用戶情感的、從用戶出發(fā)的。從這個(gè)結(jié)論看,設(shè)計(jì)師應(yīng)該從UI設(shè)計(jì)向UX設(shè)計(jì)轉(zhuǎn)變。

如何進(jìn)行UX設(shè)計(jì)?

創(chuàng)新互聯(lián)在設(shè)計(jì)網(wǎng)站和APP的過(guò)程中,總結(jié)出了一些UX設(shè)計(jì)的實(shí)踐經(jīng)驗(yàn)。我們認(rèn)為,這些實(shí)踐總結(jié)對(duì)UX設(shè)計(jì)師來(lái)說(shuō),是十分有用的。

經(jīng)驗(yàn)一:用戶喜歡簡(jiǎn)單和干凈。

在面對(duì)新事物的時(shí)候,用戶總是傾向于選擇簡(jiǎn)單和干凈的。所以,在界面設(shè)計(jì)的時(shí)候,無(wú)需面面俱到,而只需要突出一兩個(gè)元素即可。

經(jīng)驗(yàn)二:保持一致性

設(shè)計(jì)方面的一致性包括品牌一致性、操作一致性。從用戶角度看,一致性可以減少用戶學(xué)習(xí)的成本。

舉一個(gè)簡(jiǎn)單的例子,在網(wǎng)站設(shè)計(jì)的時(shí)候,某一個(gè)頁(yè)面的“回到頂部”按鈕放在左邊,而某一頁(yè)面放在右邊,這就不符合一致性的要求。

經(jīng)驗(yàn)三:滾動(dòng)優(yōu)于分頁(yè)

如果一個(gè)界面內(nèi)容過(guò)多,用戶更喜歡通過(guò)滾動(dòng)來(lái)繼續(xù)閱讀,而不是分頁(yè)。另外,通常情況下,滾動(dòng)比分頁(yè)加載的更快。

經(jīng)驗(yàn)四:使用圖像信息

為什么響應(yīng)式網(wǎng)站獲得的用戶體驗(yàn)更好?一個(gè)原因是圖像信息更能夠吸引到用戶的眼球,用戶愿意在圖像信息上花費(fèi)更多時(shí)間,而不是文字信息。所以,界面設(shè)計(jì)應(yīng)該盡可能使用圖像信息。

經(jīng)驗(yàn)五:考慮用戶行為

界面的設(shè)計(jì)應(yīng)該考慮到用戶的行為。例如,導(dǎo)航欄、鏈接和按鈕應(yīng)該遵循標(biāo)準(zhǔn)化的表單。另外,導(dǎo)航鏈接和按鈕的設(shè)計(jì)應(yīng)該考慮到可用性。因此,對(duì)于最常用的元素來(lái)說(shuō),功能勝過(guò)設(shè)計(jì)美學(xué)。

如上這些設(shè)計(jì)經(jīng)驗(yàn),都是我們經(jīng)過(guò)測(cè)試和試驗(yàn)的,對(duì)UX設(shè)計(jì)是能夠起到啟發(fā)和協(xié)助的作用的。

分享名稱:網(wǎng)站界面設(shè)計(jì)中的UX設(shè)計(jì)實(shí)踐經(jīng)驗(yàn)總結(jié)
瀏覽路徑:http://www.muchs.cn/news42/175492.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)自適應(yīng)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、虛擬主機(jī)外貿(mào)建站、云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)