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