DAY 13

今天开始做人人都是产品经理的笔记，Fighting

一、交互设计

1.视觉设计如果不懂交互,会造成以下几个后果：1.只为视觉美观而不考虑用户体验   2. 沟通障碍   3.反复修改

交互设计流程

1）业务模型框架化：导航架构图——流程图——低保真线框图

2）框架界面化

3）沟通障碍

上图中可以看出，交互设计主要干三件事：

①定义部分需求    

设计人员只是实现和改善界面体验。而产品的真正需求不仅仅来源于业务，还包括使用者的情感需求。在情感分析方面，交互专业是具有优势的

②定义信息架构和操作流程

1)结构导航的设计。

结构导航分两种：全局导航与局部导航。全局导航一般是指无联系的信息结构做的一级大分类，方便用户以最快速的方式了解整个网站有什么大概内容。而局部导航则关注于用户最方便的快捷操作和业务引导操作

2) 关于流程的设计

设计中要遵循：1.以业务目的为主要导向；2.兼容到用户的习惯；3.尽量让流程做减法，多一个流程就会丢一部分用户；4.任务是连贯和清晰的；5.考虑实现方式的复杂程度

③组织页面元素，制作原型demo

二、背着包袱跳着走

1）一个页面总是承载着完成任务所需要的一步或者几步步骤，每个页面所承载的步骤越多，页面的跳转就越少，反之，每个页面所承载的步骤越少，就越需要更多的页面跳转去帮助完成任务。然而

1.一个页面所承载的步骤多了，那么在这个页面上提供的信息自然就多了，用户的认知与学习压力也自然就上去了，“会找不到在这里自己该做什么”。

2.页面之间的跳转多了，用户走到错误页面的几率也就越大，“会常常觉得自己不知道该去哪里”。

2）如何让用户更顺畅地完成自己的任务呢？以下几点或许应该引起注意。

1.合理的页面信息焦点。每个页面除了承载完成某一项任务所需的几个步骤之外，往往还会存在着相关或者相似任务的其他步骤。而让页面可以更干净地去做某一件事儿，用户的负担或许就会小些。

2.合理的操作步骤关联。一个页面中所承载的同一任务的几个步骤，应该是前后承接紧密并且密切相关的。把前后关联度相对较小的步骤，放到上一个或者下一个页面中去操作。

3.合理的适时出现。只有当用户的焦点在当下需要完成的步骤上时，与该步骤相关的信息即时出现。这样不但可以更快地帮助用户完成操作，减少用户此刻的学习负担，还可以帮助用户减少在认知整体页面时的压力。

4.相似的任务相似的操作。在一个网站中，用户进行相类似任务的操作时，应当有相类似的体验。这样也可以有效地帮助用户快速学习，让用户明晰网站的结构。当用户熟悉网站结构时或许就会有一种征服感，这种征服感带来的愉悦会愈加加速用户在网站中的各种有效活动。

5.合理的导航设计以及网站布局。就像在路上驾车时的道路指示牌，合理的指示合理地出现才不会让用户迷路。

6.用户最终完成某一项任务的步骤总是线性的。日常生活中用户熟悉的书，文章，音像以及录像全部都是一种线性的体验。尽管在完成任务的过程中会出现各类的选择，但是先做什么，后做什么的思维总是贯穿在用户的脑中的。

二、面包屑

What?——————————1.基于用户所在的层级位置    2.基于产品的属性

why?——————————  1.定位和导航  2.减少的用户返回上级次数   3.干扰性小   4.降低网站访问者的总体跳出率。

when?——————————1. 存在大量的分级内容的网站中  2. 在一些引导性的网络应用或者软件安装进程  3.提高他们定位能力

How? ———————————1.【带下拉列表的面包屑】 2.交互式面包屑

三、SNS看社会化界面设计

用户界面的设计目标，是帮助用户能够成功操作。而社会化界面的设计目标，是帮助人与人之间的社会关系能够成功运作，即使这意味着必须要冒犯个别用户。所以，这时给到我们的设计启示是我们可以不在界面上显示错误信息，假装系统接受了用户的不法内容。这样使得恶意传播者感觉达到了目的就离开了。我们要做的就是不让这些不法内容被任何其他用户看到。

四、分面搜索

分面搜素的优势

1.分面搜索支持用户根据自己的需要选取不同的分面进行筛选，而不必按照网站预先设定的单一方式寻找。

2.分面搜索允许用户自己创建搜索路径，并且可以随时扩大和缩小结果范围。

3.分面搜索只展现有对应结果的选项，避免了无搜索结果的情况。并且一般在搜索前提示用户该选项内包含的结果数量，给用户良好的操作前提示。

五、轻设计

1.具有灵敏的可交互元素

2.轻便的流程和提示，不打断用户的当前任务

3.不干扰用户的注意力

技巧：

       1. 灵活的logo响应区；

　　2. 灵敏的可交互元素；

　　3. 清晰且温和的提示；

　　4. 隐藏或弱化不常用的操作；

　　5. 引导和强化推荐操作；

　　6. 轻便处理临时任务