首页 > 策划 > 关键词 > 建站教程最新资讯 > 正文

建站教程:如何为儿童设计网页?

2016-01-06 09:19 · 稿源:百度MUX

孩子们会花大量时间上网,但是认知和生理局限会在他们上网的时候给他们带来很多挑战。再加上粗糙设计的内容和暗模式,真是糟糕。作为网页设计师,我们有责任创造出帮助儿童提高能力的事物,让他们变得更聪明,而不是相反方面。这篇文章将会给你一些观点,关于从心理学角度分析孩子们喜欢什么,以及这些是如何影响他们使用网页的。我们还会讲到一些实用的设计指南,来为儿童设计更好的网页。

范式转移

1989年3月12日,第一个互联网浏览器Mosaic诞生了,实质上这标志着我们所知道的互联网的诞生。这一天之所以如此重要,是因为这种“普通人”互联网的诞生代表着一种范式的终结和另一种范式的开始。没有互联网作为信息和娱乐的主要来源,在这种环境中成长,我们与如今的孩子相比是处在完全不同的另一种范式。

前互联网范式

我们生活在一个没有互联网的模拟计算机范式时代。回到高中时期(1995年至1998年)我清晰的记得我在学校和公共图书馆寻找我能用在学习中的好书。

回到模拟范式,我们非常依赖书籍作为信息来源。(图片来源:Les Chatfield)

我们在某个动作发生时对时间的控制,构建了我们的心智模型,就像从书桌走到书柜一样。我们可以选择走得快些或走得慢些。归根结底,我们可以控制时间。这也可以解释为什么我们中的很多人会在网站内容加载很慢时如此的不耐烦。我们的大脑记得事情在掌控中的样子,因而不喜欢在网站中那种无法控制的感觉。

互联网范式

对于生来就使用互联网作为主要信息来源的这一代人,他们在认知时间控制概念的时候拥有不同的心智模型。他们知道一个网站会尽可能快的加载,但无法再进一步人为干预它。他们知道一个动作发生时长的不可控。

对此我做了一些课题,观察孩子们使用电脑。如果加载的慢了,大部分孩子会同时做一些别的事情—如果周围有电视他们会看电视,或者在社交场合下和他们旁边的孩子交谈。

前不久,我帮助我七岁的孩子在他的电脑上安装谷歌地球。它下载了很久,我记得由于不能忍受它如此之慢而离开了房间。而他只是打开了电视开始看卡通片,然后当下载完成时叫我回来。

“数字土著(Digital Native)”不存在

我不相信有“数字土著”。当然,孩子的成长伴随着iPad、智能手机和电脑,但那不意味着他们自然而然变成了使用数码产品的专家。事实上恰恰相反。一个iPad(或者其他平板电脑)是一个封闭局限的环境,孩子们不会制造太多危害(除了买很多蓝精灵果和删除照片),同样这也没有教会他们任何关于技术如何运作、计算机如何运行和如何运用技术创造新事物的本领。

用着iPad长大并没有使孩子能够使用和理解计算机,或者互联网。(图片来源:Brad Flickinger)

尽管怀疑“数字土著”,但我认为事实上孩子们生活在一个不同的范式下,对他们与网页的交互方式和对网页的认知方式上有很大的影响。从小在一个触屏的环境中玩耍,会很大程度上影响到他们的心智模型。(我们回到这一点上。)

另外,他们是小孩。他们没有像大人一样充分开发大脑和身体技能。所以,当我们为他们设计的时候我们需要换个角度思考。

7-12岁儿童设计指南

这个指南面向7-12岁的儿童。原因是大量研究(包含我自己的研究)表明7岁以下的儿童大多使用触屏设备和应用程序(大部分是游戏),而不是基于浏览器的应用程序或网站。

孩子们从七岁开始慢慢以一种更传统的方式使用互联网-用浏览器访问网站和网页应用程序-这是我的主要关注点。而十二岁以后,孩子们开始慢慢适应更多的“成人”交互模式。

最终,我的目的是让孩子们在网页上接触更少的无用信息与更多高质量内容。孩子们在网页上接触到大量的无用信息,坦率的说数量非常惊人。尝试下载下图所示 Minecraft的 Pixelmon 模组。它花费了我几分钟时间,而且我不得不避开不止一个而是两个“延时”广告,这使得你在可以略过他们之前需要等待。

这就是在你下载Minecraft的Pixelmon模组时被迫经历的复杂和让人迷惑的下载过程。

上面的图片演示了用户下载Pixelmon模组文件的过程。在网站的下载页面,一个很大的绿色“下载”按钮展示在你眼前,而事实上这是一个广告(它连接的是按钮右侧的广告)。如果我是一个想要下载这个文件的孩子,我一定会点它!

页面继续向下,我可以根据我运行的Minecraft版本选择几个文件中的一个来下载。(孩子很容易辨识出来,是吗?其实不是!)你可以点击两个相同下载按钮中的一个。(我还没有想通为什么会有两个下载按钮。)

当点击了下载按钮,他们会导向不同的广告网站(看一下上面第二张截图)。当我点击“跳过广告”(五秒之内不可用),我被导向一个有视频和倒计时按钮的页面。十秒之后,我才可以下载文件。你觉得一个孩子可以做的不点击任何广告而进行下载吗?不可能。

这是不公平的待遇。这种做法是邪恶的。作为设计师和开发者我们应该比这做的更好。为了做到这一点,我们必须知道孩子们喜欢什么,以及他们如何与周围的世界进行交互。

孩子的大脑

让我们看看人类的大脑是如何开发的。

在两岁左右,孩子的大脑会开发自我意识,但是只形成了较少的的心智模型。他们的运动技能非常笨拙,但他们知道如何滑动和点击触摸屏幕。近期我进行的一个课题,涉及到80名儿童的父母参与,研究表明四岁以下的儿童使用的最主要设备是平板电脑。同时,其他的课题也支撑了我的研究。

六岁左右,额叶开始慢慢成熟和发展。这个年龄左右,你可以开始教孩子长时间的保持专注(男孩要晚于女孩),他们也同时开始发育同理心。在这个年龄,大部分儿童可以用剪子精确的剪切。但是直到十岁,良好的运动能力才全面发展,这是影响孩子与交互界面进行物理交互方式的一个因素。

因此,一个十岁的孩子拥有他们操作键盘和鼠标所需要的所有身体技能。十岁孩子和成人的不同之处在于,他们还没有开发抽象思考的能力。这种能力直到十二岁才开始发育,而大脑直到二十六岁才发育完全。

抽象思考的能力至关重要,因为这可以让人们预测到他们行动带来的结果,以及对这些结果的考量。当然,一个八岁的孩子知道把一杯水打翻在电脑上会把电脑整坏。但是我敢保证两周后当电脑修好拿回来,这个孩子还会拿着一杯水坐在电脑旁边。(从我个人经验所知。)

同样,如果一个十岁孩子点击了把他们引向新网站的广告,他们会因为目的(在我们的案例中,如下载一个Minecraft的模组)被拖延而懊恼。但孩子想象不到这样做会对计算机产生多少损害。

所以下一次想下载东西,他们可能会犯同样的错误,一次又一次的犯错,直到电脑由于所有的恶意软件而必须拿去修理的时候。但是当电脑修完回来,他们还会犯同样的错误,因为他们的大脑完全没有意识到后果的严重。孩子们当然知道他们操作的失误可能拖延他们达到目标的过程,但他们完全无法预测要花费多少时间、精力和金钱来修复电脑,或者预测到多少数据会被发送到一些恶意黑客,这些人现在可以追踪他们的一举一动以及利用这些数据来制造伤害。

是什么在影响孩子们如何使用网页的?

因此我们知道了孩子的认知和成年人非常不同。而且我们知道他们的认知随着年龄的增长而有着极大的发展。但是另外一些因素影响着我们为儿童设计网页的方式。我们来看下其中的几个。

心智模型

我的研究非常可信:如上文提及的,孩子们对数字交互界面的最初体验是通过触摸屏环境。他们最初使用平板电脑是为了游戏和视频(通过应用程序,而不是浏览器)。

这就是他们在很小的年龄(两岁或者更小)使用数字交互界面的原因。这也塑造了他们的心智模型,在为他们设计网站的时候我们需要考虑设计方式。

这是iPad上小轮车游戏和YouTube应用程序的截图。孩子们被这些类型的触屏交互界面深深影响,因为他们首次接触到的数字交互界面通常是通过iPad上的游戏和视频。

这些交互界面的导航通常被很少的文字和大量的按钮和图标来定义。

那么,现在的问题是,孩子们是否在这些界面中延续使用习惯?他们是的,一定程度上他们心智模型的形成方式和成年人的有所不同。他们习惯于有大量图形,大的导航按钮和少量内容的交互界面。他们对视频控制的核心元素,如播放、暂停和全屏按钮非常熟悉,同样对像用轻触来暂停和播放这样的核心交互也十分了解。

  • 相关推荐
  • 大家在看
  • 如何将访客转化为潜在客户?这个8个网站优化策略了解下

    你是否已经将自己的网站优化到最佳状态了呢?通过优化来产生潜在客户是转化网站已经获得的流量的最好方法之一。然而,如果你认为在网站的主页上添加几个“点击这里”的CTA策略(注:Callto Action,行动呼吁),就能获取更多的潜在客户,很遗憾的说,这个想法大错特错。

  • 一份别致的礼物 BEIJING品牌带儿童探享汽车设计之美

    米罗曾说:“儿童时期的天赋最珍贵。”越来越多的家长也开始注重孩子的美学教育,还有人大代表在两会期间提出议案,建议要利用公益美育延伸青少儿美学教育。儿童敏感期的艺术启蒙,更加需要丰富的创意和形式,越贴近生活,越能激发小朋友的兴趣。就在儿童节来临之际,北京汽车联合知名在线美育平台画啦啦,为孩子们带来了一份特别的礼物:在精彩的线上美育公开课上,BEIJING品牌设计师化身美育主播,通过BEIJING-X7 展示汽车的造型

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 利用网页抓取数据赚钱的3个思路

    在大数据时代,如何有效获取数据已成为驱动业务决策的关键技能。分析市场趋势,监视竞争对手等都需要进行数据采集。而网页抓取则是数据采集的主要方法之一。在本文中,Christopher Zita将和大家展示 3 种利用网络抓取赚钱的方法,全程只需几个小时就能学会,所用代码不到 50 行。

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • iOS 14、iPadOS新细节曝光:重新设计UI、优化手写功能

    明天凌晨开幕的WWDC开发者大会,iOS 14等一大波儿新系统可能并不是苹果的重点,而真正的是主角是基于ARM自研Mac处理器。据最新消息称,即便重点不在新系统上,但苹果依然为iOS 14准备了不少新

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 网页排序哪5个特征,百度颇为喜欢?

    常常用于表达一个人对于另外一个人的情有独钟,而在搜索引擎的领域里,很多SEO人员,常常试图去找寻一个“唯一的真理”那就是搜索排序中,到底哪个排序特征对于网页来讲,是最为重要的一个因素,而“我只喜欢你”,对于SEO而言,能不能真的把SEO做好。

  • 特斯拉正邀请中国设计师为其设计汽车 新车将面向全球销售

    【TechWeb】6月17日消息,据国外媒体报道,特斯拉正在为其小型版新电动汽车征集来自中国汽车设计师和业余设计师的设计方案。特斯拉是通过其官方微信发布的公告,邀请来自中国的汽车设计师和非汽车设计师为其新车提交设计。该公司将考虑中国设计师提交的设计方案,被选中的设计未来可能会在其上海超级工厂下线。外媒报道称,虽然这款车将在中国设计和生产,但特斯拉的目标是在全球销售。到目前为止,特斯拉及其CEO埃隆·马斯克都没

  • 特斯拉邀请中国设计师设计汽车!造“中国风”特斯拉

    随着特斯拉国产步伐的加快,特斯拉在中国市场变得越来越活跃。6月16日消息,据外媒报道,特斯拉正在邀请中国的专业汽车设计师和分专业设计师提交方案,制造出小型版新电动汽车。事实上,早在

  • OPPO主题设计大赛正式启动,招募优秀设计合伙人一起“绽放无边界”

    6 月 23 日,OPPO主题设计大赛正式开启招募。OPPO通过大赛招募优秀设计合伙人,共同探讨科技与艺术人文的智美融合,挖掘个性化主题设计与壁纸设计的艺术价值和商业价值,为OPPO用户打造独具一格的美学与交互体验。 OPPO主题设计大赛是由OPPO主办的一场设计美学盛会,旨在将“科技”与“艺术人文”的融合及畅想触达全球,让优秀设计师、插画师突破常规,施展创作灵感。本次大赛以“绽放无边界”为题,特邀知名插画师特浓TN、Lost7

  • 设计没灵感?使用免费的Billfish搭建个人灵感库试试

    设计师是一个“创意”至上的职业,很多设计公司的核心理念就是“无创意,不设计”,折射出的是设计师对创意,对创新的极致追求。然而,有很多设计师苦于自己的创意“贫乏”,在工作中苦苦的挣扎。我们经常在提倡创新,但其实内心最清楚,我们设计的很多作品只是在沿用以前的设计思维,特别是一些产量和产值为中心的设计公司。面对如此的市场环境,个人设计师如何快速的找到灵感,常用的方式便是借鉴于各大平台网站,久而久之很难形

  • 满足轻奢需求 一汽-大众CC设计清新又高档

    买车,舒适度是自己的,设计是给自己同时也是给别人看的,因为,人,都是有社会属性的,当然希望别人觉得你的选择有档次,又有品位,比如大众CC。优点:大众CC的 18 寸轮毂 245 的米其林轮胎,还有前后独立空调,全新触摸按键,真的没谁了。动力也是很不错的,只要敢给油,就有推背感,虽然不像美系车那么猛,但还是有的。油耗也很动人,买了车的第二天就开车去上班了,高速上居然开出了 4 点多的油耗。回头率真的超级高,比奥迪和

  • 我乐家居拯救糟糕睡眠的卧室设计,你不准备看看?

    你的睡眠被偷走了吗?如今,睡眠质量几乎成了一个社会性问题,防噪耳塞、枕边精油、蒸汽眼罩、褪黑素…………五花八门的新奇好物只为给人们一个安稳的睡眠体验。不过,这些方法虽然有效,但却治标不治本,想要拥有优质睡眠,还是得先从自家的卧室设计入手。今天,我乐家居就教你如何轻松get一间“高质量睡眠的卧室”。1、利用好色彩搭配研究证明,不太合适的卧室色彩设计往往会影响人们的睡眠质量;反之,好的卧室色彩设计则会平静

  • 哈弗大狗内饰首次曝光:从未见过的设计

    近日,有网友曝光了一张哈弗全新SUV——哈弗大狗的实车内饰图片。新车将基于哈弗全新平台打造,并由前路虎设计总监、现长城汽车全球设计总监兼副总裁菲尔·西蒙斯操刀设计。图

  • 苹果新iMac曝光:窄边框设计

    尽管从全行业来说已非主流,但苹果一直保留着iMac一体式电脑产品线。据国外爆料人消息,苹果可能会选择在今年6月22日举办的WWDC上推出新款iMac。首先是外形方面,iMac将参考iPad Pro的设计语

  • 全新宝马4系大鼻孔设计惊到网友!罗永浩表示“无语”

    和预想的一样,全新宝马4系发布后,其超大“鼻孔”设计引起了网友的热议,如今连罗永浩也加入了这场讨论。近日,网友@汽车营销分析在微博上曝光了一张全新宝马4系的实车图,不少网友

  • AEG开关插座-为高净值人群的安全倾心设计

    多年来,我一直在美国旧金山工作,从事室内装饰设计,为很多追求高品质的用户设计打造了他们喜欢的装修风格。对于德系高端品牌AEG,我最初了解到这个品牌,也是通过我的客户,有许多客户在我为他们设计装修风格时,都要求使用AEG的洗衣机、洗碗机、开关插座等,对于这个品牌我有了深刻的印象,之后去详细了解了这个品牌,确实如很多客户所说的那样,德系百年高端品牌,无论是家居电器系列,还是电气系列的产品,质感和品质都是屈指

  • 维修网站iFixit分享呼吸机等设备维修教程:遭医疗企业举报侵权

    经常关注拆解新闻的朋友,对iFixit定然不陌生。实际上,iFixit涉足的领域非常广,不仅仅限于手机、平板、笔记本等。在今年新冠肺炎疫情期间,iFixit更是广泛发布和上传了有关呼吸机、医疗设备

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议