作者：章銘宇，班級：工設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