十年巨变!全球音乐平台SPOTIFY官网的用户体验变

十年巨变!全球音乐平台SPOTIFY官网的用户体验变,第1张

十年巨变!全球音乐平台SPOTIFY官网的用户体验变

早前的网站

“每个人都只想听世界各地的歌”——丹尼尔·埃克。

丹尼尔·埃克和马丁·洛伦兹在2006年创办了Spotify。它于2008年发布,测试版于2007年发布。从那时到2016年5月,它已经聚集了超过1亿的活跃客户。

△2006年

△2007年

这两个版本的设计出现在发布之前,是为了更好的营销和推广桌面应用。他们让客户注册他们的帐户,并根据他们的电子邮件获得升级。两者都缺少图案,包括logo。

可以看出后一种网页的页面间空是分离的,不同的。2006年的网站让我感觉好多了。它非常具有煽动性,并鼓励我申请注册。2006年用的网站字体大小也比较容易看文章,而另一个版本很小,特别是有很多空空隙的时候。

△2008年和2009年

如果今天已经采用了这个版本,其实已经不低了。导航栏很简单——上面的连接可以更丰富多彩,因为它看起来很宽,但整体上还是挺吸引人的。使用适当的图片来创建知名品牌界面(这似乎是一种优雅的音乐欣赏方法)。

文章正文的字体样式可以扩展间距和字号。许多好迹象都太大了。有趣的是,左边的空白艺术比右边的要宽。如果你注意到它,你会发现它非常不专业。如果在提醒不能用之前出现申请注册栏,会比较友好,但是总体情况已经很好了。

△2010年

图片的应用展示了他们的优秀产品,让人很快就掌握了它的功效,想要更多的应用。xyk的设计很时尚,很可能是超前的(xyk早已成为重点设计发展趋势)。

其他像素点解决的很好。它非常简洁,但它显示了重要的信息,所以你可以一目了然地掌握它,并查看更详细的信息——这是一个聪明的设计,使访问更加直观。

Spotify移动版发布,知名品牌在这个时候扩张,也创造了一种方便快捷的在路上听歌的方式(要知道这才2010年,真让人震惊)。

他们还展示了落地和社交的应用,这是一个很大的发展。

△2011年

这个版本和2010年的网站很像,但是有几个变化,主要是性能差。

产品功能目录很乱,不限量订阅好像没必要,有点抢客户的意思。除了没有广告,和绿色版没什么区别(Spotify也是这么觉得的,后来去掉了这一级)。

图形元素很“卡通”,缺乏之前设计的优雅。

△2012年

在这个版本中,他们竭尽全力致力于简单的设计。网站热情的欢迎页面除了一个行动命令什么都没有。

这在某些方面有用,但在另一些方面就不一定了。它很直接(免费下载Spotify),但毫无疑问,它缺乏叙事性信息,如详细介绍移动设备的特性和功能。

△2014

真正优秀的设计出现了。此后的所有设计都应用了视觉效果很差的翻盖。

图片很不错,高清的照片传递出幸福的感觉和时尚潮流。Logo重新做了,辨识度比原来高。字体风格也有所改变,字体变大,阅读文章更方便。而且,卡牌设计已经还回来了。

动作命令吸引眼球,虽然绿色版没有高级版显眼。但是整体工作还是很不错的。

△2015

动作指令的设计更强,因为今天的绿色版和高级版有着一样的视觉效果和抗压强度。

所有的图案看起来都很漂亮,很优雅。独特色彩的运用,展现了一种“酷”的外观,唤起了夏天和节日的心态,营造了一种让人想听歌的氛围。

具有视觉效果的感染力,使用方便。

从2011版开始,不同版本的功能细节就一直往后延伸。它简单明了,显示了所有的关键信息,非常容易识别。

随着PlayStation和webplayer的发布,知名品牌进一步扩张,为客户提供了大量方便享受服务的方式。

△2016

这个版本结合了前几个版本的优点。延续了同样的视觉效果设计风格。华丽的颜色又回来了,只是颜色不一样了。行为的主要人物颜色基本都是白色,稍微提高了易读性,尤其是在颜色鲜艳的情况下。

广告语“所有机器设备都可以广播”主要说明这家企业非常重视流量流量,认同移动销售市场的使用价值。

底部的白色文字明显比之前版本的深灰色更显眼。社交网络标志刚刚回归。渐变标志现在很流行,因为颜色鲜艳(是加分项目)。他们在方式和功能之间找到了平衡,使得网站既实用又美观。

十年网页设计历史在其中。网页设计已经走了这么远,真是令人惊讶。即使从2011年开始,也称得上是巨大的改变。未来十年将会发生什么?真的希望VR和AR在未来的设计中有一席之地,但是谁知道呢?我等不及要亲眼看看了!

特别感谢UX时间线展示这种图片。

注:阅读关于网站基本建设方法的文章,请将场景移至网站建设教程频道栏目。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/769620.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-02
下一篇 2022-05-02

发表评论

登录后才能评论

评论列表(0条)

保存