长城上的猫

作者精选了12个热门APP从产品页面、交互、图标等进行体验;通过对产品的分析,发现优秀的设计,值得借鉴学习的点,通过沉淀与整理,提升产品分析能力。一起来看看吧~~

 

1.1、中国移动 – 引导页(插画)

中国移动引导页设计分享:十二生肖鼠年氛围浓厚,背景纹理突出中国年味元素特色,插画有细节,配色舒适,整体插画吸引用户的眼球。

 

2.1、全民K歌 – 我的 – 设置 – 定时停止播放(定时)

可以开启“定时停止播放”以及选择规定好的时间,点击即可直接选择开启以及设定时间;该功能的设计满足需要定时听歌的用户的需求,提升用户的体验好感度。

 

3.1、酷狗音乐 – 我 – 自定义“我”首页(自定义)

“自定义我首页”放置最下方,点击即可设置首页的功能按钮,该功能设计满足喜欢自定义首页功能的用户需求,可以根据自己的喜好来设置,增强与用户之间的互动性。

 

3.2、酷狗音乐 – 我 – 换一换(弹窗信息)

点击“换一换”弹窗显示“关闭推荐”以及关闭后一周内不在显示推荐歌单的信息。该功能可避免用户不再被推荐自己不喜欢风格的歌单。

 

3.3、酷狗音乐 – 听 – 更多(按钮)

点击“更多”下拉展示全部功能按钮,点击“收起”返回上一操作,收起功能按钮;“更多”按钮的设计把小图标汇集一起,让人有想点击的欲望,该功能的设计很灵活以及增强趣味性。

 

3.4、酷狗音乐 – 听 – 分类标签(筛选)

分类标签放置右侧,符合用户操作习惯;点击显示“全部分类”界面,即可选择想要的分类标签。分类标签界面的设计一目了然,便于用户查看。

 

3.5、酷狗音乐 – 看 – 榜单(按钮)

“榜单”放置右上角,图标设计运用了渐变图标,其配色与酷狗栏形成鲜明的对比,引人注目,点击进入排行榜单界面,即可查看用户排行,右侧还有“关注”按钮,点击即可关注该用户。

 

3.6、酷狗音乐 – 唱 – 头条(推荐)

“头条”也就是推荐的信息和活动,渐变红底白色字体,显得突出,点击进入跳转页面,即可查看活动具体信息;该功能的设计小巧精致,简洁易懂。

 

4.1、虎牙直播 – 订阅 – 未登录(立即登录)

“未登录”情况下的订阅,情感化设计的虎牙IP形象很可爱,加强了趣味性与品牌的认知。文案的运用引导用户登陆才可以查看更多内容。

 

4.2、虎牙直播 – 首页 – 全部分类(分类样式)

点击“分类”进入“全部分类”界面,顶部是搜索框,依次是常用标签,可以根据自己的需要灵活编辑排序;热门分类,采用图标+名称的形式展示,方便用户查找。

 

5.1、百度地图 – 红叶地图 – 闪屏(闪屏插画)

点击百度地图页面左上角的浮标“红叶地图”,出现秋天情景闪屏插画,插画的整体配色采用了黄色、橙色、红色和褐色,配色舒适,很有秋天的意境,插画的运用符合当前设计的趋势。

 

5.2、百度地图 – 红叶地图 – 红枫湖(定位)

点击地图上的定位图标“红枫湖”图标跳转进入红枫湖旅游景点的详情页,可查看详细的信息信息,最佳观赏时间以及路程,还可以了解枫叶的品种介绍。该地图的设计增强与用户之间的互动性,相较于静态显示,动态的展示更吸引用户点击。

 

5.3、百度地图 – 红叶地图 – 秋游攻略(推荐内容)

下拉“红叶地图”即可查看全景赏秋和秋游攻略,点击推荐攻略“诗词里的秋天”,进入该攻略的详情页,即可查看推荐景点以及路程等。推荐理由文案优美,很吸引人;攻略内容完整全面,整合多个旅游景点,结合风景图,整体排版简约舒适,圆角的设计显得柔和。

 

5.4、百度地图 – 首页 – 语音定制 / 图层功能(按钮)

语音定制“只需20句话,为您定制专属语音”;“路况设置”搬家了,放置“图层”内。功能优化指引,用于产品更新优化后,告知用户更新了哪些功能。

 

5.5、百度地图 – 首页 – 货车(功能按钮)

“货车导航上线”,新增“货车”功能。功能优化指引,用于产品更新优化后,告知用户更新了哪些功能。插画的运用提升用户体验的好感度。

 

6.1、Keep – 探索 – 活动挑战(按钮)

“活动挑战按钮”挪了位置,放置“探索”页面金刚区,点击ICON进入新页面,有每日一答、燃脂真人跳、大家都在参与的项目等。

 

6.2、Keep – 我 – 步数嘉年华(活动)

点击“步数嘉年华”活动进入新页面,可以查看步数等相关内容以及领取相对应的奖励。Banner的设计很突出,吸引用户点击,橘红色结合黄色的配色,给人活力的感觉。

 

7.1、得到 – 学习计划 – 制定学习计划(按钮)

点击底部栏“学习计划”出现“开始制定学习计划”按钮,进入学习计划页面,情感化的设计给页面添加了氛围,精辟的名人名言,整个页面显得不那么单调,点击“开始制定学习计划”出现loading动画加载。

 

7.2、得到 – 学习计划 – 定制学习计划(上下拖动)

“定制学习计划”页面,根据提示信息,即可“按住按钮,上下拖动”列表,人性化的设计方便用户可以根据自己的需求调整课程位置;调整完毕,点击“保存计划”即可。

 

7.3、得到 – 学习计划 – 马上开始学习(按钮)

点击“马上开始学习”则会出现进度条,以及已学课程节数和共有多少节课需要学习。该功能可以告诉用户学习进度,以及知道自己的学习进度,起到监督学习汇总学习的作用。

 

8.1、微博 – 视频 – 排行榜(分栏按钮)

微信视频页面新增“排行榜”“每周必看”分栏按钮,分栏按钮放置搜索框下方,醒目和吸引用户点击,突出重点以及引导的作用,采用浅色的背景符合微博的品牌调性,突出功能性,运用的恰当。

 

9.1、百度贴吧 – 底部栏 – 发布(按钮)

底部栏的趣味设计,运用了动画效果,发布按钮运用了蓝色投影,突出该功能的主要性;点击“发布”按钮,弹出相关功能按钮,点击即可新增。

 

10.1、腾讯新闻 – 我 – 勋章(提示)

登录腾讯新闻账号,进入“我”的页面,有勋章的提示信息,点击进入“我的勋章”页面,即可查看我的勋章,已获得的勋章数量,未获得的勋章呈灰色状态。

 

10.2、腾讯新闻 – 我 – 夜间模式(按钮)

腾讯新闻“我”的页面,右上角“夜间”图标,点击即可切换夜间模式,可以在夜间保护用户的眼睛,以及在夜间阅读的时候感受到舒适,该功能的设计考虑到用户。

 

11.1、喜马拉雅 – 发现 – 拍摄工具上线(按钮)

喜马拉雅的发现页面,新增拍摄功能,用户也可以在喜马拉雅APP发短视频了,ICON采用渐变色,圆角的设计让用户有亲和力的感觉。

 

12.1、百度 – 我的 – 清理缓存(可视化)

百度清理缓存的可视化设计,直观清晰,点击“清理缓存”按钮,即可开始清理,清理完毕即可点击“完成”。

 

13.1、淘宝 – 选择商品

淘宝选择商品图片放大显示,用户即使不用点击大图也能看清商品的各种样式,该功能的优化大大提升用户的好感度。

 

原文地址:站酷

作者:黑泽双炽

 

转载请注明:学UI网 » 产品体验日记 02 期丨发现优秀的设计

登录收藏
 
你可能喜欢的:
设计杂记 I 作品选集设计杂记 I 作品选集
15款小众宝藏APP设计赏析15款小众宝藏APP设计赏析
【欣赏】大脚_APP【欣赏】大脚_APP
疫情退散—联合创作特刊疫情退散—联合创作特刊
Vigor 运动体验/视觉设计Vigor 运动体验/视觉设计
擅长手机端页面的设计师,都喜欢看生鲜类目!擅长手机端页面的设计师,都喜欢看生鲜类目!
超好看的30款网站侧边栏设计超好看的30款网站侧边栏设计
【系列插画】扁平插画小结(附笔刷)【系列插画】扁平插画小结(附笔刷)
CD-Redesign I 致那些带来独特意义的音乐情绪CD-Redesign I 致那些带来独特意义的音乐情绪
佳作赏析:创意系列一组插画佳作赏析:创意系列一组插画