誤區(qū)一：交互不對(duì)內(nèi)容的排布做充分的考慮
?
首頁(yè)過(guò)大的 banner 會(huì)導(dǎo)致分割了首頁(yè)導(dǎo)航欄和主體內(nèi)容，過(guò)度注重美觀則使得內(nèi)容打了折扣。同時(shí)，在活動(dòng)列表等界面中，盡量保證每一屏中的幾個(gè)活動(dòng)所在的位置和體現(xiàn)效果『公平』，否則排序靠后的內(nèi)容就非常容易被忽略掉（點(diǎn)擊量落差巨大）。因此，在交互設(shè)計(jì)中，除了要確定某一個(gè)大區(qū)域中放置的內(nèi)容，對(duì)于其中細(xì)節(jié)內(nèi)容的排布也應(yīng)當(dāng)有所考慮和安排。否則，你的設(shè)計(jì)就會(huì)影響運(yùn)營(yíng)同學(xué)的工作。
?
?
誤區(qū)二：交互設(shè)計(jì)，就是用軟件做控件布局和跳轉(zhuǎn)鏈接
?
從我和朋友的原型圖就能高下立判，一個(gè)原型圖逼近成品，而我的，則可能好一點(diǎn)的手稿也要比我的原型圖清晰和美觀。錯(cuò)誤地把交互理解為設(shè)計(jì)主體布局和頁(yè)面之間的跳轉(zhuǎn)關(guān)系，并且簡(jiǎn)單呈現(xiàn)給視覺(jué)，是我做交互設(shè)計(jì)犯下的第一個(gè)錯(cuò)誤。單調(diào)的頁(yè)面也僅僅體現(xiàn)了布局，絲毫沒(méi)有體現(xiàn)出交互，更沒(méi)有表達(dá)出不同的切換效果、換頁(yè)動(dòng)畫(huà)以及呈現(xiàn)方式，這會(huì)對(duì)視覺(jué)以及前端同學(xué)的工作造成很多的不便。
?
誤區(qū)三：交互設(shè)計(jì)，只是體現(xiàn)一個(gè)大概的設(shè)計(jì)概念
?
此條與誤解一有些許重疊的地方，總而言之就是設(shè)計(jì)太潦草和太簡(jiǎn)單。在我的設(shè)計(jì)稿中，已知的網(wǎng)站944像素寬度也沒(méi)有體現(xiàn)出來(lái)，是根據(jù)目測(cè)隨意設(shè)置的邊距，并且每一個(gè)頁(yè)面的邊距都不同（因?yàn)槎际悄繙y(cè)隨便擺的）。同樣地，在高度方面更是沒(méi)有細(xì)致的規(guī)劃，沒(méi)有考慮到每一屏所顯示的內(nèi)容，沒(méi)有考慮到哪些控件可能出現(xiàn)屏幕上『青黃不接』的狀態(tài)。實(shí)際交互和原型設(shè)計(jì)，應(yīng)該是像素級(jí)的工作，應(yīng)該讓視覺(jué)和前端的同學(xué)明確知道每一個(gè)控件的精確位置，而不是讓他們來(lái)替你做這件工作。工具方面，可以使用網(wǎng)格和屏幕分割線(xiàn)來(lái)劃分區(qū)域，便于設(shè)計(jì)。