国内2.0音乐网站首页设计谬谈_网页设计教程
推荐:例举几个邮箱服务的欠考虑设计平时使用过程中有印象的,倒不用专门找,临时验证了一下.本来题目是“例举几个产品的弱智设计”,不过还是不要这么讨人嫌了。1、126.com的邮箱a、草稿附件无法
一、关于YOBO
YOBO要为你解决以下问题:
想听歌却不知道听什么歌;——发现音乐
工作忙碌后再也没空去找歌;——自动发现音乐
对着搜索引擎不知道搜什么歌;——发现潜在的(用户喜欢的)音乐
挖掘排行榜外那些鲜为人知的好歌!——发现个性化的音乐
通过以上YOBO的自我介绍,我们明白YOBO的宗旨就是帮助用户方便、轻易的发现那些潜在的适合自己的音乐。从而使用户:
——轻松享受音乐体验
——只听爱听的音乐
——用个性化音乐装扮自己
二、关于YOBO的首页
首先要说明的一点,这个首页是主要针对从未访问过YOBO的用户,假如是登陆会员访问首页缺省url,将跳转到登录用户的专门页面。
因此,这个页面承载的任务应该是:
1、该新用户对网站产生爱好并快速使用上手;
2、为老用户提供登陆快捷入口。
如图所示,该页面第一屏的焦点是一个硕大的搜索框,黑白反差的UI将用户注重力直接拉到搜索。这是YOBO为用户预设的最主要的一条访问路径:
任意一个爱好点->由爱好点开始听音乐->在音乐试听记录中发现用户喜好->满足用户需求->附加服务->迭代。
所以这个搜索入口是与百度极不相同的,百度解决的是把内容交给用户的问题,而YOBO解决的是用户要什么的问题。通过百度的入口,用户到达的是直接目标点,快速满足需求并离开,下次重复。而通过YOBO的入口,用户只能到达阶段性目标,在阶段性目标会有下一阶段的用户引导。
这个流程设计很有层次性,把入口降低。同时在界面上,也让这个入口权重极高,起到帮助用户选择,诱导用户少选择不选择的作用。
(所有的烦恼都是选择太多……)
在这个权重之下,是一个叫做心理测试的服务。这是预设的第二重要的用户路径,和搜索入口一样,最终这条路都将引导用户走向注册,同时用户是乐意注册的,因为注册可以让他享受到的愉快体验更好的延续下去,很自然。
这是友播的LOGO,虽然在以上的首页设计中,用户不太轻易关注到这个LOGO的细节,但我仍然忍不住要对这个LOGO发表异议。
1、没有中文名——如何帮助用户记忆网站名字?
2、没有域名——如何帮助用户记忆网站地址?
3、没有说明——如何帮助用户了解这是干嘛的网站?
第三点尤其是放到外站做链接时让人很茫然。
接下来是第二屏,到了这一步,可能新用户该走的已经走了,该被第一屏截流的已经截流了,假如用户能拉到这里来,那么说明这个用户有可能是非常典型的门户用户,不拉不快;另一种可能是用户对这个网站了解的还不够,还要多看一看。
因此,在这个位置,YOBO的三个版块分别是:介绍YOBO,介绍YOBO,分类索引。
从预设的用户流程上讲,这个设计非常之好(我很希望能拿到这个数据来验证啊)。但从诉求表达的程度来讲,还有优化余地。
我在第一张图上已经列出了,站在功能介绍和用户反馈的两个方面对产品进行宣传诉求的要点。
很显然,YOBO的这个设计并没有表达出应该表达出的内容,这两个版块甚至让人不知所谓,用户来到这个位置,会去对一个“YOBO客服产生爱好”,这么快就要小工具放博客了?而热门音乐与歌手的访问路径,放到搜索旁边比做在这里更清楚,更有效果。
右侧蓝图的宣传比较靠谱(当然还是没有我第一张图那个目的更明确),但字迹不清楚,另外用语过于书面化,不够直接而有效。造成的结果就是用户看不清,看不懂。
三、小结
YOBO在国内新音乐网站中,我个人是认为最有特色的,定位最清楚,交互最亲切。
从数据上看,YOBO的用户活跃度是很高的,
可能存在的问题有:
1、YOBO这个首页没有考虑网吧用户,预设的模式是针对于拥有固定PC的用户。
这与1ting等网站方向完全不一样,1ting的做法是,我先给你大量的选择,让你听,同时你不用登录也可以使用一些很实用的网站功能(临时列表)。最后我也做一些推荐,但也就是做做而已。
可以看到,1ting的门坎比YOBO低得多,但1ting能达到的深度不如YOBO。
我们可以预设一个网吧用户的模型,细想一下,他们在看到YOBO时,该怎么去使用呢?
2、YOBO的核心价值在于推荐(发现)引擎的准确性,假如不准怎么办。以我个人为例,我明明喜欢舞曲(非DJ),测出来我喜欢缓慢的萨克斯——那是我极其讨厌的音乐类型。
不准是肯定的,一个简单的测试不可能准,准确来自于大量的用户数据挖掘,我是在豆瓣用了一年,看了数百部电影后才得到靠谱的内容推荐的。
实际上,大部分推荐类引擎的效果都在将准不准之间,用户得到的是有总比没有好的效果,这一点,和模拟last.fm 的songtaste一样。
分享:我们需要自己的用户介面规则很多人喜欢谈苹果的优质用户体验,优质用户体验源于规则。简体中文的技术类写作,目前几无规则可言。我经常见到:◎不注重英文的大小写(比如把Macworld误
- 相关链接:
- 教程说明:
网页设计教程-国内2.0音乐网站首页设计谬谈。