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


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

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

微信公众号:臭脸任的慢生活(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

相关推荐

  • 提高交互设计技能的五个方法

     设计师 交互设计师  现在,所有基于Web进行设计的人都需要对交互设计原则有一个基本的了解。即使你没有在人机交互、用户体验设计或人性因素等方向的正式学习训练,但只要你了解这些学科的基本原理,依…

    2017-08-01
  • 【交互设计】怎么让引导页不再是无用小透明?

    前言在接触一款新应用的时候用户常常会看到一些引导页,但在操作的时候直接当透明的就快速滑过或跳过了,这种时候,大家一定会有“这些引导好无用啊”的无力感,目前甚至有着“如果一个产品需要引导,说明该产品缺乏友…

    2017-08-04
  • 产品经理、交互设计、UI设计师工作内容到底是什么?

    |沙龙精选自公众号交互笔记后台经常会有人留言问我一些问题,有的我回复了,有的没有回复,不是我故意无视,而是因为探讨那些问题需要需要些时间,而我当时正好比较忙,等闲下来的时候,这些留言已经被后台定期清空…

    2017-08-02
  • 在考虑入行交互设计之前,先来搞清楚一些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-10
  • 【UE&用户体验面试题】阿里巴巴 2015 用户体验专员实习生笔试题

    阿里巴巴 2015 用户体验专员实习生笔试题 1.某购物网站是大陆市场的领导者,为了扩展台湾市场,专门推出了该网站的台湾版并已上线。为了在台湾竞争激烈的电商 环境中脱引而出,吸引更多从未使用过该网站的台湾用户…

    2015-07-30
  • app反馈信息的交互设计

    请戳“小白的交互设计”,关注我,么么哒。反馈的作用是帮助用户理解系统行为,合理的反馈就像两个用普通话交流的人之间的对话,互相可以轻易地理解,而糟糕的反馈就像是一个用普通话,一个用粤语的两个人之间的对话…

    2017-08-02
  • 三个维度解析一个产品的交互设计

    作者:飞起就是一jio链接:http://www.jianshu.com/p/ad13cebe513b本文以“微信首页”为例,用三个维度系统地解析一个产品的交互设计的方方面面首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页…

    2017-08-04
  • 功能确定之后,如何做好产品的交互设计?

    功能和数据都确定下之后,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓准了,我…

    2017-08-03
  • 交互设计初体验(iUED)

    对于一个初入交互设计行业或者即将和我们一起在交互行业并肩作战的你是不是有种不知所措的感觉呢?其实这是一个很正常的现象,造成这个现象的原因一方面是交互设计师在实际工作中的产出物一般是线框图、流程图、信…

    2017-08-02
  • 交互设计基本功-pc端

    很多小伙伴0基础想转ux,看了很多网上的文章和书,但是依然不知道具体怎样入手。看完这篇文章,你就可以真正的入门了。1、按钮的5种状态1)正常状态:可以点击且没有进行任何动作的状态2)鼠标悬停时状态:鼠标停留…

    2017-08-01