产品体验日志(01.08-01.14)

Recommand
上海/产品设计师/2年前/45浏览
产品体验日志(01.08-01.14)Recommand
Joanna彭

这是第二篇,要坚持哦✊

一个作品的产生会和用户群体、项目背景、产品业务等各方面息息相关

本人抛开背后的种种原因

单纯从体验角度去谈自己的感受

写的不好之处望见谅

体验目录

01.08 自如-首页金刚位
01.09 携程租车-时间选择控件
01.10 豆瓣-一个有趣的小设计
01.11 淘宝-商品详情页
01.12 黄油相机-模版类型分类设计
01.13 叮咚-首页banner设计
01.14 叮咚-商品列表【买过】标签

01.08 自如-首页金刚位

关键词:
#风格探索# #插画设计# #UI设计
产品体验:
自如首页金刚位icon不同的设计风格配置

设计思考:
· 从左到右是不同时间段的风格切换,可以看出自如的设计团队在首页上还是花了不少功夫的。右边的两张插画也比较精致,但个人觉得虽然形式比较新颖但并对界面设计来说并不是很友好

· 从界面设计上来看,右边两张这么多细节又色彩丰富的插画太复杂了,使页面显得很拥挤。而且插画的识别也并没有达到不需要文字只看图就知道表达的是什么的程度(也很难光靠插画去表达),对于用户阅读和寻找需要的功能入口是不方便的。相比之下觉得最左边的设计可能更符合app用户使用场景

· Banner切换分两层,前面主题元素滑动、后面背景渐隐渐显变化,形式比较新颖,但个人感觉比较碎

01.09 携程租车-时间选择控件

关键词:
#可用性# #效率#
产品体验:
准备租车出行,同时用携程和飞猪租车对比价格,发现携程租车在选择时间的使用上要方便很多,取还车时间控件可以多维度选择日期和时间,非常直观,节省不少时间

设计思考:
· 携程的时间选择器,用平铺直述的方式呈现出来日期和时间的选择,与租车这类常在未来使用并且需精确到使用时分的业务场景契合,用日历的形式展示日期,给予了日期更多的展示空间,方便用户快速选择。反观右边飞猪,假设我需要租个十天半月后的车,需要不断的滚动选择器,效率会比较低,而且样式展示上也不太美观

· 如果没有左边的设计,相信右边的设计大多数人用起来不会觉得有什么不方便,因为大多数平台,包括很多手机自带系统的时间选择都是右边的设计。很多东西只有当你设身处地的去思考的时候你才能体会得到,也就是我们常说的站在用户的角度和使用场景去思考问题,希望这并不是一句口号

01.10 豆瓣-一个有趣的小设计

关键词:
#趣味设计#
产品体验:
豆瓣影视详情页,右上角有个类似书签的设计,点击或者下拉可以打开活动浮层,3秒后若不点击进入详情浮层会自动关闭,不会过多打扰用户

设计思考:
· 活动入口位于右上角,相比很多悬浮在右下角悬浮入口的设计更克制,右下角的悬浮设计容易影响干扰用户使用其他功能

· 书签样式也与他产品本身的文艺调性比较相符合

01.11 淘宝-商品详情页

关键词:
#可用性# #UI#
产品体验:
淘宝详情页在某一版本做了改版设计,整体风格由灰底白卡片变成了白底灰卡片,把商品快捷查看入口也放到了页面的左上角

(老版本的截图找不到了,记得当时看到新页面感受上还是差别蛮大的)

设计思考:
· 先说把产品的快捷分类查看由图片下方改到了页面左上角这个点,本人作为实际使用用户来说,觉得左上角的操作是非常不方便的,而且很难被发现,作为一个买衣服必看尺码的用户来说,我也是用了好久以后才发现这个功能

· 对于把卡片都改成灰色底这点,个人觉得没有以前白色卡片好,从色彩学来说黑字放在白底上肯定比黑色放在灰底上的视觉阅读要舒服的

· 像详情页这类信息很多的页面,可以考虑用通栏设计不一定要卡片设计,虽然卡片设计从视觉上可能要比通栏精致一些,但是从信息的可阅读性和页面展示效率来说,通栏都要更好一些

01.12 黄油相机-模版类型分类设计

关键词:
#交互设计#
产品体验:
首屏把风格分类展示两行供用户选择,当页面上滑时分类收缩成一行,点击汉堡包icon再展示全部分类

设计思考:

· 首屏把风格分类尽量展示多供用户选择,能更大占比的命中用户需要的分类,提升效率

· 当页面上滑时分类收缩成一行尽量留出空间展示图片

· 但是点击汉堡包icon从顶部弹出全部分类的浮层让人觉得有交互断点,不如直接在分类下面出现浮层、或者从右往左推出浮层的交互来的顺畅

01.13 叮咚-首页banner设计

关键词:
#交互# #创新设计#
产品体验:
叮咚banner设计,将图片分为前后两部分,滑动的时候只滑动前面部分

设计思考:

· 将一整张大banner分为两部分,让页面的设计形式更丰富

· 常规的滑动已经造成了审美疲劳了,设计是需要创新的

01.14 叮咚-商品列表【买过】标签

关键词:
#用户心智# #用户决策#
产品体验:
如果用户之前买过某个产品,会在商品列表展示【买过】标签

设计思考:

· 对生鲜零售行业来讲,同一个品种往往有多个商品,经常买的肯定就是自己比较认同的口味,【买过】的标签很方便用户快速锁定自己需要的商品,节约选择时间,从而促进下单转化

· 类似的标签设计还有【刚刚看过】【满减】这些都能在一定程度上促进转化

马上要过春节了,写完这篇过完春节年后再写hah~㊗️新年快乐

2
Report
|
2
Share
相关推荐
3D扫描仪套系Seal Lite
Homepage recommendation
内容含视频
智界R7 · ZENO x 移动悦享舱
Homepage recommendation
内容含视频
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
问童子一马当先系列
Homepage recommendation
内容含视频
泳池清洁机器人 I Robotic Pool Cleaner
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
装东西Packing.
Homepage recommendation
相关收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
一些小动物
一些小动物
一些小动物
一些小动物
精选收藏夹
作品收藏夹
大家都在看
Log in