music X交互分析

一、产品介绍

    基于场景（时间、地理位置、天气等）的智能音乐软件。

二、目标用户

    对基于情境的音乐有较高的要求、喜欢听歌的人群。

三、产品结构（sitemap）

sitemap 我理解的就是一个产品的信息架构，用户能通过这个很方便得找到自己想要的功能入口。

四、产品流程

五、产品功能

1. 智能判断场景，推荐场景相关歌曲
2. 插上耳机/连上蓝牙音箱自动播放
3. 离线音乐库，让你在没有 WIFI 的时候也能听歌
4. 收藏你喜欢的音乐，推荐的歌曲会越来越符合你的口味

六、交互细节

1.启动动画

图标是由X形状和音乐的波浪结合而成，启动的时候竖的线条会一上一下波动很容易让人联想到音乐。

2.场景图标/小图标/歌曲信息

场景图标：由很粗的纯色线条绘制而成，是为了在界面中突出图标/场景本身。

                点击场景图标会下拉至具体的场景界面，让用户理解智能识别为该场景的原因。

小图标：   提供了很多条件组合，产生了不同的场景

歌曲信息：通过歌曲名+歌手名的方式提供了歌曲信息

                点击歌曲信息会上拉至歌曲详情界面

整个软件看上去除了反馈和设置没有其他的可点击区域，场景左右滑动切换，上下滑动分别至具体场景和歌曲详情页面的手势都隐藏较深，需要花一定的时间探索，可以考虑在新手引导的设计中加入这些功能介绍。

3.歌曲详情页

歌曲详情页的设计为 网址+大专辑封面 这样做有一点不好的地方就是在网速不好的时候显示的就是一个地址栏和剩下的大面积白色，用户在看到的时候不知道该页面到底有什么作用。

地址栏的设计也没有任何提示，看到地址栏用户会习惯性的去点击输入框，然后才能注意到后面的浏览器按钮（个人觉得该图标现在的使用率挺低的，识别性也不是很高）。

在很长一段时间内我都不知道该页面的功能是提供跳到qq音乐详情的链接和歌曲封面。

建议：可以向场景页和播放页一样对链接增加文字提示，如“查看qq音乐详情”等。

4.规范

软件中的页面跳转方式均是滑动（左右、上下），除了反馈和设置界面会在直接面上一出现/消失的方式转换。

整个软件采用的都是线条绘制的图标。

5.不好的体验

（1）作为一款音乐/电台软件，点进去的初始状态居然是自动播放状态，表示我每次都用得心惊胆战的。。。。

（2）在切换场景的时候软件的设置是等该场景要播放的歌曲缓冲出来之后底部的歌曲播放控制栏才会出现，在缓冲过程中歌曲信息一直处于缓慢的闪烁状态。但是，闪烁状态的歌曲信息并不能给用户足够的提示表明这是在加载过程，反而用户切换到另一个场景的时候歌声突然停止了，而新的场景的歌曲控制菜单也没有出现，用户就会想办法让这个场景播放歌曲可是却不知道该怎么做，只能通过在页面中乱点、乱操作手势来试探，不停地跳转到其他页面，通常一番试探之后歌曲还没有缓冲出来的话用户就会误以为该场景的音乐不能播放而仍回到最初的场景。