2022-07-07 分類(lèi): 網(wǎng)站建設(shè)
我們都知道UI設(shè)計(jì),UI是 User Interface的縮寫(xiě),也就是用戶(hù)界面設(shè)計(jì)。當(dāng)我們打開(kāi)任何一個(gè)手機(jī)APP,展現(xiàn)在我們面前的就是用戶(hù)界面。網(wǎng)站也是一樣,打開(kāi)網(wǎng)站,出現(xiàn)的LOGO、導(dǎo)航、圖片,也都可以稱(chēng)之為UI設(shè)計(jì)。
不少設(shè)計(jì)師都認(rèn)為,UI設(shè)計(jì)包含在UX設(shè)計(jì)之中。
那么,什么是UX設(shè)計(jì)呢?
UX是 User Experience 的縮寫(xiě),也有設(shè)計(jì)師將其稱(chēng)之為UE、UED等等,翻譯過(guò)來(lái)就是用戶(hù)體驗(yàn)設(shè)計(jì)。
為了辨別UI和UX的區(qū)別,搜索了一下知乎。有知乎用戶(hù)提供了這樣一張圖片。
UI和UX的區(qū)別
在這張圖片中,我們可以看到:
當(dāng)用戶(hù)提出“需要一輛自行車(chē)”的需求,設(shè)計(jì)師設(shè)計(jì)出了自行車(chē),這個(gè)自行車(chē)具有騎行的功能,也能夠代步,這就是UI設(shè)計(jì)。
當(dāng)用戶(hù)提出“需要一輛自行車(chē)”的需求,設(shè)計(jì)師站在用戶(hù)的角度去思考,如何能夠讓用戶(hù)高興地騎行,座位是否舒服?騎行快不快?用戶(hù)體驗(yàn)怎么樣?能夠這樣去思考,然后著手設(shè)計(jì)的工作,就是UX。
不難看出,UI是機(jī)械的、注重功能的,但是UX設(shè)計(jì)是考慮用戶(hù)情感的、從用戶(hù)出發(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)一:用戶(hù)喜歡簡(jiǎn)單和干凈。
在面對(duì)新事物的時(shí)候,用戶(hù)總是傾向于選擇簡(jiǎn)單和干凈的。所以,在界面設(shè)計(jì)的時(shí)候,無(wú)需面面俱到,而只需要突出一兩個(gè)元素即可。
經(jīng)驗(yàn)二:保持一致性
設(shè)計(jì)方面的一致性包括品牌一致性、操作一致性。從用戶(hù)角度看,一致性可以減少用戶(hù)學(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ò)多,用戶(hù)更喜歡通過(guò)滾動(dòng)來(lái)繼續(xù)閱讀,而不是分頁(yè)。另外,通常情況下,滾動(dòng)比分頁(yè)加載的更快。
經(jīng)驗(yàn)四:使用圖像信息
為什么響應(yīng)式網(wǎng)站獲得的用戶(hù)體驗(yàn)更好?一個(gè)原因是圖像信息更能夠吸引到用戶(hù)的眼球,用戶(hù)愿意在圖像信息上花費(fèi)更多時(shí)間,而不是文字信息。所以,界面設(shè)計(jì)應(yīng)該盡可能使用圖像信息。
經(jīng)驗(yàn)五:考慮用戶(hù)行為
界面的設(shè)計(jì)應(yīng)該考慮到用戶(hù)的行為。例如,導(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é)助的作用的。
分享名稱(chēng):網(wǎng)站界面設(shè)計(jì)中的UX設(shè)計(jì)實(shí)踐經(jīng)驗(yàn)總結(jié)
瀏覽路徑:http://m.rwnh.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)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容