让用户一见钟情的设计!8个优秀案例剖析

    让用户一见钟情的设计!8个优秀案例剖析 - 图1

    让用户一见钟情的设计!8个优秀案例剖析 - 图2

    #01

    导语

    大家好~这是我们的第二期优秀案例分析,这一期一如既往给大家带来一些优秀案例分析,场景细分、信息可视化、巧用动效等我们平时一直在思考的问题,而我们是否能做到更好的体验呢?想要设计一个体验良好的产品,设计者需要深刻洞察用户不同层次、不同维度的需求,理解人群的生理、心理差异以及场景的特殊性,精准的提供设计服务以满足用户。

    #02

    案例分享

    1. 地图不只是导航-走心才能更贴心

    在设计思考的过程中,同理心、换位思考,是一种站在对方立场设身处地思考、认识到别人正在经历怎么样的情绪。通过站在用户的角度思考,产生共鸣和理解。对于设计师而言,借助共情,能够感受和发现人们的实际需求(包括显性的和隐性的),而这是帮助用户解决问题的基础。

    🌰「高德地图」高温下的暖心设计:

    「高德地图」会利用树木与楼高的数据,配合天气太阳角度的计算,为用户提供骑行时有林荫与楼阴的清凉导航路线,这个设计可以说十分贴心了。

    让用户一见钟情的设计!8个优秀案例剖析 - 图3

    2.场景细分-让输入更友好

    文本输入框几乎是每个UI设计师都必须用到的设计控件,它们无处不在,对于用户体验的影响无疑是巨大的。虽然看起来很简单,但是一个设计成熟的文本输入框也需要满满的挖掘和了解用户习惯。

    🌰「微信」提高用户输入法操作:

    微信悄悄新增了#微信聊天对话框可以放大编辑#(全屏输出) 功能,该功能的官方命名为全屏输出,该功能的作用是,当聊天对话框输入超过三行文字内容,即可触发放大编辑按钮,便于用户预览长文内容。

    让用户一见钟情的设计!8个优秀案例剖析 - 图4

    3.信息可视化-内容解读更高效

    可视化设计可以帮助用户更高效的获取信息、判断趋势、识别变化等。那么在可视化设计中怎么让用户能更好的看清看懂信息内容,让信息与用户所处的情境相呼应是微交互思考的方向。降低理解难度通过可视化表达,将不易理解的信息呈现的更加清晰明了,帮助用户理解吸收。

    🌰「keep」根据热量换算食物:

    keep卡片的更新,根据热量换算食物,让用户很快能Get到自己的运动量等于吃了哪种食物的热量,“相当于一块曲奇饼干的热量”阅读中秒懂。几十卡、几百卡的数字让我们有了清晰的认知,不再是冷冰冰的数字呈现,既有趣,又增加了记忆点。

    让用户一见钟情的设计!8个优秀案例剖析 - 图5

    4.如何设计出保护用户隐私的界面

    保护用户个人隐私,做好个人隐私设计,信息安全成为当下用户普遍关系的话题。数据泄漏、个人隐私暴露、身份盗窃等事件频发,用户对数据收集和使用的敏感度提高,所以隐私保护设计都是非常必要的。

    🌰「淘宝」保护用户隐私设计:

    在淘宝订单详情页面,使用系统的截屏功能后跳出的分享弹窗里,淘宝会自动化将隐私信息做模糊处理。能够高效且精准的定位到用户的订单编号给予隐私保护,虽然不太起眼,但在后续用户的不小心而避免了大麻烦。

    让用户一见钟情的设计!8个优秀案例剖析 - 图6

    5.巧用动效-增强信息感知

    动效设计作为一种新的流行趋势,不论是在视觉、交互还是情感上体现出的优势被越来越多的用户认可。在几乎每个移动应用产品中都开始重视动效的情况下,如果在动效设计中融入情感化设计,遵循情感化设计的方法和原则,就能给人新鲜独特的感受,提升用户体验,给用户留下良好印象。

    🌰「抖音」趣味动效设计:

    在「抖音」评论关键词「学到了」,会触发「涨知识」的动画彩蛋。且动画表达也是一块芝士,谐音梗更是与时俱进。用惊喜有趣的彩蛋设计,引导用户发表更多善意正向的评论,增加记忆点,达到了不错的传达效果。

    让用户一见钟情的设计!8个优秀案例剖析 - 图7

    6.IP互动玩法-增加情感连接

    引入IP角色有利于更好地和用户建立情感的连接,进入场景,塑造角色,成为品牌的一部分,创造真实具象的消费者触点。相比于往常图文呆板的互动,可以让活动与用户的互动更有趣。一个好的IP设计能带动新产品认知和使用,传播产品的价值,达到促活的业务目标。

    🌰「饿了么」IP互动设计:

    饿了么的大搜,加入了一个ip的互动区,下拉可以展开,推送相关的美食话题,饿小宝说的话也可以点击交互。对于纠结每天吃什么的用户有了极大帮助,极具诱惑力的滚动条可以快速帮用户决策,通过有趣的动效强化了品牌,也引导了用户进行搜索🔍

    让用户一见钟情的设计!8个优秀案例剖析 - 图8

    7.缩短交互路径-为用户“减负”

    我们处于信息爆炸的时代,产品信息越来越庞杂。不仅是文字、视觉信息要进行降噪,用户在产品中的交互也需要“减负”。结合不同的需求与场景,减少冗余步骤,简化操作流程,缓解用户在产品使用过程中的操作负担,进一步提升平台转化率和用户体验。

    🌰「携程」酒店“一键预订”设计:

    携程酒店在给好友分享酒店行程的时候,不只是可以分享酒店,还有可以“一键预订”,日期,房型以及预订的重要信息都带上了,减少了被分享者的操作路径,不用反复浏览确认,提升了用户对平台的体验。

    让用户一见钟情的设计!8个优秀案例剖析 - 图9

    8.细节处的交互巧思-“纵享丝滑”体验

    毫无疑问好的交互巧思会使我们的产品体验更具互动性,趣味性和用户友好性。我们在看到这些炫酷、丝滑的交互时,也可以带着产品的思维进行深度的思考。在用户在理解应用交互的同时,保持最简短的操作路径,让用户快速理解,纵享丝滑体验。

    🌰「QQ」发送图片交互设计:

    QQ发送图片的快捷方式,打开QQ聊天窗口页面,QQ是可以拖拽文件来进行发送的。就像电脑一样,桌面上的文件,比如说某一个视频或者文件这种类型的都可以用拖拽的方式发送。

    让用户一见钟情的设计!8个优秀案例剖析 - 图10

    #03

    最后的话要说

    文章中的案例与思考仍然来自于智行UED同学的日常分享🤔。

    我们也会将持续深度体验产品,经过不断摸索和尝试,将不可能变成可能,挖掘更多值得分享、学习的设计案例。努力将其中的方法理论应用到智行APP后续的产品设计中。

    愿我们的努力为你带来更好的体验。

    智行ZXD

    *文中配图来源于各APP内截图,侵删

    智行ZXD开通微信群啦~

    欢迎添加微信 进群交流

    👇🏻👇🏻👇🏻

    让用户一见钟情的设计!8个优秀案例剖析 - 图11


    看看往期文章

    👇🏻👇🏻👇🏻

    如何做好节日活动视觉设计?

    打动用户的设计细节!8个优秀案例剖析

    让等待变得有趣 - 智行loading设计探索

    Tab图标这么设计?一下击中我的呃..心巴。

    智行IP品牌形象「小智」全新出发

    智行节气海报|回忆手记

    智行ZXD设计团队,负责智行火车票的用户体验创新设计与研究,致力于为用户打造更智能、更贴心、更有温度的产品体验。

    关注这个公众号,收获更多精彩内容~

    ↓↓↓