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

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

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

  

 

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

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

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

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

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

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

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

  一、使用alt tags

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

  二、加字母及文稿

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

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

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

  四、解释你的链接

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

  五、慎重选择颜色

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

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

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

  七、让你的内容简洁明了

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

  八、写一份使用指导

  

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

  九、了解你的用户

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


推荐阅读
  • 本文探讨了在AspNetForums平台中实施基于角色的权限控制系统的方法,旨在为不同级别的用户提供合适的访问权限,确保系统的安全性和可用性。 ... [详细]
  • 本文总结了 #define 在 C/C++ 编程中的多种用途和技巧,包括定义常量、函数、宏以及条件编译等,并提供了详细的示例和注意事项。 ... [详细]
  • 本文介绍了如何在 Django 项目中集成和配置 REST Framework,以支持 API 开发。通过在 settings.py 文件中注册 'rest_framework' 应用,可以轻松启用这一功能。 ... [详细]
  • 本文探讨了线性表中元素的删除方法,包括顺序表和链表的不同实现策略,以及这些策略在实际应用中的性能分析。 ... [详细]
  • 实现Win10与Linux服务器的SSH无密码登录
    本文介绍了如何在Windows 10环境下使用Git工具,通过配置SSH密钥对,实现与Linux服务器的无密码登录。主要步骤包括生成本地公钥、上传至服务器以及配置服务器端的信任关系。 ... [详细]
  • PHP中Smarty模板引擎自定义函数详解
    本文详细介绍了如何在PHP的Smarty模板引擎中自定义函数,并通过具体示例演示了这些函数的使用方法和应用场景。适合PHP后端开发者学习。 ... [详细]
  • 汇编语言标识符和表达式(四)(表达式与符号定义语句)
    7、表达式表达式是程序设计课程里的一个重要的基本概念,它可由运算符、操作符、括号、常量和一些符号连在一起的式子。在汇编语言中,表达式分为:数值表达式和地址表达式。(1)进制伪指令R ... [详细]
  • 本文由chszs撰写,详细介绍了Apache Mina框架的核心开发流程及自定义协议处理方法。文章涵盖从创建IoService实例到协议编解码的具体步骤,适合希望深入了解Mina框架应用的开发者。 ... [详细]
  • 本文针对HDU 1042 N! 问题提供详细的解析和代码实现。题目要求计算给定整数N(0 ≤ N ≤ 10000)的阶乘N!。文章不仅提供了算法思路,还附上了C++语言的具体实现。 ... [详细]
  • 本文介绍了使用Python和C语言编写程序来计算一个给定数值的平方根的方法。通过迭代算法,我们能够精确地得到所需的结果。 ... [详细]
  • 本文探讨了Linux环境下线程私有数据(Thread-Specific Data, TSD)的概念及其重要性,介绍了如何通过TSD技术避免多线程间全局变量冲突的问题,并提供了具体的实现方法和示例代码。 ... [详细]
  • 汇总了2023年7月7日最新的网络安全新闻和技术更新,包括最新的漏洞披露、工具发布及安全事件。 ... [详细]
  • Canopy环境安装与使用指南
    《利用Python进行数据分析》一书推荐使用EPDFree版本的环境,然而随着技术的发展,目前更多人倾向于使用Canopy。本文将详细介绍Canopy的安装及使用方法。 ... [详细]
  • 本文提供了一个关于AC自动机(Aho-Corasick Algorithm)的详细解析与实现方法,特别针对P3796题目进行了深入探讨。文章不仅涵盖了AC自动机的基本概念,还重点讲解了如何通过构建失败指针(fail pointer)来提高字符串匹配效率。 ... [详细]
  • 使用Python构建网页版图像编辑器
    本文详细介绍了一款基于Python开发的网页版图像编辑工具,具备多种图像处理功能,如黑白转换、铅笔素描效果等。 ... [详细]
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社区 版权所有