我怎样做交互

交互设计师到底是需要做什么?

尽管很多谈及交互的书上都已经回答过了:

发现用户需要,建立明确需求提出设计方案制作设计原型用户测试和评估

还是有很多对交互设计有兴趣的朋友会问我这个问题,并希望我能回答得详细,具体到我工作中的每个细节。

其实交互设计需要做什么,会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。

下面分享下我是怎样做交互,方式不一定是最合适,希望大家多指点,共同学习进步。

发现用户需要的方式有很多种,我们可以在用户反馈里收集到许多用户提出的想法,他们希望我们能提供帮助解决问题的产品;我们也可以主动去观察一些生活中的信息,为灵感的迸发做储备。

比如说日程管理项目,有不少用户跟我们的邮箱反应说,他们忙碌的时候会忘记一些重要的事情,比如一些会议或者约会,所以希望网易邮箱能提供一个专业的日程管理功能,能够帮助他们有效的管理和安排每天的日程。

确认了用户的这一需要,我们的产品同事就会组织立项,把用研和设计组的同事呼唤过来一起进行调研,确定我们的目标用户。

用研组会通过问卷调查等方式尽可能多的去收集信息,交互设计师也会参与分析调研,组织会议帮助用研组完善信息,我们会采取一些有趣的方式,比如一堆人在一起头脑风暴,大家回忆各种相关的生活场景,然后把一些关键词记录下来。

这一步我们的目的是要知道:用户想要什么?

通过这些步骤我们提炼出一些最重要的功能需求,接着产品组会整理出需求文档,设计师就位。

通过调研,我们得到了大量数据信息,并建立了明确的需求,下一步就是开始提设计方案。

这个阶段我会做一些概念设计,类似于做实物产品时设计一个水杯,我会描述它说:我要设计一个旅行用的水杯,它能叠成一个小圆盘,喝水的时候只需要把小圆盘的圆心部分往下按,就能变成一个杯子。

互联网产品也是这样,需要赋予它一个概念,例如日程管理:这是一个专业的日程管理功能,通过使用它,我们可以有效的管理自己每天的日程和时间,以提高工作效率,并且不会再错过每个重要的约会!

这些文字并不一定非是交互设计师所总结,但是交互设计师必须要做到对产品心里有数,明确我们要做什么。

同时需要进行的还有初稿设计,在这里我所谓的初稿,并不一定是严格要求中的交互原型,可以是用Axure把主要的页面流程做出来,也可以手绘草图,只要能清晰表达设计构思的,什么样的方式都可以。

制作设计原型,也就是常说的交互稿,区别于做设计方案时的初稿,这份交互稿我会尽可能细致的把流程和具体操作形式表达出来。

考虑到做交互是一个迭代过程,我会在设计稿的首页为设计的产品做一份交互更新日志,记录下交互更新时间、版本名称、更新类型、更新内容、参考需求文档与交互负责人。

这份更新日志的意义在于:

更新时间-便于全程跟踪记录项目,掌握每个时间点版本名称-便于项目参与人员
查找上一版本的交互稿更新类型-了解每次更新需求的性质更新内容-清晰呈现每一次更新的内容,并提供一个直接去到更新页面的链接,这样在进行迭代时我们的伙伴不用一页页去
寻找更新点参考需求文档-便于项目参与人员查找对应的需求文档交互负责人-记录每次迭代的交互负责人,并能方便工作交接

交互稿的制作过程,一般是用Axure做原型,像邮箱这样视觉比较成熟且相对稳定的产品,我会偏向做高保真模型,我们会整理一个控件库,这样能提高制作效率;做一个全新项目时,黑白稿线稿都是可用的方式,如果交互设计师能对大概的视觉效果有把握,也能做得精致些。这些我想大家都很了解,所以不多说了。

之所以把这部分内容提出来单独写一段,是因为之前和很多做交互的朋友讨论过该怎样做好交互说明,大家各有看法,很难找到这部分工作的衡量标准。

交互说明书在整个设计过程中,也许只会占用小部分工作量,但是作用不小,它能帮助我们减少沟通成本,辅助交互稿描述设计理念,表达交互流程,更细致的展现我们的设计。

与做设计稿不同,个人认为,交互说明这部分工作,需要我们更多了解它作说明的对象,即产品经理、10243.html">视觉设计师、开发人员的需求,从而达到真正的“辅助”效果,而不是盲目凭自己主观去长篇大论,否则我们要为此花费时间,而且这部分工作只能沉积为一堆我们自己欣赏毫无意义的文字。

为此我曾与合作过的各组同事进行沟通,提炼出一些他们对交互说明的需求,不求全面,但求能说明一些问题。

1.交互说明最好是图文并茂(all)
便于阅读和理解。

2.页面跳转的说明(产品&程序)
页面跳转是涉及多个页面关系的操作,产品人员在看交互稿时,会更多去关注多个目的性的任务操作流程,而对页面跳转的记忆是有限的,所以需要页面跳转说明。

3.交互说明能否考虑与产品需求文档结合(产品)
开发文档会涉及产品概念、技术方案、业务执行角色等内容,和交互设计稿有着紧密关联,所以交互说明书与开发文档是可以相互做补充,整理成一份文档,这样也能避免工作内容重复。

4.对交互稿中不明显的交互动作或隐藏的设置项作说明(产品&视觉&页面构架)
细节和动作需要描述清楚,比如说鼠标focus、click的动作,或click后是loading还是跳转,这些平时都是开会上讨论,但是参与项目的人员不一定都能记住,所以会需要在交互说明书里做说明,并需要考虑到页面构架组需要预留适应变化的结构。

5.产品风格定位(视觉)
商务风?休闲风?视觉需要一个准确的产品风格定位。这部分工作不一定是由交互人员来确定,但在产品孕育阶段中,设计稿讨论以及不定时更新的数据调查,会使得产品风格定位渐渐明确,视觉的同事更多是参与设计阶段的工作,这就需要交互人员将这些信息在交互说明中记录下来,以辅助视觉完成。

6.极限状态(前端)
比如一个列表最长和最短显示。

7.异常/出错情况说明(程序)
这一点在交互稿制作和与产品沟通过程中容易被忽略。

有的设计师会疑惑:为什么我做的设计说明书会没人看?我写的很详细了,但是他们还是会问我一堆设计的问题!甚至,问我为什么要做这个文档?

在这些情况面前,设计师应该做些思考,我们所制作的这份说明是否真正解决问题了呢?

一些基本的逻辑判断和文字内容,产品人员已在需求文档中列出且在交互稿中已清晰呈现,例如原型中完整呈现的设置内容,或一个单选复选关系,这些内容我们再花时间去大篇描述,并无太大意义。

所以我的理解是,交互说明并不一定是一份文本,它不该是设计师的舞文弄墨,更不该流于形式做交互设计原型的复制品。

我们可以在交互原型上注释,在图上写说明,或者是在和项目组发邮件时写为邮件内容,当然也可以是word文档,PPT….

总之,我们要做到的是真正解决问题,让交互说明书成为帮助项目中各组成员之间进行有效沟通、辅助理解设计内容从而达到提高项目效率的工具,并在需要的时候被制作。

产品基本功能实现后,我们会做用户测试,设计是很主观的,并且会受各种因素影响,所以我们的产品难免会存在一些意料之外的问题,通过招募用户来使用我们的产品,我们能收集到一些使用场景中发现问题的反馈,并把这些整理成优化点,完善我们的产品。

同时交互设计师也要多用自己的产品,保证上线内容与设计保持一致。

这就是我对自己交互工作的一个相对完整的描述,交互设计师这个头衔我领了不到一年,但是这一年学到了很多。我的感觉是,这是一份不难的工作,因为我自己也是一个用户,我会在使用产品的过程中发现这样那样的问题,所以我也自然而然的想去解决这些问题,并在寻求方法中得到一定的积累;然而,这确实是一份很需要花心思的工作,设计方式自由,但是设计内容需严谨,疏忽了一个问题,就有可能为产品带来极大的负面影响,甚至失去用户的青睐。

要让我们的产品保持良性发展,就要求设计师们不断探索优秀的设计方法。

最后,也希望大家能多分享各自的设计经验,相互学习,让我们的产品体验越来越好!

来源:http://uedc.163.com/4816.html

时间: 2024-09-27 20:39:27

我怎样做交互的相关文章

谁说SKETCH不能做交互设计?

  今天抽空看了下Silver这款插件,这是首款内置于Sketch的交互插件,通过它,你可以不用再依赖其它软件,就可以在Sketch中完成交互方案的设计和展示工作,听起来还是很酷的.现在Silver还没有面世,先看看这篇介绍Silver特性的文章吧. 最近交互工具可真是风生水起不断涌现,从原生的Xcode,还有这几个号称不用写代码的的Hype3,Pixate,再到Principle,还有Flinto,还有这个正在开发过程中的Silver.不知道大家是不是已经挑花眼了呢? 不管你是哪个工具的粉,我

PowerPoint做交互课件 不用VBA照样搞定

要想用PowerPoint做交互课件,就必须会VBA编程,这是大家普遍的认识.其实,在用PowerPoint做教学课件时,即使不会VBA,也有许多方法可以做出动感十足的交互效果. 一.用"超链接"的方法 第一步:新建一文档,输入题目.选项.为设计方便,在这里选项设置为三个.设置文本内容的字体.字号.颜色.位置等属性. 第二步:连续复制当前页(根据选项个数,在这里复制三次),然后分别在每个复制页的一个选项的旁边加上评语,如"正确"或"错误".具体设

交互设计师如何做交互?

交互设计师到底是需要做什么? 尽管很多谈及交互的书上都已经回答过了: 发现用户需要,建立明确需求 提出设计方案 制作设计原型 用户测试和评估 还是有很多对交互设计有兴趣的朋友会问我这个问题,并希望我能回答得详细,具体到我工作中的每个细节. 其实交互设计需要做什么,会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别. 下面分享下我是怎样做交互,方式不一定是最合适,希望大家多指点,共同学习进步. 发现用户而要,建立明确需求 发现用户需要的方式有很多种,我们可以在用户反馈里收集到许多用户

几个做交互设计的误区

  传统的设计,主要走的是视觉路子,这块儿东西挖得很深;讲究传达,把设计师想表达的东西.情感.境界通过设计的内容传达给用户;而现代设计,除了表达这些元素之外,更讲究"用户体验""沉浸式""用户行为和操作",这些元素都必须综合的加以考虑,才能得到用户的认可. 简单来说,主要就是加入了"交互"概念.现在各种概念有很多,简单来说,就是这个设计好的东西,对用户操作,"有反应",这种"反应"将赋予

如何从3个方面判断是否做交互动画

  IOS 7出来后,交互动画立刻成为设计师的抢手货,有关动效设计的教程都趁势火了一把,但是很少有人讨论到底该不该做交互动画,如果做,为什么?今天终于有同学分享了他的观点,一旦符合文中提到的3个方面,那死心塌地动手吧! @王笑Nothing :作为设计师,相比以前死板的体验,我们越来越看重APP的交互性.这种心态的转变很大程度上可以归因于IOS 7的大换脸.IOS 7过度动画强调物理变化.从这以后,我们可以看到有很多热门APP上都有非常出色的动效. 令人激动的动效很容易让人着迷,从而让用户忘记机

智能手表究竟要怎么做交互?

摘要: 编者注:本文作者为杨青山,重度科技爱好者,关注新硬件.他在维护两个微信公号科技新知(kejixinzhi)和硬件再发明(hard1024). 我相信这样一条逻辑:主流计算设备的每一次形态改 编者注:本文作者为杨青山,重度科技爱好者,关注新硬件.他在维护两个微信公号科技新知(kejixinzhi)和硬件再发明(hard1024). 我相信这样一条逻辑:主流计算设备的每一次形态改变,必然伴随着人机交互难度的下降.比如,自从有了鼠标和Windows图形界面后,PC才开始普及:电容触控屏和iOS

《自己动手做交互系统》——第1章 欢迎来到有形交互的世界

第1章 欢迎来到有形交互的世界 自己动手做交互系统chap1.tif 第1章 欢迎来到有形交互的世界制作难度: Geek指数: 制作用时:10分钟 类型:游戏

你是否适合做交互设计?

Alan Cooper说:"交互设计师需要具备凭空想象复杂行为的能力."一语道破了交互设计的真谛:去猜测有可能发生的场景.这是不是也同时表示交互设计完全要靠说不清道不明的第六感觉呢? 幸运的是,我们拥有一种被称为"推理"的能力,这种能力使我们能根据现有的资料,找出规律,去推测有可能发生的事. 做这种事,福尔摩斯最擅长. 不过在我看来,交互设计跟福尔摩斯要做的事也差不多:理解产品目标,研究用户和产品,发现用户使用产品时的规律,推测用户的心智模型,做出设计决策. 这样看

做交互设计应该知道的视觉几件事

UI偶尔会听到产品经理和交互设计抱怨,视觉设计稿和最初规划差别太大,我自己也遇到过类似状况.究其原因,大多还是沟通中出现了问题. 有效沟通,信息的对等是很重要的.这个对等,既包括让视觉设计尽早了解产品需求,获得与其他人员对等的信息;也包括交流双方知识领域的对等,彼此多了解对方领域内容,才能更好地沟通. 对于交互设计师来说,视觉设计是合作最多的一环,交互原型终归要以视觉的形式呈现在用户眼前.因此,懂些视觉设计,更易于将交互方案传递给用户.同时,交互设计作为多学科交汇的职位,懂些视觉更是自己能力的提