恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
在场景为王的时代,做细致入微的设计
0.0°
2020-05-26 原创文章 经验/观点 举报 2270 188 258 23

移动互联网时代到来以后,智能手机给我们提供了非常多丰富实用的功能,我们可以随时随地在任何场景下使用这些应用,从而满足我们各种诉求。这也给了产品更大的想象空间。


移动互联网时代就是技术为先,场景为王。
场景说起来简单,实际上会有很多设计师在设计过程中会忽略这一点。下文阐述了在设计中我们会忽略的那些细节。


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


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

Powered by Froala Editor

更新:2020-05-26

收藏

188人已收藏

卢意思讲AI

微信luyisihezuo

  • 23

    作品

  • 706

    粉丝

  • 32

    关注

  • 教你用人工智能设计3D玻璃/水晶图标
  • UI组件那些事儿——选择控件
  • 教你用Midjourney设计3D礼物图标
  • UI设计师基础提升——字体规范

    猜你喜欢

      2020-05-26 原创文章 经验/观点 举报 2270 188 258 23

      在场景为王的时代,做细致入微的设计

      0.0°

      你确定要举报在场景为王的时代,做细致入微的设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年05月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      258
      188
      23

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录