麦当劳在麦麦商城栏目的下拉刷新设计中，采...
采集 评论
查看来源 mp.weixin.qq.com
瘦小孩de乌托邦从want_UXD
转采于2022-09-30 13:42:04
麦当劳在麦麦商城栏目的下拉刷新设计中，采用汉堡形象结合层级动效进行表达，让人眼前一亮。动效拉长的汉堡不仅体现出份量感，激发用户的食欲；汉堡形象就十分麦当劳，展现出品牌关联性。
交互
瘦小孩de乌托邦
品牌化路径动效 刷新设计中采用路径动效的表现形式比较多，主要集中在图形路径动效和品牌文字路径动效，图形通常是品牌 LOGO 为主，这一类比较适合图形趋近于线性的表达中。链家 APP 的下拉刷新就是 LOGO 图形进行路径动效，完美的匹配了图形轮廓，动效的流畅度也比较自然。
转转的 IP 形象头部的转动条是其特征所在，在下拉刷新过程中完美的结合了转动条，还伴随着装饰符号散开的效果。不仅贴切的结合了 IP 形象的特点，装饰元素的动态效果也强化了氛围感，非常符合产品的属性，是一个不错的刷新设计案例。
差异化的用户反馈设计 用户反馈是打造优质产品的关键，如何提高用户反馈的意愿至关重要，设计师都在不断的思考和尝试。 自如 APP 在采集用户反馈时，设计了底部弹出的形式，询问用户是否愿意推荐自如。从绝不到强推设置了 0-10 分，当用户选择 9 分或以上时直接提交，低于 9 分可以描述原因。相对于比较隐藏式的用户反馈设计，这种打分制的形式用户操作更加便利，不会占用过多时间，用户参与的意愿也会更高。
麦当劳在麦麦商城栏目的下拉刷新设计中，采用汉堡形象结合层级动效进行表达，让人眼前一亮。动效拉长的汉堡不仅体现出份量感，激发用户的食欲；汉堡形象就十分麦当劳，展现出品牌关联性。
情感化的步骤设计 针对步骤或者流程设计，除了简单易懂的描述方式以外，通过配图/图形等来辅助用户理解，往往可以使得传递效率事半功倍。每平每屋 APP 在展示装修步骤的设计中，通过 IP 形象结合场景来表达不同步骤的场景感，不仅让步骤信息更易理解，也使得单调的步骤变得更有趣味性，带给用户的感官体验也是非常不错的。
IP 情感化设计推动人性化体验 注册应该算是用户比较排斥的操作，但也是不得而为之的事情。通过情感化的设计降低用户的排斥感，在趣味体验的环境中完成注册，可以带给用户更好的使用体验。 最右 APP 在注册时，进入注册界面 IP 形象以打招呼的形式出现，当用户输入密码时则会双手蒙住眼睛。IP 情感化设计带来了更多趣味性表达，以此推动了更加人性化的设计体验。
方寸之间自由切换，承载更多体验 产品的流量区域属于众多功能争相曝光的区域，在这个方寸之间的设计发挥，体现出了设计师的能力。如何将有限的资源发挥到极致，带给用户更多的功能体验，需要产品设计师多在交互层面探索。 最近在使用酷狗音乐听歌时，底部标签栏上方的播放状态区域给用户提供了播放/暂停和切歌等操作，可以左右滑动来进行延伸功能切换。用户可以选择默认状态进行歌曲之间的操作，也可以向右滑动以显示歌词为主，方便用户在听歌时观看歌词。在方寸之间通过滑动交互承载了多重功能，满足用户更多操作体验，提高用户对产品的使用
自定义图满足用户的创作欲 对于一些追寻个性化较强的用户，预装的自定义设计已经无法满足他们的体验需求，激发用户创作欲的设计迎面而来。 酷我音乐 APP 在个性换肤模块中，用户可以通过“自定义图”实现更加个性化的皮肤。用户可以选择任意拍摄的照片，然后通过透明度和模糊度来调节照片效果，满足自己对背景效果的要求。针对按钮的颜色也提供了几个配色选择，用户可以根据自己调节后的背景效果进行搭配。基于更加个性化的需求满足用户的创作欲，才能带给用户更加人性化的使用体验。
动态礼仪提高情感化设计 产品除了在使用体验层面不断优化以外，主要还是需要传递服务价值。服务的升级可以提高用户的认同感，情感化的设计可以辅助服务的可视化呈现。 自如在“家福卡”模块中，顶部视觉区域通过动态礼仪进行升温设计。每次进入都会有人偶形象打招呼，显得非常懂礼貌，使得用户感受到被尊重，提高了亲和力。通过动态形象进行礼仪表达，不仅提高了栏目的关注度，也让用户感受到这是一款有温度的产品。
特色的签到展示设计 签到设计对于大家来说并不陌生，提高用户签到的参与度是大家都在不断思考和探索的方向。 AcFun APP 将签到设计成日历展示形式，点击签到之后弹出，配合日历运势的概念来设计，提高用户的签到兴趣。内容却不是正式的日历运势相关内容，配合趣味化的文案设计，让用户会心一笑。视觉感和情感化文案设计的融入，提高了签到设计的感官体验，进而提高用户的参与度。
自选色实现更灵活的个性换肤 个性化的皮肤主题在众多产品中已经运用普遍，当用户体量增加之后，个性化的设置才能满足不同用户的体验需求。 酷我音乐 APP 在个性换肤模块中，除了设置多个主题皮肤供选择以外，用户还可以通过自选色设置更加灵活的配色风格。可以选择更多推荐的配色风格，也可以通过色环自己调节任意颜色，满足不同用户对于感官体验的需求。
突破常规的模式切换设计 设计都在探索差异化的感官表达，如何突破常规至关重要。无论是在布局结构层面还是元素情感化表达层面，设计师都在尝试更有创新的表达，带给用户不一样的使用体验。 Wonder APP 在模式切换上做出了一个新颖的设计解决方案，通过环形卡片设计进行模式切换，可以单击和滑动进行切换。动态的卡通形象增加了感官体验，流畅的卡片切换也带来了不错的操作体验，是一个在布局层、视觉感官层、互动层等方面的不错探索。
丰富背景设计的视觉感 除了在顶部区域进行运用以外，也有一些产品会在背景层面进行强化，相较于白色或者浅灰色的背景来说色彩感更丰富。运用到整个界面背景层相对比较少，在局部背景层上的运用比较多些，可以强化局部模块的视觉感。
利用手势辅助实现快捷操作 利用手势交互辅助隐藏式功能操作，可以在不改变当前结构的基础上实现快捷操作，带给用户更加便捷化的体验。 夸克 APP 在访问了多层级页面之后，如果想要快速回到浏览器主页，点击返回按钮一级一级返回过于繁琐。通过底部导航栏向上进行滑动，可以快速激活返回主页的操作，手势辅助实现自动跳转。该设计解决方案通过手势辅助隐藏功能操作，提高了用户对于产品的使用体验。
同采自
mp.weixin.qq.com
该采集也在以下画板
加载更多
推荐给你的采集
采集
behance.net
顺物荣枯采集到主题活动

夏日逃离/SUMMER MUSIC FESTIVAL : 夏日逃离音乐会 | Summer...

69

顺物荣枯 采集到
主题活动
采集
峰言风语采集到醉美身材

95

峰言风语 采集到
醉美身材
采集
alpha.wallhaven.cc
菇凉&采集到地产配图

General 1920x1080 Greece hotels mountain swim...

90

菇凉& 采集到
地产配图
该采集待公开
采集
海盐荔枝的夏日采集到动漫

动漫

62

海盐荔枝的夏日 采集到
动漫
采集
l0XI4gBo晓风残月采集到皇室

7

l0XI4gBo晓风残月 采集到
皇室
采集
weibo.com
Lily名字十七画采集到场景素材

极简主义摄影。

362

Lily名字十七画 采集到
场景素材
采集
hidepink采集到素材–街景小场景

33

hidepink 采集到
素材–街景小场景
采集
mp.weixin.qq.com
菓仔fish采集到练习

【绘画参考】Hong SoonSang 的角色设定图（人物设计必学）

389

菓仔fish 采集到
练习
采集
xiachufang.com
Dora爱幻想采集到面包片

如何做超厚的沼三明治~详细tip！牛油果鸡蛋午餐肉三明治~

1151

Dora爱幻想 采集到
面包片
采集
惜朝采集到绘画

206

惜朝 采集到
绘画
采集
静候好戏采集到人像

泽捻知

612

静候好戏 采集到
人像
采集
meigongyun.com
伊岚分享采集到png素材

冬日冷色调圣诞手绘花卉系列元素 Scandi Fest collection

335

伊岚分享 采集到
png素材
采集
melodySixi采集到祛湿

湿气-微营销海报

22

melodySixi 采集到
祛湿
采集
pinterest.com
罗菩堤rowe采集到【色谱】装修配色

#Coastal #Colors Fashionable Coastal Living R...

27

罗菩堤rowe 采集到
【色谱】装修配色
采集
雨ˋ滴滴答答采集到二次元

419

雨ˋ滴滴答答 采集到
二次元
采集
pixiv.net
〃梦落雨`笑╰︶采集到二次元美图

しぶりん

215

〃梦落雨`笑╰︶ 采集到
二次元美图
采集
weibo.com
Lily名字十七画采集到场景素材

摄影 · 极简主义

445

Lily名字十七画 采集到
场景素材
该采集待公开