（安卓端选择QQ音乐，IOS端选择死磕，web端选择花瓣网）
安卓端：
1. QQ音乐的主要功能是为用户播放音乐和推荐音乐。所以它的顶部导航目录里面的主要控件有“我的”、“音乐馆”和“发现”，左边还有选择抽屉式二级导航的icon，右边有听歌识曲的icon，下方有搜索栏，用户可以轻易的选择搜索自己的历史音乐，或者查看推荐音乐，搜索想听的音乐。一级导航栏里的听歌识曲icon，位置清晰明了，点击快捷省时，可以使用户在身边音乐播放完毕的有限时间里进行识别。在主界面下方，显示有正在播放的音乐，用户可以在随时切换歌曲，进入歌曲播放界面，查看歌曲所在列表，或者点击播放与暂停。
2. 在“我的”的页面，有网格式列表来展示用户的本地音乐、下载歌曲、最近播放、我喜欢、下载MV和已购音乐的功能，下方有垂直列表的方式展示推广歌单和用户收藏的歌单，页面看起来清晰规整，但是如果推广电台的内容不够吸引，又放置在用户收藏歌单之上，容易阻碍用户视线下移的兴趣，从而收藏歌单这个功能使用频率就减少了，并且收藏歌单过多时，用户浏览寻找时容易疲劳。
3. 在音乐馆页面，采用了大图轮播面板、网格列表、垂直列表相结合的形式。轮播面板中的图片色彩鲜艳，可以很好的吸引顾客兴趣，但是很难跳转到非相邻的选项，用户需要重新循环一遍才能找到选项；网格列表可以充分利用空间，放下更多推荐音乐的内容；垂直列表可以使用户直接明了的看到推荐的歌曲。但是所有这些布局形式都按顺序排列在一个长页面中，往下翻时用户就看不到导航，不明确他们具体的前后排列位置，并且排列方式相互交叉反复使用，用户会觉得视觉混乱，不明重点。
4. 在“发现”页面中，QQ音乐依旧使用的是列表形式与网格列表相结合的方式，并且按照顺序排列在长页面中，没有一个导航，如果用户不往下游览，就不知道页面下方还有什么功能。
5. 点开界面上方一级导航栏最左边的icon 便可以打开抽屉式二级导航，里面有一些不重要的功能，用户可以进行设置，点击控件进入二级界面。这样既可以使主界面更加简洁，主要功能位置可以放置更突出，增强视觉效果，还可以不妨碍引导用户行为。
IOS端:
1.死磕作为一个设计师的学习平台，最为专注的功能是分享与学习。它在IOS端也采取了抽屉式的布局，隐藏了一些不为重要的功能，在它的主页面上方的导航栏里左边有点开抽屉式二级导航的icon，右边有大神、工具、解读三个控件。 它的主页面全部采取的是用垂直列表形式展示大神专题，与我们平常所看到的不一样，它的条目背景是图片，文字也是居中对齐的，简约风，这样可以给用户造成一种强烈的视觉效果，突出设计感；并且在所有一级界面下方，加入了在安卓material design 中的第三维度控件，通过颜色区分，使“作品问诊”和“大神建议”控件，高于界面，引导用户点击，用户可以在“作品问诊”中发布作品，等待大神语音点评，而点击“大神建议”，查看大神最近的发言信息。虽然整体页面看起来十分“高大上”，但是对于习惯使用IOS系统的用户来说，初次使用阶段会不习惯，并且它的icon不是IOS端常用的，所以，用户一般难以理解，不能迅速找到自己想要的功能页面。
2.在“工具”页面，虽然它标注的是工具，实际意义是工具学习。页面按照垂直列表式的形式，排列出了Ps、Ai、Sketch、Finto、Ae、Ciema 4D六种课程学习，用户只需要点击，便可查看课程设置以及付款学习。由于它的条目简约，且以鲜艳色彩为底色，软件logo名称居中的形式，用户可以很直观的看到信息，并方便的进行选择。
3. “解读”页面中，依旧采用的简约的垂直列表形式来展示一些设计书籍，，用户可以方便浏览书籍，但是它条目中的字体居左，书籍图标居右，与用户平常的阅读习惯有些冲突，造成心里妨碍。
4.点开抽屉式的二级导航目录，同样也是垂直列表形式，下方配有横排四个icon，和一个正在浏览文章的提示，总体内容比较少，排列有序，用户可以清晰知道主提供功能是哪些 ，不过点击二级导航中的控件进入二级界面后没有返回icon ，只能重新点击抽屉式导航目录进行界面跳转，增加用户行为，不够便捷。
Mac Web端:
花瓣网主页面左上方是LOGO以及一级导航目录，右上方是用户信息，中间是花瓣宣传理念以及搜索栏，用户可以很方便的搜索自己想要的图片素材；搜索栏下方是一个二级导航，用户可以根据分类范围进行素材的寻找，页面向下滑动之后，出现了新的导航栏，包含有logo、导航、搜索、用户信息等；网页的主体内容即图片素材按照瀑布流网格排列，排列随意却富有生趣，使界面能够展示更多的内容，同一页面能为用户提供的更多的选择；主页面底部也有一个导航栏，帮助用户在更详细的分类中找到自己所需的素材，导航栏下方则是网站信息。
网友评论