我的机械网

搜索
查看: 1082|回复: 8

[推荐] 产品经理告诉你做交互设计的套路:3W1H法

[复制链接]

102

主题

-67

回帖

-137

积分

限制会员

积分
-137
发表于 2017-5-19 07:10:07 | |阅读模式
各位网友请注意:我的机械网所有附件、百度网盘提取码、机械资料、PDF资料、压缩包文件均需要回帖后才能下载!
如果是从零开始设计一个新产品,要考虑产品的目标是什么;如果是设计某个产品的某部分功能,要考虑业务目标是什么。

当我们弄清明确商业目标和用户目标以后,开始梳理产品定位,挖掘用户需求,设计功能框架,接着开始通过画图来更佳形象的表达自己的想法,这样一个把思维变化为图形表达的过程就叫做交互设计,交互设计的产出物,一般我们称之为原型。原型只是一个从产品概念到实现的一个过渡,是不同部门之间对话时使用的一个介质,是承担起概念到实现的沟通桥梁,而不是最终的结果。我们会在做交互设计的时候,发现有很多小朋友,一上来就开始关心用什么样的交互模式、页面效果、然后一头扎到细节里,这是一个并不太健康的习惯。
那么,比较好的习惯和方式是什么呢?
小Q建议:如果是从零开始设计一个新产品,要考虑产品的目标是什么;如果是设计某个产品的某部分功能,要考虑业务目标是什么。
确定设计目标后,所有的交互方案在设计就应该围绕既定目标去实现。进入交互设计阶段后,我们要牢记这样几个步骤,首先把需求完善并理解到位,具体方法可参考「三步法,做好螺旋上升式的需求管理」,然后经过多次讨论,定义好产品框架,依据设计目标定义产品框架(弄清楚,我们需要用什么样的导航结构,设计什么样的流程),具体方法可参考「以移动端产品的导航设计为例,谈如何选好产品的设计框架」,再开始组织页面,可参考「产品经理的基本功——学会拆解产品」,最后分解用户场景,设计交互细节,着手完成Demo。
开始做Demo之前,我们就会对每一个功能模块进行设计和规划。这里给大家介绍一种简单的方法,帮助你梳理更好的逻辑思维,形成自己的思维模式后,轻松应对每一次的设计。具体如下:
第一步:What——它是什么定义此功能模块是什么,解决什么问题,完成什么操作,譬如如:注册/登录、忘记密码、搜索、分享、权限获取…..
第二步:When——什么时候使用用户什么时候使用此功能,存在几种可能触发的场景?小Q在当「用户体验脱离场景,一切优化都是耍流氓」一文中曾提到“所有的人机交互都不应该脱离场景存在,更不应该在场景以外讨论优劣”,所以我们设计产品和服务,真的是让用户快速,无需思考,“自然地”完成任务才是终极目的。譬如我们在交互设计过程中,我们需要引导用户成功注册/登录,那么在App设计的时候,我们可以想到的场景有:

  • 新用户首次下载并打开App,滑动看完引导图以后,进入注册/登录界面;
  • 用户首次需要对某一条内容,信息进行分享、转发、赞等互动操作时,弹框引导用户注册/登录;
  • 需要完成邀请行为时,进入注册/登录界面;
  • 用户决定购买某件商品时,进入注册/登录界面;
  • ……
第三步:Why——为什么使用记住任何不解决用户需求的方案,都有可能被删除。体验还包含在产品与用户之间的互动、产品与场景的交互、产品对用户的情绪上的影响等等的细枝末节中。用户需求及用户体验是做好交互的基准,也是检验产品设计是否成功的依据。所以前期的产品定位、用户需求都是你原型图的「帮助文档」,辅助你反复推敲功能的存在价值与易用性。基于交互设计图,结合使用场景,对产品的实现及交互逻辑进行描述和说明,便于项目参与人明白设计的含义。
第四步:How——如何使用完成前面三步骤的预设以后,我们需要走入细节,确定此模块功能应该被用户如何使用。譬如:注册/登录的具体方式有哪些?注册/登录的规则定义是什么?注册/登录与其他功能模块的交互点是什么?如下,罗列一些样例,供参考:

  • 仅手机号(需要邀请码注册、不需要邀请码注册)
  • 仅第三方授权
  • 手机号+第三方收取
  • Splash页与注册登录之间存在交互点
  • 获取权限(相机、麦克风)与注册登录之间存在交互点
  • 注册/登录页面与个人中心的资料页面之间存在的交互点
  • 注册/登录页面与推荐关注(人/内容)弹窗之间存在的交互点
  • 待补充……
经过以上四步的推敲以后,我们会形成单个的界面,如下图所示:

最终,通过流畅逻辑串联界面成为一个交互逻辑,给予交互说明及补充。告知用户哪些功能还有其他的交互点,哪些功能只需要快速完成并跳出,辅助界面的展示及“链接”,展示产品入口、用户动作之间的关联,根据不同决策而产生的页面跳转,如下图所示:

小Q来总结最好的交互设计是符合用户场景,捕捉到用户心智的设计。交互设计不仅需要很强的逻辑性,更重要的是需要明白用户如何使用。我们的设计是需要在每一个接触行为的背后,都有倍加关注的用户情绪、理解用户认知。预先设想产品最好的使用场景,才可以帮助产品最大程度的触达用户。

作者:Mandy权,,一名快乐的产品经理!
本文由 @Mandy权原创发布于人人都是产品经理。未经许可,禁止转载。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册 一键登录:

x

7

主题

378

回帖

1687

积分

金牌会员

Rank: 6Rank: 6

积分
1687
发表于 2017-5-19 22:27:19 |
楼上的说的很多!

2

主题

354

回帖

1618

积分

金牌会员

Rank: 6Rank: 6

积分
1618
发表于 2017-5-30 05:47:50 |
我回帖楼主给加积分吗?
发表于 2017-11-19 08:02:16 |
包面包祝我的机械网越办越好!
发表于 2017-11-19 08:24:11 |
今天是2017-11-19,过来看看NQ有心人的帖子,涨涨见识!
发表于 2017-12-31 19:40:11 |
HarryPhoenix谢谢NQ有心人提供的资料。
发表于 2018-12-4 05:34:33 |
NQ有心人
发表于 2019-2-13 01:40:27 |
谢谢楼主
发表于 2021-12-3 08:24:02 |
态度决定一切,不错!
快速回复 返回顶部 返回列表