...
素材网 品牌美学馆标志
主站 营销美学 品牌设计 免费素材
1500

分享一次亲身经历后的设计重塑感受

素材公社- 品牌美学- 品牌风云 |发布于 2014-12-18 | 标签: 设计 设计重塑
设计重塑之旅

SoundCloud 是一个很酷的网站。用户们可以通过关注艺术家来了解到他们最新发布的音乐;而艺术家们也可以评价发布单曲或者专辑来不断的扩大其影响力。但是,网站的老用户们都知道与这个网站实现交互是多么令人烦躁。

和其他简洁、精美的线上音乐服务网站相比,SoundCloud 感觉非常笨重、并且过时。无论是网页还是移动端的 app,它们的设计都非常反人性,存在非常多让人困扰的缺陷。但是尽管如此,我还是依然选择这个网站所能提供的服务。因为我相信这个平台所能提供给我的优质内容。
不过,现在我更想让这个网站变得更酷一些!作为一个用户,我关心的事就是下面这几件:一个干净、人性化、功能强大的交互界面;当我在听歌或者发现其他值得关注的艺术家的过程中,我能获取到更多的信息;能够把我欣赏的东西方便快捷地分享给朋友们,并且能够与朋友们进行交流。现在的这个网站其实在以上这些点上都做的还不错,但是它其实可以做的更好的,让我来一一分解叙说。
一、导航栏及播放器工具:

设计重塑之旅
问题:
搜索栏太宽了。整个网站的像素宽度为 1240,搜索栏供用户输入的区域宽度为 668。事实上,现在已经具备联想功能,自动补全大家想要搜索的信息,用户根本不需要打那么多字,这样的宽度根本没有必要。
播放器工具放在了页面的最下方。这个导航栏一般都是提供一些链接,和一些偶尔才需要的功能。在一个在线音乐播放的网站中,它就包括了暂停播放,快进到下一首歌、后退到前一首歌等功能。尽管播放器在每个页面上都能看得到,但是它所处的最下方的位置并不能很好体现自身的价值。
点击我的用户名会弹出一个下拉的菜单,这简直奇怪极了。用户档案上的设计根本无法告知我点开它就会出现个下拉菜单。尽管我是这个网站多年的老用户,但现在仍然内心觉得点击用户头像,会出现的不应是一串下拉菜单,而应是直接跳转到我的档案页面,展示我喜欢哪些歌,创建了哪些歌曲表单。
解决方案
输入区域的宽度缩短至 108 像素;重新定位播放器的位置;现在已经将其置于了网站中间;重要的链接现在都放到了导航栏处;用户头像上的点击会直接跳转到用户档案页面,页面上还有各种各样能够导航到设置、喜欢、表单、信息、通知的图标。上传歌曲的链接被移除了,因为这个功能并不是时时都需要。
二、信息流
设计重塑之旅
这里是你关注的人发布歌曲和表单的地方,信息流从上往下滚动,跟 Twitter 一样。
问题
你很难辨别哪首歌正在播放。除了小小的播放/暂停按钮之外,完全没有任何设计,也不会以高亮的方式来把现在播放的歌与其他的歌区分开来。直接被跳过的歌曲段落仍然保留着一个黄色进程的图示,这绝对会给用户造成相当大的误解。
在一个页面中,5 首歌中只有 3 首是立刻可见的。一个真正优秀的在线听歌网站应该能够在一个页面展示更多的歌曲。
播放的界面不会自动滚动。一般情况下我把页面打开,播放歌曲,然后去忙别的事儿,等我回来的时候我还得手动把页面下拉,然后辨识现在播放的是哪一首歌。怎么辨识呢?我得先去表单上找到那首歌的名字,然后复制下来,通过 Ctrl+F 键实施查找功能,才能找到当前所播放歌曲的位置。很明显,这样给用户造成了极大的不便。
波形图上面出现的那些个头像完全一点用都没有。它们都太小了,你根本无法辨认到底是谁在上面留言了。它的唯一作用就是告知用户在这个歌曲底下有很多留言。事实上,留言的具体条数已经可以通过下方的数字得以体现了。
重新加载播放器页面的过程是非常缓慢的。原因在此:当我离开播放器页面,然后再返回的时候,SoundCloud 就会给我呈现一些之前播放的歌曲,这当然很好。但是它不是每次都能管用。这么做要求系统具备大量的存储空间来记忆我之前的操作,这也就导致了整个页面打开的速度远比一般页面要来的慢。在软件层面肯定有办法来解决它。
解决方案
播放中的音乐完全可以通过一些特殊的方式予以标明:比如更大的字体,更大的专辑封面、以及可视的波形图,就像上图这样。另外,更多的曲子都可以出现在同一个空间中。
应该还有一个选项,能够在歌曲播放的过程中自动的跳转。当切换到一首新歌的时候,这首歌就直接出现在页面的最顶端。其实很多人都不怎么留言,留言在听歌过程中是完全分散注意力的行为。所以我特别添加了一个选项能够将它全部隐藏起来。
所有有关“下载”、“喜欢”、“转发”、“留言”、“加入表单”、“分享”功能的按钮全部替换成图标。这些图标本身就足够说明它们各自实现的功能是什么了。为了让整个交互界面变得更加简洁,在循环播放模式下这些图标才可见。(当然,在目前所播放的那首歌底下始终都有这些选项) 一旦歌曲出现在播放器里,那么这首歌所需要播放的时间就会用一个动态变化的气泡来显示,这个就在滚动条的附近,就像上图这样。
我之前也说过,我希望在发现新歌上面能够多了解到一些歌手的信息。在我的想法里,侧边栏能够显现出现在这首歌的歌手全部信息,并且还能显示歌手的档案。当你在无意中听到一首你极为喜欢的歌,但是又不知道是谁唱的时候,这个功能就显得特别有用。尤其是在你听歌的过程中,只需要扫一眼就能看到他们的介绍,而不需要再停止眼前享受音乐,跳转到其他页面去查看信息。然后页面上还会显示他现在拥有了多少的关注者,并且提供选项询问你是否选择关注他?

三、分享
在音乐发现之旅中,分享是极为重要的组成部分,同时也是 SoundCloud 的社群文化。一般来说,用“重新发布”这个选项是实现分享功能,让你的朋友和关注者听到音乐的最普遍方式。
我喜欢“重新发布”这个功能,但我觉得 SoundCloud 如果能够更加专注于提供私人分享和私人短信的功能的话,那么整个网站都会受益匪浅。如果一个人能够花更多的时间在网站内部来分享的话,毫无疑问这个用户就在这个网站上投入的时间也就越多,也就越有机会接触到付费的促销信息(Spotify 就在这方面做的非常好)。如此一来,形成良性循环。用户会不断的回到这个平台上与朋友互动交流。
问题
目前所做的设计并没有很好地鼓励用户进行网站内的分享。如果你要发送一条短信息的话,你必须前往第三个标签页,导航到那里也做的并不十分明显。
设计重塑之旅
解决方案
变成两个标签的设计能够强调“短信”摆在第一位,但同时又保留了人们向外部网络分享的功能,这样既能为网站带来新的用户,又能够保证那些老的用户常回来看看。
四、短信息
目前的短信息系统从功能上来说还是完整的。但是它可以做到更加的简洁,从而提高从播放器到其他页面跳转的流畅程度。
如果你在导航栏上点击了短信息的图标,那么整个短信息的页面会从整个页面的右侧滑出来,这就有点儿像 OS X Yosemite 的控制面板。
在不需要离开播放页面的前提下,你可以在你熟悉的页面格局中查看多次的对话记录。点击一次对话就彻底变成了对话模式,非常像智能手机上装着的即时通讯应用。
五、通知
SoundCloud 有两种形式的通知。在导航栏的下拉表中会有与账户活动有关的通知。在页面上会有有关歌曲目前状态的通知。
问题
目前关于账号的通知并不完全。现在用户只被告知以下几种情况:出现了新的关注者;在一个评论中被提及;在歌曲表单中被点赞或者被分享出去;在你上传的歌曲上出现了点赞和分享的行为。鉴于 SoundCloud 的内容分享机制和 Twitter 有所相同,我强烈建议通知中包括了你分享出去的内容被点赞,以及你分享的内容又被再次分享。
有关歌曲本身的通知一旦出现,会完全挡住右侧栏和下拉菜单。有些时候当我要跳转到我的个人档案的时候,它们就卡在那里,一动不动了。这种错误并不会自行消失,我也不知道到底原因何在。它们出现的非常频繁,会把整个右侧页面全部挡住。我得手动一个又一个的关掉它们。
解决方案
当通知图标点击后,一个面板就从右侧滑出,就像是我之前设想的短信息交互的那样。这个面板是可以滑动的,除此之外不需要任何页面查看通知。
通知中包括了“在分享中点赞”,以及“分享之分享”这两个功能。这些功能都是很有用的,能够围绕着平台不断的刺激用户活跃度,并且潜意识中不断的催促用户回来再看看。另外,当你的朋友正在听同一首曲子,或者在同一首曲子下面进行了与你类似的互动行为的话(比如点赞或者留言),如果你都会获得通知的话那就更赞了!
通知栏的设计风格应该和网站其他设计风格保持统一,渐出式的设计并不会遮挡任何重要信息。
结束语
本文无法穷尽一切值得做出的改变。但我认为针对“发现音乐”,“用户档案”,“控制面板”以及“音乐播放清单”这四项上需要花很多功夫进行改善。

>

品牌风云最新热文

房地产的VI做起来,就像是在搞艺术 唱片封面设计 | 看得见的音乐艺术 “美味酒廊”VI设计欣赏 美学茶话:读懂齐白石的画,我放弃了画画

访问手机站
© Copyright 素材公社tooopen.com 本站部份内容收集于网络,如有侵犯您权益请告知删除| 湘ICP备11010972号-1