交互设计必杀技:如何做一名高效的“陪产婆”


数十万互联网从业者的共同关注!

作者:臭脸任。作者授权早读课发表,转载请联系作者。

微信公众号:臭脸任的慢生活(ID:choulianren-renyi)


欢迎投稿到早读课,投稿邮箱:mm@zaodula.com

交互设计必杀技:如何做一名高效的“陪产婆”

问题起源于臭脸君开始转战给iPhone做交互。从云音乐团队的节奏来说,我们会将最新的需求以移动优先、其他逐步跟进的方式展开工作。以往负责PC,当需求延伸到这个平台时,多半处于功能已验证、技术已跑通的状态。跟开发的沟通多是在讨论平台设计,并未有机会触及到他们用代码编制的世界。

接手iPhone的两个多月来,前后大大小小已经历了4个版本。在一次次洗礼后让我对工作的专业性有了进一步的思考。所以今儿个旧话重提,跟大家分享一下进阶版的心得。


我是主题分界线

“陪产婆”指的是(交互稿产出后)开发实现环节中,交互人员在产品从无到有整个过程中所担任的角色。我将这个环节简称为“开发跟进”。

 

很多团队把交互职责仅定位于交互稿产出,完成后便丢给PM执行余下的任务。在我看来只会画图的交互不是好设计,合格的设计师不但要能作出好的方案,还要为其保驾护航使之成功落地。前者和后者分别体现了专业能力和综合素质,二者共同组成所谓的专业度。

为什么说开发跟进很重要

1:如果不能做到一稿胜千言,就不要指望开发人员对着交互稿就能完成一切工作。为保证方案可以顺利执行,需要不断地确认和验证。

2:人无完人,即使是已经确定的交互稿也难免存在纰漏,甚至有时还会涉及到需求变更。

3:职业壁垒造成交互阶段产出的方案可能过于“理想化”,等到了真正技术实现环节才发现需要修改或补充。

4:为保证开发效率,遇到问题时需要有一个人第一时间回应解决。

为什么说开发跟进对个人提升有很好的帮助

1:做交互的过程是跟自己的逻辑作斗争,开发跟进是跟一群人的逻辑作斗争。交互稿的每一位评阅者都会从自己的角度去理解验收你的产出,是不是真金就看你能不能被炼出来了。

2:画图只代表出活能力,开发跟进将全方位解锁你的技能。多线程配合、沟通表达、协商决断、应急抗压,每一个姿势都是需要锻炼技能。

3:除了对自己的产出负责外,还要对其他人负责。要有主人翁意识,以协调好视觉、开发、测试为目标,万事都要多问问自己怎样才能做到让各方更好工作。

4:画交互是经验的输出,开发跟进是能力的增长。开发环节会让你走入另一个世界,那里充斥着日常鲜少听到见到的知识,让没有技术背景的你在短期内紧凑地了解代码实现逻辑,让设计做的更加有理有据。

5:充分感受合作带来的喜悦和快感。

交互设计必杀技:如何做一名高效的“陪产婆”

时间就是金钱,对于互联网公司更是如此。开发总量不变的情况下,减少时长就是提升效率的有效方式。下面来说说我的一些小方法,如何在力所能及的范围内为技术人员争取更多的时间,减少不必要的时间浪费。


ps方法来源于同事建议以及自己的经验总结

一、简化目标路径

技术人员会根据收到的任务单(ticket)然后去交互稿上找对应的页面来执行工作,这样就存在任务与交互稿相脱离的问题。收到的任务会有集中的列表,但在交互稿上相应的页面可能是离散的,这中间就存在了“找”的成本。

发现这个问题后,我会将已做好的交互地址补充到对应的ticket后,这样看到需求便可以直接打开交互页面。

交互设计必杀技:如何做一名高效的“陪产婆”

简单功能,直接放上交互稿的截图。(要注意的是如果修改了交互稿,截图不要忘了一并更新哦)

交互设计必杀技:如何做一名高效的“陪产婆”

在交互稿的每一页加一个Title,附上对应的需求链接,让二者无缝连接。

交互设计必杀技:如何做一名高效的“陪产婆”

二、让修订一目了然

开发跟进过程也是交互稿不断完善修改的过程,对于看的人来说面对几十页交互稿第一反应就是“改了哪里?”、“是否与我相关?”、“与上一次有何不同?”。方法是:

在左侧数轴上标明[新增]或是[修改],让观者先快速定位到目标页面。

交互设计必杀技:如何做一名高效的“陪产婆”
交互设计必杀技:如何做一名高效的“陪产婆”

在页面上不要直接更换掉要改的内容,而是在原有方案的基础上用红色明确标注最新方案的修改方法。一页交互稿内容说多不多、说少不少,但如果不加任何标注的情况下,想让观者在茫茫文字和线条之间一眼就看出你改了什么,还真是有点难为人。

交互设计必杀技:如何做一名高效的“陪产婆”

在交互稿上专门建一个页面放置[修订记录],以天为单位将所有的修改顺次汇总在这里。方便大家查看的同时也给方案迭代留下可寻的依据。

交互设计必杀技:如何做一名高效的“陪产婆”

三、将协作漏洞一网打尽

通常只有交互会去详细阅读策划的需求文档或ticket任务单,技术人员和视觉设计会将交互稿作为终极对照物。因此遇到不涉及交互的视觉需求就很容易出现设计遗漏,等到技术人员要稿子时候才豁然发现。这个时候再去匆匆补稿从质量和时间上都会有影响。

无论过失出在哪一方,如果能想出办法避免这个问题才是关键。既然大家都习惯以交互稿作为对照物,我就在每个版本的交互稿中专门整理一个页面,用来放不涉及交互的视觉修改功能。有效起到提醒视觉设计师,避免发生丢稿现象。

交互设计必杀技:如何做一名高效的“陪产婆”

四、尽可能详尽说明方案

可以说交互稿写的再详细都不为过,因为懒省事或者没想到带来的细节说明缺失,都会造成技术开发时需要来再次确认进而补稿的问题。

“没想到”这个是专业能力问题,必须通过不断提升个人让逻辑尽可能缜密无缝。粗心懒省事就是专业素质问题了,既然想到了就应该极尽可能的阐述清楚每一个细节,如果文字太晦涩也可以通过别的方式来描述自己的想法,比如给视觉贴几张参考图、给技术做个小动画。

交互设计必杀技:如何做一名高效的“陪产婆”

五、通知前置,交互稿快速跟进

当交互有了明确的修改方案后先口头通知开发,然后再将具体方案稿补好。这样做的目的是,你不知道开发是否正在做、正在思考你打算修改的部分,越晚告知就越有可能出现刚开发完就又要修改的问题。尤其是涉及逻辑较多的功能,越早通知技术人员越可以有效避免上述情况,也可以在沟通中进一步验证新方案的可靠性。

六、明确到人避免遗漏

等到技术老大把任务单(ticket)分配到人以后,便可以留意一下每个功能对应的技术人员。相应功能有变更时除了在群组里通知大家外再单独告知一遍对应的开发。不要怕麻烦,一定要确保最新消息能顺利传达无遗漏。

七、换位思考尝试理解

作为一个没有技术背景的设计师,我曾一度很讨厌开技术来跟我讨论实现上的问题,一心想着‘我不懂技术我只管设计,只要不涉及方案有问题就跟我没啥关系’。

其实想一下,我能接受确定的交互因为视觉效果不好看而推回来改方案,那么为什么不能去尝试性地理解一下开发人员呢?虽说好的技术应该什么都能做,但也存在性价比这个问题。如果A、B两个方案无更好一说时,根据技术人员的反馈来做选择岂不是更好。

ALL~如何才能真正成为一名“好”交互,是我一直在努力探索的事情。职场不只教会我们做事更教会我们做人,去做一个有用的社会人。在新环境、新团队的磨合过程是技能解锁的开始,当你感觉到“不舒服”存在时,说明你已经开始为“更好”在思考。

版权声明:早读课文章均来自作者投稿或者授权文章,部分文章为转载均尽量注明作者和来源,文章版权归作者所有,若涉及版权问题,请添加momo微信:qqj5211314,感谢。

交互设计必杀技:如何做一名高效的“陪产婆”

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

(0)
TinadminTinadmin
上一篇 2017-08-01 12:47
下一篇 2017-08-01 13:41

相关推荐

  • 界面设计,视觉设计,交互设计之间区别

     设计师 交互设计师  UE是用户体验,UI是视觉设计,IxD是交互设计。  交互设计最开始不是服务于互联网的,是人机交互也就是人与计算机的现实输入输出、现实生活中设施的使用方式,不局限于互联网,好…

    2017-08-02
  • 交互设计基础 | 移动APP中反馈提示的设计方法与实例

    给用户及时、恰当的反馈,是交互设计非常重要的一项原则。由搜狐新闻客户端团队撰写的《设计之下》一书中,对操作反馈从形式、内容、位置几个方面做了非常详细的总结,满满干货。今天@青溪Joanna 这篇读书笔记…

    2017-07-31
  • 工业设计与交互设计的关系

          工业设计是一个很宽泛的概念:它的设计构思上需要考虑到产品整体外型线条、各种细节特征的相关位置、颜色、材质、音效、人因工程等;产品范围上包括杯子、电脑、交通工具等实体产品。认为「工…

    2017-08-01
  • 常逛这3个交互设计类网站,轻松get设计技巧和灵感

    DribbbleDribbble是一个著名的UI设计、交互设计社区,许多设计师寻找灵感,与设计师同行进行交流切磋等都会到这里来。 它面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务,供网友在线查…

    2017-08-02
  • iOS 10 交互设计指南

    几乎所有的iOS应用都由UIKit framework中定义的组件构成,了解这些基本组件的名称、作用和功能可以帮助你在应用的界面设计过程中提供更好的帮助。UIKit提供的UI组件分为以下4种类型:栏包含了上下文信息来指引用户…

    2017-08-01
  • 12个很不错的UI交互设计动效灵感

    转自:设计达人(ID:shejidaren888)链接:http://www.shejidaren.com/ui-interactions-01.htmlUI动效设计是每位设计师们的一个进阶技能,我们做动效时,不仅仅要有用,而且还有好看哦,今天达人分享来自muzili整…

    2017-08-02
  • 产品经理的末路,交互设计的穷途

    2016年上半年我跟进了几个项目,“开始众筹”、“finger”、“分答”和“袋鼠云”,“袋鼠云”是企业级服务,前面三个是toC的服务,在为这些老板提供支持的时候,问他们需要什么人才,都说需要技术大牛和运营大神,没有一个提…

    2017-08-02
  • Don't make me think 读书总结

       这本书算是一本很入门的交互设计图书,很多内容其实都是通过以前的积累已经知道的内容。我相信对于大家来说,“要记得在每个页面上加导航栏”这种提醒已经不需要了。所以,我在下面列出一些看完过后,觉得可以温习…

    2015-08-20
  • 交互设计不只是解决业务问题

    「解决问题」是很多人对设计的定义归纳,具体到产品/交互设计领域,深入理解业务并提出合适的解决方案也是一项很基础、重要的要求。但对于用户体验/交互设计师来说,我觉得「理解业务」和「解决问题」本身都并不足…

  • 交互设计与空间展示的深度结合 | 通过交互科技扩展展览空间的体验维度

    本文分为两个主部分,第一部分为如何理解,通过交互科技扩展展览空间的体验维度,第二部分将结合若干具体案例,为大家分享怎样运用交互科技,扩展展览空间的体验维度。大理石是大型彩色模压形状,能够和人通过声音…

    2017-08-01