H5案例分析 | 江小白之这里藏着我的秘密

一、案例 ：真的不用说谢谢

二、来源 ：江小白

三、类型： 图文展示+游戏测试

四、内容策划：

在内容策划上，该H5采取图文展示+游戏测试的形式呈现，每个测试题的出现都依托一个场景为题目的背景。每道题也都是来自日常生活中。可见，日常生活常常作为H5各方面创作的来源。

加载页面过后，就出现了一个“弹幕”界面，满屏都是不同人的便签，都与孤独、犹豫息息相关。但是自己究竟怎么了？点击按钮，以时间为线索一探究竟。

上班一个人坐地铁的场景。

晚上加班，独自一个人逛街，一个人看**，到哪里都是一个人。

一个人过生日，一个人喝酒，一个人搬家。

随着主人公一天的结束，测试题也答完了，随后是一些关于“空巢青年”的数据统计。

最后是显示自己的孤独指数与分享页面。

集中体验过一些H5过，感觉测试类的H5有一些通病：比如，测试内容和主题，“文不对题”。首先，在这个H5中，本以为是展示型，后来又加入了测试内容，结果又是“孤独指数”，有些牵强。

虽然内容中的场景都源于我们的生活，我们也或多或少都经历过，但是在我看场景时却无法引起强烈的认同感，没有引起受众孤独的“情感”心理，在H5的内容上，感觉如果走“情感”路线是很难引起强烈的共鸣的。

H5中的场景已经被翻来覆去说过很多回，也已不算是心中的秘密，看完加载页面后，再看后来的测试内容，落差较大，没有新意。不过内容上也有一点值得肯定，江小白的文案还是比较给力的。“碰一碰杯，找回真实的自己”。

五、交互设计：

在第一个场景中设置了用户引导，一进入画面时，整体呈暗色，点击画面中的“亮色”区域，播放场景并同时出现测试题。每个场景的交互模式相同，设置了良好的引导，后面的操作也都比较顺利，但是如果场景过多且还在不知道有多少道的情况下，反复进行同一操作容易疲劳。

最后的几个文案部分的顶部，设有“星星”的进度条，示意左滑后还有三个页面的内容，有点啰嗦和重复。而测试答题时反而看不到进度条，也不知道有多少个时间节点，有多少道题目，可以考虑将时间线索与进度条结合起来，起到一个告知用户进度的作用。

最后也没有引导用户分享的提示，这个地方也有所欠缺。

六、视觉设计：

孤独往往与黑暗相伴，H5的整体采用暗色系的颜色，漫画式的画风，每个场景中都有明有暗，能较好的突出主人公的孤独的处境，画面的气氛营造的很好。

相关阅读（展示型）

H5案例分析 | Vivo X 20 星耀红 圣诞读心术

H5案例分析 | 京东救援队

H5案例分析 | 滴滴感恩节“真的不用说谢谢”

H5 案例分析 | 人工智能（AI）简史

H5案例分析 | 圣诞焕境之旅

H5案例分析 | 一分钟了解电历史

“情绪”是影响设计师最为重要的一个因素。设计从某种意义上讲,就像是戴着枷锁跳舞,思维可以天马行空，但是必须能够被实现，这是技术的制约。情感可以任意宣泄，但是必须照顾到消费者的情感体验，这是市场的制约。设计的好坏最终还是市场说了算，这就是当下设计领域的普遍规则。

自然语言理解（Natural Language Understanding，简称 NLU）是自然语言处理领域的一种技术，其目的是使计算机能够理解人类语言的语义。它在多个领域中有着广泛的应用。

问答系统: 它能够识别用户的问题并回答相应的答案。例如，谷歌搜索引擎就是一个基于 NLU 技术的问答系统，它能够识别用户的问题并返回相应的答案。

智能客服: 智能客服是一种自动化的客户服务系统，它能够识别用户的问题并回答相应的答案。这种系统通常基于 NLU 技术，能够识别用户的语言并回答相应的问题。

智能家居: 它能够识别用户的语音命令，并控制家里的电器和设备。

聊天机器人: 它能够和用户进行自然语言交互，并回答相应的问题。这种应用广泛用于在线客服、电商和社交网络等场景。

文本生成: 它能够根据给定的上下文和模板，生成自然语言文本。这种应用广泛用于新闻摘要、智能文档编写等场景。

语音助手: 它能够识别用户的语音命令，并执行相应的操作。比如，苹果的 Siri 和谷歌的 Google Assistant 就是基于 NLU 技术的语音助手，它们能够识别用户的语音指令，并执行相应的操作，如播放音乐、查询天气、发送短信等。

情感分析: 它能够分析文本中的情感，并确定其是积极的还是消极的。这种应用广泛用于社交媒体监测、客户反馈分析等场景。

总之，自然语言理解技术在多个领域。这些应用不仅能够提高效率和便利性，还能够帮助企业和组织更好地了解客户和市场，并做出更明智的决策。

请参考我发布的科普视频：

自然语言理解NLU的应用场景有哪些？

心理案例分析写法如下：

自卑畏怯的心理大家都不同程度的有，有的同学在小学五年里顺利地走过来了，也具备了一定的实力和优势，面对激烈的竞争，却觉得自己这也不行，那儿也不如别人，自卑的心理使得自己缺乏竞争勇气

缺乏自信心，走进六年级的学习，特别是参加毕业会考，心理可能就忐忑不安。一旦中途受到了挫折，更加缺乏心理上的承受能力，总觉得自己确实不行，在激烈的竞争中，这种心理障碍是走向成功的大敌。

现在的家庭多是独生子女家庭，造成家长对孩子有着望子成龙，望女成凤的期待，导致许多的小学生肩负重担，过重的压力在学生未能达到父母期望时，便使学生形成自卑心理，否定自己，怀疑自己，不安、烦恼、孤独、离群等情感障碍随之而来。

母亲对孩子的学习辅导力不从心，父亲每晚工作到深夜才回家，偶尔才过问一下孩子的学习情况，对孩子的期望也很高，但表达的方式十分粗暴。

“师爱是教育的基础”，为了去除毛某的畏惧心理，我在课余经常有意无意的找毛某闲谈，中午她在校午睡时，帮她盖好被子，让她帮我拿作业、发作业本，上课时从不公开点名批评她，发现她有所进步及时表扬。

自然语言处理（NLP）在旅游领域具有广泛的应用，其中之一是情感分析。情感分析是指通过计算机程序来识别文本中的情感倾向，分析人们对旅游目的地、酒店、餐厅、交通工具等的评价。这种技术可以帮助旅游公司、酒店、餐厅等机构了解消费者的需求和喜好，改善服务质量和提高客户满意度。

一个典型的旅游情感分析应用是在线评论分析。在线评论是消费者对旅游目的地、酒店、餐厅等的反馈，通过使用 NLP 技术，旅游公司和酒店等机构可以分析这些评论，了解消费者对服务质量、位置、价格、餐饮等的看法。这些信息可以帮助他们改善服务质量、提高客户满意度。

另一个应用是社交媒体情感分析。社交媒体是消费者展示旅游经历的主要渠道，通过使用 NLP 技术，旅游公司和酒店等机构可以分析消费者在社交媒体上发布的文本、和视频，了解消费者对旅游目的地、酒店、餐厅等的感受。这些信息可以帮助他们改善服务质量、提高客户满意度、扩大品牌知名度。

此外，NLP还可以用于预测未来趋势，通过分析历史数据来预测旅游需求、价格趋势等，进而帮助旅游公司和酒店等机构调量、提高客户满意度。

NLP技术还可以用于语音识别和语音合成，在旅游领域中应用于语音导航、语音查询等场景。例如，旅游公司可以开发一款语音导航应用，让游客在旅游中使用语音命令来获取信息和导航。

总之，NLP在旅游领域有着广泛的应用，它可以帮助旅游公司、酒店、餐厅等机构了解消费者的需求和喜好，改善服务质量和提高客户满意度。通过使用NLP技术，旅游行业可以更好地了解客户，并提供更好的服务和体验。

通过本能层、行为层和反思层的设计，增强产品设计中的情感体验。

要成为一名出色的设计师，仅仅了解用户的反应是不够的，你还得了解为什么用户会做出这样的反应。为什么有些用户会对这个界面感到愉悦，而其他用户却不高兴？为什么我们修改了配色后，转化率变低了？为什么有些用户会去分享他们的体验，而其他用户不会？

在《情感化设计》一书中，Don Norman探讨了三种不同层次的设计：本能、行为和反思。告诉了我们用户是如何在情感上与事物发生联系。

愉悦

“愉悦”是本能、行为和反思在情感化设计的交叉点（我们将进一步探讨）。至关重要的是，设计师要理解这些情感反应不是偶然的，它们可以通过以人为本的设计方法来培养和创造，提供持久和印象深刻的价值。

首先，在用户使用产品的过程中，必须让用户获得一些预期的价值。如果用户跟产品的第一次见面，就感受到了产品的价值，那么用户会更乐意去使用它，产品的留存就会高。所以产品设计一定要突出核心价值。

然后，在我们培养这些情感体验之前，必须满足一套先决条件，即产品的可用性和易用性。

最后，如果体验能引起积极的本能、行为和反思性的情绪反应，人们会喜欢这个产品并分享给其他人。

现在，我们将探讨这些层次的基本知识，以及它们如何应用于产品设计的例子。我们还将从认知科学的角度来构建这些层次。

情感化设计元素

情感化设计可以将功能性产品转化为难忘和持久的体验。

这通常表现为4个方面：

情感记忆链接 -情感会不停地在我们的记忆中发酵，超出了产品的基本功能价值。我们会记得让我们有某种感觉的事情。

美观的可用性效果 -美观增强了可用性，增加了用户学习和适应的意愿。

说服性情感（直觉） -情感使用户能够做出直觉和快速的决定。我们用认知来理解和解释我们的世界，但是我们的情绪会加快我们的决策。

所有权效应 -用户将花更多的精力在其感到有主导权的地方，就像产品是他们自己的延伸。所以要让用户参与到产品中来，让用户可以一起建设产品。

在任何设计中，本能、行为和反思这三个不同的层面都是互相交织的。没有一种设计能完全独立于这三个层面之外。——诺曼，《情感化设计》

接下来就让我们一起走进情感化设计的三个层面：本能、行为、反思。

一、本能情感设计

本能反应是由最初的感官体验触发的。正是这种第一印象决定了用户将要探索其他一切功能的心情和最初的框架。

MacBook Pro开箱

强烈而积极的本能反应有以下好处：

他们为每个后续的交互创建了一个积极的环境。

如果最初的体验是非常积极的，那么用户更容易原谅错误。

“一见钟情”将更易于引导用户分享产品。

本能设计包括用户的意识状态、产品的最初吸引力和用户的整体感受。

二、行为情感设计

行为反应是我们沉浸在产品体验中的感受。这就是我们如何对产品交互做出反应，继而从产品中获得价值，也就是常说的可用性。

从情感的角度来看，当交互是流畅的、熟悉的、符合预期的，那么用户就会从产品的可用性中获得快乐和满足。

行为设计包括可用性、产品功能、性能和使用效果。

捷豹气温控制系统

强有力和积极的行为反应有以下好处：

它们让用户感受到一种控制感。

通过在用户的行为和预期价值之间建立直接的联系来培养信任和可靠性。

我们应鼓励重复的反应，因为人们更倾向于再次体验那种快乐。

三、反思情感设计

反思性的反应是用户沉浸在某种体验后的感受。用户会记住这个体验给他带来的感受，它决定了用户是再次体验，还是回避它。

强烈而积极的反思反应有以下好处：

他们鼓励用户与他人分享他们的体验。

通过使用延伸到产品本身之外的情境来唤起一种自豪感和认同感。

总的来说，反思性情感设计捕捉到了产品的意义、思想的影响、体验的分享以及文化的影响。

情感化设计技巧

为了创造愉悦的体验，设计师必须掌握情感化设计的技巧。以下是情感化设计技巧：

个性化和定制 -个性化用户体验，让您的用户感受到主导权。允许用户将体验定制为自己的延伸

富有表现力的图像 -使用用户可以与之产生共鸣的、插图和动画-视觉效果本身可以展示情感并帮助用户移情。

正面惊喜 -通过让你的用户惊喜来引起正面的情绪反应。

人性化口吻 -使用更人性化的口吻与用户交谈。通过对话表达情感、同理心和鼓励。

幽默 -笑声和欢乐是非常强烈的积极情绪，可以减轻恐惧和不确定性，同时唤起一种快乐的感觉。

讲故事 -有助于人们理解体验的历程，构建他们的互动框架，甚至在使用产品后也能回忆起他们的体验。

微交互 -微妙的暗示使界面更加活跃和有趣，更能促进互动。

总结

本能的、行为的和反思性的情感设计创造了持久和愉快的产品体验。

情感化设计三层模型

设计师必须了解情感设计是如何涵盖整个体验的，从最初发现产品到使用产品，再到产品使用后的思考。

仅仅用“一见钟情”来培养体验是不够的。这种爱必须是永久的、持久的和可分享的。

本篇文章偏理论，意在先树立情感化设计的意识和理论基础。我还会再写一篇文章，更加具象化的阐述如何进行情感化设计。

产品系列文章

汤涌：干货 | 产品经理入门完整版—能力模型、常用工具、书单、快速入门法​zhuanlanzhihucom 汤涌：如何进行需求收集？​zhuanlanzhihucom 汤涌：需求分析方法论​zhuanlanzhihucom 汤涌：从需求到落地，产品全链路实现流程​zhuanlanzhihucom 汤涌：从需求到产品，如何做一份无懈可击的产品设计​zhuanlanzhihucom 汤涌：情感的艺术—诺曼·情感化设计​zhuanlanzhihucom 汤涌：情感化设计·实战案例篇​zhuanlanzhihucom

一、什么是“沉浸式”交互

我理解的“沉浸式”是指：当人在某种活动或者任务的时候，全部的精神能够投入到当前行为中，不被其他信息干扰或者打断，同时能够产生高度的兴奋和充实感；沉浸式的设计常见于游戏类交互、视频观看类交互、阅读类交互、复杂信息展现的交互当中、VR交互、活动页面等等。

二、沉浸式情感状态——心流

在心流状态中，人们会忽略时间和外部环境，与正在做的事情融为一体。一般情况下“心流”状态发生在行动的挑战稍微超过我们的技能水平，所以需要持续的关注。“心流”要求的活动任务相对于我们的技术水平不能太简单，也不能太困难。产生心流活动任务有以下特点：

1、用户热衷于正在进行的任务

2、用户专注一致的任务活动

3、任务目标清楚明确

4、任务过程中任何时候都应立即反馈

5、用户对任务必须有主控感

6、当完全沉浸在任务中时用户的忧虑感会消失

7、当完全沉浸在任务中时，用户主观的时间感会改变，一般会进行很长时间而感觉不到时间在流逝

因此在进行交互设计过程中，尤其是一个长的任务流程时，设计师尽可能追求在完成任务时让用户产生“心流”。

App端设计小技巧：

把状态栏、导航栏等用来操作的空间隐藏在以主要内容为主的情景中，通过相对隐形的交互方式达到最大化用户可视内容的区域，让用户注意力全部集中于内容本身，再次点击屏幕空白处显示隐藏的部分。

三、案例分析

有道云笔记的笔记详情页设计没有采用沉浸式设计，在浏览内容时状态栏、导航栏位置固定不变，没有最大化用户阅读的可视区域，如果采用隐藏状态栏和导航栏的沉浸式设计，在用户需要操作时随时显示导航栏，这样的设计给用户的体验会不会更好呢？