面对大项目,交互设计应该如何进行?

去倾听用户真正的心声,才能设计出一款既能解决用户所担心的问题,又能让他印象深刻的产品。


去倾听用户真正的心声,才能设计出一款既能解决用户所担心的问题,又能让他印象深刻的产品。

面对大项目,交互设计应该如何进行?

作为一个非科班出生,又没有经验的我而言,能进入到这个团队,真的觉得很幸运。在还未真正踏入这个行业时,我曾经问过自己,“什么是设计?”这个问题听起来真的很耳熟,估计在设计行业的各位,都曾经问过自己这么一个问题。谁也无法给设计下定义,它可以是具象的,也可以是无形的。流线型的设计能减少空气阻力,绿色能缓和人的心情等等,它以形态、色彩、质感等元素存在于生活中,但我们总是疲于追赶,却忽略了它的存在。所以设计于我而言,是一种生活态度。它让我明白了每件事物都有其存在的理由,而挖掘这其中的理由,成为了我步入交互设计的初衷。

进入部门已经有九个多月,在这期间接手不少的项目,有的是属于独立项目的优化或者功能新增,有的是大项目中某个模块的功能设计。在学习的过程中发现,根据项目的大小,在设计的时候会有不同的运作方式。每完成一个项目,我们都应该去反思、记录和总结在设计过程中自己存在的问题,然后再沉淀下来,成为自己的一套思维。

在这里特别想说一下在接手大项目的时候的体会,以下都是一些个人观点~不一定都是对的,仅供参考。

何谓“大项目”?我认为“大项目”的定义是,需要修改的地方较多且会推翻原有内容的产品,或者是一个从无到有的产品。一个大项目,往往很难由一个交互设计师去完成,当然如果公司只有一个交互时,你也就不得不一人独立完成了。由一个交互独立完成的好处体现在对产品的了解会非常到位,交互上能做到完整性和统一性。

而多人去完成一个产品时,往往分工明细,容易出现信息不拉通的情况,会造成各自只对自己负责的部分很熟悉,对其他人的只是了解一二,那么当一个交互设计师都不了解整个产品的业务时,那么做出来的交互必然存在不统一性,很难做到目标一致,出来的产品会风格不一致,感觉是分裂的。而且每个功能点交互环节需要做到全局把控,成为一个闭环。可以拿一个app来说明一下,针对大项目的运作方式该如何是好?

1、了解整个产品的定位及框架

产品定位是个很重要的东西,就像每艘船的总舵手,它把控着整个产品的方向,他带领着所有团队成员奔向同个目标。若从一开始,团队目标已经没有达成一致,那么后期在做事过程中,是很迷茫的。在有了明确定位后,产品的框架会根据定位来梳理,产品大框架是每个交互必须要了解的内容,在大项目中,很难做到对每个模块的业务都无比熟悉,但必须了解产品的整体框架,例如分为了哪几个模块,例如微信这款app,就分了四大主模块,分别是微信、通讯录、发现和我。这几个模块相关的主业务也需要去了解,可以不需要去了解每个模块具体功能点的交互,但大致的主流功能需要了解。因为产品的每个模块是密不可分的,模块之间的交互都是穿插的。

2、画出大致交互初稿,召开交互评审会。

在每个交互设计师输出交互产物后,将产品的所有交互都聚集在一起,开一次交互评审会,通过评审会,去进一步了解除自己业务模块以外的交互,而且也可以相互审查彼此之间的交互是否存在不合理之处,是否做到交互上的闭环。交互输出物在原则上应该遵循体现哪些内容呢?

面对大项目,交互设计应该如何进行?

该功能点适用于哪些场景是必须要梳理完整的,如何做到场景梳理完整,就需要看你对业务的了解程度了。而且场景的交互设计必须做到闭合设计,怎样才算闭合设计呢?就是在每个界面中凡是能点击的地方,点击后都能得到相应的反馈,在操作完之后都能返回到最开始的页面,就算是一个闭合的设计。

在交互过程中必然存在操作成功和操作失败的场景,异常情况通俗点说就是操作失败,以我做的一个语音会议为例,我在点击开始会议之后,若网络不稳定或者网络断开连接,就会有相应的提示。而极限情况指的是超出功能的上限,如语音会议是需要服务器那边去支持的,人数会存在一个上限,当选人过程中,超过人数最大值,也应该出现相应的提示,如果超过人数上限,在选人的时候直接勾选不上,又不给用户提示,这是一个不人性化的体验。

而说到页面布局的整体,是指这个页面布局是否能满足即使不同入口进入,同样能复用这个界面,完成操作。例如我在一个群聊天窗口发起语音,或者在消息列表有个悬浮窗口,直接点击发起语音会议,此时是否都能直接拉起同一个界面会更好些,这样一来减少了设计和开发的成本,也能做到功能的统一性。让用户潜意识的一看到这个界面,就明白是语音会议。

3、整理交互组件,定义每个组件的适用场景

在评审完毕后,会加深我们对整个产品的理解,就好像自己在用一款已经上线了的APP一样,点击某个按钮,可以出现哪些相应的页面,这样会有利于我们去梳理场景,然后对相同功能点都罗列出来。例如在平常使用的云盘,可以将自己云盘的文件进行分享,而类似知乎这类,也可对文章进行分享。如果某款app把这两个内容结合在一起,那么这个点击分享后的弹窗是可以进行统一的,参考业界或者从目前常用的交互样式中,我们可以选择从底部向上滑起的弹窗样式。

在统一交互组件后,可以再定义每个组件的适用场景,如针对一些操作后的简单反馈,如保存成功、转发成功等这类的提示语都统一用toast样式。一般toast样式都适用于操作成功与否的反馈,简短的文案,只需要用户知道,无需进行操作的提示,出来2s左右就消失。而中间弹窗则适用于需要解释某些操作功能给用户听,还需要点击才能进行下一步操作时用的组件,这种弹窗一般最多有两种操作,如果操作超过两种以上,又或者不仅有两种以上操作,还要对操作进行解释的时候,就可以用从底部向上弹出的弹窗样式,如回复邮件,或者在邮件详情下方点击更多操作。这些交互组件一旦整理好之后,有利于视觉去整理,后续人员交接的时候,也能保持交互设计的风格统一,随着时间和需求的不断变化,也要做到对组件的维护。

面对大项目,交互设计应该如何进行?

4、实时跟进产品进度,不断优化改善

并不是说在交互输出后,交互设计师就算是完成任务了。交互在整个产品中,起到了一个承上启下的作用,在与BA沟通过程中,并不单单只是个执行者,也可以与产品共同探讨这个功能点的合理性,甚至可以挖掘更多的业务场景,创造更多的价值点。

交互输出后,开发也可以同时进行框架的搭建,必须做到开发和交互能实时沟通,因为交互稿其实从一定程度上是很难讲每个细节都讲解清楚的,例如页面与页面之间的跳转方式,开发一般也不会过于关注交互稿上的文字说明,定期去主动找开发交流,可以降低后期的返工现象。

而视觉上更是不能松懈,一定要让视觉也能理解每个功能的逻辑,原因是只有目标一致的时候,视觉和交互在设计上才不会出现过多的分歧,往往有些视觉设计师在输出产物时,你会发现自己的页面布局被改的面目全非,原因是交互在给视觉交互稿时,并没有过多的对其讲解业务知识以及页面布局排版的原因。

产品上线后,更是要经常去使用自己设计的产品,去切身感受,实时关注用研报告,对用户反馈的问题进行思考。当然,并不是每个用户的反馈和需求我们都要给出相应的解决方案,我们需要根据用户数据来定义。

所以说作为一名交互设计师,更多的是学会从多维度去思考问题,懂得如何与人沟通,在沟通过程中其实也是交互设计的体现。因为你需要去思考对方究竟想要表达的是什么,去倾听用户真正的心声,才能设计出一款既能解决用户所担心的问题,又能让他印象深刻的产品。

 

本文由 @交互设计陈小妹纸 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-08 14:47
下一篇 2017-05-08 16:39

相关推荐

  • 设计师要懂心理学の眼见非脑见

    我们一般认为,当我们观察周围的一切时,眼睛会将看到的信息传输给大脑,大脑再对信息进行处理,让我们感受到真实的世界。但其实不然,脑见并非眼见,因为大脑总会解析眼睛看到的所有信息。试举一例,请观察下图: …

    2014-11-26
  • 心得分享:正确对待所面临的一切

    前面一直在和大家分享我在自学的过程当中所学到的知识,其实每次在写文章之前,我都会自己提前做好准备工作,然后再整理出来一个完好的结果呈献给大家,但是自从结束实习到回到学校的这段时间,产出率几乎为零,今…

    交互设计 2015-08-24
  • 为何设计师要学会做版本控制?

    XX项目视觉稿.PSD

    XX项目视觉稿新版.PSD

    XX项目视觉稿最新版.PSD

    未标题-1.PSD

    XX项目视觉稿最终版.PSD

    我已经不想做了.PSD

    XX项目视觉稿这个一定是最终版.PSD

    XX项目视觉稿最终的最终版.PSD

    这稿坚决不改了就这么着吧.PSD

    这个标题是凑字数的.PSD

    2017-05-24
  • 想快速玩转Axure,同时提升产品和交互能力,试试这个秘密武器

    腾讯课堂&起点学院联合打造的给产品经理的Axure课程如果你想学好Axure,不让Axure阻碍自己的发展,却苦于这些问题?1、没人监督指导,自学还没到一个周,就想放弃2、按教程操作,却出不了效果,又不知错在哪里3、难的知识内容看着费劲,不会技巧,效率低浪费时间那么这个课程很适合你,2280位同学已经通过这个课程摆脱了Axure困扰。这个课程能带给你什么如果你是产品新人,还没有很好的产品作品,axure实战班里做的原型作品,学到的axu...

    2018-04-30
  • 资讯类APP竞品分析报告

    一、摘要 为了能深入了解主流新闻客户端在「功能模块」、「内容运营」以及「界面交互」上的特点,我对Zaker、今日头条、网易新闻这3款APP进行了对比分析,并得出结论: Zaker定位于具备明确新闻需求的用户,整体较…

    2015-03-17
  • 用户界面缓解曲线

    由于采用扁平设计,动画的质量是创造伟大的界面更是必不可少的因素。通过动作设计,可以影响产品的整体体验,并从市场上把它分开。动画可以使复杂的相互作用简单,把好设计成令人难忘的用户体验。但是,我们如何创…

    2015-05-26
  • 阿里UED:优秀阿里设计师如何养成

    编者按:一个优秀的专业交互设计师该具备哪9个素质?一个完整的交互设计流程该经历哪12个阶段?今天阿里的交互设计师从零开始一一帮你解答这两个问题,非常适合新人入门哟。一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。大约五年前选择了这个职业,一路走来,质疑过、探讨过,也争辩过。和很多交互设计师一样,我也有过盲目自信和茫然失措,历经时间的鞭挞后...

    2018-03-09
  • 交互设计师的60日计划之第三天

    此次分享的 [button type="info" text="交互设计师的60日计划" url="https://www.iamue.com/tag/interaction-designers-of-60-days" open_new_tab="false"] 来自 Killa.G 让我们一起跟着学习和并学会做自己的总结与…

    2015-08-20
  • 转载:昨天就听闻快的与滴滴的恋情,万万没想到今天就不要脸的在一起了。

    原文:阿西博客http://wangguangxi.net.cn/?p=126 今后我要怎么选择出门打车是开滴滴还是快的尼? 又或者这俩货都没了,直接统称一个快滴打车? 不过阿西梳理了几条关于上述两个产品的使用交互体验上的建议 1.打车…

    交互设计 2015-02-14
  • “来电”性格测试的交互设计历程

    来电,是一个主打免费通话的纯语音应用。从14年7月份低调发布Lightalk1.1后,历经3个版本,终于在1.4版更名为来电并投入推广了。除了运用一些传统的渠道推广,来电也尝试在应用内嵌一个提供分享的入口,鼓励用户做…

    交互设计 2015-04-10