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

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


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

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

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

  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

相关推荐

  • 交互设计需要掌握哪些"必备"心理学知识?

    交互设计是以人为中心的设计,设计者要站在用户的角度出发,深入、全面的了解用户的需求才能够设计出具有良好用户体验的产品。而想要在作品集中向考官体现同学们对用户心理需求的把控能力,除了做好用户调研之外,也要掌握一些常用到的心理学知识。交互设计是人与其他一切事物之间的行为设计,而人的行为中包含感知和认知这两种与心理学密切相关的要素,因此,同学们在设计项目时,每一个功能设计、每一个操作流程以及UI的设计都要基于了解用户心理学的基础上开展设计。本...

    2018-04-10
  • 谁说GIF就不是艺术?2014年海外最佳艺术GIF动画作品

    GIF动画与艺术是一对完美的搭配,它们将过去和现在混合起来并配以幽默,通过Photoshop的处理为我们带来了惊艳生动的图画。日前,Tumblr网站评选出了2014年一些最好的数码动画艺术作品。我们从中筛选了一部分,从艺…

    2015-01-08
  • 如果你即将面试交互设计,可以看看这篇文章

    从今年年初开始面试到现在,大大小小的面试也经历了十几场吧。之前苦于交互设计没有面试的题库,所以一路下来自己都有留心收集一些面试题,今天就来做个汇总。 本来交互设计也是设计类,设计类的面试只要看作品说话…

    2016-04-13
  • 通过SEO提高网站用户体验

    爱美之心人皆有之,在内容相同的情况下一个干净清楚的页面必然要比一个杂乱无章的页面更吸引访客注意,更能留住访客的目光和逗留的脚步。在用户体验问题上,通过SEO优化分析的过程是可以帮助提升网站的用户体验的。那SEO与用户体验冲突吗?通过SEO优化是否能够提高网站的用户体验呢?有人说SEO和文章用户体验是相矛盾的,因为在网站SEO的优化过程中,SEOer将其关注点更多的放在了关键词排名、流量的提升上,他们并不会过多的关注网站用户体验,其实不然...

    2018-03-30
  • 简约至上--交互设计四策略

    无所不在的产品简单设计人们喜欢简单、值得信赖、适应性强的产品。复杂的产品很难吸引人。所有不必要的功能都是要付钱的。简单并不意味着欠缺或低劣,也不意味着不注重装饰或者完全赤裸裸。而是说装饰应该紧密贴近设计本身,任何无关的要素都应该予以剔除。四个策略以DVD遥控器设计方案为例.删除:去掉所有不必要的按钮,直至减到不能再减。组织:按照有意义的标准将按钮划分成组。隐藏:把那些不是最重要的按钮安排在活动仓盖之下,避免分散用户注意力。转移:只在遥控...

    2018-02-09
  • 演示|一个交互设计师从接收需求到产出的过程

    从接收需求到产出?这过程中到底经历了什么?不妨来阅读本文作者的文字,一起来了解了解吧~【需求概述】
    商品,增加商品类型,分为普通、赠品两种。赠品可下单购买,也可根据订单金额及对应代理级别配赠率赠送。可按照代理级别,设置对应级别的配赠率。当代理下单购买普通类型或赠品类型商品,配赠条件满足时,在支付订单前提供选择赠品操作,代理可选择配赠金额范围内的任意赠品,也可不选择;选择赠品,并支付成功后,对应订单增加配赠商品信息。
    注:配赠金额=订单面价金额×对应等级配赠率。目标用户:某护肤品牌微商代理
    年龄:18-40占绝大多数
    性别:女性占98%
    职业:微商
    设备:iphone及以上
    场景描述:某天,代理a在清点仓库库存的时候,发现最近热销的某品牌商品库存都不多了,想着,到时候缺货会影响自己的销售及客户的满意度,暗想着,要再进些货才行,于是她对库存不足的商品进行了一下盘点,盘点完毕后,她拿出手机,将需要订货的商品一一加入购物车,加入完毕后,她核对了一下商品的金额,正准备点“支付“按钮进行付款,忽然看到付款按钮上方有一条提示,说”还差500元就可获得免费赠品“,她心一动,反正要买,只要加500块钱,就能免费获得赠品,有何不可?于是她当即便在某一商品下面增加了数量,满额后,提示文字就变成了”可获得免费赠品“,确认金额后,她立即点了支付按钮,来到确认订单的页面,快速浏览了一下自己的收获地址及信息,便赶紧看获得什么样的赠品,果然,在支付的上方又看到了配赠说明的提示,提示我”选择赠品“(这里说明一下,之所以将提示语都放在同一位置,是为了让前面界面的视觉路径在同一水平点上,使页面结构更整洁),点击进入”选择赠品“界面,参照页面给出的赠品金额提示,选择了想要的赠品,由于选择的赠品太多,从上下拉到下浏览起来效率太低,于是她又点击了按钮”已选赠品“进行复核了一遍,确定完毕后,回到确认下单的页面,便满意的点击了”支付“按钮,发现金额与未选赠品前的金额一致,便放心的提交了订单,订单支付完毕后,引导代理来到了订单列表页面,上面还特意标明了”含赠品“字样提示,a点击进去再次看了一下所购的商品及赠品,准确无误会,抱着愉悦的心情关闭了应用与手机。
    ”1、商品列表及商品详情,赠品类型的商品须显示对应图标;
    2、赠品类型商品同普通商品一样可正常下单购买;
    3、购物车,根据代理当前所选商品的总面价金额及当前代理对应配赠率,如果配赠金额不为0,则显示相应配赠金额及提示信息(若当前配赠金额暂不足以购买系统当前上架的任意赠品,则显示提示信息:“还差××就可获得免费赠品”;若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则显示提示信息“可获得免费赠品”);如果配赠金额为0,则不显示相应配赠金额及提示信息。
    4、确认订单界面,若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则提供选择赠品操作项。未选择赠品时,操作项显示配赠金额、及“选择赠品”文案。已选择赠品时,若配赠金额-已选择赠品的总面价>0,操作项显示“已选择××元赠品,还可选择××元”;若配赠金额-已选择赠品的总面价=0,操作项显示“已选择赠品”。点击操作项进入选择赠品列表。
    若当前配赠金额暂不足以购买系统当前上架的任意赠品,则不提供选择赠品操作项;
    5、选择赠品列表,列表显示当前配赠金额可购买的所有已上架的且库存不为0的赠品类型商品,用户可点击选择,也可取消选择,当前选择的赠品总面价金额=配赠金额时,不可再继续选择更多(若再点击选择赠品,则提示“不能再选择更多了”);提供显示选择提示信息“还可选择××元赠品”(××为配赠金额-已选配赠商品总面价)、“查看已选赠品”操作、“确认”操作。
    点击“查看已选赠品操作”,可弹出浮框列表显示当前已选择的赠品信息。浮框提供关闭按钮,可点击关闭浮框;
    点击“确认”操作,确认当前已选择的赠品信息,返回确认订单界面。
    6、个人中心,增加显示当前代理的配赠率信息。
    7、订单列表,若对应订单含有配赠商品信息(注:如果只是正常下单购买的赠品类型的商品,则同普通商品订单。此处指的是确认订单时根据配赠金额范围免费选择的配赠商品),则显示“含免费赠品”标签;
    8、订单详情,若对应订单还有配赠商品信息(同7),则列表显示用户选择的免费获赠的商品信息(注:正常下单购买的赠品类型商品,显示在同普通商品位置。这里只显示确认订单时选择的免费配赠商品),并显示总的免费配赠金额信息。

    2017-05-07
  • 无限下拉滚动 Vs 分页,究竟该使用哪一个?

    应该是使用无限下拉滚动还是分页的形式来展现内容?究竟那一个更好?相信这是一些设计师经常需要去思考的问题。其实任何事物都有优缺点,无限下拉滚动和分页也不例外。本文将两种方法的适用场景并分析哪类项目适合用…

    2016-06-07
  • Interaction Design - Beyond Human-Computer Interaction, 4th Edition 下载 pdf&epub

    “交互设计呈现在交互设计领域的高度需要全面的和当代的视角。第三版再次确立了书作为该领域的基本教材。“

    2016-09-08
  • 用户体验设计:你必须知道的的9种状态(下)

    眼看着年纪比我们小却成就比我们高的人来说,我们依旧需要不停的汲取知识来成长。所以这个假期也是撸了两篇文章出来,这是第二篇,希望大家一起来探讨。

    2017-05-18
  • 收福利!5个不为人知但干货超多的交互设计公众号

    这两年随着自媒体时代到来,越来越多的设计师开始注重个人品牌运营,比如发作品到各大平台,总结项目经验,翻译国外文章等等。无论哪种方式,对提升国内设计学习氛围都大有裨益。

    2017-07-08