画交互原型方案前,你应该思考的三个点

一个优秀的交互设计师,一定要从用户目标出发,了解用户的核心痛点,满足用户的需求,只有这样才能打造一个好的产品。


一个优秀的交互设计师,一定要从用户目标出发,了解用户的核心痛点,满足用户的需求,只有这样才能打造一个好的产品。

画交互原型方案前,你应该思考的三个点

本文主要针对从事交互行业两年内的入门或初学交互设计师,并重点讲述如何精准清晰的做好交互方案,主要内容有以下三点:

  1. 画交互原型前要了解用户使用产品的核心需求;
  2. 思考用户在使用产品时的痛点场景;
  3. 梳理产品信息框架;

在国内,交互设计行业兴起至今,不过十年左右,许多院校还没有专门的交互设计课程。很多设计师都是半路转行,成为交互设计师。那我们来思考一下,到底什么是交互设计?

交互设计它定义了至少两个个体之间互相交流的内容或框架,比如人与人之间,你问我答;人和产品之间,你输入我反馈。并且能帮助你更快、更高效的解决某个问题,达到某种目的。

相信从事设计行业一两年的初学者通常会遇到以下问题,在做设计时,产品经理提出什么需求,我们就做什么,输出的方案也经常被驳回,或要求修改重来。无法全面完整的给出解决方案,也想不出如何做才能高效有质的输出交互。那么,我们应该如何提升专业能力,提高交互方案的通过率,让其他团队对我们刮目相看呢?针对这些情况,本章节讲从三方面讲述在输出交互方案前,应该如何思考?

1.了解用户的核心需求

每个产品都有它的独特属性,比如微信、陌陌属于社交,天猫、京东、属于电子商务,饿了么、百度外卖属于外卖订餐,链家、安居客属于房产信息。每一款产品也都有它的核心用户群,在做任何设计之前,我们都需要了解我们的用户是谁?用户需求是什么?是寂寞无聊了想找人聊天呢,或是上网看看有什么宝贝可以淘一淘,又或是不愿出门想叫个外卖。他们都有各自什么样的深度需求?

这里拿百度外卖举例:

百度外卖从发布到现在,不过两年时间,外卖市场占有率已位居第一,这跟它的定位很重要。百度外卖主打一线城市白领市场,用户平均年龄分布在20-40岁之间,这批人属于社会的中坚力量,通常具备至少以下两个特点:

  1. 通常都有着良好的经济基础,在外面吃饭时不太关注价格高低,对餐厅环境和格调反而更为看中,注重生活品质;
  2. 大部分人平时工作虽然繁忙,但会抽时间锻炼身体,注重时间管理;吃饭时对食品安全也有着更强烈的诉求;

与此同时,他们也有一个显著特点:几乎都没有很多的业余时间在家做饭享受一顿美餐。百度外卖通过“品质生活安全送达”的理念,把“品质”和“安全”的产品定位与用户心理的核心需求很好的结合在一起。

2.用户使用产品的痛点场景

了解用户需求后,明确了用户使用该产品或功能的核心需求,并经过跟产品经理讨论,用户目标与产品目标都达成一致时,接下来就需要对用户需求做一个全面分析,细分用户在使用该功能的所有场景,并找出关键体验点,梳理出交互框架和流程。那如何细化场景来找到关键体验点呢?我这里拿最近很火的“得到”APP来举例,教育类移动产品有它的特殊性,特殊在于它即属于TO B应用,又是TO C应用。用户角色种类很多,每种角色的心里需求也不一致,下面举例说明用户场景和需求,比如:

  • 时间:早上/上班途中/工作时间/午休/下班途中/睡觉前…
  • 地点:家里/车上/办公室/录音室/图书馆/地铁/公司/咖啡厅/商场…
  • 人物:专栏作家/VIP付费用户/大众用户…
  • 动作:听/看/购买/分享…

举个例子:专栏作家在办公室工作时,搜寻到了一本好书,并拆解了这本书的核心理念并分享给VIP付费用户,帮助VIP用户学到有用的知识,节约VIP用户的时间,提高VIP用户的核心竞争力

一句话总结:就是什么角色在什么时间、什么地点、做了什么动作、解决了什么问题,达到什么样的效果?基于这个流程去思考如何通过设计去满足用户需求,达到目的。

3、梳理产品信息框架

在分解完用户场景,了解用户关键体检点后,就可以来建立信息框架了,通俗点说就是开始画使用流程及原型图。流程图同样需要基于用户的任务去绘制,这也是交互设计师的职责所在,我们为用户规划了不同场景下的一系列任务,展示一个或多个角色从开始使用产品到离开时所有任务的详细步骤,用于满足不同的目的。并且需要简单清晰的注明它们之间的相互关系。主要包含以下几个内容:

  • 流程图:用户在使用产品操作任务的详细步骤,方便交互设计师梳理完成一个任务时的上下层级关系;
  • 线框图:展示任务中各界面元素详细的结构,以及主要元素。并考虑用户是否易用及布局是否合理;
  • 文字说明:主要是为了辅助说明界面中各元素,比如按钮,列表,图片,图标的具体功能含义。以及异常情况下的反馈说明。

总之,一个优秀的交互设计师,一定要从用户目标出发,了解用户的核心痛点,满足用户的需求,只有这样才能打造一个好的产品。

 

作者:UX,华为ITUX交互组组长  微信公众号:UEDC

本文由 @UX 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-04-29 15:47
下一篇 2017-04-29 17:38

相关推荐

  • 6个问题,带你全面了解交互设计

    随着行业的发展,只会图形 UI 设计和只会交互设计的设计师职业生涯都会遇到瓶颈。1. 什么是交互设计
    2. 当今UI 设计师的能力要求
    3. 交互设计主要做什么工作内容
    (1)产品UI框架设计
    (2)产品UI风格设计

    产品UI 框架选择
    简单式(单一内容)
    翻页式(多页内容)
    宫格式(较多入口)
    上导航
    下导航(4-5大类+分支内容)
    舵式
    抽屉侧边栏(1个重点+其他次要内容)
    隐藏式

    4. 线框原型图绘制方法

    方法一:黑白灰+色块
    方法二:黑白灰+高保真图形
    方法三:黑白灰+突出色+高保真图形

    5. 交互流程图绘制
    6. 动态交互原型设计

    2017-05-11
  • 三招两式讲需求,看完你们也懂需求了

    美国一家市场研究公司通过分析101家科技创业公司的失败案例,总结出了创业公司失败的20大主要原因,排名首位的就是:No Market Need!据统计42%的失败创业公司出现过这个问题,创始人执着于执行自己的创意,却没有…

    2023-03-03
  • 交互小技巧!浅聊四个主流的页面间跳转动效

    最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

    2017-05-29
  • 从单线走向双线,第三代用户体验即将到来?

    双十一在即,加之今年的新零售狂潮,零售业从线上到线下可以说纷纷摩拳擦掌。京东天猫剑指双十一已是老生常谈,值得注意的是,今年的双十一迎来了更多样化的全民购物盛事,比如飞凡推出的“2017飞凡狂逛节”。据了解,与京东天猫等电商大促有所区别的是,“2017飞凡狂逛节”重点是线下逛,与众多剁手党网上拼杀对比,着实令人耳目一新。新零售改革加速,用户体验核心发生质变可喜的是,我们看到零售业巨头和创业者们都在深挖线下。比如今年爆红的无人便利店和无人货...

    2018-02-03
  • 实用干货!如何让设计效果高还原度落地?

    一个产品完整的设计流程中,交互与视觉定稿后,后续视觉规范的输出、UI控件的整理与标注、开发的高还原度,都会影响产品最终的用户体验。作为视觉设计 师,在视觉设计 的最后阶段则是繁琐且像素级别的精雕细琢,设计讲究的不仅是美感还有严谨态度与逻辑。

    2017-05-24
  • 交互设计师怎样理解信息架构

    设计文章 / 交互设计 | 发布者: GUImobile 这篇适合交互设计或者对交互设计感兴趣的小伙伴们看。所以我就不解释信息架构是什么了。今天写一下产品信息架构的思考。 任何产品都有信息架构,或繁杂或简单。在文中讨论…

    2014-10-15
  • Web页面中的表格设计,远没那么简单

    表格的设计远远没有想象的那么简单,除了纯粹的数据展示,现在的表格越来越兼顾到一些导航的功能在里面,不仅仅纵向展示数据,在横向方面也做了相应的扩展。本文作者将来详细聊一聊表格。

    2017-05-02
  • 搞定APP着陆页优化的超实用原则

      你应该知道着陆页的分析方式,一个比较客观的方法是使用GoodUI(http://goodui.org)清单来提升和衡量着陆页。最优化着陆页几乎是不可能的。将着陆页最优化几乎是不可能的,但如果你正在为移动app设计一个着陆页,…

    2015-07-28
  • 用户体验设计师常用的21款工具和应用

    工作在用户体验团队中会经常需要用到一些在线工具。对于UX的世界,不管你是一个新手还是一个经验丰富的老鸟,你都不应该停止寻找一些会让你的工作变得轻松的工具。在这篇文章中,我们为你准备了21款有用户体验设计的相关工具。

    2017-05-29
  • Axure RP 8.0 抽奖大转盘实例教程附.RP下载与视频演示

    原标题:【AxureRP8实现真正抽奖大转盘】 效果图: Demo地址:http://www.iaxure.com/share/luck/ (有广告) 视频: 实现过程: 1、生成一个0-360之间的随机数,保存至变量; 2、旋转转盘到达指定角度,案例中为3-…

    2015-08-24