温度设计!在场景为王的时代 做细致入微的设计

分享到:更多 ()

移动互联网时代到来以后,智能手机给我们提供了非常多丰富实用的功能,我们可以随时随地在任何场景下使用这些应用,从而满足我们各种诉求。这也给了产品更大的想象空间。
移动互联网时代就是技术为先,场景为王。
场景说起来简单,实际上会有很多设计师在设计过程中会忽略这一点。下文阐述了在设计中我们会忽略的那些细节。

1.升级弹窗
升级弹窗可以说是一个让人又爱又恨的功能。如果没有它我们可能永远都不会升级App,使用新的令我们惊奇功能;但是在很多应用场景下,升级弹窗往往会给我们的使用带来困扰。
我在等公交的时候经常会拿出手机,通过某查公交的软件来查看公交车离我多远,什么时候到站。然而就是这样一款App在最近给了我很糟糕的体验,原因是不合时宜的升级弹窗,如果我选择不升级,则没办法继续使用。

Image title

我们可以想象一下,在什么场景下,你会使用查公交的软件呢?已经站在公交站迟迟没有等到车的时候、行走在路上不断加速怕赶不上车的时候、即将出门看看车到哪里的时候……大多数用户目的性都很明确,都是用户在急于出行的时候使用,这种情境下用户的心理是较为焦躁的,对于急于出行的用户而言,这样的升级非但不贴心反而是一种干扰。而且在这种使用场景下,用户多半使用的是移动网络,有多少用户会愿意为了查一次行程而挥霍自己的流量呢?

这种情景下,升级弹窗我们很难接受。这是不是说明升级弹窗这个功能是个鸡肋呢?也不尽然。

以电商App为例,我们会在哪些场景下使用购物App?
可能是上下班的路上漫无目的的浏览一下;可能是在公司或者家里买一些需要的物品;也可能在手机上,我们选中了一款让自己满意的衣服后,并没有直接下单,而是用手机定位系统找到了这家网店的线下店铺,亲身来到实体店,试了这件衣服,然后付款,把衣服直接拿走了。使用场景不同,但是大多数用户在这种情况下心情都是处于一种较为愉悦的状态。试问一下,这种情况下的升级,你有没有点过?

Image title

为什么用户都是正在使用App,但在不同的使用场景下,却对升级弹窗的看法不同呢?原因很简单,用户乘车的场景较为单一,而购物的场景并不单一。在乘车的场景中,用户是没有耐心的。而在购物的场景中,用户是充满乐趣的。我们设想一下,如果我们在这两个场景下,都是遇到人多的情形。我们在等车的时候发现挤不上去,会很烦躁、无奈;而我们在购物的时候发现这家店挤满了人, 我们可以选择先去其他店逛逛,等人少了再回来买。两种不同的使用场景给了用户不同的两种心态。

在我们做产品的过程中,要充分将[使用场景]这个因素考虑进来。如果该场景不适合用户更新升级,就不要让这个功能困惑用户。如果一定要保留这个功能,也请设计的更有趣些,避免那些不愿意升级的用户对产品产生懈怠感。
下面举了两种较为有趣的弹窗样式。左侧为百度魔图的升级弹窗,右侧为我们为客户设计的领取优惠券弹窗。如果应用中某些复杂功能是必须的,我们可以从视觉的角度将该功能处理得有温度,减轻用户的操作压力。从而提高转化率。

Image title

2.页面中加入趣味元素
时至今日,用户普遍是没有耐心的,但刷新数据或者信号不好的时候,用户经常会遇到等待的情况。据有关数据统计,6-8秒的白屏就会造成用户的反感,甚至会导致用户的流失。所以通过视觉方面的优化来降低用户心理上的等待时间是很重要的。
举个豆瓣的例子,他的刷新图标没有做特别的优化,如下图,就是一个简单的环形图标旋转成为笑脸。简单,却很符合他的产品的定位。豆瓣的slogen是和有趣的人做有趣的事,这个笑脸的加载会给用户一种从寻找兴趣到发现兴趣的感觉,使原本烦躁的等待不再单调。

Image title

在一款社交软件中,这样一个页面很打动我。底部没有新内容了,它没有用文字提示“已经到底部了”,而是用一个图形。当用户向上滑动页面的时候,看到下面的场景,会不会有点感动呢?

Image title

我们可以注意到,在移动互联网刚刚兴起的时候,很多工具型应用异常火爆。时至今日单纯工具型应用市场不再,相比于冰冷的工具,用户更倾向于“有温度”的产品。
比如UC浏览器的首页,将天气、头条与导航有机的组合起来。不仅能使用户感受到关心,在浏览的过程中捕获到天气信息。还能增加用户的使用粘性。

Image title

我们在做一款签到产品的时候,也加入了趣味元素。签到产品的使用场景较为单一,一般是在公司或是上下班路上。我们在场景中加入白天和晚上不同的两种场景,丰富了界面,较同类产品更有趣。

Image title

3.品牌风格统一
做设计的朋友应该都知道,在一个产品上线之前,做UI设计和做logo设计的往往不是一个人,移动端和网页端的设计师也不是一个人。那就会存在一个问题,这些不同设计师设计的同一款产品,视觉风格可能不够统一。除了这些还有更新换代的产品样式焕然一新。
最近Instagram改版的事情在设计圈引起了不小的反响。很多人都在说,更换扁平化的风格是一种妥协,变得平庸,再没有一点熟悉的感觉。有人则表示,设计 logo 是矛盾的数学题,又要美,又要唯一,又要承载故事,还得让人理解。总得有取舍。

Image title

其实这样的情况并不少见,之前Uber和Medium的改版也引发过热议。

Image title

对于这种情况,品牌对产品有自己的定位,我们不便评论。但是对用户而言,培养用户习惯和用户好感都需要时间,不管出于怎样的考虑,一次改变的动作太大都可能引发用户出离的后果。

对品牌的把控,我更喜欢Google和airbnb的做法。

Image title

Image title

虽然产品的定位会因市场、用户规模而改变,但是不要一次性变化太大。用户对颜色、形状的接收能力是最强的,以Google为例,虽然今年最新的logo进行了从有衬线到无衬线的变化。但是主色调没变,用户就不会觉得特别突兀,感情变化也不会太敏感。

Image title

无论什么场景下,当用户点击蓝色图标进入了橙色的产品页面都会有出戏的错觉。所以我们在做设计的时候,会严格遵守品牌与页面统一的原则。做设计时优先考虑品牌的调性,并与之保持一致。其次考虑产品的定位做调整。

Image title

产品、交互和视觉是不分彼此的。有一句很有意思的话叫不懂产品的交互不是好视觉。只有在我们深刻理解了产品的定位、使用场景和交互原则以后才能从根本上设计出满足用户的应用。于此之外,我们要在设计中加入一些耐人寻味的细节,这些超出用户预期的细节都会为你的产品加分。
让我们以场景为中心,做细致入微的应用,将我们的理念传达给用户,使用户感知到专属我们的“温度”。

 

分享:奋斗的紫牛

 

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » 温度设计!在场景为王的时代 做细致入微的设计

0
分享到:更多 ()