信息爆炸时代,屏幕能展现的内容变得越来越多,但能令用户印象深刻的内容却少有。其中起反向效果、招致用户厌烦者,更是比比皆是。然而于需求方而言,每个文案、每一个商品、每一个图片,都是争夺用户注意力的「兵家必争之地」,扛着GMV的大旗难以取舍,这时,平衡体验的重任就交到了设计师的身上。

不论是对信息做什么样的处理,对设计师而言,都是以「更好的用户体验」为最终目标的。于是,从「用户体验的5要素」出发,结合近期的项目经验,我总结出了5个问题,以帮助自己在面对商品信息组织的时候,能更好地梳理思路。

想做好信息设计,先回答这5个问题

△ 开始设计前,需要回答的5个问题

战略层

「我们想达成什么目标?」

「用户需求」和「产品目标」是所有项目在最初就需要明确的两个要素,也是设计前第一个需要问明答案的问题。大到全民级产品的迭代,小到一行文案的取舍,都无法抛开这两个内容进行决策。因此,在对页面信息「下手」前,设计师要先确定页面整体需要达到的目标,并根据目标进行评估:为了达成这一目标,是否需要信息的辅助才能达成?

举个例子,在榜单页面中,往往会出现较多样式相同的商品卡片,这种场景下,对商品卡片内容的信息组织就十分重要,若商品卡片本身不吸引用户,由此组成的榜单整体就更难以让用户产生浏览的欲望了。那么在开始设计之前,我们就需要明确,这个榜单所出现的场景、业务侧希望通过这个榜单达成的目标是什么、以及用户希望在这个页面得到什么。是年货节、双11还是七夕?是以卖货为主,还是种草为主?是销量榜、降价榜还是人气榜?只有当信息确实是我们达成目标的辅助条件之一时,谈论如何设计才有意义。

想做好信息设计,先回答这5个问题

△ 我们想达成什么目标

范围层

「为了目标,要展现的是什么信息?」

在确认了目标之后,我们就需要围绕目标,划定所需信息的范围。确定信息范围可以分为四步:

  • 列举体验场景路径;
  • 分析用户在不同的体验场景下需要完成的任务;
  • 列出所有能发散到的、完成任务所需要的信息备用;
  • 根据核心目标,划定最终的展示信息范围。

想做好信息设计,先回答这5个问题

△ 划分信息的四个步骤

在传统的页面服务中,用户需要在页面中筛选自己需要的信息。通过上述四步优化,就能将「人找信息」变为「信息找人」,从而使页面的内容更加贴近用户想要的结果。

举个例子,就像需要种草的用户在人气榜单的场景中,除了基本的商品信息,还需要商品的上榜理由、其余用户的评价信息等等,而这些信息对于促销敏感的用户而言,就不如利益点信息或是降价程度来的更为吸引。如果我们拿到需求就习惯性地网上罗列各类促销信息,而缺失了对用户真实消费路径的模拟,可能就会漏掉很多对用户而言更有价值的内容。

想做好信息设计,先回答这5个问题

△ 榜单用户浏览路径及所需信息

结构层

「我们要展现的信息之间,是什么关系?」

获得所需的信息后,我们需要将这些零散的信息模块进行重新组织,帮助用户更好地理解页面的功能和内容。

例如,在上一步中,我们得出种草人气榜单的目标用户可能是购物需求不明确的用户,他们需要的信息有商品图片、商品存量、销量评价、利益点等信息来帮助自己进行购物决策,但有限的模块面积内无法让我们把所有决策需要的内容全部展示,这是就需要我们对信息之间的组织关系进行梳理:对同类型的信息进行合并,并划分展示的优先级,先展示优先级高的内容,对于优先级较低的内容进行弱化或者转移到下一步(例如商详页)中进行展示,提高模块的利用效率。

想做好信息设计,先回答这5个问题

△ 榜单用户所需信息优先级(以2018年货节榜单为例)

框架层

「这些关系下的信息,应当被如何组织在一起?」

回答完前3个问题,对于商品模块内应当放置什么信息,我们已经有了基本的答案了。接下来设计师要做的,就是对这些信息进行二次组织,通过界面设计,突出正确的内容,让用户用最容易的方式获取想要的信息和操作。

例如在设计榜单商品的过程中,我们可以将用户最关注的上榜理由放大,并扩大点击热区,让用户可以更便捷地操作,以进入商详页阅读更多的商品信息。

想做好信息设计,先回答这5个问题

△ 以年货节榜单商品卡片为例

表现层

「如何让这些信息组织,被恰当地注意到?」

到了这一步,一个具有基本操作功能的榜单单品卡片设计已经基本完成了。但设计师的工作并未就此结束。为了让用户对「上榜商品」有更强的感知,我们还可以从更为外化的感觉层面上,对重要信息进行突出,更好将用户的注意力吸引到我们希望用户看到的地方。

在此阶段,颜色、动效,都可以帮助设计师更好地达成这一目的。对于合适的项目,我们甚至可以尝试跳出信息原本的形式,进行图形化、动态化、音像化等设计,强化对于重点信息的传达。例如2019年618中的「卡路里魔改神曲」,就是对常规的大促节奏进行音像化的操作,从而使本来较为复杂的文字内容变得易于接受和记住。但这些方式均不可脱离「恰当」的范围,过度的感知表现不仅起不到锦上添花的作用,可能反而起到干扰用户的反效果哦。

结语

综上所述,信息设计虽然往往复杂,但并非无迹可寻。面对大量的信息也好,需求也罢,认清目标,以此为导向层层递进,就能让它们在设计师手下呈现出不同的效果,相信也不会再望着满画板的「飞机稿」叹气啦!

拓展阅读:

参考内容:

欢迎关注「京东设计中心JDC」的微信公众号:

想做好信息设计,先回答这5个问题

收藏 100
点赞 11

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。