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

标签: 交互视觉 交互设计 特殊人群 | 发表时间:2014-05-01 21: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”)

相关 [网站 人群] 推荐:

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

- - 人人都是产品经理
在我们的生活中,每天都有数以万计糟糕的设计阻碍老人、残疾人等特殊人群使用互联网. 对于那些视力、听力、以及学习能力上有障碍的人们来说,在每一个URL后面都隐藏着巨大的使用障碍. 但是,建立一个适用于这种特殊人群的网站并没有你想象得那么难. 英国籍设计师Laurence Berry曾说, 要想设计出一个适用于某类用户的产品,首先要明白他们所要面对的障碍.

人群中的舞者

- Camellias - 东西
“这是最显而易见的概念;我不相信我之前从来没考虑过它. ” 这是每个首次看过乔丹·马特的《在人群中的舞者》(Dancers Among Us)系列作品的舞蹈摄影师,通常会给出的回应. 马特的概念很简单:专业舞蹈家在公共场所里,跳出他们最爱的舞姿,然后摄影师拍下这一瞬间. 通过在普通生活中,用这种方式捕获的摄影作品,它们看起来是那么超凡脱俗.

网站推荐: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.

“低效率人群”的7个习惯

- WCM - 邢红瑞的blog
 伯乐在线近日报导,“低效率人群”的7个习惯,看看你是这种人吗. 也许你曾经听过伍迪艾伦所说的这句话:“百分之八十的成功来自于出席. ”更多的出席——这是在生活中你可以保证更多成功所做的最大也是最简单的事情之一,无论是在你的社交生活中,你的事业上还是你的健康方面. 这个也可以推及到生活的其他领域. 如果你每天都坚持写作或绘画,你就会快速的得到提高.

用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为指导思想,以饭否和叽歪的关站为经验教训,以稳定压倒一切为基本原则的具有中国特色的社会主义微博. //什么博客什么校友录什么白社会什么搜狐微博都是浮云. //中国只有两个有态度的网络媒体,一个是人民网,一个是网易.

苹果网站的特点

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