Q&A 帮你解释交互设计师的输出物

作为初入职场的交互设计师,你是否也觉得既新鲜又迷茫呢?近期很多踏上实习或正式岗位的小伙伴,向蒹葭姐姐发来了各种各样的咨询问题。本篇选取出这个月询问最高、共性最多的几条:关于交互设计师的工作侧重和输出内容。统一回答在这里,希望能在工作上助大家一臂之力

01-产品和交互工作中的输出物

Q:实际工作中交互设计师拿到的产品需求一般是什么样子的?或者说到什么程度就可以呢?或许每个公司有不同,但我想知道正规流程里交互应该拿到的是怎样的需求内容。

A:从产品和交互两方面来回答

产品方面:

① 最全面、专业且规范的,应该是PRD文档(具体的文档模板,网上有很多)。只要这份文档写的完整,不仅交互设计师,团队任何成员都能清晰理解产品概念。但是PRD写起来较费时间,拘于形式,很多短平快的公司,就会放弃形式框架,直接提炼出需求内容的重点来写。就会有简单的word文档、ppt图文示意、Excel的需求列表,等简约形式。

② 产品的下游往往是交互,对于交互设计师来说,无论是什么格式的文档,只要写明功能模块、一级二级功能关系、功能定义和目的、功能的业务机制、界面元素与流程的关系、异常情况下的处理逻辑。就可以做开始做交互方案了。

③ 功能模块,就是大的功能类型分类;功能级别就是在功能架构中的层级。

④ 功能定义决定了如何通过设计达到产品要达到的效果。需要给出功能的名称、目的、优先级和最终呈现给用户的效果和体验等。

⑤ 业务机制是指,有些功能涉及到前端和后台的处理方式,涉及第三方的互动。比如一些商城啊,广告啊,运营规则啊,要需求上写清楚。

交互方面

① 交互输出的文档,应该包含1.相对固定的界面线框结构,元素布局。2.用户使用流程。正常异常都包含在内,明确的提示语,界面跳转。3.注释说明。讲明界面转场方式、按钮变化状态、元素变化、展现规则等等。

② 界面元素和流程。就是指信息布局的权重,和点击后跳转的关系。比如地图软件,定义的主场景是地图浏览,需求就明确说查看地图是权重最大的功能,那交互就不能把地图删掉只留个搜索按钮了。

③ 异常情况的处理逻辑。这个需要交互设计师和产品经理一起去商量,因为很多异常提起可以预知,有些是研发过程中才发现。有可能涉及改变产品需求来解决、有可能设计流程优化就可以解决。这是产品和交互双方的职责,有时候还会捎上视觉(不过对于研发来讲,都属于改需求)。

02-交互设计师的岗位边界

Q:交互设计师的界限貌似有点面模糊,具体工作范畴是什么,需要达到什么标准呢?

A:从交叉点和区别点两方面来回答

首先说交叉点:

交互的基础是半个产品加半个视觉,资深一些的,了解技术实现成本和测试用例,思考会更系统全面。

① 半个产品就是从功能定义与业务逻辑明确之后,基础要做到的,是优化产品原型、画主流程、异常流程、做界面信息布局、确定提示文案,提升一些的,还要能给出功能展现机制的方案,也就是逻辑。比如地图搜个地点,搜索结果展示顺序,这个产品会定义,但交互也需要在用户角度给出方案,因为产品需求有时候是根据业务来的,不一定准确。这也是总跟产品辩论吵架的地方。

② 半个视觉,就是在做原型时,要考虑图形位置、大小、颜色,对信息优先级和用户使用率的影响,因为UI考虑美,交互考虑要让用户怎么用。比如说,一个个人中心界面,UI可能会把头像放大,觉得好看,但有可能这不是社交软件,头像是个最最弱的元素,交互就要控制不要抢其他功能主体。这块就是在评审时,跟UI讲明白。

然后说区别点:

① 产品和交互的区别,就是产品更侧重于战略、产品定位、盈利模式、技术接口、第三方支撑啊这些业务层面的;交互更侧重于功能原型、使用展现、技能技术层面的。

② 交互和视觉呢,就是交互更侧重流程、全局的立体的结构层面;视觉侧重美和产品气质、调性等。


03-关于流程图绘制

Q1:我在画用户流程时,总是会有遗漏,如何做到周全呢?

A:首先要知道遗漏是难免的,经验再丰富、水平再高的设计师也做不到完全完整,最终的完美合格流程,是跟开发、测试、产品、视觉以及整个团队整体修正出来的。我们要做的是在这个基础上尽可能减少关键性的遗漏。

① 练习分场景思考,每做一个流程都去考虑正常流和异常流、每个决策点都去把yes和no的分支进行任务分解。

② 实践经验。参与上线的次数越多,越知道完整流程跑通都会遇到哪些问题。

③ 画完流程去跟开发测试评审,让研发告诉你有哪些技术点流程可能有确实,让测试告诉你哪些用户场景的用例你没有考虑到。

Q2:在交互流程图中,每个节点都是一个动作吗?

A:确切的说,每个节点是一个”触点“。

这个”触点“,可能是用户触发的,也可能是终端设备或外在环境或传感器触发的,是一个能够产生交互的变量。比如,用户点击按钮,是个节点;程序检测到有新版本,也是个节点,但不是人的动作。简单点可以以“输入-输出”来判断,只要能组成这一循环的最小单位,就可以算一个任务流。

Q3:我知道流程需要画详细,但异常流写进流程图里会很庞大,有必要都写吗?

A:对的,就是很庞大,但是不是因为大就不写了,而是为了工作效率和保障最终细节的用户体验,越大越要写清楚。一页写不开,可以分解来写。

Q4:流程图的绘制怎样循序渐进绘制?

A:重点是要学会做任务分析。

① 先找正常流的主干流程,比如,把大象装冰箱,主流程3步。

② 然后做主流程的任务分析,第一步把冰箱门打开,任务分析就可以分解为:抬起手-握住冰箱门把手-用力拉动。

③ 正常流画的差不多时,开始异常流。

Q5:为什么我看泳道图能看懂,自己却画不出来?

A:看,是个信息输入的过程;画,是个内容输出的过程;二者之间的最大差别,在于后者需要你大脑的主观处理。想想你家里的衣柜是一团糟,你去整理,会比别人整理更容易,因为你了解自己的习惯,知道物品的分类逻辑;如果别人去整理你的衣柜,就要先了解你、你的衣柜、你家平时的使用规则,然后用他的头脑创造出一个新逻辑模型,才能整理好你的柜子。

泳道图你画不出来:

① 是因为缺少主动的系统性思考;

② 是因为对要做的产品逻辑理解的不透彻;

③ 是因为练得少。



以上就是今天的内容哦,有任何问题,也可以随时留言或关注公众号“交互设计IXD”(ID
:HCI_Design),蒹葭姐姐会在第一时间为你解答哦。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容