作者：章铭宇，班级：工设1602，课程：界面设计，指导：余永海

选题围绕人们观影前后的衍生体验。该选题的目标用户为电影爱好者、电视剧爱好者等。

一、选题介绍和介绍分析：

豆瓣是一个集合了各种书影音评价的社区，同时也有发表文章的功能。

部分用户（包括我自己）喜爱电影、电视剧。他们使用豆瓣时，最希望看到的是豆瓣的影评。豆瓣的影评氛围相当不错，内容也很精彩。但是，好的评论往往都是豆瓣的大牛们所写，让用户感觉到距离感，没有较好的参与度。也就导致这部分用户并不会经常打开豆瓣APP。

App出现前，人们的常见活动情景？

在APP出现前人们接触到影评的渠道有一下几个：1.电影杂志   2.电视节目（CCTV6）   3.朋友之间的讨论。

这又有以下几个问题：1.电影杂志并不容易找到，并且内容大，大部分不是自己想要看的。   2.电视节目有特定的播出时间，不能随时随地的观看。   3.朋友间的讨论主观因素占据绝大部分，可能比较片面或者简单。

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

一、好奇体验

用户渴望看到别人是如何评价自己看的电影的。对他人的感受会有好奇感。

二、成就体验

当用户写了多篇影评并且被他人点赞或认可时，会获得巨大的成就感。

三、兴趣体验

用户首先对电影本身感兴趣，然后散发到影评等与电影有关的活动当中。当用户对其他的活动感兴趣时，就会长时间的停留在这里。

四、归属体验

用户会希望能有一群和自己兴趣一致，并且聊得来的朋友。无论何时何地，当用户看了一部好看的电影时，能够和这群朋友交流、推荐。

五、审美体验

电影是一门艺术，也有电影独有的审美。用户首先可以根据豆瓣的评分知道哪些电影是好电影。然后，用户在观看的同时了解到什么样的电影是好的。

重新定义：豆瓣App

豆瓣是一个让书影音爱好者能够互相交流自己看法的平台，针对不同的关注内容创建不同的小圈子。在圈子中，每个成员都可以自由的发表自己的观点，了解他人的看法。根据每个人对某项事物了解的不同阶段，来让用户接触到不同程度的圈子，让用户既能感受到事物的深度，又能感受到自己的成长。这让豆瓣在作为一个书影音平台的同时，拥有了社交平台的功能。

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

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

从豆瓣等APP来看，主要的活动情境有：

（1）预先了解情境：在一部电影上映前，用户可能会查看电影的演员、梗概以及预告片。发生频率较高。情感体验：有好奇体验和兴趣体验，没有成就体验。

（2）影评情境：用户看完一部电影后，会查看电影的影评，或者发表自己的影评。发生频率高，重要。情感体验：好奇体验有，成就体验有，交往体验无，审美体验略有涉及。

（3）无聊情境：用户在无聊时可能会了解以后要上映的电影，查看其信息。发生频率不高。情感体验：兴趣体验有，好奇体验有，成就体验无。

2. 逐类分析情感体验。

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

（1）生存体验：几乎没有。

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

影音等娱乐活动很容易引起人们的好奇感。

唤醒度高。

（3）成就体验：频率不高。

写影评的人有，阅读者没有成就体验。

唤醒度低。

（4）兴趣体验：发生频率较高。

电影有不同的类型，用户会根据自己的兴趣进行查看。

唤醒中。

（5）自我体验：很少。

当自己写的文章或影评被他人点赞时会有自我体验。

唤醒低。

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

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

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

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

积极的审美感：高质量的电影、电视剧等。

消极的审美感：不计其数的烂片等。

（10）道德体验（赞赏、荣誉、幸福）：几乎没有。

（11）理智体验：几乎没有。

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

（1）自我体验

不应该只有写的人能有成就体验，每个用户都应该有成就体验。看过多少经典的电影？对迪士尼电影了解深刻吗？电影中的彩蛋你都发现了吗？

（2）社交体验

社交对于每个人来说都很重要。人们可以互相讨论剧情、对电影的看法、理解等。群体的归属感在人们交流之中就产生了。

（3）好奇体验

人们的好奇感是引导人们去探索的主要动力。如果能增强用户的好奇感，就能让他们获得更好的使用体验。

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

豆瓣App属于观影的活动，具体的活动有很多，比如找电影、写影评、聊电影、刷电影等等。以下将从看、写、谈、寻等四方面对活动进行分析，分析动机和情感体验。

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

（1）刷片（看）。把一部影片看好几遍；或是一系列的电影在短的时间内全部看完；又或是某一类的影片（动作、科幻、恐怖等等）一下子看好几部。动机：可能是电影很好看，很吸引人；也可能是想要重温一下；也有可能想要追寻某种刺激感。期望：成就体验和兴趣体验，也有好奇体验。

（2）写影评（写）。看完了一部电影，自己有一些感受和想法，就想把这些感受记录下来。影评分享出去后也可以让别人观看，引起他人的共鸣是最好了。动机：记录想法，希望与他人形成共鸣，得到他人认可。期望：成就体验、自我体验等。

（3）聊电影（谈）。和朋友说某部电影有多么多么好看、那个情节多么多么精彩，这是一个很常见的社交情境。动机：希望和朋友分享自己的乐趣。期望：社交体验、兴趣体验。

（1）找电影（寻）。寻找好看的、想看的电影是我们经常做的一个活动，希望能找到一部自己没有看过的、给人惊喜感的电影。动机：找到好看的电影。期望：审美体验。

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

经过对观影的活动分析，豆瓣App活动中值得创新的主要活动为：

1、刷片（看）活动，体验目标为成就体验、兴趣体验。

2、写影评（写）活动，体验目标为成就体验。

3、聊电影（谈）活动，体验目标为社交体验。

4、找电影（寻）活动，体验目标为审美体验。

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

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

（一）刷片（看）活动

刷片活动的体验目标是成就体验和兴趣体验。下面挨个分析创新的模式和具体功能设想。

1、成就体验

（1）习惯的生活情境：我特别喜欢看科幻片，每当有新的好看的科幻片上映，我都会去把它看掉，如果发现了我没看过的（以前的）电影，我也会去看掉。而且我喜欢看速度与激情，我在几天之内就看完了前五部。分析：刷片的记录是关键，这能显示你在电影方面的“经验值”。

具体功能设想：1.用户每看一部电影，就会被记录在豆瓣上，然后获得一定的经验值，既有总的电影的经验值，也有各种分类（科幻、恐怖、爱情等等）的经验值，并显示等级。评分越高的电影获得的经验值相对越多。2.每部电影都设置自己的问答，并有不同的难度（由易到难），通过后会获得相应难度对应的勋章。

2、兴趣体验

（1）习惯的生活情境：我刷了很多部电影，一些电影中有些情节我感触很深，有些场面十分震撼，有些画面致敬了别的电影。我在刷电影的过程中发现了好多有意思的东西。分析：这些有意思的东西都能让人产生很大的兴趣，如果把这些画面记录下来，就能让人很快的想起这些有趣的东西。

具体功能设想：可以让人们自由裁剪电影的片段或截图，这些片段和截图会被放在个人的记录中，也可被设为登录动画或主页的背景。

（二）聊电影（谈）活动

聊电影活动的体验目标是社交体验。下面挨个分析创新的模式和具体功能设想。

1、社交体验

（1）习惯的生活情境：碰到好朋友了，我会和朋友说我最近看了什么电影，这个剧情太好看了，主角太帅了，女主真的漂亮。不知不觉我和朋友的友谊就加深了。当聊到一部悬疑片时，你有你的看法，我有我的看法，我们相互争论，最后对这部电影的理解也变的更加详细。久而久之，我们就喜欢不时的聊电影的细节。分析：好友之间聊电影能够加深相互之间的感情，会主动的想去“切磋”各自的想法。如果给广大的影迷们这样一个平台，让他们各展神通，就会促进他们的社交体验，激发他们的兴趣。他们习惯之后，就会对APP产生依赖感。

具体功能设想：根据每个用户的勋章（类型、难度）、观影等级来创建好友圈，圈中的人可以发表动态、电影推荐、影评等信息，也可以相互交流。

（三）写影评（写）活动

写影评活动的体验目标是成就体验。下面挨个分析创新的模式和具体功能设想。

1、成就体验

（1）习惯的生活情境：我看完了一部电影，有很多感想，发现了好几个彩蛋。可是我不说的话，别人又不知道我的这些想法和发现，我想写下来，能让别人知道，得到他人的称赞。也有人写影评是为了锻炼自己的文采，为了让自己写的文章更加优秀。分析：写的影评获得他人的称赞能够让作者获得极大的成就。不妨先让影评被自己的好友圈接受，再被广大影迷接受。避免无人问津对作者造成挫败感。

具体功能设想：影评会发在用户的好友圈当中，当用户打开豆瓣时，会优先跳出自己好友写的影评。作者打开时，会优先跳出自己影评被点赞和评论的内容。 

（四）找电影（寻）活动

找电影活动的体验目标是好奇体验。下面挨个分析创新的模式和具体功能设想。

1、审美体验

（1）习惯的生活情境：我没事干了，想看电影，就打开了各种视频APP，翻来覆去的找电影。有时也会在网上找别人写的电影推荐。可是大部分情况是我找到的电影并不符合我的胃口，找到的也可能是烂片。随机的寻找电影得不到质量的保证，而某些大咖会不时的分享自己的推荐，这些推荐中的电影在质量上会有一定的保证。分析：如何让用户找到好看的电影是关键。随机推荐好看的、用户喜欢看的电影可以引起用户的好奇感。

具体功能设想：寻片模块会首先排除用户看过的电影，然后根据勋章类型准确筛选，综合考虑电影评分等因素，随机跳出电影。看完寻片跳出的电影后会获得额外的经验值。

（2）习惯的生活情境：朋友看了一部电影并觉得很好看，于是和我聊天时一直向我推荐这部电影。我听了朋友的描述后也对这部电影产生了看的兴趣，于是后去之后看了这部电影。分析：好友推荐的电影一定是他看过了并觉得好看的，有了质量的保证。通过他的描述能够了解这是一部怎么样的电影，有时候会比网上的推荐更加简洁明了。

具体功能设想：建立好友之间的推荐渠道，互相推荐优质的电影，推荐后也可获得经验值。

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

1、App名称：豆瓣APP。活动定义：电影就是生活。记录每个人的观影历程，推荐优质的电影，发表自己的影评，享受自己的观影生活。

2、用户角色卡片：

     基本信息：章铭宇，21岁，在校大学生。

     生活现状：喜欢看电影、电视剧，各种评分高的视频都是他的菜。看完电影后也会有自己的一点想法。

     观影活动：有好看电影上映时一定会第一时间关注，符合他胃口的电影后抽空去电影院看。在空闲时间会经常想看电影，可是苦于找不到真正好看的电影。每天抽空上网寻找有没有新的电影，并会下载自己喜爱的电影以便日后重温。在日常生活中只有一两个朋友是真正喜欢电影的，但各自的电影爱好又不尽相同，很难聊到一块去。

     情感体验问题：审美体验、社交体验、自我体验、兴趣体验等。符合口味并且评分也不错的电影最让自己心情澎湃。最好能有高质量的电影的推荐，即便类型不是自己最喜欢的也能认真的欣赏电影本身的故事。希望能有和自己臭味相投的朋友，相互讨论电影。也希望自己认真努力写的影评能够被别人关注并认可。

3、成就模块设想：（1）建立用户等级制度，等级会显示在个人主页上，有综合等级也有其他分类的等级。用户每看一部电影，就会被记录在豆瓣上，然后获得一定的经验值，既有总的电影的经验值，也有各种分类（科幻、恐怖、爱情等等）的经验值。评分越高的电影获得的经验值相对越多。（2）每部电影都设置自己的问答，并有不同的难度（由易到难），通过后会获得相应难度对应的勋章。

4、好友圈模块设想：根据每个用户的勋章（类型、难度）、观影等级来创建好友圈，圈中的人可以发表动态、电影推荐、影评等信息，也可以相互交流。也可以有其他新颖的功能。建立好友之间的推荐渠道，互相推荐优质的电影，推荐后也可获得经验值。

5、个性模块设想：可以让人们自由裁剪电影的片段或截图，这些片段和截图会被放在个人的记录中，也可被设为登录动画或主页的背景。

6、影评模块设想：用户写的影评会发在用户的好友圈当中，当用户打开豆瓣时，会优先跳出自己好友写的影评。作者打开时，会优先跳出自己影评被点赞和评论的内容。

7、寻片模块设想：寻片模块会首先排除用户看过的电影，然后根据勋章类型准确筛选，综合考虑电影评分等因素，随机跳出电影。看完寻片跳出的电影后会获得额外的经验值。

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

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

1、成就模块的主要情境

（1）成就系统主流程：打开APP，点击底部“我的”，进入个人主页后，就可以看到我的头像、ID、个人等级、我的影评还有成就系统（我看过的电影数量、获得的勋章）。点击成就系统，成就主页显示了我看过电影的数量，有总的也有分类的，也会提示在我的好友中我的排名是多少。

文字交互流程和对象：打开APP>豆瓣首页，多条关注用户发的文章；点击底部导航栏“我的”>个人主页，个人信息（ID、头像、豆瓣等级、观影勋章、影评列表、个人收藏，等等）；点击我的成就>成就主页，我的观影数量、勋章列表、好友排名

（2）获取经验值次流程：打开APP，点击顶部的搜索栏后搜索某一部电影，跳出这部电影的简介卡片以及其他相关的电影。进入这部电影的主页后，会有“已观看”的选项，点击后会进入测试题来检测你是否真的看过这部电影。测试完毕后便会获得相应的经验值。在不同类的电影中取得一定的分数便可获得勋章。

文字交互流程和对象：打开APP>豆瓣首页，多条关注用户发的文章；点击顶部搜索栏>搜索页面；输入电影名称>搜索内容，电影卡片，相关电影，相关内容；点击“电影卡片”>电影主页，电影信息（名称、上映时间、导演、主演、电影简介、预告片、剧照，等等）；点击“已观看”>测试页面，测试题；答题完毕>获得经验值。

（3）IP家园次流程：打开APP，点击底部“我的”，进入个人主页后，可以看到我的家园，进入家园后是一个卡通小房子（我的家），里面住着各种电影IP：星球大战的士兵、史迪仔、速度与激情的赛车，等等。

文字交互流程和对象：打开APP>豆瓣首页，切换到“我的”>个人主页，个人信息；点击家园>家园页面，多个IP展示。

（4）获取IP次流程：打开APP，找到哈利波特系列电影（或星球大战、速度与激情等）的挑战榜，当看完其一整个系列之后，便完成了这个榜单，可以获得IP。点击榜单中的获得奖励，就会跳出“成功获得哈利波特的魔杖”。进入家园就可以看到魔杖了。

文字交互流程和对象：打开APP>豆瓣首页；点击书影音；书影音的电影主页，所有电影和榜单；选择哈利波特榜单>榜单页面，完成进度；点击获取奖励>完成

2、好友圈模块的主要情境

（1）内容浏览主流程：打开APP，点击我的好友圈，进入好友圈主页。我加入的好友圈会显示在主页里，还有与自己谈得来的好友的私聊空间。选择一个好友圈进入后，会有这个圈子的圈友们发的影评、个人看法等等。

文字交互流程和对象：打开APP>豆瓣首页，多条关注用户发的文章；点击底部导航栏“好友圈”>好友圈首页，我的好友圈列表，好友列表；选择好友圈卡片>好友圈页面，圈内成员发的影评，个人推荐，个人看法；点击一条>阅读内容。

（2）好友推荐次流程：有好友要我给他推荐一些好看的电影，于是我打开APP，切换到好友圈列表，选择我的好友进入对话页面。在对话页面中选择“推荐”，即可搜索并向其发送内容（电影、文章、预告片，等等）。

文字交互流程和对象：打开APP>豆瓣首页，多条关注用户发的文章；点击底部导航栏“好友圈”>好友圈首页，我的好友圈列表，好友列表；选择好友>对话页面；点击向其推荐>推荐内容寻找，电影、文章、预告片，等等；选择某一项发送。

3、个性模块的主要情境

（1）剪辑视频主流程：打开APP，在看某一部电影时，突然觉得这个片段自己很喜欢，于是点击屏幕右侧的个性剪辑。跳转到剪辑模式后，就可以按照个人的喜欢来裁剪电影的片段。剪辑完毕后，点击保存，就可以把自己剪好的视频保存到个人主页中的“电影时光”模块。

文字交互流程和对象：打开APP>豆瓣首页；切换到影视库>影视库首页，各种电影卡片;选择要看的电影>放映页面；点击“个性剪辑”>剪辑页面，挑选要剪辑的片段；点击保存>剪辑的片段保存至个人主页的“电影时光”。

（2）设置个性背景次流程：我想把我的个人主页背景还成我喜欢的截图或是动态图片。打开APP后切换到个人主页，点击“电影时光”进入电影人生主页，主页中有我所剪辑的视频和我截图的图片。选择其中一个视频或图片，点击“设为背景”，便可以把自己喜欢的视频或截图设为主页的背景。

文字交互流程和对象：打开APP>豆瓣首页；切换到个人主页>个人主页；点击“电影时光”>电影时光主页，多个剪辑的视频和截图；选择一个视频>视频播放页面；点击设为背景。

3、影评模块的主要情境

（1）阅读影评主流程：打开APP，切换到好友圈模块后，会跳出一个窗口，这个窗口会列有多条好友发布的新影评。选择其中的一篇影评，阅读完后可以留言、点赞等等。

文字交互流程和对象：打开APP>豆瓣首页；切换到好友圈>好友圈首页，跳出我的好友写的影评的列表；选择一个影评>阅读影评；点赞或评论。

4、寻片模块的主要情境

（1）阅读影评主流程：打开APP后，我希望寻找新的电影，于是打开了寻片功能。寻片页面有很多条大咖们的电影推荐名单，我选择了我最感兴趣的一篇点开，里面有好几部电影和简介。看了一个简介后，我对这部电影十分感兴趣，于是点击这部电影的“观看”按键，跳转到这部电影的播放页面。

文字交互流程和对象：打开APP>豆瓣首页，找到功能模块；点击“寻片”>寻片首页，多个大咖的佳片推荐；点击其中一篇>阅读页面，多部电影和简介，以及作者的观影感受；点击观看>播放页面。

六、原型设计

（一）板块规划：

1、首页：豆瓣推荐、书影音、好友圈、寻片、我的

2、好友圈板块：好友圈列表、好友对话框

2.1、好友圈动态：个人推荐、影评、图片、相关内容等

3、寻片板块：电影榜单、大咖推荐、随机推荐

4、我的：主页背景、头像、ID、电影等级、观影成就、电影时光、个人收藏、我的影评，等等

4.1、电影时光板块：剪辑视频、截图

（二）主要流程和界面

1、成就模块的流程1：成就系统

2、成就模块的流程2：获取经验值

3、成就模块的流程3：IP家园

七、界面设计

展示3个高清界面效果图：

1、寻片页面

2、好友圈列表

 3、个人主页

个人课程总结：

       这次的课程给我收获挺多的。这学期之前的假期里，我在实习的过程中也接触到了一点界面设计，然后发现自己在这方面缺少学习的经历。

       实习时接触到的界面设计也比较简单，主要任务是app的板块的排版、界面的UI等，并没有涉及到情感体验。即便如此，我还是比较难受，因为没有接触过系统的学习。只能自己在网上寻找别人的方法学习。所以我对这门课程比较期待。

       这门课主要学习了如何增强人们在使用app时的情感体验。有许多app在下载以后就被我们忽视了，因为我们并没有打开它的需求，或者说没有我们想要的内容。而我们，可以把人们想要获得的体验给设计出来，把这个体验赋予到某个app上面。

       情感体验的设计已经不仅仅是基础的UI设计了，在“这个功能放在什么位置”的程度上升了一级，是最本质的如何吸引用户使用这个app。情感体验有很多种，把任意一种情感体验做到比较好的程度都可以让你的app在同类app中脱颖而出。

       这次的作业从选题，到分析，再到流程的设计，制作的过程中经常会碰到一些问题，中途提纲的改变也让我有些混乱，感觉自己写的有些内容重复了许多遍。而且我们想到的一些想法可能还比较不成熟，希望老师能够多找一些app情感体验设计成功的案例分析一下，提供一点借鉴。

over