1、流程圖是一切工作的基礎(chǔ)
即便是一個(gè)簡單的app也要有一個(gè)思慮周全的流程圖,以確保它有合乎邏輯的、合理的導(dǎo)航結(jié)構(gòu)。另一點(diǎn)就是要確保核心功能所在的屏幕位于上層,而不是被埋沒在多層導(dǎo)航元素之下。
2、設(shè)計(jì)師一定要明確把握自己的分工
設(shè)計(jì)師創(chuàng)建的每一個(gè)細(xì)節(jié)都要經(jīng)過開發(fā)者才能變得活靈活現(xiàn)?;◣讉€(gè)小時(shí)和幾天時(shí)間做出的簡單設(shè)計(jì)更改對(duì)App功能的影響是截然不同的。
3、避免使用位圖和低分辨率的圖片
一般而言,設(shè)計(jì)首先是為視網(wǎng)膜顯示屏、高分辨率的顯示屏設(shè)計(jì),然后按比例縮減。更好的做法是使用矢量圖形進(jìn)行設(shè)計(jì)而不是位圖或者柵格圖像。
4、點(diǎn)擊區(qū)域設(shè)置一定要合理
大多數(shù)用戶的食指寬1.6~2厘米(44px~58px之間)。設(shè)計(jì)時(shí)要考慮到手指的寬度,而且用戶在快速移動(dòng)手指的時(shí)候,很難準(zhǔn)確的點(diǎn)擊小片屏幕。在屏幕上加大量的按鈕和功能很容易,但按鈕一定要足夠大,間隔也要足夠大,否則用戶容易誤點(diǎn)。
5、介紹動(dòng)畫的設(shè)計(jì)一定要精細(xì)
在如果你打算使用介紹動(dòng)畫,那要讓動(dòng)畫時(shí)間盡可能短,設(shè)計(jì)盡可能精細(xì)以及足夠吸引人,值得用戶花費(fèi)時(shí)間等待。App加載過程中會(huì)先展現(xiàn)圖片,再過渡至動(dòng)畫。要確保這個(gè)過度是平滑的,貼切自然的。
6、給用戶一個(gè)加載提示設(shè)計(jì)
App加載時(shí)間過長很容易讓用戶以為出現(xiàn)了什么故障,也會(huì)帶來糟糕的用戶體驗(yàn)。App加載的時(shí)候不要讓用戶看到空白的屏幕,使用加載指示條或者小動(dòng)畫讓用戶知道App處于正常運(yùn)行當(dāng)中。如果能加入一個(gè)加載進(jìn)度指示條就更好了。
7、不同的操作系統(tǒng)要有不同的設(shè)計(jì)
不同的移動(dòng)操作系統(tǒng)比如iOS、Android和WPh7,都有迥異的審美觀。開發(fā)者需要認(rèn)真學(xué)習(xí)各個(gè)操作系統(tǒng)的人機(jī)界面指南,做好不同版本App的移植工作,不要讓用戶迷茫和不適應(yīng)
8、在高密度像素屏幕上禁止填充過多的信息或UI組件
充塞了很多信息或者UI組件的界面會(huì)顯得非常雜亂,并且難以有效導(dǎo)航,更會(huì)影響界面上的主要功能的展現(xiàn)。
9、可用性測(cè)試的必要性
可用性測(cè)試是必須的,不管你的App看起來多么好。找值得信任的人(或者有經(jīng)驗(yàn)的設(shè)計(jì)師)進(jìn)行小范圍封閉測(cè)試,在公開發(fā)布之前更新一下界面。另一個(gè)簡單易行的獲得用戶反饋的方法是在分類網(wǎng)站張貼廣告招募合適的人進(jìn)行焦點(diǎn)小組測(cè)試。
10、不要忘記手勢(shì) 但不要濫用
一句話,不要忘記手勢(shì)但也不能濫用,通常要避免通過使用手勢(shì)進(jìn)入菜單,或者通過手勢(shì)。
更多信息請(qǐng)查看IT技術(shù)專欄