怎样合理设计产品交互框架,这里有6个细分步骤

这六点无论是对产品新人还是有经验的PD都是很重要的,按照整个流程可以避免很多问题,也会让我们的工作变得有节奏,而不至于丢三落四,确实对产品的把握。


这六点无论是对产品新人还是有经验的PD都是很重要的,按照整个流程可以避免很多问题,也会让我们的工作变得有节奏,而不至于丢三落四,确实对产品的把握。

怎样合理设计产品交互框架,这里有6个细分步骤

这个问题有很多种答案,在我所有项目中,交互框架的确定是非常重要,非常费时费力的,但是实际中又很容易被忽略,被轻视,入行的新人特别容易陷入到细节自我陶醉,而忘记产品的宏观建设。

这是很危险的。

回答这个问题我们首先谈一谈最熟悉的三个文档——MRD、BRD、PRD。三者可以完整的概括一个产品从想法到雏形的历程,每个人对三个文档都不陌生,但是写得好又是另外一回事了。产品的交互框架就在这三个文档中,但是却不够独立和尊重,往往被忽略和轻视,无法将骨头从肉里清晰的剔除出来,总是零零散散。

三个文档比较抽象,一般人驾驭不了,也就更无法剔出骨头了。我今天介绍一个新的方法流程,这样的流程才是做产品本质的精髓,而三个文档只是漂浮在这个精髓上面的肥油罢了,不会写也没关系。

一个产品从一个灵感到真正可操作使用的实体,需要经过的流程很多,我们今天只谈到产品设计环节的细分步骤。

1. 定义形式要素、姿态和输入方法

形式要素指:web、移动端、pc端、ipad、智能硬件产品等;公共场所还是私人领域、光线充足还是比较暗、小巧轻便还是功能为先。这些产品的使用环境要素需要我们结合人物模型和使用场景提炼出来。

姿态是指用户在和产品交互时,付出多大的精力和时间,以及用户的姿势等信息,例如PC端一般放在桌子上,用户坐在椅子上比较常见,也会放在腿上,坐在沙发上。姿态决定了用户对产品的定位和喜好,为我们对产品的使用场景提供参考依据。

2. 定义功能性和数据元素

很好理解,功能性是用户希望通过某产品获得什么样的服务,转化成我们得设计语言就是功能。功能是一个抽象的概念,它以功能元素为载体而真实存在。功能元素包括数据元素操作工具、数据视觉和结构化管理方式(交互设计精髓4-100),例如,我们在设计产品时,用户可以点击某个按钮删除某条信息,可以点击某个空间切换页面布局。

数据元素更方便理解一些,就是我们需要在产品中呈现给用户的具体信息,包括文本、图片等所有可见的独立数据。难点在于,我们需要在设计产品时为数据分类,将实现模型中的数据元素转化为用户日常界面的表现语言来描述,并根据数据间的优先等级决定是否展示(一定要考虑数据之间的关系)。注意:数据元素的集合也就构成了技术开发中的搭建数据库,需要对数据自上而下进行拆分,能够整合而不至于散乱。

3. 确定功能组和层级

经过之前的功能性和数据元素的系统整理,我们需要将这些根据需求定义出来的功能和数据进行分类分组,以便梳理产品的架构,由微观到宏观。简单点讲就是讲产品的所有数据和功能打包分组,划分到每个一级板块,对产品的基本架构尤其更清晰的认知。这一步骤需要注意不同功能和数据的对接,数据和功能横向上的层次比较。

一个产品有很多功能,按照重要性可以分为核心功能、次要功能、辅助功能、补充功能。那么不同的功能也具备不同的层级和属性,将同类别的功能打包在同一个功能组,并按照重要性和产品场景划分层级,哪些放在首页,哪些显示,哪些隐藏,功能之间的逻辑顺序;一般情况下,功能是否属于同类别是根据数据是否相关来决定的。

4. 勾画交互框架

经过对功能和数据的分组,我们可以大体在心里对产品的架构样式有了感性的认识,那么勾画简图是很快的。我们在这里需要注意的是,将所需要组合的功能组合层级,通过块状的元素描画出来,不要做过多修饰,简图更多承担着初审的任务,付出过多的细节工作影响了对框架的理解,也会由于过早牵涉细节缺乏产品的统一性。

在这一板块,我们更多地需要尝试,这种尝试必须尊重交互原则和模式,并且是经过验证或者有根据的,而不是随心所欲,那样会使得产品脱离现实,变得迷茫或者低劣。多绘制几个方案,比对优劣,选取,然后定稿。只有对所有的框架都进行了反复修改后,产品的交互框架才算基本定型——不要妄图一次成稿,不修改。

5. 构建关键线路情景剧本

我们首先定义一下什么是关键路线——结合使用场景,针对每个功能理想状态下的路径,这种路径一定具备高频、精魄、重要三个标志属性。那么接下来我们讲一下关键路线的使用方法和作用

关键路线就是,结合人物模型+场景+数据和功能元素,以任务为依托,使得最初设定的人物模型和交互架构产生充分、反复、频繁的接触,并最终通过磨合,发现不合理的设计,并对产品的架构产生更加深刻清晰的认知。对关键路线图的使用越频繁,越能够对产品的细节问题进行深刻考量。这和我们在可用性测试中提到的任务走查很像,只是后者更侧重对产品测试,而我们是在架构完善过程中对该方法的运用。

6. 通过验证性的场景来检查设计

既然是验证性的场景,那么这里提到的场景一般都是针对当前设计中遗漏、丢弃、新增和次要的场景,由于设计过程的不完美性,因此我们必须对已经完成的架构采用这场验证性场景进行回归检测。

1)替代场景

替代场景是人物模型决策过程中,关键节点的可替代选择,包括例外情形、不常使用的工具和试图和次要人物模型的部分用例以及变体。

2)必须使用的场景

有些场景是必须使用的,而它出现的频次和场景又很不普通,例如恢复出厂设置,清空数据,这些都是周期很长,频次很低的操作,但又是针对这一类需求必然进行的场景步骤。因此,设计中经常遗漏。

3)边缘情形场景

这里提到的就是异常情况处理。我之前在一片文章中提到将产品设计在功能上分为正常功能和异常处理。那么这里就是提到的异常处理。异常处理也成为边缘情形场景,例如,打电话突然断电,聊天突然断网,打字手机没有收录该字。这类场景不是设计的主要场景,也不应该付出极大的精力,但是由于涉及到系统稳定性和产品的可用性,一般在开发过程中经常出现,我们需要对这类情形进行统计汇总,并和开发对接,避免开发中BUG的频次,也满足用户的异常需求。

关于交互设计框架,就讲这些;这六点也来自交互设计精髓4(106),结合了我自己的理解。这六点无论是对产品新人还是有经验的PD都是很重要的,按照整个流程可以避免很多问题,也会让我们的工作变得有节奏,而不至于丢三落四,确实对产品的把握。

 

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

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

(0)
CatherineCatherine
上一篇 2017-05-18 21:51
下一篇 2017-05-18 23:45

相关推荐

  • 【干货】用户体验是个什么鬼。

    接上篇文章,我们既然已经了解到了用户需求,且已经为用户需求设计了功能去解决了他们的问题。然而问题又来了,用户依然在用我的竞品,而不用我的产品,这是为什么?

    2017-06-04
  • 用户体验 | 移动网络音频传播效果研究

    作者:广东外语外贸大学新闻学院教授   郭光华广东外语外贸大学新闻学院硕士生    余思乔来源:《新闻爱好者》【摘要】在传统媒体被集体唱衰的时代背景下,移动网络音频的出现重新定义了广播行业,并在短时间内抢占了大量的音频市场份额。移动网络音频作为互动传播平台,将传统的听众身份转变为用户角色。用户主动使用这一平台,在互动中完成了内容的共构和情感的交流,从而获得了全新的体验与满足。【关键词】移动网络音频;用户体验;传播效果移动网络音频是新媒体...

    2018-04-10
  • 为用户操心!如何用预期式设计保持用户体验简单易行?

    现如今,用户大多深陷于碎片化的时间和过量的信息,所以用户更加青睐简约而现代的网页设计。“少即是多”是这类网站的设计哲学,少而精准的内容设计方式和内容策略让访客从沉重的信息压力中解放出来。 虽然做减法的方…

    2015-11-19
  • 不会Sketch的设计师将要被淘汰!

    这  是 一 本 让 我 废 寝 忘 食 的 书前几天小花闲来无事逛知乎被一篇名为《写一本书出版是怎样一种体验?》的问答吸引了目光,里面有一位作者黄方闻详细的介绍了他的第一本书《动静之美——Sketch移动UI与交互动效设计详解》筹备历程。Sketch这款软件在UI设计上确实有着无可比拟的优势,很多大公司都在用sketch工作,再不会Sketch会被淘汰掉。目前用sketch跟ps的人数比越来越接近了。Sketch因其强大的功能以及极低...

    2018-03-02
  • 巴塞罗那发团丨LES FONTS DEL LLOBREGAT探寻自然一日游

    看腻了古镇城堡?看够了沙滩海岛?那就跟随我们深入略夫雷加特河的源头Fonts del Llobregat来一次悠闲的探寻自然之旅吧!发团日期:2月17日行程价格:42欧/人行程包含:1.大巴游览2. 西语陪同导游3. 餐食午餐包括:escalivada炭烤蔬菜拼盘,加泰罗尼亚沙拉,咸火腿,白肠、黑肠、香肠拼盘,Escudella炖菜,酱汁bandejas de pies de poco,蘑菇牛肉+烤鸡肉甜品:Bunyols amb mo...

    2018-02-05
  • 【颜值已爆表】00io.com-盘点2014最精彩的移动APP动画UI

    原文导读: On the third day of The Highlight 2014, we’re bringing you our picks of some of the best UI animations we’ve seen in apps and across the web. Apps have been a UI playground for quite some …

    2015-01-14
  • 在不同屏幕和设备上,创建用户体验设计的8个步骤

    从具有微型屏幕的智能手表到最广泛的电视屏幕,其中所开发的内容,应以便在各种屏幕尺寸之间进行查看和交互。但针对不同设备的设计更多的只是调整在不同的屏幕上显示的内容大小。它涉及到很多复杂性:设计师需要把每个设备中的用户体验最大化,以便用户相信实际上应用程序是为他们的设备设计的,而不是简单地拉伸到适合屏幕。为了创建一个好的用户体验,有必要制定一个针对各种设备和屏幕尺寸的策略。

    2017-04-29
  • 互联网产品开发阶段,几个典型阶段

    在互联网产品开发阶段,通常要经历以下几个典型阶段:确定用户需求和产品目标、概念设计、原型设计、界面设计、信息设计、视觉设计、前端开发、用户体验测试、产品完善、产品发布等过程。当然,这些阶段的划分有时…

    2015-12-23
  • 【软件安装】Axure RP 7.0软件图文安装教程

    1、会员覆盖工作、学习、生活娱乐,并不断更新更多有价值的精品软件2、安装中有任何问题请咨询小白资料网私人微信:xbzw88888888【特别推荐】加小白官方微信:xbzw88888888,就可免费领取:快速入门自学视频课程Axure RP 7.0软件图文安装教程软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的...

    2018-03-13
  • 【转】交互设计规范总结

    前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比较满意的,找到了一些零散的内容(当然有些还是有参考价值的),所以就觉得交互规范这方面的内容比较少,就来此…

    交互设计 2016-09-05