<em id="p0xi0"><tr id="p0xi0"><kbd id="p0xi0"></kbd></tr></em><tbody id="p0xi0"><center id="p0xi0"><video id="p0xi0"></video></center></tbody>

<tbody id="p0xi0"><noscript id="p0xi0"><video id="p0xi0"></video></noscript></tbody><form id="p0xi0"><tr id="p0xi0"></tr></form><dd id="p0xi0"><big id="p0xi0"></big></dd>
<form id="p0xi0"></form>

<progress id="p0xi0"><sub id="p0xi0"><noframes id="p0xi0"></noframes></sub></progress>

<dd id="p0xi0"></dd>

<progress id="p0xi0"></progress>

    恭喜你成为UI中国推荐设计师 (详情)

    您的意见是我们 UI 中国进步的动力!
    点击立即反馈按钮,发表您的意见!
    立即反馈
    QQ群反馈
    您也可以加入UI中国官方反馈群进行反??!
    群号:302892100
    备注:反馈问题后@管理员能让我们及时了解您的意见

    儿童产品中的布局使用(上)

    原创文章 分类: 经验/观点 版权:
    6514 140 88 6
    2020-05-11
    42.9。
    首页推荐

    儿童产品不能只是披着儿童外衣的成人产品,二者从不布局方式就有明显的不同~

    自从2015年App Store设立儿童专区以来,儿童已经成为移动应用的重要群体,产品数量增加让越来越多的UI设计师开始了儿童产品的设计。


    但刚接触儿童产品的设计师,会习惯性套用自己面向成年人的设计经验,甚至认为儿童产品只是在成人产品的基础上,使用更多鲜艳色彩和可爱图形来包装。这样的设计,只是披着儿童外衣的成人产品,其实并不适用于儿童。



    比如成人产品中常见的布局方式有列表式、瀑布流、手风琴布局、宫格式、仪表式、卡片式、Gallery等,其中很多放到儿童产品中就并不适用。


    如瀑布流式布局,对于成年人来说,瀑布流的错落让视线任意流动以缓解视觉疲劳,无限加载模式能获得更多的内容;但对于儿童来说,错落的排列容易扰乱视线,使其无法很好的集中和适应。刷新加载带来的内容变化,也不利于儿童的记忆与查找信息。



    手风琴式布局,对成年人来说是在承载较多信息的同时保持界面简洁,减少跳转。但对于儿童来说,这种信息的收纳隐藏,并不利于他们理解和记忆,甚至是会造成困扰。


    儿童不管从生理、心理、认知、行为等各方面,都与成年人有着极大的不同。比如行为操控的不精准需要更多容错并使用其容易完成的交互;比如对注意力无法集中,需要更多的指引以及信息筛选,干扰排除;比如需要更多的正向激励与陪伴……


    这些不同,决定了儿童产品不能只是成人产品的“外表幼化”,而需要对其进行更专业深入的分析和系统认知,才能做出真正适于儿童使用的设计。



    因此儿童产品中,针对儿童的自身能力和使用习惯,发展出了一些特有的布局方式,如跳板式、地图式、转盘式、路径式等,它们更适于儿童用户,也都有各自的特点和适用场景。


    下文开始对儿童产品中布局的使用进行分析总结。全文分上下两部分,上部内容总体介绍特点,下部则是类型盘点,结合案例逐一分析其特性、优缺点。从做儿童产品设计开始,通过一点点地学习和积累,也希望以后可以从更多角度与大家交流讨论~


    儿童产品的布局的特点可以从内容组织、交互操作视觉情感三个层面来分析。




    · 内容组织

    简洁、聚焦、控制信息量


    内容组织层面,由于儿童处于无意注意到有意注意的过渡期,其注意力、支配知觉能力都与成人有一定的差距,还不能很好地掌控。所以在进行布局设计的时候,要尽量保持内容的简洁和聚焦,控制信息量,减少因过多内容给孩子带来的认知和操作上的阻碍。


    有研究表明,页面中信息数量不宜过多,内容信息应占页面整体约40%-60%的比例为合理。该比例下,人们接收和处理信息的过程相对轻松。当内容较多、信息量较大的情况下,则应考虑分屏显示,以简化每屏内容,控制信息量;若都集中于一个页面,则会给用户的浏览和使用增加视觉处理上的困难。



    人们的浏览习惯是自左而右,自上而下的,对不同界面区域投入的注意力也不同。页面的中心区域属于人们视觉的聚焦区,且根据视觉生理特征,聚焦区域的水平范围大于垂直范围,也就是说,人们的聚焦区整体呈长方形。有意识的利用聚焦区,能弥补儿童注意力的欠缺,更好的帮助其完成视觉筛选,聚焦重点内容。


    如下图VIPKID的页面就相对合理。内容集中于视觉聚焦区,且通过星球的大小和透明度的变化,进一步突出当前重点。并控制当前页面信息量,每屏不过多展示,而是以滑动分屏显示更多内容。

    对于孩子而言,分2次处理5个信息,要比1次完成10个信息的处理更简单,更易于完成。


    · 交互操作

    简单、防误触、可拓展性


    交互操作层面,我们首先需要选择使用儿童可完成的、简单的交互操作。如单击、左右滑动、上下滑动都属于儿童容易完成的操作;而拖拽、长按、双击等,对于低龄儿童来说,则需要更多的学习和练习才能掌握。



    除了交互手势的选择,还需注意的是孩子大脑与肢体间的协调度不如成年人,无法保持准确地操作精度。较拥挤的布局,容易造成不必要的误操作,因此为其提供更大的操作热区与间距,可以减少误操作的可能。


    儿童产品的图标、按钮、间距等,相比于成人用户产品通常都有一定程度的放大,这也是在选择布局时,需要考虑到的。

    再有就是需要考虑布局是拓展性,考虑当前形式是否能够很好地支持内容数量或状态上的改变,是否易拓展。由于内容层面对信息量的控制,拓展性也成为我们必须要考虑的方面。需根据内容数量的阈值来选择适合的布局。


    内容数量多、变化大的功能选择拓展性强的布局来承载,内容数量少、较为固定的功能,则可降低对拓展性的要求。


    比如路径式布局,若内容数量增加,只需往后延展增加路径和节点,对布局整体影响不大,拓展性好,适于需要展现多内容、多信息的场景。而地图式布局,若内容数量大量增加,则会给当前页面带来较大变化,内容多时应该避免使用,适于较为稳定的内容。



    · 视觉情感

    易懂、有趣、亲和力

     

    视觉情感层面,人对事物的感受很大程度上源于视觉,而由于儿童的逻辑思维能力尙处于萌芽发展阶段,则更是倾向于直接依靠感观判断,视觉感受起到的作用也就越大。所以在内容清晰聚焦、交互简单易用的基础上,为孩子们提供易于识别理解的,有趣味性、有亲和力的视觉表达,有助于他们接受和喜爱产品,带来愉悦的产品体验。

     

    爱玩是孩子的天性,在清晰直接之余,趣味性的加入是对孩子天性的满足,寓教于乐也是儿童产品的趋势。比如拟物化、场景化就是提升趣味性、增加亲和力的有效方式。把具体的事物或场景用于页面视觉,有助于创造更加丰富的体验,让孩子们更有代入感,提高对任务的兴趣,拉近与产品的距离。


    易懂是指需要使用孩子们更容易接受和理解的布局方式,比如相比于纯文字的列表式,显然图文的卡片形式更利于孩子理解。对于孩子们来说,图形的信息表现更为直观,门槛更低,读图比解读文字更加简单,便于理解和记忆。图片更是有天然的吸引力优势,好看可爱的图片不仅能吸引其注意力,也带来情感上的愉悦。




    以上是对儿童产品布局特点的分析,从三方面考虑,内容组织层面需简洁、聚焦、控制信息量,交互操作上需注意简单、防误触和可拓展性,视觉情感则需考虑易懂、有趣和亲和力。
    下篇将盘点各类型布局,结合案例逐一分析其特性、优缺点,感兴趣的小伙伴可以关注一下哦~


    更多儿童产品文章

    《儿童产品中的色彩使用-上》

    《儿童产品中的色彩使用-下》



    Powered by Froala Editor

    推荐人:

    UI中国

    焱小玖

    念念不忘 必有回响

    1485粉丝/50关注

    儿童产品中的布局使用(下)儿童产品中的色彩使用(下)
    7
    竹林浪子

    讲得很到位,不过我看到很多小朋友拿起手机就玩起了吃鸡,比我还会玩

    精彩!

    你确定要举报儿童产品中的布局使用(上)?

    如果查出恶意举报,十天内禁止提交任何举报申请。

    0/200

    上传证据: 超过10M的附件请使用网盘地址

    点击上传附件

    对谁可见:

    全部设计师
    • 全部设计师
    • 推荐设计师和认证设计师

    您确认要推荐?

    该作品发布时间:2020年05月11日

    评分

    完整度

    启发性

    勤奋性

    排版布局

    推荐心得

    建议20-200字以内

    0/200

    扫描二维码
    去手机端查看海报

    焱小玖

    TA已经获得13枚勋章啦

    • 成就勋章

      • 特别勋章

      • 身份勋章

    • 已拥有

    • 作品

      创造者才是真正的享受者。

    • 经验

      经验是一所好学校,可它的学生却经??蹩?。

    • 活跃

      大神都是从围观群众开始的

    • 拓展

      作品、经验、活跃还不能满足你?

    每人每天仅限5票,快给你心仪的作品鼓励的一票。

    投票

    账号或密码错误,请重新输入

    账号或密码错误,请重新输入

    登录

    账号或密码错误

    发送验证码 120s 验证码错误

    登录

    京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2020 UI.CN

    最新捕鱼棋牌