注重设计细节的UI界面案例，贴心的UI交互让人爱不惜手

Sponsor

在各家应用日渐功能完善的当下，我们惊喜地发现了许多埋在用户使用场景中的「设计细节」，有对自身功能场景的扩展，有丰富现有的流程体验，结合良好的交互设计体验，也有充满温暖的贴心提语。下面就随着小编的整理，来看看本期的分享内容吧。

案例分享

1. 拓展服务场景 – 地图能做的不只是导航

在产品设计的思考过程中，从用户使用场景出发，产生需求共鸣，或许就能突破自身的功能壁垒，进而产生额外的情感价值。为用户带去便利的同时，也增加平台的亲和力，提升用户粘性。

高德地图最近就推出了【顺路服务】，让应用从一个地图工具走向一个基于地图的“搜索 – 发现 – 交易 – 履约”完整链路的目的地服务平台。目前顺路服务场景已覆盖了加油、咖啡、充电桩、洗车、酒店、药店等数众多品类。

🌰 高德地图 – 顺路买花

在情人节时，高德地图新增【顺路买花】功能，路线规划后，会根据当前路线推荐沿途的花店，巧妙将节日活动与顺路服务相结合，为用户提供了更加便捷的购物体验，同时也为花店带来了更多的商机和收益。

🌰 高德地图 – 沿街取

高德地图上线星巴克【啡快·沿街取】功能，路线规划后，可在「顺路搜」中搜索星巴克，“顺路点咖啡·不下车摇窗取”，提前下单沿途即可取餐。

基于地图导航向生活服务延伸，开辟出全新的消费场景，当然，这也依赖于高德地图能对堵车等路途不确定因素实时反馈，准确推算出用户的最新抵达时间给门店，以便于商家更准确的到达取餐点等候。

2. 切实解决用户所需 – 让产品更懂你

在实际使用场景中，以常见的【相关推荐】功能举例。从商业角度来看，目前的推荐大多希望引导用户产生额外的消费；但站在体验的角度，用户可能更关注当前产品本身。比如买一杯咖啡并不一定会搭配蛋糕，但大概率需要一根吸管。

因此在挖掘用户的真实需求过程中，做好业务发展与用户实际需求的权衡也是关心用户的体现。作为设计师，精准预判用户需求，可以带来十足的惊喜感，进而让用户产生情感依赖。

🌰 淘宝订单小贴士

新增订单小贴士模块，利用图文、短视频多维度的呈现形式，解决消费者在购后场景下商品安装、使用、保养过程中遇到的问题，同时也能降低商家售后关于此类问题的咨询量；

此外在购买衣服后，也会出现穿搭技巧，根据用户已购的衣服推荐相关穿搭配件，点击还可以直接跳转购买，促进消费创造更多收益。

🌰 淘宝当季水果推荐

淘宝搜索某种特定的水果品类，会自动推荐此类水果的当季品种，并且在进入日历之后会展示全年每个月份的当季水果。就像进入线下水果店，当季水果永远在最显眼的位置一样，这种设计可以帮助消费者更好地了解当前市场情况，增加信任感。

3.  赋予小屏更多可能 – 打造沉浸式体验

技术的不断革新为手机载体提供了更多的可能，不论是3D技术，亦或近期火热的AI，技术发展必然带来更多的设计可能。设计师如果可以紧跟技术发展的脚步，结合自身创意和想象力，就可以为用户带去更多维度的感官体验。有别于最基础的：图、文、视频，应用新的技术形式，还可以有效提高信息效率，提升产品易用性。

🌰央视频App-世界杯多视角地图直播

央视频“多视角地图”观看比赛，通过直观和易于操作的交互方式切换不同镜头，提供更全面的赛事观看体验，让用户从不同视角和角度观看比赛，既满足了部分用户的好奇心和探索欲，也增强了用户粘性，提高用户的观看质量和体验。

🌰腾讯体育-横屏交互

NBA直播中用户通常会有实时查看球员数据的需求场景，腾讯体育app结合横屏的空间优势将球员数据的查看和比赛直播的观看融合，避免了用户在观看比赛时切换页面或应用程序的不便。同时，还采用了横向滑动的方式，使得用户可以方便地浏览多个球员的数据。

🌰 懂车帝3D看车PK功能

线上购物的3D实物预览在电子类产品这种高价商品上已经很常见了。而懂车帝的这款功能同时满足3D预览与同屏对比的需求，切实给用户带来了堪比线下的体验与极大的便利性。

4.  暖心提示 – 建立情感连接

情感化设计可以让用户在使用产品时有更好的情感体验。设计师可以通过色彩、图形、动效和字体等元素或提前预判行为来建立情感连接。而且情感化场景越细致，这种设计方法越可以让用户对产品产生更好的印象，提高用户的满意度和忠诚度。

🌰饿了么-沟通障碍骑士

在饿了么APP中，用户下单后会通过可视化的动画展示送餐进度，从店家配餐到骑手接单、取餐、配送的全过程。

如果送餐的骑手是聋哑人或其他沟通障碍人士，订单展示的骑手上方，有耳朵被打叉的图标以及提示「我是沟通障碍骑士，请多多包涵」。这样的设计体现了平台对多元化人群的关注和尊重，也提高了用户对于骑手的理解和包容度。

🌰滴滴-相似地点提示

在使用滴滴导航搜索地点时，如果搜索结果出现了与出行相似的地点，会为用户提供黄色气泡的提示，以帮助用户避免混淆。

我们深知在出行中出现混淆会给用户带来不便和烦恼，因此滴滴通过这个小小的设计来提醒用户注意，让用户在使用滴滴导航时感到更加贴心和温暖。

最后要说的话

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

后续我们将持续深度体验产品，挖掘更多值得分享、学习的设计案例。努力将其中的方法理论应用到智行APP后续的产品设计中。

来源：智行ZXD设计中心

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。