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