作者：何佳婧，班级：工设1602，课程：界面设计，指导：余永海

选题围绕人们的穿搭的问题，也是针对“蘑菇街”“小红书”这类穿搭分享App的体验问题，展开的用户体验分析和交互设计创新。该选题的目标用户为以本人为核心的一群人。

一、选题介绍和基本分析

穿搭分享App的出现让一群擅长穿搭的人可以分享自己在穿搭上的一些心得，实现自我满足。也让一群不善于穿搭的人获得了别人在穿搭上的一些经验，从而学会搭配。然而在穿衣打扮上出错有很大一部分原因在于身材的不同肤色的不同适合的衣服类型也是不同的，“蘑菇街”作为一款在最初定义为导购类平台的App，却一直没有很好地解决针对不同身材人群推荐不同类型的穿搭的问题。

APP出现前，人们的常见活动场景？

在该类App出现前，人们的穿搭活动的情境有这样一些：去一些品牌店，由导购人员推荐搭配，试穿后成套购买；从自己已有的衣服中选出适合自己的搭配，慢慢摸索；向身边懂穿搭的朋友求助等等。

本质上人们想要获得什么情感体验?

透过现象看本质，人们的穿搭活动，首先最期望收获的是穿搭审美体验，其次是成就体验，还有兴趣、好奇体验等。审美体验：我们很多时候并不知道怎样的穿搭才适合自己，只是一味的模仿别人穿搭，殊不知适合别人的穿搭方法并不一定适合自己。学习穿搭的第一步是了解自己的身材，再根据自己的身材去选择合适的穿搭。然而现有的App并不能有效的针对不同身材的人群推荐适合她们的穿搭，这才是这些App所忽视的地方。成就体验，兴趣和好奇体验问题：对于分享穿搭的人来说，她们的穿搭技巧不能有针对性的分享给与她们身材相似的人解决她们的问题，那么，她们的成就感也是微乎其微的。对于不懂穿搭的人来说，她们学习了与他们身材不同的人的一些穿搭技巧，却依旧无法解决她们想用穿搭来掩饰自己身材的一些不足的问题，她们就会对穿搭失去兴趣，等等。这些显然都被现有的App忽视了。

重新定义：蘑菇街App

蘑菇街App可以是私人穿搭顾问，穿搭导师等等。私人穿搭顾问：为我提供适合我身材的穿搭，让我学会穿搭。用一些穿搭技巧掩饰自己身材的不足，解决穿衣审美需要，注重搭配体验，而不是穿暖的问题。穿搭导师：当我学会穿搭之后，可以去帮助和我身材相同的人，解决她们在穿搭上的困惑，成就、兴趣、自我体验。

二、发现问题：调查现有解决方案的情感体验问题

1. 现有App方案的活动情境。

从蘑菇街App来看，主要的活动情境有：

（1）发现情境：无聊了或是对衣服有需求的时候，打开App，看看有没有喜欢的搭配。发生频率高，重要。情感体验：有一定的好奇体验和审美体验，成就与兴趣无。

（2）分享情境：觉得自己今天的搭配很不错，在App上发布，让大家看到。发生频率较高，重要。情感体验：满足感较好，有一定的审美体验。

（3）关注情境：之前已经关注了一些自己喜欢的博主，可以特定的看这部分人的穿搭分享更新。发生频率较高，重要。情感体验：兴趣感，成就无。

（4）排行情境：当你刚使用这个App时，不知道关注谁，通过排行可以关注一些热门的穿搭分享者。发生频率较少。情感体验：一点点兴趣和好奇体验，审美体验极少。

2. 逐类分析情感体验。

按照情感体验分类，逐一核对现有App的情感体验，从发生频率、情感的积极消极、唤醒水平高低等方面，发现情感体验不足之处。

（1）学习体验：发生频率高。

浏览穿搭的过程中，就有学习体验存在，唤醒水平高。但失败的学习也存在，唤醒水平或高或低。

大部分人都是抱着学习的心态使用此app的，但浏览的穿搭是否值得学习，是否适合自己，是不确定的，这就有可能存在消极的学习体验感。

（2）好奇体验：发生频率低。

其中积极的好奇感存在，唤醒水平低或高。消极的失望感也存在，唤醒水平低或高。

好奇感在广告或者朋友推荐中发生，发生频率较高。但其它大部分活动情境中是没有新奇感的，倒反存在消极的失望。

（3）成就体验：发生频率很低。

大部分看到你的分享的人并不能很好的学习你分享的穿搭，或是存在消极的学习，这就会导致你无法获得分享穿搭的成就感。

（4）兴趣体验：发生频率很低。

其中积极的喜欢感存在，唤醒水平低。消极的厌烦感也存在，唤醒水平高。

会因为长时间的无法找到自己喜欢的且适合自己的穿搭而丧失兴趣。

（5）审美体验：发生频率较高。

浏览穿搭的过程中，是提高自己审美体验的过程，唤醒水平较高。但不能在适合自己的穿搭中有针对性的提高审美，也导致审美体验发生缓慢。

（6）自我体验（自信、自尊、自豪和自爱）：几乎没有。

（7）依恋体验：几乎没有。

（8）归属体验：几乎没有。

（9）影响力体验：几乎没有。

（10）道德体验（赞赏、荣誉、幸福）：略。

3. 提出体验的创新目标。

这是选题后第一个重要成果。提出问题，即提出最值得改进的情感体验问题，作为创新目标，

（1）穿搭审美：在学习情境中有针对性的快速有效提高穿搭审美，让学习者真正的学会搭配适合自己的衣服，而不是无目的的审美体验。

（2）社交体验：人们很多时候是在分享，是个社交活动，必然主要考虑社交体验，成就，影响力和归属等情感体验，在适合自己的圈子中通过分享的整个情境获得。

（3）自我体验：对于穿搭学习者来说，学会了适合自己的穿搭，就会有成就感。对于穿搭贡献者来说，让学习者通过自己的分享学会穿搭，也会有成就感。自我体验的自豪自信，是我们坚持分享坚持学习的内在动力。

三、寻找思路：选题的活动分析

蘑菇街属于看的活动，具体的活动有很多，比如浏览穿搭、分享穿搭、点赞评论穿搭、购买等等。以下将从看、聊、学、写、做和玩六方面对活动进行分析，分析动机和情感体验。

1、活动分析：动机和体验

（1）浏览别人的穿搭分享（看）：无聊或者缺衣服了，首先会在网上浏览有没有喜欢的衣服，这是很常见的活动。动机：换季的时候需要买新衣服，有重要的约会，可能想要拥有合适的衣服，又或者是单纯的无聊，想看看有什么好看的搭配。期望：主要是穿搭的审美体验，也有好奇体验。

（2）学习搭配（学）：通过各大平台浏览别人的穿搭以及逛街时导购的推荐来让自己学会穿搭。动机：爱美之心人皆有之。期望：提高审美水平，也是一种开心愉悦的自我体验。

（3）分享穿搭（做、写）：穿搭分享渗透在生活的每个角落。我们经常会和朋友聊穿搭，而当自己的穿搭被夸赞是我们会不由自主的想让更多人看到，于是我们会在自己的朋友圈微博等地方分享自己的一日穿搭。动机：想得到更多人的关注和夸赞，也是一种自我肯定，以及对生活的记录等。期望：成就体验，自豪体验，兴趣体验等。

（4）点赞评论别人的穿搭（聊）：看到自己喜欢的穿搭，可以点赞及收藏，这是为了方便再次浏览回顾，以及评论是想和和自己拥有相同身材的人交流，学习他们的搭配技巧。动机：和别人交流学习。期望：好奇体验，归属体验等。

（5）圈子活动（看、学、聊）：年龄身型肤色相似的人不管是贡献者还是学习者都在一个圈子中，贡献者的分享可以为圈子中的学习者所学，学习者所浏览到的穿搭分享都是与自己类似身型的贡献者所分享的，方便进行有针对性的经验分享以及技巧学习。动机：在浏览的过程中有针对性的推荐及学习。期望：写活动的体验目标是成就和自我体验等，看活动的体验目标是学习体验和审美体验等。

（6）直播分享（玩）：通过直播的形式更加直观，且方便及时的交流。动机：就是兴趣爱好以及一些卖家的商业利益。期望：兴趣体验等。

2、初步确定活动目标和体验目标

经过对看的活动分析，蘑菇街App活动中值得创新的主要活动为：

1、穿搭圈子（看、写、聊）活动，看活动的体验目标是学习体验和审美体验等。写的体验目标为成就和自我体验等。

2、发现穿搭（看、学）活动，体验目标为审美体验、好奇体验等。

3、分享穿搭（做、写）活动，体验目标为兴趣体验、自我体验等。

四、体验创新：新App的功能设想

针对每一项活动目标，展开具体的功能设想。

（一）穿搭圈子（看、写、聊）活动

看活动的体验目标是学习体验和审美体验等。写的体验目标为成就和自我体验等。

1、学习及审美体验

（1）用户分类模式：用户在注册时通过填写身高体重，肤色，身形，穿衣风格等，由系统进行分类，将同类用户分在一个兴趣圈子里，使分享推荐具有针对性。常见的生活情境：除了出门逛街购买衣物外，更多的时候还是在网上搜索有没有自己喜欢的衣服，更希望网络推荐能像现实中的导购一样能购买适合自己的成套衣服。分析原因：导购是关键。为什么在网购如此发达的今天，实体店依然能有很多的顾客光临，一是能更加直观的看到衣服的质量好坏，更重要的是能知道衣服是否适合自己，并且导购也能帮忙推荐。具体功能设想：在注册时根据身材风格等进行分类，相同的用户在一个圈子中，圈子中的穿搭分享就像专柜导购的推荐一样，是适合用户的穿搭。

（2）圈友互动模式：互动形式有收藏，点赞，评论，打赏等，在一个圈子中通过互动使学习者提升审美，使贡献者得到认可和称赞。常见的生活情境：分享到朋友圈或者博客的穿搭被人点赞夸奖，或是走在路上被街拍，我们就会觉得非常开心。分析原因：别人的认可和称赞是我们想得到的，只有被认可了，才会有继续进行下去的动力。具体功能设想：浏览者可以对看到的穿搭分享进行收藏，点赞，评论及打赏。收藏是为了后续能学习，点赞及打赏是对贡献者的认可，评论是希望能与贡献者交流学习技巧。

2、成就及自我体验

（1）成长积分模式：在使用app过程中，通过完成不同的日常任务及阶段任务来获得积分，如登录，互动，分享，分享所获得的互动值等来获得积分，这样可以通过成长性的成功感，让人逐步产生自信。提供用户等级评价的仪式感，增强自豪感。分析原因：通过增加任务功能，可吸引用户持续使用app。具体功能设想：设立用户等级系统，随着用户积分的增加，提升用户等级，从lv.1~lv.5，赋予不同称号。设立积分兑换系统，积分兑换优惠券，积分兑换百搭单品等。

（二）发现穿搭（看、学）活动

发现穿搭活动的体验目标是审美体验、好奇体验。下面一起分析创新的模式和具体功能设想。

1、审美体验

（1）标签搜索模式：通过标签在圈子中进行搜索穿搭，标签主要分季节，场合等，可以更加精准地根据需求进行推荐。常见生活情境：换季或有重要的约会要买衣服，会在购物网站直接搜索自己需要的衣服，如“毛衣秋”此类。分析原因：我们对不同场合不同季节需要的衣服只有一个大概的要求，比如要求毛衣、卫衣、连衣裙等，我们需要通过搜索浏览找到自己喜欢的衣服。具体功能设想：在圈子中进行筛选，筛选的类别有季节，风格等。

（2）排行推荐模式：根据点赞数或收藏数进行排行推荐，便于学习者了解适合自己的且时下流行的搭配。具体功能设想：在圈子中，用户可选择不同的排序方式，按点赞数排序、按收藏数排序、按时间排序等。

2、好奇体验

（1）随机推荐模式：每次进入圈子都有不同的随机推荐模式，让学习者保持一种未知感、期待感和惊喜感。常见生活情境：每次出门逛街并不是有目的的去买某个款式的衣服，而是在逛的过程中，看到自己喜欢的衣服。分析原因：我们大多数时候并不是规定的一个月买几件衣服，买什么类型的衣服，而是看到一件喜欢且适合的衣服，就会考虑买下它。具体功能设想：在圈子中默认使用随机推荐搭配机制，每次打开app都是不同的推荐，而这些推荐是综合互动值的比较新的分享。

(2)单品安利模式：推荐一些百搭单品，让学习者觉得学会搭配不是一件难事。常见生活情境：一件衣服，有不同的搭配，有一些衣服可以说是每个人必有的一件单品，比如白t之类的。具体功能设想：设立一个百搭单品区，在此区域内，用户需要先选择分类，如，上衣，帽子，包包等，然后选择喜欢的百搭单品，同时也可看到此单品的多种搭配。

（三）分享穿搭（做、写）活动

分享穿搭活动的体验目标是兴趣体验、自我体验。下面一起分析创新的模式和具体功能设想。

1、兴趣体验

（1）每日打卡模式：利用各种办法，“诱导”贡献者进行每日穿搭分享，进行每日打卡。具体功能设想：通过主页提示，以及一些福利的设置，并且简化分享步骤，让用户愿意进行每日打卡，进行穿搭分享。

2、自我体验

（1）分享打赏模式：学习者可对贡献者的分享进行打赏，类似直播的打赏，激励贡献者持续进行穿搭分享。具体功能设想：每篇分享下设置打赏按钮，打赏的各类道具有不同的价值，并且可以折现。

（2）榜单排名模式：在圈子中每周进行分享排名，通过分享的互动值进行排名，每周前三篇穿搭分享在圈子中可置顶。具体功能设想：每周对每个圈子中的穿搭分享进行互动值排名，排名前三的分享在下周一周的时间里在圈子中进行置顶。

（四）总结：新App的功能模块、设计想法和体验目标

1、App名称：蘑菇街App。活动定义：导购类平台的App，解决针对不同身材人群推荐不同类型的穿搭的问题。

2、“我”模块设想：在注册时，需要为“我”添加标签，从身高体重到肤色身形以及穿衣风格等。在不同的分类下，给予不同的标签进行选择。体验目标：提升好奇体验、兴趣和自我体验。

3、“分享”模块设想：穿搭贡献者一定是有标签的，分享时需对穿搭进行季节、场景、风格等描述以及购买链接的添加。同时学习者可对每篇分享进行点赞、收藏、评论、打赏等互动。体验目标：提升成就和自我体验。

4、“发现”模块设想：相同标签的人在一个圈子里，贡献者所分享的穿搭会出现在相应的圈子里，学习者可以在圈子里看到所有适合自己的穿搭。同可在圈子中进行标签搜索功能，通过搜索标签进行筛选。圈子默认随机推荐，用户可手动进行排行推荐。每周互动值排名前三在圈子中享有置顶的优势。设有单品安利区域，推荐同一件单品的不同穿搭推荐。体验目标：提升成就、兴趣和自我体验。提高穿搭审美。

5、“成长”模块设想：个人进行成长积分模式，通过日常任务、阶段任务以及分享的互动值获得积分，积分即是等级亦可以兑换奖品。同时设立打赏机制，用户可对分享进行打赏，激励贡献者。体验目标：展现个人成就，提升自我体验。

五、情境故事：功能模块的交互设计

围绕体验创新的思路，重新构建活动情境，利用一切有利因素，回避消极因素，并通过故事讲述出来。

情感体验目标：审美体验、学习体验、成就体验、自我体验。

用户角色卡片：

功能模块：”发现”模块。设计目标：为学习者更有针对性的推荐适合的穿搭，而快速学会穿搭。让学习者进行更加精准的寻找。对同一单品进行多种穿搭推荐。提升穿搭审美，提升成就和自我体验。

1、“发现”模块的主要情境

（1）随便看看情境：

我最近总被人吐槽不会穿搭，想学习一下穿搭，每天刷时尚博主的微博，看各大公众号关于穿搭的推荐，但总觉得这些搭配穿在我身上好像并不合适。于是，在各类安利下，我下载了“蘑菇街”App。填写准确的个人信息后，进入首页我发现了很多看起来适合自己的穿搭，按照搭配购买后，穿出去终于不再被人吐槽不会搭配。

文字交互流程：打开App>使用微信注册>填写密码>填写个人信息（年龄、身高、体重、三围、肤色、身形）>进入App>发现首页，多个穿搭推荐卡（此时已分类，推荐的来源都是相同标签的用户）>浏览并点击某个>某穿搭主页，搭配详情（描述标签，购买来源）>点击收藏。

我想了解时下大家都喜欢什么样的搭配，通过排行，看大家想尝试的搭配。选择其中一套购买，发现正是最近流行的搭配呢。

文字交互流程：发现首页>切换排序（点赞数从高到低、收藏数从高到低、更新时间）>点击收藏数从高到低>浏览并点击某个

（2）有目的的浏览情境

周末有个很重要的约会，翻遍衣柜发现没有适合的衣服，最近又挺忙的好像没有时间去逛街，淘宝看的眼花缭乱。打开App，看看别人上传的约会穿搭，选择自己喜欢的进行购买，穿着去约会，得体大方，凸显自己的优势。

文字交互流程：发现首页>点击筛选>标签选择（季节、场合、风格、色系）>点击秋季、约会、甜美>浏览筛选后的推荐卡并点击某个

3）通过单品搜索穿搭情境

最近在App上在买了一套搭配，里面有一件针织外套，我想看看这件外套还有些什么其他的搭配。打开App，从收藏中找到上次的那套搭配，然后去从这件外套的链接中看到有这件外套的别的搭配，选了几套喜欢的内搭进行购买。

文字交互流程：左上角菜单>点击我的收藏>点击上次收藏的搭配>点击针织外套链接>下滑浏览此单品的其他搭配并点击某个

我最近在逛商场的时候买了一条裙子，想看看有什么上衣搭配它比较合适，我在App上通过拍照识别找到了这条裙子，点击最相似的裙子，就能看到有它的搭配。

文字交互流程：发现首页>拍照识别>浏览并点击最相似的某个>进入后浏览相关搭配并点击某个

六.原型设计

(一）板块规划：

1.“发现”首页：

2.“我”首页：

3.“穿搭卡”首页：

4.菜单页：

（二）主要流程和界面

1.发现模块的流程一：注册及排序穿搭

2.发现模块的流程二：标签筛选穿搭

3.发现模块的流程三：通过单品搜索穿搭

七、界面设计和总结

1、APP首页

2、穿搭推荐卡页面

3、单品推荐页面

个人总结

历时八周的界面设计课程，从选题到分析到设计界面，遇到了不少问题，也收获了不少知识。一开始的选题，虽然经常使用各类app，但从没有去细心发现过每个app到底在哪些方面需要提高用户体验感。到真的去发掘问题，才觉得每个app或多或少都有一些问题需要去改进完善。选择蘑菇街是因为这个应用从它刚开始出现，还是网页版的时候，我就经常浏览它，到它出了手机端，我也第一时间下载，但慢慢就发现它好像不再是最初的“导购”定位，而变成一个既不像小红书专注于推荐，又不像淘宝专注于购物的平台，这可能也是它慢慢没落的原因。选定蘑菇街，我本意是想优化成有效的穿搭推荐，然后辅助购物。但到分析的时候，我发现我们确实可以给每个人赋予不同的标签，但身高体重，肤色身型排列组合起来有太多太多的可能性，也就是说将会出现很多个圈子，想要每个圈子有足够的人数，就一定要让这个app普及到每个人，拥有更多的用户才行，这应该就是一直存在的问题吧。到最后的交互设计、界面设计，我觉得这算是一个成果展示的过程，前面的所有分析都在这一步直观的展示出来。