header_v0.7.32

7个UI小例·用细节留住用户

319天前发布

原创文章 / 多领域 / 观点
szmtsun 原创,如需商业用途或转载请与szmtsun联系,谢谢配合。

7个简单小案例,却能启发我们在UI设计中想得更多,2017,让我们回归细节,用细节留住用户。

APP已如此成熟的今天,视觉基本都做得不错了,说实在也都大同小异,因为一个好的APP,更多的是使用多年来培养出来的大众习惯来指导设计,而不是界面多么与众不同,而是细节决定胜负。

 

以下7个APP是大家再熟悉不过的,使用过程有些功能细节自己感觉很好,印象深刻,今天特地截取下来分享。可能你天天使用并无感觉,但正是这些不显眼的细节,慢慢培养出大批忠实用户。

 

一、【腾讯视频】

 

播放界面右侧新增‘截屏’和‘录制’功能。视频截屏分享在当今分享时代里是常用的功能,但以前需要让视频暂停,然后同时按下手机2健才能保存屏幕,还经常不成功,现在有了这个新功能,截屏反应非常快速准确,截屏成功还有“立即点击分享”功能,实属贴心细节设计。同理3秒钟录制功能,符合当下小视频分享需求量的增加。


0b6a586dabdca8012060c8f6e860.jpg



二、【QQ&微信】

 

贴心预料用户接下来的动作,让动作一步完成,让用户操作变得如此简单并节省大量时间,对于运营商来说,也必将提高该功能的使用率。比如手机拍了一张照片,紧接着你打开微信聊天界面,点击添加附件按钮,会弹出刚刚拍的照片,一点就立刻发送出去了,非常方便,足足减少了3个步骤。还有QQ的gif表情,不用把表情拉到输入框点发送,鼠标移到表情上会出现一个“+1”按钮,一点就发送。这些都是预知用户下一步动作的细节功能优化,用户体验很好。


ea60586dabf5a8012060c8417e0d.jpg



三、【百度地图】

 

百度地图能在众多地图中得胜,在于它不断地满足用户需求,甚至实现用户没有想到的功能。比如我最欣赏它的“路况”,整个城市的拥堵情况一目了然,对出行的指导能力很到位,而且还能智能地根据全程拥堵情况,准确计算加上拥堵预计时间的全程车程时间,实时变更计算,相当准确。


4cc0586dac09a8012060c8d322cb.jpg



四、【UBER】

 

当年UBER刚进中国,就被大家大赞其UI做得好,说实话并没有多好看,而是界面简单好用,重点突出,很干净,完全没多余的干扰功能。居中大大的“点击用车”按钮,很有点击的冲动,引导性和指引性都很成功。另外,周边普通轿车和高级轿车用不同颜色区分并实时在地图上行驶,直观而且为界面增加趣味。


cc21586dac19a8012060c8a611c6.jpg



五、【网易云音乐】

 

1、虽说当下是扁平化当道,可某些特殊界面的某个元素使用拟物,却可以提高用户体验和加深用户印象,或许就是这一突出的元素,让你的APP变得与众不同,提高识别性。网易云音乐的播放界面,无论PC端和APP,主角都使用这个复古黑胶唱片播放机。想象一下在家或咖啡厅,把唱臂唱头放置于唱片上,旋律起飞,躺在沙发上看书,多么小资放松的时光,好的UI就是能够让你身临其境到美好场景中。

 

为了让界面更加丰富好看,播放界面整个背景都采用歌曲不同的封面,避免单调,并运用高度模糊,让每首歌拥有不同的色调,更符合每首歌不同的情感。


1b31586dac27a8012060c85da16a.jpg


c9b5586dac30a8012060c851f791.jpg


2、专门针对开车者设计的一个行车播放界面,虽然打开此模式的入口被隐藏得较深,可能也很少人知道,截屏出来只是因为界面看起来很舒服,极简约干净,防止动态界面会打扰司机的视线,除去大量功能按钮,只留下尺寸很大的最常用的控件,前一首/暂停开始/下一首,最大限度方便操作,这是对用户使用场景考虑细心周到的UI。


e600586dac45a801219c77a33cb2.jpg


3、直接拖放操作,这在PC端和手机系统中是很常见的交互,可在APP中还是比较少运用的。


33fc586dac53a801219c778571e2.jpg



六、【百度翻译】

 

“拍照涂抹翻译”这个功能用了挺久的,虽然长句并非很通顺,不过对于大概了解句意已足够了。翻译的语言包括了英语/日语/韩语/法语/西班牙语/俄语/葡萄牙语/德语/意大利语,随时切换,非常方便。每一步界面底部都有贴心的小提示,让操作更顺畅。


8fea586dac65a8012060c8d154fd.jpg



七、【支付宝】

 

语音功能现在已经非常成熟和普遍,可是我们或许只会去使用一些很基本的功能,还有更多功能我们并不知道可以用。主界面中提供这些语音例子,可以让用户焕然大悟,更加充分发挥语音功能。不过例子也不能太多,会影响用户接收及反应,所以一般不要超过7个,而支付宝和百度更少,只有5个例子。


1adb586dac78a801219c77acc946.jpg

以上这几个简单案例,却能启发我们在UI设计中想得更多,2017,让我们回归细节,用细节留住用户。


44
    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功