界面体验的三种表达途径

表达途径有直接反馈、隐式引导、情感共鸣。

1、直接反馈：直接反馈是指当用户与应用程序进行交互时，系统可以给出即时的提示和反馈，让用户更加清晰地了解自己的操作结果和下一步行动的方向。

2、隐式引导：隐式引导是指通过设计合理的界面元素、颜色、布局等手段，引导用户完成特定的操作，并增加用户对应用程序的满意度。

3、情感共鸣：情感共鸣是指通过设计充满人性化和情感化的界面元素和交互方式，让用户感受到应用程序的温暖和关怀，从而增强用户对品牌的信任和忠诚度。

EmotionUI是华为基于Android进行开发的情感化用户界面。独创的MeWidget整合常用功能，一步到位；快速便捷的合一桌面，减少二级菜单；缤纷海量的主题，何止让你眼花缭乱。触手可及的智能指导，潇洒脱离小白状态。贴心的语音助手，即刻解放你的双手。随时随地，尽情愉悦体验。目前，已超过1亿全球用户。

EMUI31界面变化和以前的EMUI30版本相比，可谓是一样的主题，不一样的背景。EMUI30下拉通知栏白茫茫的底色不见了，EMUI31的变成了沉浸式的毛玻璃背景，从而突出了白色的字体，提升了视觉享受。同时，下拉开关也做的更加完美，EMUI31去掉了30版本的下拉按钮，而是改为了直接滑动屏幕选择开关，在编辑开关界面，每个开关按钮也增加了沉浸效果，界限也更加明显。

1改版计划

佳人有约改版目标

·明确产品定位，优化设计风格以便提升产品品牌认知度。

·优化任务流程、产品架构，使之更符合用户需求。

·提高产品易用性，改善用户体验。

·优化源代码，使网站执行效率更高。

2用研和评估

工作分为三部分：

第一是用户研究，主要针对抽样用户对象进行访问和交谈，并记录他们基本网上交友行为，初步了解需求，得出结论。

第二是对自身网站的数据进行统计和分析，挖取潜在用户行为和需求。

第三是收集第三方交友方面的用户分析数据，结合第一、二点写出符合自身的用户研究报告。

由于这一方面的信息量比较大，就只罗列个大纲。

任务1用户研究

任务2自我评估

评估方式以打分形式进行，并对每一点做说明。

·导航评估(与同行恋爱交友网站竞争对手做对比进行评估)

·PET评估(从说服，情感，信任三方面，观察同行网站对象和自身网站的评估)

·交友网站设计评分(和同行恋爱交友网站对比评估)

·idate交互设计评估(对注册模块，约会模块，搜索，留言，个人管理评估)

·idate页面设计评估(未登录首页，我的首页，搜索约会，约会管理，留言礼物，我的朋友，话题页面，个人展示页面评估)

任务3专家评估

微型专家评估，请外部专业用户体验公司对网站进行一次小型的评估，对idate网站有待改善之处大概罗列出来。

3角色情景

我们直接省略了这块，主要是考虑时间关系，加上目前的工作是改版，基于原来的网站基础上进行工作，所以就省略了这块，也由于省了这块，导致后期会有挺多的概念模型不够清晰和需求不够准确而增加一些讨论的时间。

4任务流程

整理Idate用户对网站所有任务汇总并绘制流程图。这部分的工作的结果，是程序开发功能模块的依据。随着进度和小组工作的进行，随时对任务流程进行修订和与程序沟通。

5信息架构

任务1在Idate筛选代表性用户进行焦点小组卡片分类

任务2对Idate登录用户进行网上改版调查

任务3绘制产品信息架构图

主要是自上而下架设了页面架构和一些功能模块，从横向和纵向进行了分解。对重点导航重新进行定位和移动，挑选出重要的功能模块和淡出次要模块。只有定位好页面结构层次和导航关系，视觉设计师在这个时间才能进行有效的主次关系定位和导航表现形式的设计，甚至关系到整个网站视觉方向的设计等。

6产品原型

具备一套标准的基础交互元件库是很重要的，特别对于几个策划同事分工合作来说，保证了最起码的样式一致性。打包好的元件以组件形式，方便拖放在firework工作区间里移动和摆放，提高网站原型的开发效率。同时也为日后的交互稿管理维护等工作带来方便性。

这次的原型开发应用了Axurepro55原型开发工具

由于时间关系，原型并没有发挥其重要的作用，只是用它实现一个简陋的带点交互的初始原型而已，可以看下面的注册步骤效果图。

个别原因至使应用原型叠代方法并没有在这次改版当中应用到，毕竟开发一个原型接近于真实网站来说，所花时间成本还是比较高的。相信熟悉掌握了这个工具和方法，必对开发高效实用的网站起到很好的作用。

这次的改版的交互稿基本上都是策划同事制作的，他们的表现都很不错。策划制作交互稿有其自身的原因和团队发展的考虑：

第一：策划最了解自己的产品，对需求比较明确。

第二：吸取第一次项目工作的经验，提高交互能力。

交互这块所花的时间比重也是相对比较多，但也是应该的，这部分的工作相当于建楼要打好地基一样，减少后期返工修改过多的问题。

7UI视觉设计

71找参考

视觉设计从立项目就开始着手项目的工作。前期收集相关同行网站视觉

OKCUPID

eHarmony

Match速配日本站

慢慢形成自己的一套视觉色和风格：网易佳人有约区别于国内同行恋爱交友网站，以国内单身白领阶层为主要用户的约会网站。清新简洁，安全舒适，秀气大方。

72定宽度

Idate应用了网格的设计来对齐和布局元素等。定义了每一个格子为10px，安CTRL+K和CTRL+6快捷键就可以调出Photoshop首选项，设置网格。

预览的效果示：

73自下而上的设计

应用自下而上的方式进行设计，从最重要的个人管理页面开始展开。我的佳人有约进过了大大小小十几次的修改，每一次的修改就产生十个以下的视觉稿，不断的不满意，不断的执着修改，以追求最合理的架构、最合理的视觉、最合理的用色为目标，但不以此为终点，因为视觉设计是没有终点的，回顾最后的设计还是会看出问题和不合理。

初期的效果：

初期的效果主次不够清晰，较多地压在下面，头轻脚重。没有一种解脱感。大概经过了十几轮的几十个效果的对比修改，发展出了以下效果：

大体上这个方向和细节已经成形了，但还存在一些问题，如推荐约会太一般，跟今日推荐差不多形式，不够突出。于是做出最后尝试：

透气，有主次，不要过多的色调和设计。最后定下了这个方案。

74设计顺藤摸瓜

其它页面以这个权重较高的个人管理页面为主，展开出去设计。

EMUI是emotion user interface的缩写。意思是情感互动使用界面。

英 [ɪˈməʊʃnˌjuːzər ˈɪntəfeɪs]   美 [ɪˈmoʊʃnˌjuːzər ˈɪntərfeɪs] 

Emotion UI(简称Emui)是基于Android(安卓)进行开发的情感化操作系统。拥有简化的用户界面、新的手势导航和HiVision的“AI”功能，新系统在国内已经向部分机型推送更新，采用了自然极简的设计。

emotion 英 [ɪˈməʊʃn]   美 [ɪˈmoʊʃn]  

n强烈的感情;激情;情感;情绪

复数： emotions

记忆技巧：e 出 + mot 动 + ion 表名词 → 动出〔感情〕→ 感情

用户界面（User Interface，简称 UI，亦称使用者界面）是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。用户界面是介于用户与硬件而设计彼此之间交互沟通相关软件，目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，

完成所希望借助硬件完成之工作，用户界面定义广泛，包含了人机交互与图形用户接口，凡参与人类与机械的信息交流的领域都存在着用户界面。

EmotionUI是华为基于Android进行开发的情感化用户界面。独创的MeWidget整合常用功能，一步到位；快速便捷的合一桌面，减少二级菜单；缤纷海量的主题，何止让你眼花缭乱。触手可及的智能指导，潇洒脱离小白状态。贴心的语音助手，即刻解放你的双手。随时随地，尽情愉悦体验。目前，已超过1亿全球用户。

EmotionUI30基于安卓442版本开发，它的优势是整体性能优于冰激凌版本，流畅度大幅度提升。本次安卓42系统升级代号为JellyBean（果冻豆），EmotionUI20基于果冻豆开发，在继承了Android40基本特性的前提下，完善了用户体验，用户可以在桌面设置、情景切换、语音助手、华为Cloud+云服务等方面感受灵动的画面，体会到“简单易用、功能强大、情感喜爱”的核心设计理念并享受DIY手机的乐趣。

EmotionUI是华为基于Android进行开发的情感化用户界面。独创的MeWidget整合常用功能，一步到位；快速便捷的合一桌面，减少二级菜单；缤纷海量的主题，何止让你眼花缭乱。触手可及的智能指导，潇洒脱离小白状态。贴心的语音助手，即刻解放你的双手。随时随地，尽情愉悦体验。目前，已超过1亿全球用户。

EMUI41界面变化和以前的EMUI31版本相比，可谓是一样的主题，不一样的背景。EMUI41下拉通知栏白茫茫的底色不见了，EMUI41的变成了沉浸式的毛玻璃背景，从而突出了白色的字体，提升了视觉享受。同时，下拉开关也做的更加完美，EMUI41去掉了31版本的下拉按钮，而是改为了直接滑动屏幕选择开关，在编辑开关界面，每个开关按钮也增加了沉浸效果，界限也更加明显。