提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時(shí)間與您聯(lián)系!
兒童產(chǎn)品不能只是披著兒童外衣的成人產(chǎn)品,二者從不布局方式就有明顯的不同~
自從2015年App Store設(shè)立兒童專區(qū)以來,兒童已經(jīng)成為移動應(yīng)用的重要群體,產(chǎn)品數(shù)量增加讓越來越多的UI設(shè)計(jì)師開始了兒童產(chǎn)品的設(shè)計(jì)。
但剛接觸兒童產(chǎn)品的設(shè)計(jì)師,會習(xí)慣性套用自己面向成年人的設(shè)計(jì)經(jīng)驗(yàn),甚至認(rèn)為兒童產(chǎn)品只是在成人產(chǎn)品的基礎(chǔ)上,使用更多鮮艷色彩和可愛圖形來包裝。這樣的設(shè)計(jì),只是披著兒童外衣的成人產(chǎn)品,其實(shí)并不適用于兒童。
比如成人產(chǎn)品中常見的布局方式有列表式、瀑布流、手風(fēng)琴布局、宮格式、儀表式、卡片式、Gallery等,其中很多放到兒童產(chǎn)品中就并不適用。
如瀑布流式布局,對于成年人來說,瀑布流的錯(cuò)落讓視線任意流動以緩解視覺疲勞,無限加載模式能獲得更多的內(nèi)容;但對于兒童來說,錯(cuò)落的排列容易擾亂視線,使其無法很好的集中和適應(yīng)。刷新加載帶來的內(nèi)容變化,也不利于兒童的記憶與查找信息。
手風(fēng)琴式布局,對成年人來說是在承載較多信息的同時(shí)保持界面簡潔,減少跳轉(zhuǎn)。但對于兒童來說,這種信息的收納隱藏,并不利于他們理解和記憶,甚至是會造成困擾。
兒童不管從生理、心理、認(rèn)知、行為等各方面,都與成年人有著極大的不同。比如行為操控的不精準(zhǔn)需要更多容錯(cuò)并使用其容易完成的交互;比如對注意力無法集中,需要更多的指引以及信息篩選,干擾排除;比如需要更多的正向激勵與陪伴……
這些不同,決定了兒童產(chǎn)品不能只是成人產(chǎn)品的“外表幼化”,而需要對其進(jìn)行更專業(yè)深入的分析和系統(tǒng)認(rèn)知,才能做出真正適于兒童使用的設(shè)計(jì)。
因此兒童產(chǎn)品中,針對兒童的自身能力和使用習(xí)慣,發(fā)展出了一些特有的布局方式,如跳板式、地圖式、轉(zhuǎn)盤式、路徑式等,它們更適于兒童用戶,也都有各自的特點(diǎn)和適用場景。
下文開始對兒童產(chǎn)品中布局的使用進(jìn)行分析總結(jié)。全文分上下兩部分,上部內(nèi)容總體介紹特點(diǎn),下部則是類型盤點(diǎn),結(jié)合案例逐一分析其特性、優(yōu)缺點(diǎn)。從做兒童產(chǎn)品設(shè)計(jì)開始,通過一點(diǎn)點(diǎn)地學(xué)習(xí)和積累,也希望以后可以從更多角度與大家交流討論~
兒童產(chǎn)品的布局的特點(diǎn)可以從內(nèi)容組織、交互操作和視覺情感三個(gè)層面來分析。
· 內(nèi)容組織
簡潔、聚焦、控制信息量
內(nèi)容組織層面,由于兒童處于無意注意到有意注意的過渡期,其注意力、支配知覺能力都與成人有一定的差距,還不能很好地掌控。所以在進(jìn)行布局設(shè)計(jì)的時(shí)候,要盡量保持內(nèi)容的簡潔和聚焦,控制信息量,減少因過多內(nèi)容給孩子帶來的認(rèn)知和操作上的阻礙。
有研究表明,頁面中信息數(shù)量不宜過多,內(nèi)容信息應(yīng)占頁面整體約40%-60%的比例為合理。該比例下,人們接收和處理信息的過程相對輕松。當(dāng)內(nèi)容較多、信息量較大的情況下,則應(yīng)考慮分屏顯示,以簡化每屏內(nèi)容,控制信息量;若都集中于一個(gè)頁面,則會給用戶的瀏覽和使用增加視覺處理上的困難。
人們的瀏覽習(xí)慣是自左而右,自上而下的,對不同界面區(qū)域投入的注意力也不同。頁面的中心區(qū)域?qū)儆谌藗円曈X的聚焦區(qū),且根據(jù)視覺生理特征,聚焦區(qū)域的水平范圍大于垂直范圍,也就是說,人們的聚焦區(qū)整體呈長方形。有意識的利用聚焦區(qū),能彌補(bǔ)兒童注意力的欠缺,更好的幫助其完成視覺篩選,聚焦重點(diǎn)內(nèi)容。
如下圖VIPKID的頁面就相對合理。內(nèi)容集中于視覺聚焦區(qū),且通過星球的大小和透明度的變化,進(jìn)一步突出當(dāng)前重點(diǎn)。并控制當(dāng)前頁面信息量,每屏不過多展示,而是以滑動分屏顯示更多內(nèi)容。
對于孩子而言,分2次處理5個(gè)信息,要比1次完成10個(gè)信息的處理更簡單,更易于完成。
· 交互操作
簡單、防誤觸、可拓展性
交互操作層面,我們首先需要選擇使用兒童可完成的、簡單的交互操作。如單擊、左右滑動、上下滑動都屬于兒童容易完成的操作;而拖拽、長按、雙擊等,對于低齡兒童來說,則需要更多的學(xué)習(xí)和練習(xí)才能掌握。
除了交互手勢的選擇,還需注意的是孩子大腦與肢體間的協(xié)調(diào)度不如成年人,無法保持準(zhǔn)確地操作精度。較擁擠的布局,容易造成不必要的誤操作,因此為其提供更大的操作熱區(qū)與間距,可以減少誤操作的可能。
兒童產(chǎn)品的圖標(biāo)、按鈕、間距等,相比于成人用戶產(chǎn)品通常都有一定程度的放大,這也是在選擇布局時(shí),需要考慮到的。
再有就是需要考慮布局是拓展性,考慮當(dāng)前形式是否能夠很好地支持內(nèi)容數(shù)量或狀態(tài)上的改變,是否易拓展。由于內(nèi)容層面對信息量的控制,拓展性也成為我們必須要考慮的方面。需根據(jù)內(nèi)容數(shù)量的閾值來選擇適合的布局。
內(nèi)容數(shù)量多、變化大的功能選擇拓展性強(qiáng)的布局來承載,內(nèi)容數(shù)量少、較為固定的功能,則可降低對拓展性的要求。
比如路徑式布局,若內(nèi)容數(shù)量增加,只需往后延展增加路徑和節(jié)點(diǎn),對布局整體影響不大,拓展性好,適于需要展現(xiàn)多內(nèi)容、多信息的場景。而地圖式布局,若內(nèi)容數(shù)量大量增加,則會給當(dāng)前頁面帶來較大變化,內(nèi)容多時(shí)應(yīng)該避免使用,適于較為穩(wěn)定的內(nèi)容。
· 視覺情感
易懂、有趣、親和力
視覺情感層面,人對事物的感受很大程度上源于視覺,而由于兒童的邏輯思維能力尙處于萌芽發(fā)展階段,則更是傾向于直接依靠感觀判斷,視覺感受起到的作用也就越大。所以在內(nèi)容清晰聚焦、交互簡單易用的基礎(chǔ)上,為孩子們提供易于識別理解的,有趣味性、有親和力的視覺表達(dá),有助于他們接受和喜愛產(chǎn)品,帶來愉悅的產(chǎn)品體驗(yàn)。
愛玩是孩子的天性,在清晰直接之余,趣味性的加入是對孩子天性的滿足,寓教于樂也是兒童產(chǎn)品的趨勢。比如擬物化、場景化就是提升趣味性、增加親和力的有效方式。把具體的事物或場景用于頁面視覺,有助于創(chuàng)造更加豐富的體驗(yàn),讓孩子們更有代入感,提高對任務(wù)的興趣,拉近與產(chǎn)品的距離。
易懂是指需要使用孩子們更容易接受和理解的布局方式,比如相比于純文字的列表式,顯然圖文的卡片形式更利于孩子理解。對于孩子們來說,圖形的信息表現(xiàn)更為直觀,門檻更低,讀圖比解讀文字更加簡單,便于理解和記憶。圖片更是有天然的吸引力優(yōu)勢,好看可愛的圖片不僅能吸引其注意力,也帶來情感上的愉悅。
以上是對兒童產(chǎn)品布局特點(diǎn)的分析,從三方面考慮,內(nèi)容組織層面需簡潔、聚焦、控制信息量,交互操作上需注意簡單、防誤觸和可拓展性,視覺情感則需考慮易懂、有趣和親和力。
下篇將盤點(diǎn)各類型布局,結(jié)合案例逐一分析其特性、優(yōu)缺點(diǎn),感興趣的小伙伴可以關(guān)注一下哦~
更多兒童產(chǎn)品文章
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點(diǎn)評一下吧!:)
登錄 立即注冊