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

零基础学产品,BAT产品总监带,2天线下集训+1年在线课程,全面掌握优秀产品经理必备技能。了解详情

如果是从零开始设计一个新产品,要考虑产品的目标是什么;如果是设计某个产品的某部分功能,要考虑业务目标是什么。

当我们弄清明确商业目标和用户目标以后,开始梳理产品定位,挖掘用户需求,设计功能框架,接着开始通过画图来更佳形象的表达自己的想法,这样一个把思维变化为图形表达的过程就叫做交互设计,交互设计的产出物,一般我们称之为原型。原型只是一个从产品概念到实现的一个过渡,是不同部门之间对话时使用的一个介质,是承担起概念到实现的沟通桥梁,而不是最终的结果。我们会在做交互设计的时候,发现有很多小朋友,一上来就开始关心用什么样的交互模式、页面效果、然后一头扎到细节里,这是一个并不太健康的习惯。

那么,比较好的习惯和方式是什么呢?

小Q建议:如果是从零开始设计一个新产品,要考虑产品的目标是什么;如果是设计某个产品的某部分功能,要考虑业务目标是什么。

确定设计目标后,所有的交互方案在设计就应该围绕既定目标去实现。进入交互设计阶段后,我们要牢记这样几个步骤,首先把需求完善并理解到位,具体方法可参考「三步法,做好螺旋上升式的需求管理」,然后经过多次讨论,定义好产品框架,依据设计目标定义产品框架(弄清楚,我们需要用什么样的导航结构,设计什么样的流程),具体方法可参考「以移动端产品的导航设计为例,谈如何选好产品的设计框架」,再开始组织页面,可参考「产品经理的基本功——学会拆解产品」,最后分解用户场景,设计交互细节,着手完成Demo。

开始做Demo之前,我们就会对每一个功能模块进行设计和规划。这里给大家介绍一种简单的方法,帮助你梳理更好的逻辑思维,形成自己的思维模式后,轻松应对每一次的设计。具体如下:

第一步:What——它是什么

定义此功能模块是什么,解决什么问题,完成什么操作,譬如如:注册/登录、忘记密码、搜索、分享、权限获取…..

第二步:When——什么时候使用

用户什么时候使用此功能,存在几种可能触发的场景?小Q在当「用户体验脱离场景,一切优化都是耍流氓」一文中曾提到“所有的人机交互都不应该脱离场景存在,更不应该在场景以外讨论优劣”,所以我们设计产品和服务,真的是让用户快速,无需思考,“自然地”完成任务才是终极目的。譬如我们在交互设计过程中,我们需要引导用户成功注册/登录,那么在App设计的时候,我们可以想到的场景有:

  1. 新用户首次下载并打开App,滑动看完引导图以后,进入注册/登录界面;
  2. 用户首次需要对某一条内容,信息进行分享、转发、赞等互动操作时,弹框引导用户注册/登录;
  3. 需要完成邀请行为时,进入注册/登录界面;
  4. 用户决定购买某件商品时,进入注册/登录界面;
  5. ……

第三步:Why——为什么使用

记住任何不解决用户需求的方案,都有可能被删除。体验还包含在产品与用户之间的互动、产品与场景的交互、产品对用户的情绪上的影响等等的细枝末节中。用户需求及用户体验是做好交互的基准,也是检验产品设计是否成功的依据。所以前期的产品定位、用户需求都是你原型图的「帮助文档」,辅助你反复推敲功能的存在价值与易用性。基于交互设计图,结合使用场景,对产品的实现及交互逻辑进行描述和说明,便于项目参与人明白设计的含义。

第四步:How——如何使用

完成前面三步骤的预设以后,我们需要走入细节,确定此模块功能应该被用户如何使用。譬如:注册/登录的具体方式有哪些?注册/登录的规则定义是什么?注册/登录与其他功能模块的交互点是什么?如下,罗列一些样例,供参考:

  1. 仅手机号(需要邀请码注册、不需要邀请码注册)
  2. 仅第三方授权
  3. 手机号+第三方收取
  4. Splash页与注册登录之间存在交互点
  5. 获取权限(相机、麦克风)与注册登录之间存在交互点
  6. 注册/登录页面与个人中心的资料页面之间存在的交互点
  7. 注册/登录页面与推荐关注(人/内容)弹窗之间存在的交互点
  8. 待补充……

经过以上四步的推敲以后,我们会形成单个的界面,如下图所示:

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

小Q来总结

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

 

作者:Mandy权,微信公众号:PMandyQ,一名快乐的产品经理!

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

祝给予赞赏的伙伴,2017年发大财!
2人打赏

评论( 8

写下你的想法
  1. 观点挺不错,用户交互体验是一个软件体现用户好感的直接体现。

    回复
  2. 还是不够具体啊

    回复
  3. 有交互设计方面的书推荐吗

    回复
  4. 豆瓣高级产品经理

    最好的交互设计是符合用户场景,捕捉到用户心智的设计。总结挺好的 :mrgreen:

    回复
  5. 换一种说法,一个产品有五大模型:业务模型,功能模型,信息模型,使用模型和用户模型,PM的产品思维是顺序,而UX设计师恰好相反。

    回复
  6. 然而真正的UX设计师并不是按照这个思路做交互,而是站在竞品,人群,产品三大维度,从CUBI模型出发构建产品:
    WHY 竞品研究:理解对手的策略
    WHO 用户研究:理解关键人群目标
    WHERE 情景剧本:寻找触点支撑缺失
    WHICH 信息设计:按照优先级梳理构架
    HOW 交互策略:解决核心问题(目标,触点)
    WHAT 交互呈现:页面交互和微交互

    回复
    1. 正解,相信有更多“W”再渐次补充进来

    2. 回复

      where和when同时构成情景剧本吧 :lol:

推荐阅读