当前位置: 首页>资讯中心>网页设计>文章正文

9个针对不同年龄段的网站设计技巧

发布时间:2020-10-30 18:24访问人数:来源:浪知潮网络

9个针对不同年龄段的网站设计技巧

对于大多数设计人员而言,您可以根据特定的目标受众来计划项目是不费吹灰之力的。它可能适合喜欢苏打水或购买视频游戏或对运动有兴趣的人。

但是,另一个考虑因素通常会被忽略-针对不同的年龄段细分市场进行设计。年龄会影响人们使用网站,应用程序和移动设备的方式。代际差异会影响您的设计方案,可访问性计划,甚至设计中的语言和颜色。

如果您尚未考虑这些差异,那么现在是时候开始了。一直以来,网站受众越来越广泛,针对不同世代的设计可以帮助您的项目对更多人成功。

避免小字体

老年人网页设计

小尺寸的文字可能对所有用户来说都很困难,但对于年长者或孩子来说甚至更难阅读。

当考虑为不同年龄段设计时,字体和大小很重要。好消息是,通用的用户体验标准和指南将所有用户考虑在内。

建立一个以正文至少16px为开头的类型层次结构。您甚至可以将分数提高到18,也可以将观众归入未成年和更年轻类别的项目提高到特别高的水平。(特别是小孩子,可以从超大字体中受益。)

字体大小和间距会影响可读性和理解力。较大的尺寸和较大的间距可能会使阅读器速度减慢,从而有助于阅读器。

使用可识别的按钮

儿童网页设计

隐藏按钮和其他时髦的单击元素可能看起来很酷,并能与十几岁的少年和20几岁的人产生共鸣,但对于那些希望为单击或点击操作定义按钮的年长用户来说,它们毫无用处。

定义明确的按钮可通过不同的方式为不同的受众特征提供服务。

  • 向可能不太熟悉其他样式的老用户提供众所周知的提示。
  • 向年轻用户(例如使用应用程序的孩子)提供学习课程,以了解点击/点击元素的外观以及它们的功能。

定义明确的按钮具有以下特征:

  • 与背景和设计的其余大部分形成对比的颜色(这就是红色按钮如此受欢迎的原因)。
  • 实心填充一个足以单击或点击的框(至少44px x 44px)。
  • 包含明确的说明,例如“转到”,“提交”或“单击此处”。
  • 可能包含触觉视觉提示,例如用于深度的阴影或悬停动画或状态以指示使用。

提供替代解决方案

80后的网页设计

对于每个用户路径,有些人不太了解或以不同的方式看待设计和潜在解决方案。这使得替代解决方案变得如此重要。

解决问题或回答问题的替代解决方案始于了解我需要或想要做的用户。

替代解决方案还使所有用户更容易找到他们理解的解决方案。考虑以下替代方法(由于其他原因,您可能已经在其中选择其他方法):

  • 对图像使用替代文本,以便音频和屏幕阅读器可以理解它们。
  • 将公共链接放在多个位置,例如在设计主体和页脚中。
  • 使联系信息可见,单击或点击。其中包括一个“给我们发送电子邮件”或“给我们打电话”链接,该链接提供直接的操作,并提供设计中详细说明的电话号码或电子邮件地址,以便于联系。
  • 提供对设计元素进行调整的功能,例如使用暗或亮模式甚至字体大小。
  • 允许用户跳过可能不吸引所有受众的元素,例如在内容,视频或声音之前的游戏。
  • 注册选项应有所不同–并非每个人都拥有社交媒体帐户,或者每个人都可以安全登录社交媒体帐户。也提供另一种方法。

为理解而写

儿童网页设计

如果您希望各个年龄段的人都能理解您的设计,请撰写理解文章。

  • 使用通俗易懂的语言和适当的语法。
  • 避免使用行话或繁重的流行用语。
  • 当心使用表情符号来传达单词。
  • 显微镜和说明书应直接使用,并确切说明接下来会发生什么。

不要采用刻板设计

这可能是此列表中最复杂(也最繁琐)的提示。不要用设计刻板地吸引观众或人群。

这可能很困难,因为您正在尝试为特定的用户群体进行设计,但是归根结底,由于叙述和故事,设计元素和功能以及整体氛围和实用性,设计将吸引适当的受众群体网站或应用程序的内容。

看起来似乎太简单了,但是有太多的项目尖叫着“给高级公民”。如果需要产品或喜欢这个想法,但又不想以这种方式贴上标签,您会参与吗?避免刻板印象。

避免深色图案

深色图案是另一个棘手的领域。它们已经变得太普遍了,并且给最小和最老的用户带来了更多的可用性问题。

深色图案问题最明显的是无法轻易关闭的元素或促销。

微小的“ x”几乎不可能以出色的灵活性进行点击或轻敲。想象一下如果没有它。或大按钮为幼儿添加付费元素。

深色图案使用户感到沮丧,并使您的网站无法使用。这对所有人都是一个问题,甚至可以认为是毁灭性的。

在指令中使用现代元素

儿童网页设计

到目前为止,要点并不在于您必须设计现代网站元素,而是要考虑和照顾过分现代的设计。(我们喜欢时尚的设计元素。)

诀窍是通过指令和视觉提示添加现代元素,以帮助各个年龄段的用户了解如何与他们互动并确保适当的功能。

可以归结为一个简单的事实:如果设计相关且易于使用,您的听众将找到一种与之互动的方法。

展示包容性图像

老年人网页设计

人们喜欢看到其他看起来像他们的人。在设计中使用图像,以显示使用您的产品或服务或以其他方式参与的主要受众群体中的人。

这并不是说唯一的图像包括此目标人群,但是应该很好地表示出来。

此外,请确保在人群中纳入多样性,以与尽可能多的人建立联系。

遵循辅助功能准则

可访问性准则的存在有很多原因,但是您是否知道WCAG 2.0对于如何满足老用户的需求有一些具体的准则?

这些标准适用于从文本大小和布局到使用鼠标或键盘到内容组织的所有内容。如果年长的用户定期访问您的网站或应用程序,则这可能是您设计或重新设计项目的起点。

WCAG如何适用于年长用户:“尽管此处未列出所有WCAG 2.0成功标准,但WAI建议至少满足所有WCAG 2.0 A级和AA成功标准。在某些情况下,使用一种技术代替另一种技术可以优化某些用户的可访问性。”

结论

您可能会考虑不同的设计元素将如何始终影响不同的用户组。确保在本研究中包括不同年龄段的受众。

尽管您已经做的许多事情都适用于许多受众,但了解针对不同用户组进行设计时可以采取哪些其他步骤可能会有所帮助。显然,为儿童和父母设计网站或应用程序可能大不相同,但对于最年轻的受众群体使用的许多相同设计元素也可能同样适用于年龄大的受众。

分享:
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

版权:【注明为本站原创的文章,转载请注明出处与原文地址!本站部分转载文章能找到原作者的我们都会注明,若文章涉及版权请发至邮箱:service@langzhichao.com,我们以便及时处理,可支付稿费。向本站投稿或需要本站向贵司网站定期免费投稿请加QQ:1115814032】

SEO按天计费
  • 联系人
  • 电话
  • 邮箱
  • 验证码
    看不清?点击更换

南京浪知潮网络科技有限公司 Copyright © 2012-2019 All Rights Reserved.未经许可,不可拷贝或镜像   网站地图