UI设计师的产品体验日记 07 期

341天前发布

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

感谢大家对我们产品体验日记栏目的关注,8月份已结束,那么将有那些值得我们关注的设计小细节,让我们一起来看看吧!



01、夸克浏览器,横屏观看视频新体验

在运用夸克浏览器App播放视频的时候,当用户切换到横屏播放时,根据用户触碰屏幕的区域不同,操作功能显示的位置也会不同。当用户点击左侧,功能图标出现在左侧,点击右侧,功能图标便会出现在右侧。这样的交互设计体验,对于单手操作来说,是一个不错的新体验。

董莉 摘录




02、Flat Tomato 番茄工作法

最近想要用番茄工作法来进行时间管理,以达到更好的学习效率和状态。在体验App时,时钟的皮肤给用户提供了多种风格类型,有些皮肤需要用户通过积累工作/学习时长来获得POMO才能换取,从视觉层面吸引了用户使用,也激发出用户学习的兴趣。


从时钟的表盘即可清晰看出一天的学习/工作时间,并可备注任务,为效率评级。集备忘录、时钟、日记于一体。

林四桶 摘录




03、喜马拉雅利用动效增加分享曝光度

在喜马拉雅听书页面,会发现右上角的分享icon设计以动效结合奖励机制的形式展示。微动效的运用相较于静态的设计更能吸引用户的注意力,营销策略的运用加强了分享的权重。

董莉 摘录




04、唔哩星球超有趣的界面设计

唔哩星球是一款以95后以及00后为主打用户的新型社交软件,整个设计采用3D风格的表现形式。每一个功能区都是一个三维的模型,带给用户身临其境的感觉。同时配色非常活力,符合年轻一代潮气蓬勃的感觉。同时,交互的方式也别有新意,首页内容之间的切换不像传统的应用左滑或者右滑,而是45度向下滑动。

炒粉 摘录




05、Messenger 输入栏放置常用图标节约用户时间

Messenger 的界面设计非常简洁耐看,在聊天界面中,输入栏放置了图片、相机、语音、点赞、表情等用户在聊天过程中需要用到的高频功能。把这几个功能放在一级输入栏,节约用户操作时间,并且减少初级用户的学习成本。同时,输入文字时,输入框变长,其它图标隐藏的设计,也不会造成输入文字时的局促感。

炒粉 摘录




06、QQ 快捷回复消息

当用户浏览 QQ 空间时有好友发送消息,右下方会弹出一个小气泡悬浮按钮并提示消息数目,点击即可查看消息内容并回复。这个交互设计去除了用户需要退出 QQ 空间再返回消息列表才能聊天的繁琐步骤,更加方便快捷。

林四桶 摘录




07、美团简化分享截图

在美团App中截完图,底部会弹出一个分享弹窗,此时弹窗处于最高层级,点击按钮即可分享,点击画面即可取消。对于用户来说,简化了分享步骤。(美团版本:Version10.1.401,体验设备:Android)

無休 摘录




08、美团外卖以优惠的方式带来更高的客单价

在美团外卖点餐界面,进入到商家详情页后,以十分明显的方式提醒用户更多优惠策略和技巧,如满减神器、满减优惠券、去凑单等。对于用户可以以更优惠的方式下单,对于商家来说,可以通过这样的方式提高客单价。


在设计感官体验方面,美团典型的送餐小哥以卡通形象的方式出现,默认状态以灰色呈现,点餐后立即出现交互效果(包括颜色和动效),添加了用户的趣味性。

朱萍萍 摘录




09、网易云音乐自定义图标排序

在体验网易云音乐的时候,你可以根据自己的习惯设置首页、我的音乐等板块的图标排序。在我的音乐界面中,点击顶部菜单的某个图标时,退出后会自动排序到第一位。同时也可自定义编辑功能模块,非常方便。

叶慢慢 摘录




10、微信跟拍表情包

微信跟好友聊天时经常会发表情包,一些用户觉得有趣的表情包可长按-跟拍。跟拍页面有一层半透明的原始表情包,方便用户对照模仿,还有去背景、快速播放和贴表情的功能,添加成功后可在“我的自拍表情”中查看和使用。


虽然只是一个简单的制作表情包功能,但是附加在微信聊天中也满足了用户自定义表情包的需求,增加了好友聊天的互动性和趣味性。

林四桶 摘录




11、网易云音乐新增 Mvolg

云村新增了 volg 功能,支持发布图文和视频。volg 是用户用来记录生活的一种方式,网易云音乐迎合主流,可增加用户原创内容展示在平台上。

林四桶 摘录




12、微信浮窗优化

第一次用微信浮窗功能时觉得很赞,改版之前只能设置1个,浮窗会慢慢变红,以提醒用户阅读。但是用过一段时间后,发现红色的提醒在页面上很碍眼,即使文章没有读完,就会把它直接取消掉,阅读文章变成了一种压力。


改版之后,最多可以设置5个浮窗,不会变红提醒,点击展开后有一个白色遮罩,聚焦当前操作;

阅读完文章可以点击删除,非常便捷(之前步骤:点击浮窗进入文章——选择更多——在弹窗中点击“取消浮窗”)。

無休 摘录




13、微信表情长按预览

利用微信进行社交时,发送表情已经成为一种交流形式,表情包也越来越丰富多样。下载的表情包和自己收藏的表情也越来越多,为了防止发送错误的表情,可以利用长按来进行预览。

住住 摘录




14、投电视,不要忽略电视机的存在

随着手机和网络资源的发展,现在大家都喜欢用手机追剧,相比之前一家人围坐在电视机旁少了一点氛围,你家里的电视机多久没有打开过了?


现在很多的影视 App 都可以直接将电视剧或者电影投放到电视机观看,在家里的时候偶尔也要和家人一起互动。就算你看的电视剧可能家人不一定喜欢,但是这个氛围依然可以影响到他们,我最近尝试了几次发现,其实家人也会不知不觉盯着电视机一起看,加强了亲情互动。

黑马青年 摘录




15、退出微信电脑版登录加强隐私保护

在工作中大家登录微信电脑版非常常见,中午吃饭有很多人没有休眠电脑的习惯,聊天中的信息电脑上面也会同步。为了更好的进行隐私保护,我们要养成更好的职场习惯和生活习惯,长时间离开电脑记得在手机端进行电脑登录退出。

Today 摘录




16、美团,动态图标更具吸引力

微动效在越来越多的产品中得到运用,带给用户的体验也是非常不错的。特别是在图标的运用中,相较于静态的图标,动态图标会更吸引用户的注意力,比如美团首页的外卖图标。


但是我们不能过多的运用微动效,对比是建立在个别突出的基础之上的,都强调了其实和静态展示差不多了。一般都出现在需要特殊强调的局部,有些是循环播放形式,有些也是单次播放形式,这些都是建立在不过多干扰用户体验的基础上。

黑马青年 摘录





17、支付宝左滑设置免打扰

在信息时代里,每天围绕我们的各类推送消息非常多,甚至干扰到我们的生活。支付宝在朋友界面中可以通过左滑对一些商户信息等进行免打扰设置,用户可以根据自己的情况选择接收的消息,提升用户体验。

Today 摘录




18、高德地图动态引导

体验高德地图最新版的时候(iPhone X 10.0),初次进入以动态引导用户进行选择,也配合了全新升级的版本编号动画,带给用户全新的视觉体验。动态的切入调动了用户选择的意愿,全新的设计也提升了用户体验。

黑马青年 摘录




19、高德地图优化用户搜索体验

对于地图应用来说,搜索和导航是我们经常操作的功能,有时在开车的时候进行新地址的搜索或者单手操作,搜索栏的位置优化到底部靠上是非常便利的。点击智能助手通过语音搜索也是十分便利的功能,尽量让用户少动手就能完成自己的目标,这是语音交互时代带来的用户体验。

黑马青年 摘录




20、石墨文档的历史追溯

对于喜欢写作和记录整理资料的用户来说,在修改的过程中如果发现之前的内容也有作用,想要再次找回时,这个功能非常实用。


之前就出现一次由于网络因素不小心把之前写的内容给删除了,然后发现查看历史的操作可以把全部修改过的内容根据需要再次复制回来,非常便捷。

黑马青年 摘录




21、飞聊,体验中的小细节

在体验飞聊群聊时,可以对其他群内成员的消息进行复制、转发、赞、回复等操作,值得关注的是「赞」这个功能。通过点赞表明自己对他人观点的态度,点赞的操作设计比较轻量,不会影响用户现有的社交体验,进而增强群内互动频率,更好的活跃群氛围。


个人主页内头像上可时时更换心情贴纸来表明自己今天的心情和态度,心情贴纸种类多样,大多是样式可爱的表情图标,用户可根据心情喜好随意更换。情感化的设计,给用户带来更多个性化的选择空间。

九七 摘录




22、故宫展览,每一个卡片就是一个故事

在体验故宫展览 App 时,一张卡片就是一个展览,一张卡片就是一个故事,在左右滑动的过程中,背景根据内容的变化而变化,增加了氛围感,使得感染力更强。

续泽峰 摘录




23、盒马生鲜,商品列表长按筛选

盒马生鲜商品列表以瀑布流的方式展示,对商品长按 2 秒,会显示“不喜欢”与“找相似”两个选项。方便根据用户的需求进行商品推送展示,减少用户挑选商品的时间,达到快速成交的商业需求。

小李飞的刀 摘录




24、Snapchat 向下滑动的情感化设计

Snapchat 的主要用户群体是在 13~25 岁之间的青少年,主打视频快照分享生活动态。向下滑动到不同距离,给出不同的情感化小鬼状态反馈,符合年轻人的视觉预期,也符合品牌一致性输出和下拉弹性寓意的表达。

小李飞的刀 摘录



8月份的产品体验日记分享到此结束,希望抛砖引玉,可以看到更多伙伴去发现更多好玩的设计。



开设产品体验日记栏目的目的:

产品体验日记的目的是为了让大家养成一个体验产品的习惯,通过描述来加强我们的记忆。也能通过体验日记的方式加强大家的语言组织能力,不断沉淀总结能力,为后期输出经验总结和设计方法论铺垫基础。


本文由团队成员整理编辑,发布于站酷,仅作为学习交流,勿做他用。

177
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    文章信息

    • 文章标签

    没有新消息