- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的五種交互設(shè)計(jì)錯(cuò)誤
網(wǎng)頁(yè)設(shè)計(jì)的交互設(shè)計(jì)讓用戶參與測(cè)試最大的好處是你真的開(kāi)始擁有用戶的視角，不要試圖限制你的創(chuàng)造力，但是也不要忘記設(shè)計(jì)的最基本原則。下面是小編為大家?guī)?lái)的網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的五種交互設(shè)計(jì)錯(cuò)誤，一起來(lái)看看吧!
1、忽視表單樣式
表單設(shè)計(jì)其實(shí)是用戶體驗(yàn)設(shè)計(jì)的基本組成部分之一。它是呈現(xiàn)信息提供溝通的載體。舉三個(gè)例子直觀體現(xiàn);
① 圖一樣式太古板;
② 圖二主題凸顯，收持有度，看上去不是很干枯無(wú)聊;
③圖三懸浮框的提醒為整個(gè)表單增添了人性化的元素;
2、過(guò)度的創(chuàng)意
①Lotorama的網(wǎng)站案例解析：漂亮的頁(yè)面和柔和的音樂(lè)都非常的贊，但是用戶進(jìn)來(lái)之后會(huì)遲疑，想知道這個(gè)網(wǎng)站要如何操作，要體現(xiàn)什么樣的主題內(nèi)容。
②Safety on the Slopes案例解析：網(wǎng)站為了說(shuō)明冬季運(yùn)動(dòng)的危險(xiǎn)，整個(gè)網(wǎng)站的設(shè)計(jì)整潔，交互也直觀。網(wǎng)站設(shè)計(jì)也有所創(chuàng)新，但是同時(shí)是以用戶交互直覺(jué)為先決條件，以身臨其境為目標(biāo)。
3、要有對(duì)比度
對(duì)比度是構(gòu)建視覺(jué)層次最重要的手段之一，也是讓視覺(jué)元素吸引用戶的絕佳方式。在網(wǎng)頁(yè)設(shè)計(jì)中，對(duì)比度不僅僅是通過(guò)色彩來(lái)呈現(xiàn)的，尺寸控制、形狀設(shè)計(jì)、位置調(diào)整也都能表現(xiàn)出對(duì)比度。如下圖所示：
相比之下，這個(gè)網(wǎng)站也采用了深淺色(黑白)的對(duì)比來(lái)進(jìn)行設(shè)計(jì)，但是結(jié)果卻截然不同。另外，充滿創(chuàng)意的滾動(dòng)效果也引入了頗為不錯(cuò)的視覺(jué)效果，很酷吧?
4、令人迷惑的交互
“不要自作聰明”的規(guī)則也應(yīng)當(dāng)應(yīng)用在導(dǎo)航設(shè)計(jì)上。比如這個(gè)網(wǎng)站，就讓前來(lái)的訪客，需要來(lái)回折騰一陣子才能快速有效的聯(lián)系上網(wǎng)站主體經(jīng)營(yíng)者。
5、雜亂無(wú)章
直接上圖，不做任何解釋。
【網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的五種交互設(shè)計(jì)錯(cuò)誤】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的交互設(shè)計(jì)錯(cuò)誤09-26
網(wǎng)頁(yè)設(shè)計(jì)常見(jiàn)錯(cuò)誤及解決辦法10-07
常犯的網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤08-09
常見(jiàn)的網(wǎng)頁(yè)布局設(shè)計(jì)07-25
響應(yīng)交互式網(wǎng)頁(yè)設(shè)計(jì)06-29
網(wǎng)頁(yè)設(shè)計(jì)中的字體設(shè)計(jì)07-26
網(wǎng)頁(yè)設(shè)計(jì)中圖片有哪些常見(jiàn)的使用技巧03-21
網(wǎng)頁(yè)設(shè)計(jì)中如何設(shè)計(jì)按鈕07-29