新人设计师如何从0到1参与一个项目?

笔者从设计概念、设计实施、产品上线参与项目的完整过程,项目历程3个月。该项目是由团队内部自发的一款“为设计师提供成就体系展示平台”的全新产品。该产品类型偏信息展示,设计上更注重交互创新性,项目团队是通过 “借用”其他部门视觉和开发的方式临时组建。在这种情况下,怎么做到设计师主导设计并推动产品上线呢?希望通过这次设计分享能够给大家带来帮助。

一、方案阶段,如何做好设计?

设计过程中的各种考量和取舍都是不可见的,并且设计师最终交付的产出物也没有标准答案,但是只有在设计过程中严格把关才能得到更好的结果。

1.设计实施前,多问为什么

多问“为什么”是指从项目的利益相关者收集信息。通过信息的收集,明确设计原因及产品目标,梳理出核心方向及策略点提高工作效率。

在本项目中,需求多为老板提出,经产品经理转述给交互设计师。多问“为什么”就是从老板和产品经理“转述”的需求中挖掘出用户真正的需求并找到与业务目标契合的平衡点。

  • • 为什么要做这个功能?(业务目的)
  • • 产品期望得到怎样的成果?(业务目标)
  • • 谁来使用这个功能?(目标用户)
  • • 他们为什么要使用这个功能?(用户需求、体验目标)
  • • 如何让他们都来使用这个功能?
  • • ……

(对信息的收集后,可通过以下几个角度对用户需求梳理、分解找出设计关键点)

在这一过程中,可以直接找最终决策人——老板了解设计原因,但老板给的信息较为模糊。最好提出几个可行的方向策略,请老板做出判断和抉择。你需要做的是通过“这个体验不行啊”、“不需要展示这个信息”、“用户应该可以分享这个页面”等回答,挖掘出老板真正想表达的东西。

2.设计过程中,考虑所有可能方案

在设计评审时,我们可以只拿出一种设计方案。但是在评审之前需要把能想到的方案都仔细考虑一遍。如果只做一个方案交差,一方面可能会错过更优的方案,另一方面,在评审时被问到“这里为什么不设计成那样”时,很可能会措手不及。反之,如果事先把所有可能的方案都考虑到了,就可以从容应答,把之前已经思考过的其他方案中存在的问题一一列举出来。

3.方案评审时,将设计思考过程可视化展示

对于0到1的产品,下游的同事并不了解产品背景,对设计方向及方案权衡过程可能会存在疑问,如何在方案评审中让大家更容易理解你的设计,可视化展示设计的思考过程就显得尤为重要。

利用工具将思维视觉化是一个很好的表达方式,例如:将产品要解决的问题以及设计分析推导过程,通过思维导图、线框图、流程图或者其他的手段可视化表达出来,不仅利于大家一目了然地理解和讨论,同时增加设计方案的说服力。

(例如:在视频拍摄方案构思时,为便于大家理解方案,通过场景定义关键、通过一句话场景描述语+意向图的形式,将方案视觉化呈现)

二、项目跟进,如何保障设计效果实现?

项目跟进是设计师重要工作之一,设计能力再强,设计方案再好,如果没有后续良好的执行,也终究不过是废纸一张。

1.沟通及解决问题

尽管在设计阶段,我们已经尽可能地考虑了所有的交互状态,但在开发时,仍然有可能疏漏,所以技术人员在开发时遇到关于设计方面问题,需要设计师辅助解决。

在实际项目过程中,我曾犯过一些低级错误,为了节省时间,将问题的截图标出,然后直接丢给视觉\开发人员,导致反复修改的现象。所以对问题的规范化描述是不能省略的,通过操作、结果、期望三个方面对问题进行描述,即什么样的操作,会导致什么结果,最终可以满足什么样的期望。

(对沟通过程中的问题进行记录、对于不能按设计方案的内容,与开发沟通后、调研,寻求其他解决方案。将调研的产品截图或者链接一起记录下来)

若遇到因为技术限制或设计效果无法达预期情况,这时候要找问题的关键和边界,为什么不能解决?限制是什么?有没有可替代的方案?寻求正确的对策。并将沟通结果、记录、形成规范化的文档沉淀。

2、及时设计走查

产品上线前,需要对测试环境下的产品Demo进行交互走查。因本产品动效及交互细节较多,在此紧将常见几类走查的问题总结如下:

  • 交互动作:操作及其反馈,交互控件的各种状态、极端、极限和出错的情况,默认值是否正确,悬停的状态,文案等等,这些小细节在开发阶段可能被疏忽。
  • 动效时间:显示时间、持续时间和消失时间的验收;一般动效包括卡片的展开、收缩、切换;气泡或toast提示等,例如:卡片切换的时间是0.5s还是1s,这0.5s的差异对用户的心理会带来完全不同的体验;
  • 兼容性问题:不同机型来验收实际的显示和操作效果,确定文案是否折行、按钮排布是否适合点击等。若有硬件问题导致原定的设计效果无法在当前设备上较好呈现,还需要调整优化原有的设计方案,从实际出发来达到预期的体验。
  • 网络权限:不同的网络是否可访问,不可访问显示状态等;

三、设计走查后,如何推动开发解决走查问题?

推动开发解决走查过程中出现问题的能力是考量交互设计师能力的重要标准之一。

1.通过以下3种方式推动开发解决走查过程中发现的问题

  • 直接邮件提交方式

邮件是一种比较快速又正式的方式,内容较多时可附上对应的附件(走查文档)。

  • 在管理系统提交方式

直接在管理平台提交问题@相关人员与解决问题期限,便于交互设计师管理、跟踪自己bug的解决情况,同时也便于开发人员认领属于各自的bug。

  • 线下找开发沟通方式

这是最快、最直接的一种解决方式。

但需要注意的是,一是提前与开发约好时间;二是准备好问题清单,最好是将“问题清单”打印出来,防止沟通时遗漏。

当面沟通效果虽好,但是人力成本相对较大,无论是精力还是体力,面对面沟通更适合于功能的微调、页面小改动等小问题统一解决,对于一些大问题以上两种方式更适合。

2.写好验收的报告

写好走查问题,提高文档的可读、易读性,有利于减少反复沟通次数,提高设计优化的效率。

  • 问题描述简洁准确:

问题描述力求精简、明了、尽量使用公司内部一致的描述方式(可使用操作、结果、期望三个方面对问题进行描述),以及附上对应问题页面截图作为补充。

  • 问题梳理清晰并标注优先级

可以遵循分类-提取-标注优先级的原则,将问题按照bug、吐槽、建议等标准进行分类,分辨哪些是需要马上修改的,哪些是值得的。通过问题分类对优先级进行划分,分清楚轻重缓急,便于开发人员合理安排工作进度。

  • 给出问题解决方案或预期效果

对于“是与否”的问题,只需指出问题点即可,如:交互操作“是hover而非点击”。对于关于用户体验“good or better”的问题,因此需要给出相应的解决方案和预期效果。

(可参考上图标注有功能页面、问题描述与预期、优先级及处理人信息的等较为规范走查表)

四、产品上线,需要做什么准备?

一般到这环节,交互设计的工作才算完成。但因此项目属内部自发项目,职位角色并未划分那么清晰,笔者也有幸承担了产品上线的工作。项目产品面向的是公司内部成员,因此跟普通产品上线流程并不太一样,在这里主要讲两点:

1.上线前,物料准备

其中比较重要的是产品上线相关的工单申请,走审批流程等,工单主要包括:

  • 新产品上线申请
  • 域名申请
  • 服务器申请

对于域名,建议考虑简单易识别,为避免重复最好多准备几个,域名申请一般时间比较长,因此需要提前做好准备,以免耽误上线进程。另外,工单与工单填写项之间会有串联关系,因此需要向运维人员提前了解需要申请的工单项以及注意事项,如果牵扯到技术项要配合开发与运维人员一起填写。

2.上线后,项目交接

通过邮件或者会议的形式交付给项目的发起人验收,并提些官网宣传以及后续的发展方向的建议等。

五、总结

由于是新项目,无论是设计还是开发,大部分都是摸石头过河,没有现成的资源可用,都需要重新开始。在需求阶段,要对用户需求及业务目标有更透彻与深入的理解;在设计阶段,要探索多种方案的可能性、在业务目标与用户体验目标找到一个平衡点,优中选优;在项目跟进过程中,与视觉一起把控细节与精度,推进开发保证体验效果,通过不断沟通、协调解决项目中遇到各种问题,使得产品最终向着更好、更优秀的方式发展。最深的感受是对于设计师而言,设计功能的上线才算实现价值,在这一过程,除了对自身执行力严格要求,还需要产品体验敏感度,努力提升产品思维,培养整体设计的全局观。

网易UEDC(公众号)

作者:胡振明

(0)

相关推荐

  • vc6.0怎么新建c语言项目

    有着30岁"年龄"的c语言可以说是编程语言中的老人了,c语言以其良好的执行速度和可移植性深受广大程序员的青睐,那么作为一个初学者,学会怎么在编译器里新建一个项目是你以后必不可少的课 ...

  • UG10.0中如何创建一个手机充电器模型?

    手机充电器是现在日常生活中常见的日用品, UG10.0是三维建模软件, 那么, 用UG10.0软件如何创建一个手机充电器模型? 操作方法 01 如下图所示, 打开UG10.0软件, 点击标题栏中的&q ...

  • 前辈经验!聊聊新人设计师最容易遇到的12个问题

    小编:这篇文章也算是给设计师新人一个警钟吧,因为小编我看过之后心情久久不能平复,竟然全中.无论是在学习UI设计的过程中还是在实践中积攒,我们都应该把态度端正,认真做设计,做出好设计:对得起设计的作品也 ...

  • 手机QQ5.0怎么关联另一个QQ帐号

    很多情侣都喜欢关联QQ帐号,可以随时随地了解自己的另一半在和谁聊天,但很多朋友不知道新版手机QQQ5.0怎么关联QQ号,其实操作方法还是非常简单的,下面小编就来教一下大家手机QQ关联QQ号教程。 手机 ...

  • proe5.0中怎么绘制一个勺子模型?

    该经验为大家分享以一篇proe5.0实例教程案例的教程.该教程proe与creo都能使用. 1.运行proe5.0软件,点击新建,类型为零件,子类型为实体,取消使用缺省模板的打勾,选择mmns_par ...

  • vc6.0编译总有一个错误怎么办?

    我们使用visual c++ 6.0学习编程的时候,有时候软件会一直报错,但是代码的确没有任何语法错误.我教你如何解决. 操作方法 01 键盘上win键和r键一起按,在运行中输入cmd,回车,出现cm ...

  • 最新版微信7.0怎么关闭拍一个视频动态的显示

    对于强迫症的我们来说当我们更新了最新的微信后在个人中心中看到拍一个视频动态这几个字我们是不舒服的,那么我们怎么去除这几个字呢,详细方法如下 操作方法 01 首先我们可以看到上面显示的拍一个视频动态,这 ...

  • Visual C++ 6.0怎么创建一个项目工程

    有的了Visual C++就可以对c语言的工程进行编辑的了,很好的对一个项目创建,来进行编译的c语言的效果,那么如何在Visual C++进行创建一个新的项目的工程呢? 操作方法 01 在进行菜单中的 ...

  • 设计师如何高效学习?

    小编:作为设计师,我们需要每天学习新知识为自己补充能量.但是辣么多的知识,你是否不知道要从何学起?或者虽然每天在学习却感觉收获甚少?那要怎么学才能效率更高呢?赶紧打开这篇贴心的文章来get学习设计的正 ...