木子素材 首页 大神 交互设计 查看内容

画线框图前,交互设计师要做的3件事

2016-7-12 21:56| 发布者: admin| 查看: 533| 评论: 0

摘要: 编者按:优秀的交互设计师在画线框图前会做什么?今天网易高级设计经理@我是阿智 给同学们分享他的开工前会执行的3个流程,可以快速帮你了解问题并做出解决方案,非常实用,建议阅读。 一、了解问题,制定计划 我们 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

画线框图前,交互设计师要做的3件事

编者按:优秀的交互设计师在画线框图前会做什么?今天网易高级设计经理@我是阿智 给同学们分享他的开工前会执行的3个流程,可以快速帮你了解问题并做出解决方案,非常实用,建议阅读。

一、了解问题,制定计划

我们都知道,错误的解决方案是可以纠正的。哪怕它需要一天、一周,甚至更多,无非是效率而已。但是,如果连问题,或者痛点都不存在的话,你所做的事情就没有任何意义了。所以,养成深究问题的习惯,避免在问题不清楚、目标不明确的情况下做设计,这一点对于交互设计师来说,非常重要。

作为制定一项交互设计工作计划的开端,我们可以从探寻以下几个问题开始:

  1. 为什么要做这个功能?(业务目的)
  2. 产品期望得到怎样的成果?(业务目标)
  3. 谁来使用这个功能?(目标用户)
  4. 他们为什么要使用这个功能?(用户需求、体验目标)
  5. 如何让他们都来使用这个功能?(行为设计)

在了解这几个问题的基础上,逐步展开一系列的动作,有序落实交互设计的前期工作计划。主要包括:1、分析业务需求 —> 2、分析用户需求 —> 3、分解关键因素 —> 4、归纳设计需求,明确设计策略。

画线框图前,交互设计师要做的3件事

从计划,到执行、检查,再到纠正,是一个完整的交互设计工作循环过程。并且这四个过程并不是运转一次就结束,而是周而复始地进行。一个循环完了,解决掉一些问题,还没有解决的问题就进入下一个计划,不断循环、迭代。没错啦,这是著名的PDCA循环

二、归纳需求,分解目标

当一个产品在立项的时候,通常就会有一个明确的产品目标。比如,“在三年内打造成中国领先的XX平台”,这就是一个典型的产品目标(有点愿景的味道)。而产品迭代的过程中,相继会有多个业务需求出现。而每一个业务需求,背后都会隐含着一个或多个目的、目标。

举个例子,“注册”就是一个业务需求,它不是用户需求。没有用户是巴不得使用某个网站还要注册的!“注册”的业务目的,是产品希望通过登记用户信息的方式来方便进行用户管理。针对这一业务目的,“提高注册页面的转化率”就是一个明显的业务目标。通过设计,我们可以将业务目标转化为用户行为,即让更多的用户去“点击注册按钮”,来帮助产品达成“提高注册页面转化率”这个业务目标。

如何引导用户去注册,这一系列的行为设计,是非常关键的步骤。因为,用户行为直接影响业务目标的达成。所以,在设计用户行为之前,我们当然需要了解清楚目标用户是谁。了解他们有什么样的特征、经验,会在什么场景下出现注册行为,体验目标是什么。这就是我们常说的用户需求分析啦。

画线框图前,交互设计师要做的3件事

上图是我总结的一套设计需求分析方法。通过图中的方法,可以帮助我们将业务目标和用户体验目标进行有机结合,从而转化为有效的、可行的解决方案。同时,学习这种工作方法,也有利于帮助团队打造更健康的工作系统,帮助改善交互设计师与产品经理的关系,提升工作体验。因为,它能直接产生更好的产品。这个方法我在内部试过好几次,屡试不爽!

特别注意:据我的观察,解决方案存在争议,其中还有一个非常重要的原因,就是团队成员对于业务目标、用户体验目标没有一致的理解,或者两者之间没有平衡好。所以,这几步非常重要,交互设计师最好和产品经理一起来完成。让团队对目标建立清晰的、一致的理解。

三、设计用户行为,构思解决方案大纲

用户产生注册的行为,可能是基于某一种动机。比如,注册了可以使用更多的功能。在注册前,用户也可能会有一些担忧。比如,担心个人信息被泄露之类的。所以,合理地解决用户动机、担忧,以及使用过程中可能会遇到的障碍,就能够帮助用户有效达成体验目标,获得用户满意。同时,这样也能够帮助产品达成业务目标。是个一举多得的办法,里头有不少技巧,在此不作展开。

基于动机、担忧、障碍这些关键因素的分解,可以帮助我们得到一系列的应对策略。到了这一步,我们就可以把能通过设计来解决的应对策略进行一一归纳,找到产品经理进行讨论,并尽快明确下来。

随后,交互设计师就可展开细节设计啦。什么流程图、信息架构图、界面线框图,该有的马上就能有!至于不能通过设计解决的应对策略,我们可以将它作为新的需求,提交给团队中其他的角色来协商解决。

以上,就是我在画线框图之前,通常会做的三件事情。篇幅有限,先这么简单分享一下。完~

看完了工作前的准备事项,是时候进阶学习下完整的交互设计工作流程了:《够专业!一个完整的交互设计流程是怎样的?》

对流程把握得更透彻,进度安排会更加得心应手,这篇《国内知名UED团队的设计流程是怎样的?》介绍了一个适合大公司也适合创业公司的快速协作流程。

「专门给视觉设计师的干货」

腾讯设计师的进阶建议,超实用!
《17条经验之谈!视觉设计师如何进阶提升自己能力》

如何让视觉效果实现99.9%的还原度?
《实用干货!视觉设计师如何让设计效果高还原度落地?》

提高效率才有时间进步呀!
《秒变设计快刀手!10个帮设计师提高效率的经验分享》

原文地址:zhuanlan.zhihu

画线框图前,交互设计师要做的3件事

【木子设计网 原创文章 投稿邮箱:13671295@qq.com】

================关于木子设计网================
"木子设计网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:https://www.muzisucai.com/。
设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材
设计导航:全球顶尖设计网站推荐,设计师必备导航:https://www.muzisucai.com/

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×