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

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


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

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

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

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

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

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

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

相关推荐

  • 移动交互设计欣赏(GIF)

    今天为大家上一组动态的移动交互设计,好好欣赏哦!   更多讨论内容请关注:学堂群:156360020 | 微信号:Aioued | 新浪微博:艾欧交互学堂

    2014-11-20
  • 怕思考 — “Axure基础入门思维”

    我想说:“集思广益里诞生着灵感”虽然画原型图的软件有不少,但我并没有过多的去留意这件事,也许我最先知道的是Axure,所以就有了接下来的事情。其实对于Axure我也只是懂些皮毛,其操作起来并不是很熟练,但我在这上面有了一些发现和思考,我认为是值得分享的。首先Axure是什么?,我自己的理解是“Axure是一款帮助我们画出想法,理清思路,有益自己或团队交流规则和信息的工具”。Axure的模样(Axure RP 8)!当我们打开Axure软...

    2018-04-29
  • 一款运动类APP的产品交互设计全过程(两万字干货)

    这次的分享是前不久完成的一次比较完整的交互设计工作,基本上涵盖了前、中、后期的完整流程,包括前期的定位分析、用户调研、业务需求分析、目标用户画像、用户需求分析、关键因素分解、路径分析,完整的交互设计文档,以及后期的可用性测试,希望对需求分析、交互设计或可用性测试感兴趣的朋友们有用。1第一卷 需求分析1概述1.1 产品目标以运动为主题,选定某一种运动形式,完成一款 APP 产品的交互设计,内容集中在统计和分享运动量方面。1.2 关键词分解...

    2018-01-31
  • 阿里设计师:如何做好一场设计提案的Presentation

      作者:鸿影(阿里巴巴,设计师)   在过去很长一段时间,怎么清晰透彻地把自己的设计思路与方案讲述出来,一直是一个比较困扰我的问题(刚开始实习时甚至连做设计方案Review都经常结结巴巴),直到最近几次工作中…

    交互专题 2017-08-07
  • 基于交互体验下的包装视觉传达设计研究

    红河学院美术学院 文俊鸿摘要:包装视觉传达设计中交互体验的表现成为其设计重点,消费者与包装产品设计的关系更加紧密,让消费者在包装设计使用过程中感受到包装设计与消费者的情感交流互动,增强消费者视觉感官交互体验。采取理论研究和案例研究相结合的研究方法,对现代交互设计在包装视觉传达设计应用进行研究,让产品包装与消费者的联系更加紧密,让消费者的心理情感和视觉感官获得更具冲击力的体验,更为有效地实现包装设计与消费者的情感交流互动和传达。关键词:交...

    2018-01-30
  • 百度UED:让上帝讲真话——聊聊用户访谈几个细枝末节的问题

    来源:百度UED由于商业产品的特殊性,我们的用户是我们的客户,就是我们常说的上帝。那么,与上帝沟通需要注意哪些技巧呢?本文所讨论的技巧并非访谈技巧类的“技术流”文章,也非方法论,主要讲获取客户真实情况的访谈准备、数据收集及数据整理过程。我们在做调研时,希望了解上帝沟的目标、需求及行为。但在我们的调研中,往往发现这样的现象:1. 客户不配合我们的调研,不愿意跟我们讲话?2. 客户跟我们聊,却发现,答非所问,无论如何我们都没法在同一个平面对...

    2018-01-31
  • 阿里巴巴UED的设计团队究竟为双11贡献了什么?

    在11月11日这个日子的前后一段时间,当你发现如下症状之一:当你被机场、地铁、公交站牌和网页里频繁出现的双11提醒,感觉重要的时刻就要来临;当你心跳加速,不管什么都先放到购物车里再说;当你最终等待在11号这天的凌晨用风一样的速度支付成功,并长吁一口气;当你认为一切都那么的简单、自然、纯粹,不过是一场轻松的购物。只能说你Too young,Too simple。你的一举一动已经被一个神秘的组织所引导,它让你下单时够快、够准、够狠,并且你毫...

    2018-02-01
  • ​从零开始做交互:第一章 交互设计基础知识

    [button type="primary" text="百度阅读:阅读全书" url="http://yuedu.baidu.com/ebook/6d8b975a49649b6648d7479d" open_new_tab="true"] [button type="primary" text="网易云课堂:阅读全书" url="http://study.…

    2015-08-07
  • 超实用!聊聊标签式导航的设计思路(附设计师做笔记方法)

    现在文章基本上都不深入,只是点到某个知识,跟大家说个理论的东西,然后罗列出所有导航的形式。读者看了之后跟没看是一样的,遇到问题还是没法解决,只知道有这类导航存在而已。今天这篇详细地讲了关于标签类导航的几个知识点,希望可以帮助大家在工作中更好的运用。

    2017-05-21