产品设计中的人文关怀 - UCD大社区

人文关怀下的设计细节

米田 — 2010-12-15 08:48:55

引言：人文关怀在体验日上成为众人津津乐道的一个话题，可是回看国内诸多网站，能真正做到人文关怀的又有几个呢？腾讯带来的这一个议题，真的值得我们深思......或许设计应该承担更多的东西.......

弱势群体网络使用情况的现状：

·盲人：约有500万人，其中弱视者1500万人。（净人数，非上网人数）

·中老人年：2898万人使用网络，约占上网总人数的6.9%。

·儿童：1300万人使用网络，约占上网总人数的31%。

我们能做什么：

腾讯给出的建议是从视觉，声音，认知理解以及环境的角度全方位的体现设计的人文关怀，不过这对于大多数公司来说，实际可操作性比较小。或许，我们应该集中精力关注这四个角度中某一个点，对于成本和预算相对应比较薄弱的我们可能是比较好的做法。

从视觉的角度出发，我们该做什么：

· 字号较大的字体：主流网站基本都采用了14px作为主要大小，辅助信息则依然延用12px。传统出版物的字体字号要依目标读者的年龄特点和实际用途来确定。

· 文字与背景间颜色对比度强：按视觉卫生的医学原则来说，白底黑字是最佳的颜色搭配或者。它能有效的减轻阅读者的眼睛疲劳、保护视力。当然选择80%以上的黑色同样也是可行的。同时尽量少用容易引起眼睛疲劳的暖色或者与背景反差较小的颜色。

· 选择合适的行距与边距：如果行距过宽，上下文难以连接延续，给人以脱节之感；如果行距过窄，上下文字就会互相干扰，影响阅读的流畅性，容易产生拥挤感和疲劳感。阅读的流畅度除了行距的设置外，边距（margin或padding）是一个重要的评判指数。

标题文字的行距最小应该大于字体高度的50％，最大不应大于字体高度的150％，这样看起来才比较舒适。当然，这也要结合字体来具体分析。另外，栏目与栏目的间距（或称其为边距）应比标题与正文的行距大，

· 简单且清晰功能设计：其实用户都是很忙，他们会以跳跃性的操作寻找所需要的功能，所以应该将核心功能放在清晰的位置，对这些功能所在的区域可以突出表现。

醒目的提醒标题，大而明显的按钮，

· 温馨的操作提醒：用户希望每一步操作都能得到即时反馈。

友好且亲切即时的反馈，让网站不再冰冷

小结：

在人文关怀角度出发，提出了视觉设计上改善几个点：
   ● 字号较大且清晰的字体；
   ● 文字与背景间颜色对比度强；
   ● 选择合适的行距与边距；
   ● 简单且清晰功能设计；
   ● 温馨的操作提醒；

参考资料：

·设计中的人文关怀

朱丽娜 — 2010-12-17 14:33:05

放假回家难得清闲，奇怪还不到一周就坐不住了，左顾右盼百无聊赖，心里痒滋滋的——原来是网瘾犯了——为了说服父母同意牵网，我承诺他们，保证他们学会上网！

我的计划是：一周之内，教会妈妈浏览网页，教会爸爸上网斗地主。

先剧透一下结局。一周下来，妈妈怒了。在我第500次嘟囔“怎么还学不会”的时候，她吼道：“我这人完全不笨！要么电脑不好，要么是你教得不好，总之是你们不好！”爸爸在这时选择了闪躲，他默默的守在角落端着iPhone玩斗地主。

用户体验如此糟糕，是该反省的时候了。当我们高喊着“网络无障碍”，却将正在快速增长的长者用户拒之门外。大家在家上网的时候，没准爸妈正悄悄在你背后以渴望而好奇的眼神偷看你呢。

在这次失败教学中，我总结了影响我爸妈正常上网的拦路虎，供大家设计时参考：

1. 他们不具备电脑知识，且学习能力有限

2. 他们的机能有些退化

他们的记性不太好。极端情况下，甚至可以把他们看作是随时和永远需要操作指引的偶然用户。
他们需要更多的反应时间。（爸爸的网络牌友总催他快些出牌，爸爸对此表示压力很大）
他们的注意力有所退化。（爸爸在玩游戏时，总是注意不到提示信息）
他们的手不太灵敏。使用鼠标缺乏稳定性（点不中链接和按钮）；双击鼠标有一定困难；鼠标左右键功能混淆。
他们的视觉有所退化。视敏度下降——看不清、找不着；视力持久度下降——看久了眼花；颜色分辨力下降——颜色对比度小就不能区分；闪烁的物体容易让他们分心——“跳来跳去的，也看不清楚那些是什么”。
他们的听觉有所退化。对纯音的感知能力下降，容易受背景噪音干扰。

3. 他们的需求其实也有很多

为此，我们在设计时，应该考虑到老年用户，并为他们提供更多方便——

——上述中，我只是列出了我的父母遇到的问题，并没有覆盖到全体中老年用户，相信大家自己能在生活中注意到更多。想到过年回家陪爸爸买手机，商场店员推荐了一款所谓的“老年人手机”。拿来一看，无非也就是大字体、大音量和手写功能的结合。功能及其简单，造型非常山寨，却瞬间夺走了爸爸的心