满足用户好奇心的设计 用户从小白到...
采集 评论
查看来源 mp.weixin.qq.com
南哥101从SissiMei
转采于2022-10-28 15:10:23
满足用户好奇心的设计
用户从小白到依赖是一个逐步探索的过程，好奇心的用户会点击尝试任何的功能，甚至连一个图标或者 LOGO 都希望获得彩蛋。作为设计师来说设计出来的每一个元素都需要考虑用户体验，给予反馈式的设计才能满足好奇心的驱使。
爱奇艺 APP 首页左上角的 LOGO 展示你有注意到吗？有没有尝试去点击体验，作为好奇心驱使特意尝试了一下。点击之后会跳转到皮肤等设置的页面，为该功能的曝光新增了首页入口，用户也可以通过个人中心“装扮”进行设置。该设计解决方案不仅满足了用户点击的好奇心，也赋予了
【UI pattern】社区
南哥101
弹幕设计也可以出现在社区中，营造社区的氛围感。自如 APP 在发现生活栏目顶部视觉区域也运用了弹幕设计，以此来提高自如社区的氛围感，吸引更多用户参与分享和评论。
推荐模块的轮播翻页设计 推荐模块在产品设计中较为普遍，也呈现了各式各样的设计解决方案，结合自身的内容属性进行设计，是体现差异化设计的关键。 最近在喜马拉雅 APP 播客栏目发现了不一样的设计表达，通过专辑封面形式结合辅助解释来设计。不仅结合了自身内容属性，也能在强化视觉感的同时利用文案辅助让解释更加清楚。通过手势滑动进行翻页切换，动态效果也是非常的流畅自然。
特殊场景下的差异化设计 根据用户使用场景和特殊情况出现时，产品会结合变化呈现不同的功能或者服务，这种差异化的设计更能体现情感化设计的一面，提高用户对于产品的认可度。 腾讯新闻 APP 在东航事故出现时，在底部操作栏新增了祈祷的图标，方便用户表达祈祷的心情。特殊情况下的差异化设计满足了用户的情感需求，也体现出了产品的温度，带给用户更强的粘性。
利用手势交互实现自动跳转 随着手势交互的不断成熟，被普遍的应用到产品设计中。利用手势的辅助可以缩短用户的操作路径，通过不断优化用户的学习成本，带给用户更加便利的操作体验。 通过指向按钮的引导可以让用户抵达需求目的，需要用户进行点击操作。针对横向滑动的交互输出中，在连贯的滑动操作中配合手势交互，随着滑动力度的不同可以实现自动跳转。比如开言英语 APP 课程模块中，针对推荐的课程卡片在向左滑动过程中，随着滑动的程度提示“查看更多”和“释放查看”，实现详情内容的自动跳转。对于需要查看更多推荐内容的用户来说，
优化指引路径提高操作效率 通过提取本机号码一键登录减少了繁琐的注册流程，提高了登录的效率，减少用户的操作路径。在登录时都需要用户同意一些条款协议等内容，当用户未勾选时通常都是提示用户，指引用户选择后操作。这样的设计增加了用户的操作路径，使用体验不是很好。 网易云音乐 APP 在同样问题出现时，提供了一个弹窗进行指引，用户无需重复操作，直接点击“同意并继续”即可完成登录。在用户误操作出现时，无需用户过多的操作路径，给出了更高效的操作解决方案，提高了用户使用体验。
满足用户好奇心的设计 用户从小白到依赖是一个逐步探索的过程，好奇心的用户会点击尝试任何的功能，甚至连一个图标或者 LOGO 都希望获得彩蛋。作为设计师来说设计出来的每一个元素都需要考虑用户体验，给予反馈式的设计才能满足好奇心的驱使。 爱奇艺 APP 首页左上角的 LOGO 展示你有注意到吗？有没有尝试去点击体验，作为好奇心驱使特意尝试了一下。点击之后会跳转到皮肤等设置的页面，为该功能的曝光新增了首页入口，用户也可以通过个人中心“装扮”进行设置。该设计解决方案不仅满足了用户点击的好奇心，也赋予了
手势交互带来的切歌体验 手势交互能够带给用户使用的便捷度，不过目前很多产品的手势玩法都还有待用户去挖掘。功能层面是否“暗藏玄机”需要用户的深度体验，如果可以培养用户的使用习惯，带来的便捷度和体验度都会进一步提升。 在 QQ 音乐主页底部标签栏上方会浮层展示播放器，方便用户操作正在播放的歌曲。可以通过左右滑动的手势进行切歌体验，对于盲选歌曲来说非常便利。在不改变当前布局结构的基础上新增功能操作，手势交互是不错的选择，这个隐藏的手势体验你是否注意到呢？
强化个人中心顶部视觉区域 随着互联网用户年轻化的趋势，在配色上面逐步趋近于年轻化，众多产品在个人中心界面的设计上面亦是如此。利用极光风效果呈现出的设计比较符合年轻化的趋势，可以是同色系的饱和度变化，也可以是不同色相的相互融合。利用低饱和度高明度的配色原则，使得整体的视觉感更加轻量化，视觉效果清新自然且通透力更强。
丰富背景设计的视觉感 除了在顶部区域进行运用以外，也有一些产品会在背景层面进行强化，相较于白色或者浅灰色的背景来说色彩感更丰富。运用到整个界面背景层相对比较少，在局部背景层上的运用比较多些，可以强化局部模块的视觉感。
UI 场景中的极光风设计 由于在众多落地产品中被广泛运用，形成了近些年影响 UI 设计趋势的风格。极光风和弥散光在表现形式上类似，也有设计师将该风格归类为弥散光，下面就看一下具体的运用场景。 2.1、强化导航栏设计的视觉感 如果想要强化顶部导航栏的视觉感，通常是利用品牌色作为背景颜色，这样也会显得顶部比重较大。通过白色或者浅灰色作为背景属于比较弱化的处理方式，而极光风的处理形式处于轻重之间的理想状态。不仅可以丰富视觉表现力，也能使得整体风格更加年轻化。
关注 话题 圈子 发现
IMG_0156(1)
同采自
mp.weixin.qq.com
该采集也在以下画板
加载更多
推荐给你的采集
采集
mp.weixin.qq.com
菓仔fish采集到练习

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

389

菓仔fish 采集到
练习
采集
weibo.com
Lily名字十七画采集到场景素材

极简主义摄影。

361

Lily名字十七画 采集到
场景素材
采集
weibo.com
Lily名字十七画采集到场景素材

摄影 · 极简主义

445

Lily名字十七画 采集到
场景素材
采集
meigongyun.com
伊岚分享采集到png素材

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

335

伊岚分享 采集到
png素材
采集
惜朝采集到绘画

205

惜朝 采集到
绘画
采集
behance.net
顺物荣枯采集到主题活动

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

69

顺物荣枯 采集到
主题活动
采集
alpha.wallhaven.cc
菇凉&采集到地产配图

General 1920x1080 Greece hotels mountain swim...

90

菇凉& 采集到
地产配图
采集
pinterest.com
罗菩堤rowe采集到【色谱】装修配色

#Coastal #Colors Fashionable Coastal Living R...

27

罗菩堤rowe 采集到
【色谱】装修配色
采集
pixiv.net
〃梦落雨`笑╰︶采集到二次元美图

しぶりん

215

〃梦落雨`笑╰︶ 采集到
二次元美图
该采集待公开
采集
hidepink采集到素材–街景小场景

33

hidepink 采集到
素材–街景小场景
采集
xiachufang.com
Dora爱幻想采集到面包片

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

1151

Dora爱幻想 采集到
面包片
采集
海盐荔枝的夏日采集到动漫

动漫

62

海盐荔枝的夏日 采集到
动漫
采集
雨ˋ滴滴答答采集到二次元

417

雨ˋ滴滴答答 采集到
二次元
采集
l0XI4gBo晓风残月采集到皇室

7

l0XI4gBo晓风残月 采集到
皇室
采集
melodySixi采集到祛湿

湿气-微营销海报

22

melodySixi 采集到
祛湿
采集
静候好戏采集到人像

泽捻知

610

静候好戏 采集到
人像
采集
峰言风语采集到醉美身材

95

峰言风语 采集到
醉美身材
该采集待公开