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

标签: 交互视觉 交互设计 特殊人群 | 发表时间:2014-05-01 13:25 | 作者:欧阳俊杰
分享到:
出处:http://www.woshipm.com

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

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

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

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

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

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

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

一、使用alt tags

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

二、加字母及文稿

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

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

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

四、解释你的链接

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

五、慎重选择颜色

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

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

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

七、让你的内容简洁明了

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

八、写一份使用指导

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

九、了解你的用户

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

(via mashable 译/快鲤鱼)


(关注更多人人都是产品经理观点,参与微信互动(微信搜索“人人都是产品经理”或“woshipm”)

相关 [网站] 推荐:

网站推荐:IFTTT(if this then that)

- 小皮球香蕉梨 - 有意思吧
这是一个神奇的网站,比某电视上天天放的那个广告要神奇许多. 就像它的域名 ifttt.com 一样,虽然丑却十分个性. 昨天晚上,ifttt.com 在 Twitter 被瞬间引爆,每个被邀请的人都会再拥有5个邀请名额,源源不断的邀请让 Geek 很兴奋. 那么,ifttt 到底是什么呢. 这是一个条件触发网站,当 A 条件触发时,自动激发 B 条件发生.

Facebook 网站架构

- - idea's blog
我收集到一些文章和视频, 可以带你窥探 Facebook 的架构. Facebook 承载了几十亿的用户, 它的架构(包括思想和实现)是非常值得参考的. 当然, 你要小心不要照搬 Facebook 的每一字一句, 因为任何思想和实现都是有自己的应用场景的.. Google Talk 界面开发分析. 使用Python POST任意的HTTP数据以及使用Cookie.

用BrowserID注册网站

- ashuai - Solidot
Mozilla宣布了一个实验项目BrowserID,提供了一种注册网站的新方法. 注册网站通常的方法是电子邮件验证,造成用户时间的浪费,要求用户登录另一个网站,记住另一个密码. BrowserID(源代码发布在github上)提供了一种更简单的方法,消除了电子邮件验证. 它是Verified Email Protocol实现,基于公钥系统和Mozilla的认证服务器,以确保用户身份的真实性.

ifttt、GGG与网站图谱

- babyone - cnBeta全文版
尽管伯纳斯・李(Tim Berners-Lee)在发明WWW之初,心中就有一个GGG(Giant Global Graph)的宏大梦想,但是直到Google的网页图谱、尤其是Facebook的社交图谱、Twitter的兴趣图谱之后,人们才真正意识到图谱的网络效应魔力. 不过这仍然未及伯纳斯・李的预期,他理想中的GGG是一张数据的图谱、服务的图谱,而不仅仅是网页、人或兴趣.

苹果网站的特点

- fei - 所有文章 - UCD大社区
以前听同行讲过一次apple.com,在他眼里apple.com就是丰碑,基本没有不好. 任何哲学的理论和术语都可以往它身上套,简直就是成就与完美的化身. 这问题我觉得需要拆解分层次的看,任何有特点的设计必然有其优势,也有其局限性. 我认为讲apple.com很有特点可能更合适,因为“特点”只是个中性词.

中国的大网站

- yangzhe - Jarain
//别的搜索引擎把不能搜的挑出来屏蔽,百度把能搜的挑出来让大家搜. //以Twitter为指导思想,以饭否和叽歪的关站为经验教训,以稳定压倒一切为基本原则的具有中国特色的社会主义微博. //什么博客什么校友录什么白社会什么搜狐微博都是浮云. //中国只有两个有态度的网络媒体,一个是人民网,一个是网易.

50个黄色网站

- 小汐 - 帕兰映像
一个好的黄色网站的重点并不是够不够黄,也不一定要黄色电影、黄色视频、黄色图片和黄色小说一应俱全,而是要黄的有质感有层次,欣赏起来要赏心悦目. 在浩瀚的互联网宇宙中,有无数的黄色网站. 有的你可能已经深入接触,有的你可能从未体验. 本文里面,帕兰将向你推荐50个来自不同国家的优质的黄色网站,请准备好大饱眼福.

苹果网站的特点

- 图腾 - 千鳥志
以前听同行讲过一次apple.com,在他眼里apple.com就是丰碑,基本没有不好. 任何哲学的理论和术语都可以往它身上套,简直就是成就与完美的化身. 这问题我觉得需要拆解分层次的看,任何有特.

curl网站开发指南

- Andy - 阮一峰的网络日志
我一向以为,curl只是一个编程用的函数库. 最近才发现,这个命令本身,就是一个无比有用的网站开发工具,请看我整理的它的用法. curl是一种命令行工具,作用是发出网络请求,然后得到和提取数据,显示在"标准输出"(stdout)上面. 它支持多种协议,下面举例讲解如何将它用于网站开发.

团购网站会死么?

- 子龙 - Tech2IPO
现在讨论这个问题有人会觉得很可笑,认为答案无可争议. 但是只要有人气聚集的地方就需要团购,除非团购有一天提供的东西不符合团购的“惊喜”,或是不足以吸引用户强烈的购买欲望. 对于团购用户来说,“惊喜”之一来自于价格;“惊喜”之二来自于“适时冲动消费”,冲动的前提是“价格”,其次是当时或是短期内有需要的产品;“惊喜”之三是身边的”商家+服务组合”—-不仅仅是价格,贴心的服务组合特别是餐饮的套餐组合推荐而不需要客人单点更符合大众的消费习惯.