让网站易于阅读,绝不是可选项

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

当我们设计网站时,我们在想什么?——设计引人注目吗?便于理解吗?有品牌关联吗?……

其实最先需要思考的是,文字可以被容易阅读吗?

微软估值高达340亿美元,拥有着一支由设计师、研究员、开发人员、原型设计师、排版员、产品经理、人种学者、作家和脑洞大开思想家组成的庞大团队。即便是这样的公司,依旧被自家花里胡哨的网站首页的纷繁复杂折腾着。

微软不是特例,“阅读不能”正在成为业界流行病。

下图所示,既不是出不起设计费的小公司,也不是不起眼的边角内页。偏偏都是极具设计意识的业界大牌,却更加忽视了“易读性”,而选择在首页或重要页面上强行秀设计。

我发现了三个造成“不易读”的关键要素:

  1. 自适应设计
  2. 脱离内容的设计
  3. 没有考虑文本

自适应设计

“图像+文字”的构图方式很难适应不同尺寸的屏幕。图像中的留空和文字线条长度之间有种微妙的平衡关系。想要在静态画面中解决这个问题是不可能的。

做个原型吧!

不需要写代码,也不用考虑浏览器兼容,只需要一个简单粗暴快速的原型就可以看到各种尺寸下的效果!

切实考虑内容

使用最优图像组合进行设计相对简单。但如果是处理用户生成的或者动态的内容,就得预先设想最糟状况的应对方案。比方说,要在图像上叠加白色文字,可也许有人偏偏选择以白色为主的图像。

不考虑文本

视觉设计的目的是为了沟通,用把文本和图像结合起来的方式才能更好地传递信息以及讲个动人的故事。选张美图的同时千万不要忽视文本内容,不考虑用户阅读体验而只顾设计的都是耍流氓、都是无效沟通!

 

本文译自:https://medium.com/@colm_roche/legibility-optional-764710e769f4

原作者:https://medium.com/@colm_roche

本文由 @李思柰 翻译投稿发布,并经人人都是产品经理编辑。未经许可,禁止转载。

您的赞赏,是对我创作的最大鼓励。

评论( 7

登录后参与评论
  1. 一个页面要要适应自己的目标人群的阅读习惯,不同的人群有不同的阅读方式。不过每一点都是原作的理解,希望译者可以在每点上的一些个人见解,

    回复
  2. 我觉得大部分网站其实是个品牌门面,整体感觉很重要,就是逼格高就OK了,然后其次才是用户能轻易找到自己想要的内容。

    回复
  3. 刚有点兴趣继续往下看,就没了……

    回复
    1. 回复

      :?: 抱歉,这次是翻译的文章……原作者写的不多,不过我会继续写下去的

  4. 看不怎么明白,http://www.bbs.kle13.com

    回复
  5. 说了什么

    回复
    1. 回复

      这篇是翻译的文章,原作者写的不多……大意就是设计师过分追求设计感,忽视了网页的基本阅读。
      我会继续写下去的!

加载中