热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

9个建议让你的网站更适用于特殊人群

互联网设计不能一锅端。在我们的生活中,每天都有数以万计糟糕的设计阻碍老人、残疾人等特殊人群使用互联网。对于那些视力、听力、以及学习能力上有障碍的人们来说,在每一个

  

 

  互联网设计不能“一锅端”。在我们的生活中,每天都有数以万计糟糕的设计阻碍老人、残疾人等特殊人群使用互联网。

  对于那些视力、听力、以及学习能力上有障碍的人们来说,在每一个URL后面都隐藏着巨大的使用障碍。但是,建立一个适用于这种特殊人群的网站并没有你想象得那么难。

  英国籍设计师Laurence Berry曾说, 要想设计出一个适用于某类用户的产品,首先要明白他们所要面对的障碍。这句话听起来似乎显而易见,但是这确实设计出适用于用户产品的第一步。

  了解释第一步,那么实行就是第二步。虽然程序看似繁杂,但如果你不去这样做得话,你的用户就会在适用产品时遇到更多的障碍。

  盲人设计师Sandi Wassmer也表明了在设计上“多走一步”的必要:“如果你的产品仅仅作为商业用途,那么不考虑特殊人士,将会让你失去一大块市场。”

  他还告诫人们不要忽略另一个人群——老人。老年人随着身体的老化会丧失一些机能,不似年轻人一样敏感。所以,这种考虑到老年人的需求也是十分必要的。

  希望这个文章能帮助你设计出一个适合这种特殊人士的网站。下面是一些小建议,希望可以帮助你在设计上进一步提高:

  一、使用alt tags

  当你把鼠标停留在某一个网站或图片上,alt tags可以帮助你大声读出文本。对于那些视力上有障碍的人们来说,读出来事唯一可以让他们知道图像、文字在哪里的方式。对于图像,如果是一个人,我们可以编辑出他的名字。如果是一幅画,我们可以加上几句简单的介绍。总之,alt tags是帮助特殊人士正确定位的最佳工具。

  二、加字母及文稿

  如果你的网站有大量视频,尤其是视频是你自己制作的时候,请务必加上字幕。很多热门网站例如youtube就设定了加载字幕的功能。这些字幕对于听力有障碍的人来说是巨大的辅助。

  三、在所写中间放点或句号

  在编辑HTML时,很多缩写会给用户带来很多麻烦。例如CIA,如果不加上英文句点写成C.I.A.,会被直接当成词语cia。

  四、解释你的链接

  很多链接在设置时被直接写成“点我”,但是用户却并不了解这个点击背后的内容。为了使用户能够更清晰地定位他们想要找的内容,更好的方式是在内容下面直接放上链接,或给连接一个简短的介绍。例如,我们可以用点击查看“网站科技频道”,而非“点击这里”。另外,确保链接颜色与其它文字区分开。

  五、慎重选择颜色

  黑字白板一般是最好的选择,易于用户阅读。在选择颜色时,总要考虑用户到底想要什么颜色,什么颜色让他们看起来更舒服。

  六、确保每一个链接都可以被点到

  很多使用智能设备用户会遇到一些点击的困难。例如,一个很小的链接很难在手机上被点到。这时,设计师就要注意,确保屏幕可以缩放,让用户可以轻松地点击到每一个链接。

  七、让你的内容简洁明了

  对于老人或一些学习有障碍的人来说,简单的内容会让他们在使用时更轻松。例如,我们可以将长的内容分成几段、用简洁的语言等。

  八、写一份使用指导

  

  对于很多不熟悉互联网、或是有学习能力障碍的人来说,一份指导教程可以帮助他们更好的使用网站。

  九、了解你的用户

  把你自己想象成用户,总能帮助你更好的设计。另外,多观察周围的人们或者你的用户群是如何适用产品的,了解你的用户总能帮助你更好的设计出适合他们的产品。


推荐阅读
  • QUIC协议:快速UDP互联网连接
    QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ... [详细]
  • 本文介绍如何在 Android 中通过代码模拟用户的点击和滑动操作,包括参数说明、事件生成及处理逻辑。详细解析了视图(View)对象、坐标偏移量以及不同类型的滑动方式。 ... [详细]
  • PyCharm下载与安装指南
    本文详细介绍如何从官方渠道下载并安装PyCharm集成开发环境(IDE),涵盖Windows、macOS和Linux系统,同时提供详细的安装步骤及配置建议。 ... [详细]
  • 在 Windows 10 中,F1 至 F12 键默认设置为快捷功能键。本文将介绍几种有效方法来禁用这些快捷键,并恢复其标准功能键的作用。请注意,部分笔记本电脑的快捷键可能无法完全关闭。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • 本周信息安全小组主要进行了CTF竞赛相关技能的学习,包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外,还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • 本文探讨了如何像程序员一样思考,强调了将复杂问题分解为更小模块的重要性,并讨论了如何通过妥善管理和复用已有代码来提高编程效率。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • python的交互模式怎么输出名文汉字[python常见问题]
    在命令行模式下敲命令python,就看到类似如下的一堆文本输出,然后就进入到Python交互模式,它的提示符是>>>,此时我们可以使用print() ... [详细]
  • 火星商店问题:线段树分治与持久化Trie树的应用
    本题涉及编号为1至n的火星商店,每个商店有一个永久商品价值v。操作包括每天在指定商店增加一个新商品,以及查询某段时间内某些商店中所有商品(含永久商品)与给定密码值的最大异或结果。通过线段树分治和持久化Trie树来高效解决此问题。 ... [详细]
  • Java 中的 BigDecimal pow()方法,示例 ... [详细]
author-avatar
黄欣豪972
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有