1. 设计师如何参与一个具体的项目

需求分析，了解需求，清楚我们要做一个什么样的产品，目标用户是谁，要达到什么效果，具体有什么内容、功能…

然后我们开始进行设计，在草图上梳理信息架构，设计任务流程，设计界面，确认没有问题后再用专业的软件工具把设计方案呈现出来。

经过设计评审后，设计师要去跟进后续的视觉、前端、开发、测试环节，确保最后的产出物和自己的设计方案一致。

2. 在项目中设计师容易遇到的问题

团队成员的专业能力

外界因素的影响

团队凝聚力

3. 和产品经理一起做需求分析

由于产品经理背负各种产品绩效指标，压力大，这种情况下难以避免的要站在商业/项目角度考虑问题，很难再去心平气和的考虑用户的需求。这样就难以做到商业价值与用户需求的平衡。产品经理应该在初始阶段和设计师一起合作，通过融合各自的专业方法，共同完成需求分析，这样更好的平衡商业价值和用户需求，同时也保证最好的产品产出不会过于偏离产品方向。

4.产品定位的内容：

例：专为摄影初学者使用的简单易用的修图软件。

使用人群：摄影初学者

主要功能：修图

产品特色：简单易用

产品定义的作用：迫使产品经理努力去思考产品的方向和机会，在激烈的竞争中杀出一条血路；其次产品定义为产品限定了大致范围，让团队成员不至于在千头万绪中感到无从下手、难以取舍；最后产品定义使团队成员的凝聚力更强、思想更统一，而不是各自为政。

5.需求文档应该包含什么内容：

文档修改与审核记录。

背景描述：为什么要做这个产品＼模块、市场行情、业务目标、产品定位等。

用户类型特征：简单的描述目标用户情况或现在使用人群的情况。

项目时间安排：何时启动，何时完成等。

信息结构：这里可简单理解为内容或页面的层级。

整体业务流程说明：对于涉及较多的产品＼功能，需要业务流程图，帮助设计师和项目成员理解具体的业务逻辑。

需求详细说明：每一条需求的详细说明。一个文档里会有若干条这样的说明。

6.如何搞定信息分类：

逻辑归类：人们生活中熟悉的分类逻辑对内容进行组织。（例如：衣服的男装女装。或者是幼儿学习课程按照年龄分类）

7.好的导航设计：

导航的自我解释。

iPhone的官网导航，左上方的网站logo告诉用户正在访问iPhone家的服务，无论什么时候点这里都能回到首页，右边的mac字体成浅灰色显示，与其他同级元素有差别，下方icon形象显示mac的产品，告诉用户整个页面信息都是属于这个分类下，banner右下方显示新款按钮。清楚的解释了“我从哪里来？”、“我现在在哪里？”、“我能去哪里？”

深广度平衡。

相较于鼠标不停的点击，眼睛在页面上扫视的成本要低很多，比起深层次的导航结构，广度导航更利于用户发现信息。但广度超出用户接受范围人们要阅读很多选项才能选择，如vivo家的导航广度平衡，但哇点的就有些多。

用户所需信息与商业推广信息平衡。

智联的推广信息就特别多了 用户有时候都在网站上找不到输入框。

为重要功能和常用功能设置快捷入口。

淘宝的购物车设置的快捷入口。

8.如何突出主要任务？

分解用户任务：首先要明确用户使用web产品时，要完成的任务有哪些，并详尽地分解出这些任务；

排列任务优先级：子任务所对应功能的优先级进行排列。

组织合并相关任务：需要将这些任务按一定的意义组织起来，便于用户理解和使用。

图一购票任务分解：选影片、电影院、观影时间、座位、输入手机号、确认订单。

图二任务优先级：浏览影片详情、评论详情，观看地预告片优先级最低

图三组织任务：将内容组织后得到8个视图界面：浏览影片列表、票房排行，优惠推荐、影片简介，详情、观看预告片、选区域，影院，日期，场次、选座、输入手机号、确认购票。我们图五可按优先级分成三个页面，列表页、详情页、选座页。

9.如何引导用户完成任务：

相似性引导：如果大小，颜色，形态，视觉元素等因素相似，那么这些相似的因素可以牵引着用户的视觉。 

方向性引导：对于操作步骤较多的任务，可以利用具有指向性的箭头，进行方向性引导。

运动元素引导。加入购物袋利用运动元素引导用户去购物车结算，垃圾桶盖揭起引导用户点击删除。

向导控件。

10.如何简化复杂的操作？

减少冗余步骤和干扰项。

将复杂操作转移给系统。

简化操作方式。

优化操作过程。

闹钟的设置，直接在界面上上下滑动选择，减少跳转页面与输入步骤  界面大量留白 减少干扰项。

qq邮箱的邮箱号可在输入一次后自动存储。将复杂的操作转移给系统处理。

Pages的内容选择后可右键弹出用百度搜索，不用再复制粘贴打开浏览器，简化操作方式。

百度的注册，清晰准确的提醒、合适的选项、适时的帮助、合理的默认值，可帮助用户降低出错率。

11.信息量太大，页面怎么摆？

让页面层次不言而喻；（分解－排列－组织）

让重点信息跳出来；

将次要信息藏起来；

网易的模块与模块，段落与段落，标题与正文之间划分高度，使整个页面之间层更架清晰，合理。

qq的邮箱界而，对用户来说，未读邮件是需要被首先看到的，所以字体加粗显示，而己读的弱化显示，采用了较弱的黑灰色。

ui中国将次要信息放在更多的下拉列表隐藏起来。减少了复杂信息对用户的干扰。

12.捕获用户的芳心：

拟物化的视觉；

隐喻化操作；

可控的感受；

积极的反馈；

贴心的提醒；

互动的乐趣；

惊喜的力量；

情境的烘托。

13.标准原型应该包含什么内容：

简要说明与信息结构；

任务流程与页面流程；

线框图&交互说明； 

交互说明有以下几种类型：

 限制：包含范围值、极限值等。范围值主要指数据的取值范围。极限值主要指数据的显示限制。

  状态：包含默认状态、常见状态、特殊状态等；

  操作：包含常见操作、特殊操作、误操作、手势操作等；

  反馈：用户操作后得到的反馈动作，包含提示、跳转、动画等。

14.线框图绘制心得：

通过明暗对比表达；

不使用截图和颜色；

合理的布局；

遵守栅格规范；

标记第一屏高度；

表达清楚ui逻辑；

考虑视觉实现后的效果；

了解视觉趋势。

15.写交互说明的决窍：

尽量使用真实、符合逻辑的数据内容；

不遗漏特殊状态的描述；

避免过长的说明；

关于重复出现的模块，可独立出来取个名字。

如原型有修改不要口头沟通，而要更新交互说明并告知大家。

16.关于设计规范。（规范不是随产品的形成而形成的，而是在产品逐渐成熟、发展的过程中慢慢建立起来的。）

 设计规范是对设计的具体细节、技术要求，是设计工作的规则和界限，是一种模板化应用的方法……（包含交互规范、色彩规范、logo规范、ui图标规范、控件规范……）

17.设计评审的目的：

检验目标 ：在项目初期的需求分析阶段，产品人员和设计人员就已经一起分析出了产品定位或设计目标。

发现问题：设计评审集中了项目且中的各个角色，可以及时发现问题与风险。

达成共识：设设评审需要让项目成员达成共识，这样才能顺利进入下一个环节，为下一个流程分配任务。

18.评审前的充足准备：

事先考虑所有可能的方案。

准备各种设计依据。（用户调研结果、支撑数据、竞品分析、设计实施前制定的目标）

做好会议邀请工作。（真正开始会议前，要昼保证设计方案已经通过产品经理及最主要的项目成员认可，至少要保证大方向是对的。正式的邀请邮件。告知会议时间、地点、陈述自己设计理念、参考哪些数据资料、设定每个环节时间。）

19.如何审核视觉稿？

对交互稿理解是否正确；

拒绝毫无发挥的视觉设计；

关注视觉层次是否清晰；

关注交互细节和状态标；

在审美方面不要过分干涉。

20.开发阶段，设计师该做些什么？

勤于沟通；（设计阶段，了解是否会有技术难点，设计完成后，当面沟通设计要点，开发阶段，持续跟进、解答问题。）

统一的规范和标准；（进行标和规范整理，与前端彩用相同规范和标准，如行高是文字高度＋上下空隙高度。）

设计走查；（在前端和后台开发完成后，确认环节是必不可少的，不经过确认和走查就上线的产品，可能会在细节上存在疏漏）

21.什么是可用性测试？（定性分析）

简单地说，就是通过观察用户使用产品，发现产品中存在的问题的一种方法。

可用性测试流程：设计任务——招募用户——进行测试——分析问题

设计测试任务该注意什么？

给出使用目标，而不是直接操作；

尽量选择最重要、最频繁的任务进行测试；（时间控制在1小时内，5～8个功能点，简易可用性测试时间更短）

符合正常的操作流程。

测试用户的选择：

选择有代表性的用户；

用户数量的选择；（有调查表明，5名左右用户可以发现大约85%问题，随着用户数量增多，发现新问题会逐渐减少。小功能3～5名用户，新产品、较大、重要功能5～10名用户。）

测试过程中的注意事项：

切忌引导性过强；

操作行为永远是重点；

不要忽视现场反映；

考虑使用场景；

感谢被测者，并给予一定报酬。

问题的分析与改进：

可用性测试（定性分析）：样本量小，结果未必完全可靠，但可以了解到用户想法。

A/B测试（定量分析）：样本量大，结果较为客观，但很难直接通过数据了解到背后原因。

22.设定衡量标准：根据产品灵活考虑，一般由产品经理根据产品要求确定，从产品目标角度出发，将PV、UV、点击量、转化率、跳出率、二次返回率等。电子商务类网站，也可以考虑下单数、支付数、支付金额等。