改善文字的层级关系

可乐橙
0 评论 12359 浏览 3 收藏 4 分钟

文字层级经常在交互设计中被忽视。无论如何,要建立一套成功的用户流程,在项目流程之初就得将文字纳入考虑。

文字层级在沟通中扮演着重要角色,将用户引向期望中的结果,还能改善用户体验。网页应用总有繁复的文字层级,区分不够鲜明。各级文字相互较劲,使用户不知所措、迷失其中。

新闻头条应用Inside.com就是个很好的例子,反映了不清晰的文字层级如何影响用户体验。在“all updates”中,新闻逐条展示。每条包含了7个文字层级(下图)。分类名(1)、标题(2)、标题链接(3)、正文链接(4)、正文(5)、网站链接(6)、发布时间(7),由于没有被清晰地区分开,它们全都在争相吸引用户注意。这种模棱两可的层级,使每则故事都不易阅读,阻滞了用户交互流程。

假如花更多心思在文字层级上,Inside.com会受益良多

为了更好地区分文字的层级,你需要对用户希望如何剖析信息有所了解。在缺乏可用性测试的情况下,我可以假设用户第一眼会看到标题,然后阅读正文,接下来如果他们感兴趣,则会点击网站链接。

很快,我重新设计了第一篇文章,优化了文字的层级。增大了标题的字号,将它剥离出正文,把正文改为中灰色,将网站链接放在正文下方,并加大了行高,增加易读性。

2

快速重设计

这些改变有助于区分文字层级,随后便提升了用户体验。

3

前后对比

从结构的角度看,还能使整体层级更加清晰。记住文字只是一种元素(尽管通常是最重要的),对导航条、图片位置、文章排列进行重新设计,也能提升用户体验。我们下次会讲到……

 

原文地址:https://medium.com/designed-thought/creating-better-typographic-hierarchy-1148a46b2fc

#专栏作家#

可乐橙,微信公众号:可乐橙(colachangreen)。人人都是产品经理专栏作家,UI/UX设计师,关注互联网,关注科技。现居杭州,与小伙伴们正在创业途中。或许不是一名优秀的设计师,至少是个快乐的设计师。

转载请保留上述作者信息并附带本文链接

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
15997人已学习14篇文章
痛点是什么?为什么用户会有痛点?如何抓住用户痛点?优先解决哪些用户痛点?本专题的文章分享了以上的问题详解。
专题
13468人已学习12篇文章
本专题的文章分享了金融产品经理需要知道的金融基础知识和产品观。
专题
15964人已学习12篇文章
运费是电商的基础功能模块之一,承担着商品运费计算的作用。本专题的文章分享了如何设计运费规则。
专题
16857人已学习12篇文章
本专题的文章分享了对账体系的设计思路。
专题
12834人已学习11篇文章
怎么做投放是很多运营人和品牌方的一大难题,做好投放不可缺少以下几大步骤。本专题的文章以小红书投放为例,分享了一些策略,一起来看下吧。
专题
15324人已学习13篇文章
本专题的文章分享了搭建营销中心指南。