萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 兒童設計移動應用界面的技巧

兒童設計移動應用界面的技巧

   本文簡單地從視覺、界面層級關系和交互等方面分析兒童與成人界面之間的差異性。

  顏色

兒童設計移動應用界面的技巧 三聯

  細心的朋友會發現兒童家具明顯有別於其他家具,最明顯的特征就是顏色,這是因為兒童視力到8歲才能發育完全,對色彩的認知也是從簡單的三原色開始,兒童偏向於喜歡高純度和高明度的原色。

兒童移動應用界面

  iPad版奇藝動畫片的啟動界面以品牌綠為主,配合多種紅藍黃等顏色,整體寫實藍天綠草地的真實意境,營造輕松有趣的氛圍。

兒童移動應用界面

  線條

兒童移動應用界面

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

  字體

  家長通常擔心兒童使用電子設備影響視力,界面中很少使用小號字體,電子書字號通常比成人界面大2-4號。而奇藝動畫片以圖片和視頻為主,兒童通過卡通形象可以輕松識別內容,相比較故事書而已,文字並不是那麼重要。

  聲音

  個別界面無法避免使用文字時,奇藝動畫片增加了聲音提示,巧妙地降低兒童的閱讀難度。

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

  隨意點擊

  兒童對於界面是否可以操作沒有明確的概念,以探索性操作為主,在既定的任務中需要避免兒童隨意點擊導致界面跳出或者誤觸發其他操作。奇藝動畫片在播放時可以鎖屏,退出播放需要較高成本兒童不易學會的長按操作。

  個別電子書在設計時不是有意地避免這個問題,而是利用兒童的探索性操作觸發動畫效果,鼓勵兒童點擊界面中的物體,增加的界面的趣味性,但這種設計的實現成本很高。

  如不需要兒童點擊操作也能正常執行的任務,比如電子書,界面中的按鈕通常采用半透明設計,避免吸引兒童去點擊。

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

  布局

  兒童應用的界面設計比其他簡單的很多,故事書是線性的按頁碼播放,奇藝動畫片的主要界面只有播放器和選擇動畫片,層級關系簡單。

  小結

  除了以上的內容,兒童界面設計還有很多細節值得細細推敲,比如:

  強化點擊反饋

  增加進度條的趣味性

  過於顯眼吸引兒童點擊但容易遭家長反感的廣告

  避免搜索

  對於低年齡兒童避免界面的滾動操作

  不再一一以界面案例舉例說明,這些只是基礎知識,最重要是掌握兒童的操作行為規律,更多內容請關注iPad版奇藝動畫片的界面設計。

copyright © 萬盛學電腦網 all rights reserved