我是这样做交互的.pdf

我是这样做交互的 尽管很多交互书上都已经回答过： 还是会有很多对交互设计感兴趣的朋友问我交互设计是做什么，并希望我能回答详细，具体到工作 的细节。 其实交互设计师做什么呢？会随每个项目的不同，具体到每个交互设计的工作内容差异而不同。 下面分享下我是怎么做交互的，方法不一定是最合适的，希望大家多指点，共同进步。 一、发现用户需要，建立明确需求 发现用户需求的方式有很多种，我们可以在用户的反馈里收集到许多用户提出的想法，他们希望我 们提供帮助解决产品中的问题。我们还可以自己主动的去观察一些生活中的信息，为灵感的迸发做 储备。 比如说这次产品中，导航中通知动态栏中，有用户跟我们反馈，他们希望在通知动态栏能够看到更 多的历史记录，方便很快的查找到自己想要的信息和历史。 认了用户这一需求，我们的产品组就会组织立项，把用研和设计组的同事一起进行调研讨论，确定 我们的用户目标。 用研组会通过问卷调查等方式尽可能多的去收集信息，交互设计师也会参与分析调研，组织会议帮 助用研组完善信息，我们会采取一些有趣的方式，比如一堆人在一起头脑风暴，大家回忆各种相关 的生活场景，然后把一些关键词记录下来。 这一步我们的目的是要知道：用户想要什么？ 通过这些步骤我们提炼出一些最重要的功能需求。 二、提出设计方案 通过调研，我们得到了大量数据信息，并建立了明确的需求，下一步就是开始提设计方案。 同时需要进行的还有初稿设计，在这里我所谓的初稿，并不一定是严格要求中的交互原型，可以是 用Axure 把主要的页面流程做出来，也可以手绘草图，只要能清晰表达设计构思的，什么样的方式 都可以。 三、制作设计原型 制作设计原型，也就是常说的交互稿，区别于做设计方案时的初稿，这份交互稿我会尽可能细致的 把流程和具体操作形式表达出来。 考虑到做交互是一个迭代过程，我会在设计稿的首页为设计的产品做一份交互更新日志，记录下交 互更新时间、版本名称、更新类型、更新内容、参考需求文档与交互负责人。 这份更新日志的意义在于： 交互稿的制作过程，一般是用 Axure 做原型，像邮箱这样视觉比较成熟且相对稳定的产品，我会偏 向做高保真模型，我们会整理一个控件库，这样能提高制作效率；做一个全新项目时，黑白稿线稿 都是可用的方式，如果交互设计师能对大概的视觉效果有把握，也能做得精致些。这些我想大家都 很了解，所以不多说了。 四、制作交互说明 之所以把这部分内容提出来单独写一段，是因为之前和很多做交互的朋友讨论过该怎样做好交互 说明，大家各有看法，很难找到这部分工作的衡量标准。 交互说明书在整个设计过程中，也许只会占用小部分工作量，但是作用不小，它能帮助我们减少沟 通成本，辅助交互稿描述设计理念，表达交互流程，更细致的展现我们的设计。 与做设计稿不同，个人认为，交互说明这部分工作，需要我们更多了解它作说明的对象，即产品 经理、视觉设计师、开发人员的需求，从而达到真正的 辅助“ ”效果，而不是盲目凭自己主观去长篇 大论，否则我们要为此花费时间，而且这部分工作只能沉积为一堆我们自己欣赏毫无意义的文字。 为此我曾与合作过的各组同事进行沟通，提炼出一些他们对交互说明的需求，不求全面，但求能说 明一些问题。 1.交互说明最好是图文并茂 （all ） 便于阅读和理解。 2.页面跳转的说明 （产品 程序） 页面跳转是涉及多个页面关系的操作，产品人员在看交互稿时，会更多去关注多个目的性的任务操 作流程，而对页面跳转的记忆是有限的，所以需要页面跳转说明。 3.交互说明能否考虑与产品需求文档结合 （产品） 开发文档会涉及产品概念、技术方案、业务执行角色等内容，和交互设计稿有着紧密关联，所以交 互说明书与开发文档是可以相互做补充，整理成一份文档，这样也能避免工作内容重复。 4.对交互稿中不明显的交互动作或隐藏的设置项作说明 （产品视觉 页面构架） 细节和动作需要描述清楚，比如说鼠标 focus 、click 的动作，或 click 后是 loading 还是跳转，这些平 时都是开会上讨论，但是参与项目的人员不一定都能记住，所以会需要在交互说明书里做说明，并 需要考虑到页面构架组需要预留适应变化的结构。 5.产品风格定位 （视觉） 商务风？休闲风？视觉需要一个准确的产品风格定位。这部分工作不一定是由交互人员来确定，但 在产品孕育阶段中，设计稿讨论以及不定时更新的数据调查，会使得产品风格定位渐渐明确，视觉