# 产品界面体验日记 **Repository Path**: liangchuyao/chanping ## Basic Information - **Project Name**: 产品界面体验日记 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2020-06-27 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 产品界面体验日记 ##### 小组成员：梁楚尧、闻翠娴、曾雯燕 #### 介绍 以下是我们小组成员在日常使用的app中觉得界面设计比较好的一些页面。对于每一个页面我们都有对其的一个细节的描述和一个设计感悟。 ### 一、【百度网盘】可切换日夜模式 * 在“我的”页面最下方有个模式切换，用户可以根据自己的兴趣切换成日渐模式或者切换成夜间模式。 * 设计感悟：在部分功能上面，可以设置两个或者多个选项，让用户有更多的选择权。 ![](images/百度网盘1.jpg) ![](images/百度网盘2.jpg) ### 二、【网易有道词典】标签提醒 * 网易有道词典的推荐页面里有很多的推荐文章，推荐方法通常是文章标题+配图。这个方法是比较常见的，但是网易有道词典里面的推荐方法就有一个优点，就是配图上面还有标签提醒，该文章属于什么频道它就会有对应的标签。这个标签比较显眼，让用户看一眼就知道这篇文章是属于什么类型的文章。 * 设计感悟：对应产品使用对应的标签介绍，可以让用户快速区分产品，看看这种产品是否在自己的兴趣范围内。 ![](images/网易有道词典.jpg) ### 三、【知乎】可将文章加入悬浮框 * 在每篇在看的文章右上方点击“•••”的图标后可选择里面的“加入悬浮框”把文章暂时挂起，在浏览别的页面时可直接点击悬浮框查看挂起的文章，可点击进入继续观看，也可进行删除或者清空。 * 设计感悟：考虑到了用户使用app阅读的多种情况，可以有效的避免刷新、页面跳转、暂停浏览等情况带来的文章丢失的情况，使用户在阅读方面有了更大的灵活性。 ![](images/知乎1.jpg) ![](images/知乎2.jpg) ![](images/知乎3.jpg) ![](images/知乎4.jpg) ### 四、【新浪微博】可直接生成长图 * 可以点击每条微博右上角“•••”后选择生成长图，可以得到一张对应微博内容的长图，并且可以直接分享到第二平台和保存。 * 设计感悟：相比于之前的链接分享，使用户的分享更为直观、编辑，能让用户更好的实现分享互动。 ![](images/微博1.jpg) ![](images/微博2.jpg) ### 五、【Kit Player】模拟实体专辑 * 进入kit player主页面后可以看到很多黑白的专辑封面，当你导入kihno专辑后，你的那张专辑的封面就会变成彩色，点开专辑页面可以看到滚动歌词，专辑写真照片，和专辑的预告、MV等相关视频，还能可以调成录音模式，录制合唱版本。 * 设计感悟：所显示的专辑都是传统黑胶唱片的样子，模拟了真实的实体专辑，滑动选择专辑的效果增强了用户体验感。打破了实体专辑的约束，厚重的专辑不需要随身携带也可以看到专辑里的写真。我们可以参考这个，把日常生活中的场景运用于自己产品的设计。 ![](images/kit1.jpg) ![](images/kit2.jpg) ### 六、【时间积木】 * 首页提供了四种内容的创建，分别是日程、任务、区间、习惯。分别以条状、待办、双向箭头的形式在日历中显示，还可以粘贴对应的贴纸，并支持设置各种颜色及颜色搭配。可以直接点击日期框格添加时间，任务块可以直接拖动，点开长按任务条可以直接拉到想调整的日期，方便快捷。当习惯的内容完成后，点击下方的圆点就会显示已完成。 * 设计感悟：日程的显示是条状，任务的显示是双向箭头，设置方便美观且容易区分不同的任务，页面非常地清晰，可自己选择颜色、贴对应任务的贴纸，在快速清晰知道自己的任务同时也十分美观、充满趣味性。我们可以参考这个，在界面设计的时候，更好的运用颜色和图案，尽量满足实用和美观相结合。并且增强用户的可操作可选择体验，能最大限度地满足不同的用户审美。 ![](images/时间积木.png) ### 七、【Huji】 * 手机保持在横屏模式，眼睛靠近左上角的取景框，就能自动感应，屏幕转化为放大后的景物。设计感悟：模仿了真实胶片相机的场景，增强了用户体验感。 * 设计感悟：我们可以参考这个，把日常生活中的使用这些物件的动作模拟到手机所代替的app上。 ![](images/huji1.jpg) ![](https://images.gitee.com/uploads/images/2020/0521/094858_58a85a10_2228885.png) ### 八、【Zenly】 * 添加好友后，可以在首页看到该好友的手机电量、好友所在地的天气及温度、在某地停留多久或移动时的速度等。可以很形象的看到好友现在所处的状态，避免由于电量耗尽联系不上而引起的担忧和恐慌。并且它的整体动效做的很棒，几乎所有的操作都会有生动有趣的动效加持。 * 设计感悟：对于追求新鲜潮流感的年轻用户群体，互动体验的趣味性也是获得其关注与喜爱的关键因素之一。 ![](https://images.gitee.com/uploads/images/2020/0521/094911_a7056c52_2228885.png) ### 九、【网易云音乐】可直接转入唱歌app * 在听歌的界面中，点击麦克风的图标直接进入同一旗下的唱歌app进行歌曲演唱，并且可直接用网易云音乐账号登陆。 * 设计感悟：不仅给旗下不同app实现的功能连接、扩充了音乐app原本的功能，还不用用户多余的申请账号，整体操作方便，快捷。 ![](images/网易云1.jpg) ![](images/网易云2.jpg) ### 十、【网易大神】使用app动漫形象作为各种图标 * 该app很多图标都是使用了自己的动漫形象，脱离了常用的刻板枯燥的图标样式。比如刷新时是一个小魔鬼掉下来，当砸到下面小人头上时就刷新完毕。进度条也是一个在飞的小超人形象，断网时是三个魔鬼凶狠地面对wifi盒子地形象。选用这些不仅让用户觉得页面变得生动有趣，还能缓解审美疲劳。 * 设计感悟：在设计图标时可以融入产品的元素，也可以选择一些可爱的图案作为图标，让产品的页面变得比较生动。 ![](images/网易大神1.jpg) ![](images/网易大神2.jpg) ![](images/网易大神3.jpg) ![](images/网易大神4.jpg) ![](images/网易大神5.jpg) #### 总结：在我们日常使用的一些app中，有很多的页面都有一个很好的界面设计。我们可以对其进行分析，进行借鉴其它产品的优点从而去优化我们自己的产品，让用户更便利地使用我们的产品。