交互新人的踩坑史:入职3个月,我总结了这4点经验

新人入职3个月,有幸参与到一个新项目,感觉既充满机遇又面临挑战。在与项目一起成长的时间里,踩了很多坑,趁此机会记录下来,希望对跟我一样的交互新人有所帮助。


新人入职3个月,有幸参与到一个新项目,感觉既充满机遇又面临挑战。在与项目一起成长的时间里,踩了很多坑,趁此机会记录下来,希望对跟我一样的交互新人有所帮助。

交互新人的踩坑史:入职3个月,我总结了这4点经验

1. 本来认为绰绰有余的时间变得紧张

第一次接触需求时,产品经理给了我2周时间。当时拍脑袋一想,2周时间绰绰有余啊,开心答应了。但后来执行时才发现:这两周中还有另一个项目需要并行;新的环境和项目需要了解磨合;前期有些遗留问题需要跟进……最后虽然按时完成了任务,但时间却过得非常紧张。

【解决方法】将规划时间并落实到书面

没有计划的时间永远不够用,规划时间并将其落实到书面可以时刻提醒自己提高效率。后几期的工作中我开始规划时间并觉得颇有成效。规划时间可以从以下四步入手:

Setp 1:明确自己手里到底有哪些事情

工作之后,手里除了主任务还会有很多琐碎的事情,比如开发跟进、需求变更、临时会议等等。所以不论事情大小,首先得一件不落地明确自己手里具体有几件事情。

Setp 2:确定每件事情Deadline

标记号每件事情的Deadline。可以的话,最好在客观Deadline前提下,给自己定一个更早的时间节点。这样一方面可以督促自己提高效率,另一方面可以减小风险,毕竟你永远不知道下一秒会冒出来什么事情来……

Setp 3:为所有事情排优先级

排优先级时可以根据自己的习惯,也可以采用常见的时间管理四象限法则(把工作按照重要和紧急两个不同的程度进行了划分,基本上可以分为四个“象限”:既紧急又重要、重要但不紧急、紧急但不重要、既不紧急也不重要 )。我一般按下图安排自己工作的优先级:

交互新人的踩坑史:入职3个月,我总结了这4点经验

需要注意的是除了安排好的计划,还会时不时出现一些影响规划的临时任务。这时则需要考量一下我是否有时间和精力来接下这个任务,如果不确定的话宁愿事先说明也不要答应后临时完成不了。

Setp 4:将时间规划落实到书面

通过以上三步将时间规划好之后,一定要书面记录下来。记录的方式有很多,可以写个条纸条给自己看;但是最好的方法还是使用Google Canlendar、Excel等可以分享的工具,将时间规划同步给导师、主管和团队,让相关的人知晓计划、进度并进行监督,这样也能很大程度的避免拖延症和懒癌。

2. 没有甄别伪需求,导致工作量浪费

首先说一下产品的背景,我们产品的主要服务对象是移动应用的研发团队。如下图所示,产品的形态是由SDK和Web后台构成的。

交互新人的踩坑史:入职3个月,我总结了这4点经验

方式:

  1. 将SDK集成到移动应用中;
  2. SDK帮助App使用者执行一些任务并获取相关数据;
  3. SDK将数据上报到Web;
  4. Web对数据进行管理或对SDK进行控制。

当时有一个需求场景是要在web端展示App版本列表,产品经理提出要在web端增加一个手动添加版本号的功能。 手动添加版本有很多不可控因素,比如出错了需要删除、添加的版本跟真实的版本不能一一匹配等。当时心里有小人在打鼓说这个需求怪怪的会不会哪里有问题,但我还是硬着头皮设计了一套手动添加版本的流程。

拿着这份设计稿跟找了几个设计老司机帮我过稿,在老司机们犀利的地追问下,让我意识到我真正要解决的问题是:得到这个版本列表而不是去设计一套添加流程。

抱着新的目标重新审视这个需求后发现,可以将规则设定为在SDK集成时自动获取版本并将版本上报到web,这样既能够保证业务需求,又可以避免用户的额外操作和出错几率。

【解决方法】明确需求本质

以上的例子,归根结底的需求应该是“一个完整的版本列表”,而产品经理提给我的需求“手动添加版本功能”其实已经是一种解决方案,且这个解决方案并不一定是最佳的,所以我们始终追问直到了解到需求根源为止。

总结来说:产品的本质是发掘问题,设计的本质是解决问题。

所以每次接到需求时有以下几点需要注意:

1. 质疑意识

设计师应该需要有甄别需求真伪和追问需求来源的质疑意识,通过对比竞品、跟产品经理沟通、跟真实用户沟通等方法可以帮助设计师做出判断。一般来说,遇到以下几种形态的需求时要特别留意:

(1)需求中只写着“需要某功能”的时候

添加功能归根到底是一种解决方案而不是需求。一般产品经理会将真实需求和通过真实需求转换出的解决方案一并提给设计师。但如果需求中只有功能点,而没有为什么需要这些功能和期望这些功能帮助用户解决什么问题时,就需要找产品经理再三追问和确认。

(2)需求来源于“产品经理觉得”或“某个用户觉得”的时候

这类需求很有可能是极少数人的需求。众所周知的8/2定律在互联网产品上体现在于:20%的功能满足了80%的需求;80%的功能用于服务剩下20%的需求。所以当需求的来源是个人时,尤其需要验证这是不是真实用户群体的需求。

(3)需求写着“参考竞品”的时候

经常会陷入一个怪圈就是竞品做了我们也要做。但其实可能竞品与我们要解决的核心问题是不一样的,或者竞品的使用场景是不一样的。所以即使是这种看上去大家都在做的真需求也需要针对自己项目的情况追问一下我们为什么要做。

2. 先解决问题再开始设计

确定了需求的真实性后,还应该确认当前需求是不是通过设计功能或页面就能最佳解决的。所以应该首先以解决问题的态度看待需求,确认需要通过设计解决后再进入设计阶段。

3. 每个方案都有利有弊,难以抉择

在设计“设置”模块时,很多地方涉及到编辑。有的场景编辑是高频操作,有的场景是低频操作;有的场景编辑是很简单一个按钮,有的场景编辑包含大量表单。针对这些不同场景,操作项是始终存在还是Hover出现?编辑形式是在当页进行还是新开页面?操作按钮是以文字链的形式展示还是icon形式等问题就迎面而来了。

【解决方法】全面考虑,择优确定

设计的过程也是一个平衡抉择的过程。对于有经验的设计师来说,平衡抉择可以是在脑海中对过往经历的瞬间过滤,然后直接得到解决方案;而对于一个设计新人来讲,则可以从以下几点入手:

Setp 1:全面考虑

如果不能确定设计成什么形式那就都先在脑子里过一遍吧!这种全面的模式可以来自于自己日常的设计积累,也可以来自于书面的模式总结。比如在设计“编辑功能”时,《Web界面设计》一书中就已为我们归纳了编辑的6种常用模式:单子段行内编辑、多字段行内编辑、覆盖层编辑、表格编辑、群组编辑,如下图所示:

交互新人的踩坑史:入职3个月,我总结了这4点经验

图片来自《Web界面设计》

Setp 2:结合实际场景筛选方案

结合具体需求,把第一步中罗列出的方法进行初步筛选。比如我在设计中的有一个场景是对列表中项进行编辑,这样的需求场景是行内编辑和覆盖层编辑(模态窗口)都可以解决的,而其它编辑方法并不适合。所以经过初步筛选后剩下了行内编辑和覆盖层编辑两种方案。

Setp 3:择优确定(QOC方法)

选择方案时需要保证在主要目标下,当前方案优点带来的收益要大于缺点带来的损失。没有办法明确判断的时候,可以尝试 “QOC(Questions, Options, and Criteria)”法。QOC方法可以帮助我们梳理方案的优缺点,具体实践方案是首先列出问题的备选解决方案和体验评判标准;然后将解决方案在评判标准上的表现进行连线标记;最后根据当前场景中最注重的标准选择表现最好的方案。如下图:(绿线代表表现好,红线表示表现欠佳)

交互新人的踩坑史:入职3个月,我总结了这4点经验

例1. 设计按钮怎么显示时:在列表项中有多项操作的场景下,页面简洁、易发现、不易误操作是3个最重要的评价指标,按钮始终存在的方案虽然使得页面不如hover出现按钮那么简洁,但是却更容易发现且不易误操作。综合评判下按钮始终存在的设计方案表现更好,所以选用了按钮始终存在的方案;

交互新人的踩坑史:入职3个月,我总结了这4点经验

例2. 设计编辑操作采用什么形式时:在编辑对象是列表的场景下,行内编辑既轻量又能在编辑过程中看到上下文,看似是更好的方案;但是整个平台中编辑操作是一个复用性非常高的行为,我们需要为用户在同一个平台中执行的相同操作时保持相同的预期。覆盖层编辑就是一个具有很好扩展性的形式。不论编辑内容是简单还是复杂、不论使用场景是编辑成员属性还是编辑文件,在覆盖层上进行编辑操作都能很好的满足。所以最终选用了在覆盖层上编辑的方案。

当然,选择最最优方案时,读书、竞品和经验等等其它方法都可能帮助我们跳过以上三步,直接确定方案。需要特别留意的是在选择当前场景下最适合的方案时还应该综合考虑已有设计风格的延续、其它场景下的统一性、未来的可扩展性、资源耗费(开发资源、运营资源等)等其它因素。

4. 交互稿没有被预期的还原

有一期需求是在移动端做图片编辑功能。画交互稿的时候考虑到当前页面的主要任务是编辑图片,当前场景下最大限度的展示图片本身是最重要的。所以摒弃了下图中如“1-常规结构”所示的结构而采用了“2-图片区最大化”的设计:

交互新人的踩坑史:入职3个月,我总结了这4点经验

当这份交互稿进入视觉流程后,视觉同学并不知道交互的考量,所以将视觉稿画成了图2.1的样子。不可否认,视觉稿的方案更符合用户习惯,且操作信息更有层次;但这样的设计却不能最大化的满足当前的场景。最后,我跟视觉同学解释了交互稿中的考量,视觉同学表示认同并欣然修改了方案。但其实这三番五次的沟通跟修改却浪费了工作量,如果我能够提前告知这些“特别的”设计,是可以避免以上情况的。

【解决方法】预估关注点,与下游沟通

交互后期主要是跟进视觉和跟进开发、测试的工作。每个环节的同学都有自己专业上对方案的考量,如果没有特别的说明,他们会按照自己习惯的方式去执行。我觉得涉及到以下点的设计最好跟下游的伙伴们事先沟通:

不合常规的方案

常规状态下我们需要遵循平台规范,最好使用常用组件等。但这些并不一定能最好的满足所有设计,所以也常有设计方案是特别和原创的。当设计中有这类方案时,一定要在交互评审会上跟所有同学强调并解释出于什么考虑把设计方案做成这样,让大家都理解和接受。否则可能会出现下游同学按照自己理解漏掉交互考量的情况。

复杂的逻辑或流程

交互设计要做的事情并不只是线框,而是一套提供更好体验的逻辑或流程。这类逻辑或流程往往会受限于技术又或者因技术出现更多可能性。所以,当设计中有这类方案时一定跟开发的同学事先沟通。描述自己期望的实现方案,让他们做一些相关技术调研,根据调研结果来确定最终实现方法。

需要其它同学配合完成的交互部分

有些设计方案需要其它同学配合才能完成。比如页面信息的优先级,交互需要考虑在这个页面上用户体验的层级,视觉需要考虑其信息传达的层级,这时就需要更多的提前沟通保证一致性。

将沟通工作前置既可以很大程度上提高工作效率、减小返工可能性,又可以保证交互稿的还原程度,何乐而不为呢?

5. 总结

任何工作都是一个熟能生巧的过程。走第一遍的时候多多少少会遇到一些问题,把这些问题记住,总结其中的规律就可以避免下次踩坑。这篇文章的作用,是给自己看的回顾,也是给其他人的避坑指南,希望有用。

 

作者:蒋蕊遥-Jerria,昵称阿遥,网易UEDC交互小鲜肉一枚,现支持杭研测试项目。商业与体验就像美食与身材,要找到其中的平衡点–对我就是爱吃又想瘦!所以学习奋斗吧!

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26906/

(0)
CatherineCatherine
上一篇 2017-05-16 03:59
下一篇 2017-05-16 06:02

相关推荐

  • 一种强大的交互模式:应用内的手势

    手势是一种强大的交互模式吗?是的,移动设备已经从一块砖头发展成由手指驱动的复杂计算机了。触摸和手势交互具有很大的潜力,使得移动体验更加的轻松和有趣。

    2017-05-09
  • 交互设计牛校排行榜 | 卡内基梅隆

    创艺典国际艺术教育之院校介绍有一位老大哥是高校里的老大哥他在艺术、工业、计算机专业非常强势除此之外它还拥有全美顶尖对顶尖的计算机学院和戏剧学院他就是Carnegie Mellon UniversityCMU卡耐基梅隆大学这些看上去毫不相干但都那么强势的学科结合在一起岂不是成了飞机中的战斗机赛车中的四驱兄弟?卡梅这位老大哥还真这么干了他们开设了一个项目那就是——人机交互交互设计中应用最广泛的学科分支卡内基梅隆的人机交互项目是全球的交互项目...

    2018-04-26
  • 【交互新人】交互设计面试,常见问题汇总

    作者:高杰   今天给大家分享面试交互设计岗时面试官常问的问题、分析目的和建议回答!但这并不表示你在面试时一定会遇到这些问题。任何一个问题,都不存在绝对正确的标准唯一答案。仅供参考!   1、自我介绍 分析…

    交互专题 2017-08-17
  • 职场趣事 | 70、80、90后同坐一个办公室,竟然是这样

    随着90后渐入职场,70后、80后、90后同坐一个办公室也越来越普遍。70后们有的正在向事业巅峰冲刺,有的甚至开始规划退休的生活;80后一边感慨青春已逝,一边拼命工作养家糊口;90后此时已经带着独有的个性和不被70、80后理解的文化杀入职场。都说三岁就会有代沟,更何况十岁?小编带你看看这三代人在生活方式、聊天话题等方面都有哪些区别↓↓↓大家对号入座看看,有没有戳中内心?(来源:中国新闻网)部落窝教育推出的原创Word、Excel、PPT...

    2018-03-13
  • 设计实战案例!谈谈网易严选企业购的交互设计

    网易UEDC – 柴蒙:企业采购是现今市场经济下一种最主要最主流的采购形式,其特点是大批量采购商品。传统的企业采购方式不可避免地会带来如回扣、效率低、采购过程不透明等诸多问题。

    2017-09-21
  • 我对移动记账 App 的设计探索

    现代智能手机给我们提供了非常多丰富实用的功能,比如平时颇为在意金钱去向的我,就是一个 手机记账 App 的使用者,曾经尝试过各种记账 App,但好像都有那么一点不满意,于是我就想如果是我来设计这么一款 App 的话…

    2015-09-15
  • 交互设计新人在阿里的走心实习总结 ▏新手设计成长指南

    互联网行业的设计师,工作中是埋头苦干?还是想要寻找一些能真正提升自己的“诀窍”?其实很多时候,所谓“诀窍”,就是厘清自己的思路,让成长有正确的方向。本文的作者走心地梳理了他在阿里几个月的实习期里为他留下…

    2017-08-04
  • Axure 原型 | 用Axure画流程图

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放吻得太逼真张敬轩 - Urban Emotions作者:陈张良来源:简书用Axure绘制流程图好处是可以随时预览,比较灵活。不过就是没有Visio那么多模板和强大的功能。Axure默认的流程图控件:其实我们最常用的是:矩形、菱形、箭头。因为这些基本图形其实并没有形象的表明它们是什么,更多的还是需要使用者根据自身的流程实际情况多加注释,所以大部分流程图只需使用这两个控件即可。Axu...

    2018-03-04
  • 【线下沙龙】产品经理交互设计大会

    2018年产品经理交互设计交流分享大会活动背景一个优秀的产品经理不仅能引导产品的发展,而且还能引导公司的发展。同时,他还是一名优秀的执行者、项目管理和团队管理者,具备敏锐的洞察力,能在用户心理和产品细节间灵活游走,打磨出令人惊叹的产品。所以,在成为CEO之前,先成为一名出色的产品经理吧。然而当我们投入到实际工作中时,总是一次又_次遇到阻碍:和运营、枝术部门沟通不畅,项目推进难。公司要求不高,任务很轻松就能完成,想要挑战大公司,却深知自己...

    2018-04-22
  • 交互设计中,如何增加趣味性,提升操作愉悦度?

    功能、实用性,这些需要很强逻辑性的事物很难和情感产生关联,并不是指这些不重要,它们很重要,它们是基础,但缺少了情感的作用,很难产生一些东西,像:快乐、愉悦、悲伤、美... 花、大海、春天、小屋... 这些都…

    交互设计 2015-04-04