产品体验日志

33天前发布

原创文章 / UI / 观点
一阵风呀 原创,如需商业用途或转载请与一阵风呀联系,谢谢配合。

发现平时使用的产品的闪光点,从产品页面·图标·交互等进行体验思考设计原理,记录优秀设计的点,来沉淀积累自己。



1.美团的送货进度展示


美团在点餐下单后首页会出现骑手送货进度,让用户在不用点开自己订单的情况下明确知道当前骑手所处的状态,减少用户操作成本并且及时地反馈给用户距离信息。对送达时间有一定的心理预期,缓解用户等待过程中的焦虑感,使得整个体验过程变得更加友好。



2.脉脉的点赞表情


脉脉作为职场社交平台,帮助职场人拓展人脉、交流合作、求职招聘。在界面中采用互联网流行的表情包,点击icon是正常的点赞,长按icon连发表情心情。提供了5种常用的表情(吐血、沾喜气、吃瓜、酸、加油),提高用户在使用产品时的趣味性,让一个职场平台设计平台不过于呆板,提升了用户的互动积极性和参与度。



3.京东的在线试妆功能


结合品牌吉祥物的形象,告知用户当前状态。当空状态时告知用户网络无连接,并且给出解决方法,减少用户的焦虑感,同时无形之中让用户更深层次的认知品牌形象。底部标签栏图标加上微动效,不仅满足人们对产品个性化和趣味性的需求。还可以减少认知负担,让界面更加生动有趣。


京东的在线试妆很好的吸引女性消费者,在很大程度拯救了选择困难症和剁手党,利用AR技术解决了用户自行想象的效果和最后收到货的落差,也避免了线下试妆存在的卫生问题。同时也让用户有新奇的趣味感,增加用户浏览选择商品的留存时间。



4.虾米音乐个性化设计


虾米音乐二级导航栏采用动感的波动图来切换功能,波动图很好的契合了品牌特色,动效的运用可以带给用户不一样的感官体验,增加与用户之间的亲和力。在细节上体现虾米音乐年轻,潮流的特点。


虾米音乐在横屏时播放器会匹配屏幕尺寸,变成磁带的样子。点击左右两边来切换歌曲。上滑用户可以选择磁带的风格样式,设计样式很新颖,在一定程度上提高了品牌的独特性。给人感觉回到了悠闲懒散的慢生活时光。



5.最右的品牌情感设计


最右的发现页面主要功能是年轻人互动交友。采用文字和语音的形式,语音条随机匹配卡通形象,在一定程度上缓减了用户对陌生人的戒备心理,增加用户使用的欲望。在我的页面中悬浮着“养最右”小游戏图标。利用自己品牌形象打造的小游戏让用户在一步步攻略养成“小右”,让用户对“小右”的感情融入到最右的品牌,增加用户与产品之间的黏度。



6.微信的设置流程


在看朋友圈时候对于不想看到的好友动态,可以直接长按朋友头像来设置朋友圈的权限等信息。和常规的设置流程相比,直接在朋友圈点击头像设置权限不会打断用户在刷朋友圈这个行为,也更加快捷。让设置权限的功能更加的合理化。让用户可以快速的屏蔽不喜欢的消息,提高信息的质量程度。


我们经常会利用文件传输助手来对自己文件临时备份或传输,文件传输助手相当于一个隐私的工具人,如果用户将名字改成文件传输助手会出现操作不成功的弹幕提示。这个细节的设计可以让用户很安心,防止有些用户刻意假扮助手,从而将信息发误或者泄漏,保障用户信息安全。将用户隐私保护问题融入到品牌中,用户从而对品牌产生强烈的信任感。



7.高德地图的拇指热区


首页的主要操作重心位于下方,更好的适应现在全屏时代。可以减少用户的操作手势变换,也是在为‘拇指热区’而设计的体现。另一方面,作为一款出行类产品,无论你是起步前查驾驶路线、等公交车、还是查看步行方案,使用场景都是相对动态且复杂的,因此相比其他产品和场景,用户都更需要便捷的单手操作体验。


高德地图从单一的导航出行到接入多家网约车平台以及当地出租车,让用户在高德地图导航操作后可以直接选择打车,不用在各个App中来回切换 。也让用户在难叫车的情况下,整合出行资源,顺利叫到车。而且用户可以一目了然的知道各个平台的出行预算费用,提供给用户对比价格的功能,让用户出行更经济实惠。



8.喜马拉雅的手势操作


喜马拉雅在收听时所有人可以对专辑进行留言,增加用户互动的趣味性。弹幕的呈现方式出现在图片的上方,长按弹幕可以对进行点赞或者举报。收听的详情页在用户退出时,摒弃传统的在导航栏左侧点击返回,让用户在界面任何地方可以采用简单的下滑手势来返回首页,让操作更加便捷。



9.自如的功能布局


自如的首页把最重要的出租方式以瓷片的样式代替传统金刚区图标,采用高度概括和主题相关的图形,通过插画增加产品的调性和趣味性在视觉上更加新颖,产品的识别度也更高。自如的主色是黄色渐变给用户刺激的视觉效果。两个色块使用渐变的样式叠加在一起,细节的处理也比较丰富,非常吸引眼球。



10.下厨房的刷新反馈


下厨房在ios端刷新随着用户下拉后,会有轻微短促的震动作为触觉反馈,来告知用户操作完成。搭配动态的视觉效果反馈,用户操作上更加有掌控感。


在banneer图上采用动态的轮播条的方式,整条代表着banner图展示停留的时长,用亮色白色的进度来代表已经展示了的时常,让用户在看banner图时对页面的跳转有一个心理预期。



11.QQ表情的更新迭代


QQ在表情的更新迭代上根据社会文化快速的变化,迅速满足用户的情绪倾向和表达文字中的小情绪。根据不同词汇在不同时期不同群体的解读,尝试去创造一些喜闻乐见的表情。对表情数据和用户文化进行持续挖掘。更加符合产品年轻人的形象定位。



12.饿了么的用户推荐


饿了么在给用户推荐推荐餐厅时会优先将用户已经有的店铺优惠券信息放在前面,让用户可以快速看到餐厅的优惠信息,可以起到快速刺激并且吸引用户区消费的效果。



13.平安好医生


平安好医生底部会出现一排平安业务的H5内嵌延展功能,页面向上滑动时会自动隐藏,这种交互方式既不会影响产品美观也不会影响用户的阅读。左右滑动时会出现平安的其他系列业务。像平安银行,平安健康,平安好贷等···不仅给用户新颖的感觉也达到了宣传公司其他业务的目的。



14.绿洲的情感化设计


绿洲在评论时候会有一个WOW赞赏,在和博主多方式互动。WOW赞赏上面会随机匹配夸奖博主的话,并且可以切换其他句子。互动方式的多样性可以调动用户的参与的积极性。


在推广期需要收集用户的反馈意见,然后对产品进行优化。但是如果只是礼貌生硬的描述请填写您的反馈意见,很少会有人耐心的填写。绿洲在反馈页面中设计采用可爱的插画,和有趣味性的文案。容易让用户对产品产生好感,用户也会更加容易接受,页面的设计形式也能加深用户对反馈页面的视觉印象。



15.bilibili的登录注册


输入账号的时候22 33娘将会看着输入区,输入密码的时候会遮住眼睛表示着没有偷看你密码,给用户隐私信息被保护的安全感。一次小小的和用户的趣味互动,让用户更加信任品牌。(安卓录屏最后显示的也是黑屏状态,所以展示图是在网上找的)


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

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

    文章信息

    没有新消息