經(jīng)驗(yàn)分享:為兒童設(shè)計(jì)移動(dòng)應(yīng)用界面的技巧

2013-12-3    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

本文是愛(ài)奇藝無(wú)線(xiàn)UED負(fù)責(zé)人@曉生 在項(xiàng)目工作中學(xué)習(xí)到的知識(shí),針對(duì)兒童的習(xí)慣,從 配色、線(xiàn)條、布局、聲音等都作了圖文分析,如果有設(shè)計(jì)師剛好在開(kāi)發(fā)兒童類(lèi)產(chǎn)品,這篇小結(jié)會(huì)是不錯(cuò)的學(xué)習(xí)經(jīng)驗(yàn)唷。

@曉生 :最近處于項(xiàng)目需要,開(kāi)始研究?jī)和a(chǎn)品的界面設(shè)計(jì)。在此之前,對(duì)兒童如何使用移動(dòng)產(chǎn)品和如何設(shè)計(jì)知之甚少。優(yōu)質(zhì)的移動(dòng)應(yīng)用,為兒童帶來(lái)樂(lè)趣的同時(shí)可以幫助兒童認(rèn)知事物。越來(lái)越多的兒童使用移動(dòng)設(shè)備,接觸虛擬社區(qū)的時(shí)間甚至早于真實(shí)世界,如何設(shè)計(jì)兒童產(chǎn)品是一個(gè)非常值得深入研究的課題。

如果你鐘情純美的童真,那么這個(gè)教程可能非常適合你唷:
《PS教程:利用修飾技術(shù)將照片變?yōu)橛腥さ穆?huà)》

本文簡(jiǎn)單地從視覺(jué)、界面層級(jí)關(guān)系和交互等方面分析兒童與成人界面之間的差異性。

顏色

兒童移動(dòng)應(yīng)用界面

細(xì)心的朋友會(huì)發(fā)現(xiàn)兒童家具明顯有別于其他家具,最明顯的特征就是顏色,這是因?yàn)閮和暳Φ?歲才能發(fā)育完全,對(duì)色彩的認(rèn)知也是從簡(jiǎn)單的三原色開(kāi)始,兒童偏向于喜歡高純度和高明度的原色。


兒童移動(dòng)應(yīng)用界面

iPad版奇藝動(dòng)畫(huà)片的啟動(dòng)界面以品牌綠為主,配合多種紅藍(lán)黃等顏色,整體寫(xiě)實(shí)藍(lán)天綠草地的真實(shí)意境,營(yíng)造輕松有趣的氛圍。


兒童移動(dòng)應(yīng)用界面

線(xiàn)條


兒童移動(dòng)應(yīng)用界面



兒童家具一般有保護(hù)措施,避免兒童在缺乏自我保護(hù)意識(shí)的情況下被誤傷,界面設(shè)計(jì)同樣如此。避免繁雜的細(xì)節(jié),邊緣通常使用圓角處理。

字體

家長(zhǎng)通常擔(dān)心兒童使用電子設(shè)備影響視力,界面中很少使用小號(hào)字體,電子書(shū)字號(hào)通常比成人界面大2-4號(hào)。而奇藝動(dòng)畫(huà)片以圖片和視頻為主,兒童通過(guò)卡通形象可以輕松識(shí)別內(nèi)容,相比較故事書(shū)而已,文字并不是那么重要。

聲音

個(gè)別界面無(wú)法避免使用文字時(shí),奇藝動(dòng)畫(huà)片增加了聲音提示,巧妙地降低兒童的閱讀難度。


故事書(shū)通常有閱讀聲音,一方面是兒童的識(shí)字并不多,另一方面是兒童注意力通常只能集中20分鐘左右,有趣的界面輔以聲音可以吸引兒童注意力。

隨意點(diǎn)擊

兒童對(duì)于界面是否可以操作沒(méi)有明確的概念,以探索性操作為主,在既定的任務(wù)中需要避免兒童隨意點(diǎn)擊導(dǎo)致界面跳出或者誤觸發(fā)其他操作。奇藝動(dòng)畫(huà)片在播放時(shí)可以鎖屏,退出播放需要較高成本兒童不易學(xué)會(huì)的長(zhǎng)按操作。


個(gè)別電子書(shū)在設(shè)計(jì)時(shí)不是有意地避免這個(gè)問(wèn)題,而是利用兒童的探索性操作觸發(fā)動(dòng)畫(huà)效果,鼓勵(lì)兒童點(diǎn)擊界面中的物體,增加的界面的趣味性,但這種設(shè)計(jì)的實(shí)現(xiàn)成本很高。


如不需要兒童點(diǎn)擊操作也能正常執(zhí)行的任務(wù),比如電子書(shū),界面中的按鈕通常采用半透明設(shè)計(jì),避免吸引兒童去點(diǎn)擊。


如可能,操作盡量放置界面上方,有效地防止兒童的誤點(diǎn)擊操作。

布局

兒童應(yīng)用的界面設(shè)計(jì)比其他簡(jiǎn)單的很多,故事書(shū)是線(xiàn)性的按頁(yè)碼播放,奇藝動(dòng)畫(huà)片的主要界面只有播放器和選擇動(dòng)畫(huà)片,層級(jí)關(guān)系簡(jiǎn)單。

小結(jié)

除了以上的內(nèi)容,兒童界面設(shè)計(jì)還有很多細(xì)節(jié)值得細(xì)細(xì)推敲,比如:

強(qiáng)化點(diǎn)擊反饋
增加進(jìn)度條的趣味性
過(guò)于顯眼吸引兒童點(diǎn)擊但容易遭家長(zhǎng)反感的廣告
避免搜索
對(duì)于低年齡兒童避免界面的滾動(dòng)操作

不再一一以界面案例舉例說(shuō)明,這些只是基礎(chǔ)知識(shí),最重要是掌握兒童的操作行為規(guī)律,更多內(nèi)容請(qǐng)關(guān)注iPad版奇藝動(dòng)畫(huà)片的界面設(shè)計(jì)。

日歷

鏈接

個(gè)人資料

存檔