為兒童設(shè)計(jì)移動(dòng)應(yīng)用界面的技巧

2018-01-17 1800 0
最近處于項(xiàng)目需要,開始研究兒童產(chǎn)品的界面設(shè)計(jì)。在此之前,對兒童如何使用移動(dòng)產(chǎn)品和如何設(shè)計(jì)知之甚少。優(yōu)質(zhì)的移動(dòng)應(yīng)用,為兒童帶來樂趣的同時(shí)可以幫助兒童認(rèn)知事物。越來越多的兒童使用移動(dòng)設(shè)備,接觸虛擬社區(qū)的時(shí)間甚至早于真實(shí)世界,如何設(shè)計(jì)兒童產(chǎn)品是一個(gè)非常值得深入研究的課題。
本文簡單地從視覺、界面層級關(guān)系和交互等方面分析兒童與成人界面之間的差異性。
顏色
兒童移動(dòng)應(yīng)用界面 細(xì)心的朋友會發(fā)現(xiàn)兒童家具明顯有別于其他家具,最明顯的特征就是顏色,這是因?yàn)閮和暳Φ?歲才能發(fā)育完全,對色彩的認(rèn)知也是從簡單的三原色開始,兒童偏向于喜歡高純度和高明度的原色。 兒童移動(dòng)應(yīng)用界面 iPad版奇藝動(dòng)畫片的啟動(dòng)界面以品牌綠為主,配合多種紅藍(lán)黃等顏色,整體寫實(shí)藍(lán)天綠草地的真實(shí)意境,營造輕松有趣的氛圍。
兒童移動(dòng)應(yīng)用界面 線條 兒童移動(dòng)應(yīng)用界面

兒童家具一般有保護(hù)措施,避免兒童在缺乏自我保護(hù)意識的情況下被誤傷,界面設(shè)計(jì)同樣如此。避免繁雜的細(xì)節(jié),邊緣通常使用圓角處理。 字體
家長通常擔(dān)心兒童使用電子設(shè)備影響視力,界面中很少使用小號字體,電子書字號通常比成人界面大2-4號。而奇藝動(dòng)畫片以圖片和視頻為主,兒童通過卡通形象可以輕松識別內(nèi)容,相比較故事書而已,文字并不是那么重要。 聲音 個(gè)別界面無法避免使用文字時(shí),奇藝動(dòng)畫片增加了聲音提示,巧妙地降低兒童的閱讀難度。
故事書通常有閱讀聲音,一方面是兒童的識字并不多,另一方面是兒童注意力通常只能集中20分鐘左右,有趣的界面輔以聲音可以吸引兒童注意力。 隨意點(diǎn)擊
兒童對于界面是否可以操作沒有明確的概念,以探索性操作為主,在既定的任務(wù)中需要避免兒童隨意點(diǎn)擊導(dǎo)致界面跳出或者誤觸發(fā)其他操作。奇藝動(dòng)畫片在播放時(shí)可以鎖屏,退出播放需要較高成本兒童不易學(xué)會的長按操作。 個(gè)別電子書在設(shè)計(jì)時(shí)不是有意地避免這個(gè)問題,而是利用兒童的探索性操作觸發(fā)動(dòng)畫效果,鼓勵(lì)兒童點(diǎn)擊界面中的物體,增加的界面的趣味性,但這種設(shè)計(jì)的實(shí)現(xiàn)成本很高。 如不需要兒童點(diǎn)擊操作也能正常執(zhí)行的任務(wù),比如電子書,界面中的按鈕通常采用半透明設(shè)計(jì),避免吸引兒童去點(diǎn)擊。
如可能,操作盡量放置界面上方,有效地防止兒童的誤點(diǎn)擊操作。 布局 兒童應(yīng)用的界面設(shè)計(jì)比其他簡單的很多,故事書是線性的按頁碼播放,奇藝動(dòng)畫片的主要界面只有播放器和選擇動(dòng)畫片,層級關(guān)系簡單。 小結(jié) 除了以上的內(nèi)容,兒童界面設(shè)計(jì)還有很多細(xì)節(jié)值得細(xì)細(xì)推敲,比如: 強(qiáng)化點(diǎn)擊反饋
增加進(jìn)度條的趣味性
過于顯眼吸引兒童點(diǎn)擊但容易遭家長反感的廣告
避免搜索
對于低年齡兒童避免界面的滾動(dòng)操作 不再一一以界面案例舉例說明,這些只是基礎(chǔ)知識,最重要是掌握兒童的操作行為規(guī)律,更多內(nèi)容請關(guān)注iPad版奇藝動(dòng)畫片的界面設(shè)計(jì)。 

18
評論區(qū)(0)
正在加載評論...