UI/UX设计案例:Spotify的体验优化
·
• Empathize
01-建立同理心
·
这个阶段的目标是能够充分理解双方,理解整个业务,并了解Spotify的用户社区。为了成功实现这一目标,我们对竞争对手、应用程序审计进行了分析,并完成了用户体验研究过程。
● Competitor Analysis
首先我们对用户资料进行了快速研究。花费几个小时的时间来了解Spotify在流媒体音乐提供商中的地位,并收集足够多的信息来帮助我们确定研究重点和范围。通过分析每个竞争对手的应用程序,确定它们的优势和劣势,可以让我们帮助Spotify利用新的社交功能让自己变得与众不同。
Spotify Competitor Analysis (2020)
● Application Audit // Heuristic Evaluation
在进行竞品分析之后,我们试图对Spotify当前的应用程序进行评估。这可以帮助我们清楚地掌握应用程序的架构、层次结构和内容,在考虑如何将新功能集成到设计中之前,这些部分是非常重要的。
Spotify Application Audit (2020)
● Conducting UX Research
在熟悉该应用程序之后,下一步是进行用户体验研究,以更好地了解Spotify用户的需求和要求。这将有助于为设计过程添加现实背景和见解,从而为用户提供最佳的解决方案。
● Research Methods
在进行用户体验研究时,我们采用了定量和定性两种方法。定量方法是以在线调查的形式进行的。该方法的目的是获得描述用户行为和模式的可测量数据,这可以帮助我们识别Spotify用户领域中的某种现象,从而以更具体的方式推动研究。
然而仅靠定量数据是无法揭示出更深层次的洞见的。因此我们需要采用定性的研究方法来深入了解用户为什么这么做,这是以一对一用户访谈的形式进行的。
● User Interviews
我们创建了一个问卷,为确保问卷顺利进行,问题将涵盖并验证我们在设计过程开始时设定的研究目标。采访由开放式问题驱动,旨在了解用户在听音乐、分享内容和社交媒体互动方面的习惯,以及他们如何收集信息。
● User Criteria for User Interview
Spotify的应用程序中有不同的角色(艺术家/非艺术家),我们需要收集这些人的所有观点,以获得更好的理解。从Spotify的普通用户那里获取信息将帮助我们获得更深入的信息。而从在其他社交媒体上活跃的用户那里收集信息也是至关重要的,从那里我们可以看到Spotify的普通用户在其他平台上的社交行为,并了解他们对什么感到满意。
基于这些假设,我们设法将被采访用户的选择标准分为以下几种:
• 2名Spotify音乐家/2名Spotify播客/4名Spotify用户(非艺术家)
• 22-34岁
• 每天在Spotify上花费≥2小时
• 每天在社交媒体上花费≥2小时
● Research Synthesis
在采访了Spotify用户之后,我们创建了一个地图,里面包含了反复出现的答案,这些答案描述了他们的想法和感受,有助于我们确定用户需求。
Empathy Mapping Based on Top Findings
● Insights
• 根据创建的播放列表,随机跟踪Spotify用户,发现他们对音乐相似的品味。
• 协作播放列表功能通常被用作歌曲参考或纯粹共享的集体歌曲库。
• 分享歌曲或播客被认为是一种自我表达。
• 用户倾向于在Spotify上找到志同道合的用户,与他们连接并分享内容。
• 艺术家和粉丝之间的互动非常愉快,特别是以现场问答的形式。
● Needs
• 用户需要一种高效的方式来找到志同道合的人。
• 艺术家们需要一个与粉丝们亲密接触的空间。
• 用户需要一个空间来共享和接收信息(例如歌曲、播客等)。
● Creating a Persona
为了开发一个典型的人物角色来描述普通观众,我们回顾了同理心地图中的见解、需求和痛点,这些人物角色还需要强调最重要的用户群体的主要需求。
·
• Define
02-定义
·
● Defining The Problem
建立人物角色后,我们需要定义设计挑战并将其界定为一个问题,帮助我们更好地构思出一系列的解决方案。
● Comparing and Understanding Business & User Goals
在开始寻找解决方案之前,我们需要对双方进行比较,以考虑Spotify和用户的优先级。考虑到这一点,我们制定了业务目标、用户目标和技术考虑。这个图表的重叠区域确定了项目目标,我们需要把所有的时间和精力都集中在这些目标上。
● Defining & Prioritizing Features
回顾在头脑风暴会议上提出的想法,考虑到业务和用户目标,决定哪些想法可以进一步发展为一种能够满足双方需求的社交功能。
Spotify论坛的主要理念是为用户提供一个以问答帖子的形式进行随意和亲密互动的空间,用户可以向他们认为合适的人提出问题,从他们那里找到答案,也可以回答他们从其他人那里收到的问题。这将允许用户在Spotify中找到志同道合的人,激发他们的社交动力,提高应用程序的参与度和保留率。
● Assigning Structures
我们为Spotify创建了一个新的应用程序地图,展示了新功能将如何集成到应用程序的现有架构中。
·
• Prototype
03-原型
·
● Charting Paths
随着新功能融入应用程序的体系结构,我们的下一个任务是设计最适合该功能的流程。我们首先创建了一个任务流程,确定了所有用户以相同方式完成的关键任务。
更详细地讲,我们通过两个场景创建了一个用户流程,展示了用户与这个新功能交互的两种方式。这样做有助于我们接下来为原型创建线框时包含所有必要的关键环节。
● Initial Wireframe and Prototype
在经历了绘制低保真图的漫长过程后,我们得到了第一个高保真线框图,可以在第一次可用性测试中用作原型。
Social Feed Page / Asking Card// Inbox Page / Answering Page
·
• Testing
04-测试
·
● Usability Testing
测试的目的是评估功能、界面设计、信息流和信息架构的可用性。四项测试分两期进行,共有46名参与者参与可用性测试,以确保结果稳定。
由于COVID-19的爆发,可用性测试将在网上进行。管理员将主持一次在线会议,并提供一系列任务和问题供参与者理解。会议记录了每位参与者的导航选择、任务完成率、评论、总体满意度评分、问题和反馈。
总的来说,该功能具有明确的目的,易于理解。参与者能够立即获得该功能的目标,并认为它非常有用。
尽管有负面的观点,但我们也得到了很多积极的结论,总的来说,所有参与者都觉得它很容易使用,这可能是因为该功能提供了简单的任务流程,他们也觉得自己可以快速获得信息。然而负面观点表明该功能需要更清楚地说明它应该做什么。
● Iterations
第一次测试的结果使得我们进行了重新设计。共有五名参与者被再次邀请参加第二次会议,以便能够更好地了解发生了哪些变化,并更好地对比理解之前的原型。五个人都感觉到了很大的不同,并表示这是一个积极的变化,功能更加清晰,整体隐私感更好,任务流程也变得更加清楚。
Iteration of Social Feed
Iteration of Asking Card
Iteration of Inbox Page
Iteration of Answering Page
● Brand Identity
我们首先定义了品牌属性,这些属性是由项目简介和用户研究提供的。根据Spotify的品牌指导原则,我们使用了Spotify现有的调色板、字体和图像,并加入了Spotify论坛迭代中特有的新元素,共同创建了最终的样式。
● Updated Wireframe
以下是变化的重点:
• 重新设计社交网页
• 重新设计收件箱
• 重新设计询问卡
• 重新设计答疑时添加Spotify内容的流程
为了改善某些功能,我们制作了低保真图,然后将其渲染成了高保真的线框图。
更多知识干货以及其他海外留学的资讯可以关注UXD交互工业产品设计公众号或者添加小助手,还可获取作品集和讲座资源~
|福利大放送 | WELFARE
对于设计初学者,完成从0开始创作几乎是不可能的,就像学习过程中书读百遍其义自见一样。有了大量的积累,才能在脑海里建立素材库,这些素材库能帮助同学们完成最初的设计想法积累,基于这样的基础再进行个性化的创作,最终才能做出高质量的作品集。全球院校最新作品集免费拿!添加小助手wx即可获取:
▲ 顶级名校作品集参考返回搜狐,查看更多