# app_experience_diary **Repository Path**: NFUNM047/app_experience_diary ## Basic Information - **Project Name**: app_experience_diary - **Description**: No description available - **Primary Language**: HTML/CSS - **License**: AGPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-05-19 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 产品体验日记01 ## 红榜 *** ### 1.《唯品会》APP——首页 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/091512_cecc7b30_1831480.png "01.png") - 首页左下角的悬浮控件中，“小人”的状态会根据用户登录情况而发生变化。 - 当用户已登录时，显示正常小人图标，当用户未登录时，则小人图标状态为“打瞌睡”。 - 通过视觉的变化上提醒用户目前在APP中的登录状态。 *** ### 2.《腾讯动漫》APP——“我的”页 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/091610_dc0f3f05_1831480.png "02.png") - 在“我的设置”一栏的“日间/夜间”、“切换男女”滑动控件中， - 当用户选择日间/夜间时，滑块会变成太阳/月亮；当用户选择男/女时，滑块会变成对应性别的符号。 - 与一般APP中的滑块相比，该款APP在滑块上的设计不仅新颖得当，而且增强了用户的视觉体验。 *** ### 3.《爱奇艺》APP——“泡泡”页 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/091646_c3eebd94_1831480.png "03.png") - 在“泡泡”广场页面，用户发表信息的区域中，“评论”和“点赞”的图标区别于一般APP的常规图标（大拇指）。 - “评论”图标增加了表情，“点赞”图标则为“比心”，在图标的使用上能够区别于大众化的APP， - 在视觉展示上较为独特，给用户留下别致的印象。 *** ### 4.《快看漫画》APP——“运行-广告”页 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/091741_55e3f932_1831480.png "04.png") - 用户运行大多数APP时，都会出现广告页面，同时也设置“跳过”的按钮供用户点击。 - 但有多数的APP，其按键是放置在页面右上角的，当用户单手操作时，很难够到按钮。 - 将跳过按钮放置在右下角，无论是单身操作还是双手操作，都能够让用户操作起来感到什分舒适。 *** ### 5.《超级简历》APP——“运行-简介”页 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/092116_3e38eb3c_1831480.png "05.png") - 当用户初次运行APP或APP升级后运行时，会有关于APP的简介。 - 但该APP中，在每个介绍页面都有一个按钮供用户点击，用户点击后便能够直接进入APP。 - 对于老用户/赶时间/强迫症用户来说，该设计很好地较少了用户内心的焦虑感。 *** ### 6.《小米运动》APP——“我的”页（左图） ![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/092127_12280343_1831480.png "06.png") - 在该APP的“我的”页面中，区别于常见的应该功能分类方式（如右图——微信）， - 卡片分隔的设计以及阴影的应用能够让用户更容易区分应用的功能，更容易锁定目标去向。 - 简洁大方的同时，用户的视觉体验也能有所提升。 *** ### 7.《小米运动》APP——“运动”页 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/092141_f86771d6_1831480.png "07.png") - 背景颜色的运用：背景颜色随者页面导航栏而发生变化。如：状态——橙色；健走——绿色；跑步——蓝色；骑行——紫色；健身——红色。 - 颜色的动态变化在视觉上用户能感受到目前所选择的项目的状态，例如骑行页面使用了紫色，即风的触碰感、速度感、紧张刺激感的体现，健身页面使用红色，即有氧无氧运动所带来的血脉喷张感。 *** ### 8.《QQ音乐》APP——“歌曲播放”页 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/092153_60096010_1831480.png "08.png") - 播放页面的背景颜色会根据目前播放歌曲的封面而发生改变，采用的颜色也不是纯色背景， - 而是根据封面虚化后的渐变色，所造成视觉的变化与冲击力，减少了界面的沉闷感。 *** ### 9.《微信》APP——微信首页 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/092206_3ebf8d24_1831480.png "09.png") - 当用户有未读消息时，头像右上角会有红色圆形提示以及唯独消息数； - 长时间未读消息可能会被覆盖掉，用户双击左下角的“微信”图标，便能够马上跳转到未读消息（出现在页面顶部）； - 帮助用户快速定位到具体的联系人，从而增强用户体验。 *** ### 10.《喜马拉雅》APP——首页 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/092223_44a8f911_1831480.png "10.png") - 在该APP首页中，底部导航栏中间有一个“继续收听”按钮； - 用户退出APP后，再打开APP时，点击该按钮就可以继续收听上一次未听完的节目； - 帮助用户快速定位到目标内容，同时也会显示当前进度，让用户了解目前的收听进度。