3种APP的夜间模式切换方式,增加用户的好感度

2020-11-05 16:11:34  19 浏览  0 评论   赞

在列表中添加一个夜间模式的开关;4种图标形式的夜间模式切换,宫格内布局图标,顶部导航栏图标,详情页图标,侧边栏图标;自动切换和提示

很多朋友仔都喜欢在被窝里玩手机,但为了避免眼睛受到伤害,他们一般都会选择夜间模式。夜间模式虽然不是APP设计的刚需,但良好的夜间模式设计,会让APP设计增加用户的好感,提供用户体验度。

列表开关切换

列表开关切换_3种APP的夜间模式切换方式,增加用户的好感度

图1380-1:列表开关切换

列表夜间模式开关切换主要放置在“个人中心”列表页或“设置”列表页,通常默认打开的是日间模式,如需要使用夜间模式,只需要点击打开即可。

图标切换

图标切换常见的有四种不同的放置位置,分别是:

① 宫格布局功能图标

图标切换_3种APP的夜间模式切换方式,增加用户的好感度

图1380-2:宫格布局功能图标

这种切换方式主要放置在“个人中心”宫格功能入口中,默认显示夜间模式图标(表示正在使用的是日间模式),点击后夜间模式图标切换到日间模式图标(表示正在使用的是夜间模式)。

② 顶部导览栏图标

图标切换_3种APP的夜间模式切换方式,增加用户的好感度

图1380-3:顶部导览栏图标

这种切换方式一般放置在“个人中心”顶部导航栏,切换方式比前两种更直观,适合对夜间模式需求更好的APP设计。

③ 内容详情页图标

图标切换_3种APP的夜间模式切换方式,增加用户的好感度

图1380-4:内容详情页图标

这种切换方式多用于阅读类产品,在详情内容页面可直接在“设置”切换到夜间模式,方便用户长时间阅读时直接切换。

④ 侧边栏底部图标

图标切换_3种APP的夜间模式切换方式,增加用户的好感度

图1380-5:侧边栏底部图标

这种切换方式一般用在以侧边栏导航为主的APP设计,位于底部靠左区域,方便切换。

自动切换与提示

自动切换与提示_3种APP的夜间模式切换方式,增加用户的好感度

图1380-6:自动切换与提示

自动切换与提示夜间模式,是一种较智能的切换方式,产品会自动设置某段时间内进入夜间模式,或打开APP时弹窗询问用户是否开启夜间模式。这种切换方式非常符合用户体验,但需要按照产品场景决定。

 

转载请注明:网创网 www.netcyw.cn/b1380.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com