案例分析|一次消灭产品文档的实践探索

作者:Dougee全文共 2120 字 5 图,阅读需要 5 分钟———— / BEGIN / ————在刚入职眼前这一份工作的时候,CTO就对产品组提出了新的要求:以后不用再另外输出产品文档,直接在原型上标注就可以了,而且以后要输出动态原型。先介绍一下我本人的情况:产品经验2年,对于Axure的交互设计有一定实践经验,但从来没有想过把动态的原型与产品说明结合来表达需求。对于CTO的决定,我想了一下,大概是出于以下三点原因:太多文件数量...

案例分析|一次消灭产品文档的实践探索

作者:Dougee

全文共 2120 字 5 图,阅读需要 5 分钟

———— / BEGIN / ————

在刚入职眼前这一份工作的时候,CTO就对产品组提出了新的要求:

以后不用再另外输出产品文档,直接在原型上标注就可以了,而且以后要输出动态原型。

先介绍一下我本人的情况:产品经验2年,对于Axure的交互设计有一定实践经验,但从来没有想过把动态的原型与产品说明结合来表达需求。

对于CTO的决定,我想了一下,大概是出于以下三点原因:

  1. 太多文件数量不利于产品档案管理。原先产品资料至少会分成产品文档与产品原型两个文件,每次产品经理对产品资料进行更新后,则至少要对文件进行两次的上传。东西一多,就容易乱。

  2. 打开多个文件,切换窗口使用的效率低。比方说,原先在产品文档与原型分开的时候,开发人员往往需要打开原型文件的浏览器窗口与产品文档Word窗口进行切换查看。每一次查看功能点的时候老是要重新锁定需求说明的位置,又累又浪费时间。

  3. 静态原型的表达效率不高。虽然静态原型也可以直接增加产品文档注释,但其在产品资料的交互、逻辑表达能力上较弱,开发、设计、测试等同事在利用上容易造成理解偏差。

实际上,我要做的事情不是消灭产品文档,而是将产品文档与动态原型进行最大限度的结合。

而经过思考,有下面几个问题需要解决:

(以下内容皆是以Axure RP工具为载体进行说明)

第一个问题

那么多需求点,怎样在一个页面上富有条例地展示出所有的产品资料?

依据我以前的经验,Axure RP中的“内部框架”(Inner Frame)将会起到非常大的作用。

对Axure RP交互熟悉的产品朋友们,应该能熟练地使用“内部框架”功能来表达一整条产品逻辑线——只要先对所有子页面进行编辑后,确定链接打开的对象即可。

但是,如果本次的产品需求出现了多条不相关的逻辑线(例如,A逻辑线条的功能点的分布是从购物车页到订单确认页,而B逻辑线条的功能点分布是从个人中心页到个人信息修改页),又该如何处理呢?

有两种解决办法:

  1. 多放几个内部框架,以同时展现不同的逻辑线。

  2. 制作一个遥控台,在一个内部框架中对多条逻辑线进行切换(灵感来自类似遥控器对电视节目的切换、大学写论文时通过目录对内容的定位)。

我选择了第二种。

在多个项目的实践过程中,我发现逻辑线数量众多是很常见的情况;在第一种方式下,会需要放置非常多的内部框架,太多太乱。

而第二种解决办法下,只会存在控制台与一个内部框架,简洁明了。

案例分析|一次消灭产品文档的实践探索

另外,控制台还能发挥类似“目录” 的作用。

我将每一个逻辑线条的初始页面与控制台上的按钮建立联系,并且逻辑线条下的页面也会我被分别整理到文件夹中,这实际是在对产品进行重新梳理的过程。

对于开发、设计师来说,可以一目了然地看到本次项目的逻辑线条,理清产品结构思路,更容易富有条理地利用产品资料。

第二个问题

一个页面可能会有数十个功能点,怎样收纳这些功能点,又不会超出内部框架的范围呢?

首先,我个人会将每一个功能点基本分成5个角度记性描述,包括:

  1. 功能序号

  2. 优先级

  3. 展示:文案、功能样式描述

  4. 交互:功能相关的交互描述

  5. 逻辑:功能涉及到的内在逻辑描述

  6. 数据:功能涉及到的数据收集需求

当然,上述的六点不是必须的,在实际情况中可以选用。

例如:给公司内部人员使用的产品,一般都是不需要记录使用数据的。

在解决方案上,我使用了大量的Axure RP中“隐藏/展示”的交互效果,以及矩形工具、连线功能。

基本思路是:

优先并始终展示功能序号与优先级,通过点击功能序号与优先级,再将原本隐藏的展示、交互、逻辑、数据几个维度进行切换显示。

围绕上述4个可能带有大量文字说明的维度,我又添加了矩形工具,在几个矩形中填写说明文案,当使用者点击某个维度的时候,可切换矩形的显示情况。

当然,还需要连线工具将矩形与对应的维度进行连线,其中线段也要进行对应的切换显示处理。

案例分析|一次消灭产品文档的实践探索

通过这样的方式,就能很好地对页面上的功能点进行收纳,就算是在移动端页面上收纳数十个功能点也是绰绰有余的。

另外,为了提高标注的效率,可以将标注的整体进行粘贴复制,再修改上面的文案;如此可以保留其中的交互,而不需要重新对标注进行交互设计。

主要是因为Axure RP的母版工具不够灵活,没有对单个母版的个性化编辑功能,否则效率可以更高。

第三个问题

如何告诉产品经理的协同伙伴:原型上哪里可以进行交互操作?

我的做法是,在Sketch上绘制了一个特殊图标,这个图标将表明该处可以进行交互操作,例如点击、左右拖动之类的。

下方“菱形圆圈”的图标就是我自己设计的提示图案:

案例分析|一次消灭产品文档的实践探索


第四个问题


如何修正标注的字体?

由于在不同的浏览器下,默认展示的最小字体不同,所以有的时候会发现本来在原型上设置好的字体突然在浏览器中变大了许多,甚至会超出矩形的范围。

案例分析|一次消灭产品文档的实践探索

此时只要对浏览器进行设置,将最小显示字体进行修改即可。

我个人一般改成6号字,或“特小”。

案例分析|一次消灭产品文档的实践探索

通过本次的探索,我基本达到了领导的要求,之后会继续深入,争取给大家分享更多心得想法。

也欢迎大家一同指教,多多给我提意见。

———— / END / ————

作者:Dougee,努力中的东方小狼狗

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

案例分析|一次消灭产品文档的实践探索

点击“阅读原文”下载APP

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36100/

(0)
交互精选交互精选
上一篇 2018-03-27
下一篇 2018-03-27

相关推荐

  • 想快速玩转Axure,同时提升产品和交互能力,试试这个秘密武器

    腾讯课堂&起点学院联合打造的给产品经理的Axure课程如果你想学好Axure,不让Axure阻碍自己的发展,却苦于这些问题?1、没人监督指导,自学还没到一个周,就想放弃2、按教程操作,却出不了效果,又不知错在哪里3、难的知识内容看着费劲,不会技巧,效率低浪费时间那么这个课程很适合你,2280位同学已经通过这个课程摆脱了Axure困扰。这个课程能带给你什么如果你是产品新人,还没有很好的产品作品,axure实战班里做的原型作品,学到的axu...

    2018-04-30
  • 创新与用户体验---工业设计的双驱动力

    4月18日上午深圳融一凤巢设计发展有限公司创始人兼深圳市工业设计协会副会长仪永杰在PDC设计廊会场与到场展客商分享并探讨了现今智能硬件和消费电子类领域的设计发展趋势。仪永杰认为在消费升级的市场导向下,供方市场慢慢转化为需方市场,消费者不仅满足于产品的存在,更多的是产品在消费者内心中碰撞出情感。以小米科技为例,现今决定设计生命力延伸的是创新意识,是对工业设计创新的重视程度。从设计服务到产品化和供应链都需要整合创新满足用户对产品日益增长的功...

    2018-04-18
  • 用户体验是家电实体店独享红利

    不可盲目自信,也不能过度自卑。对于众多的家电实体店来说,满足用户的体验、持续带来新的用户体验,是应对一切外来不利因素挑战和冲击的最大筹码,也是生存的底线。蔓欣||撰稿现在,主题乐园正成为现在人们选择度假的方式,在春节旅游大报告中,上海迪士尼赫然位于“最热门景点”第四,而其他像常州中华恐龙园、顺德长鹿农庄、上海长风海洋世界、武汉欢乐谷等也是今年春节期间最热门的主题公园。尽管,现在基本上所有的购物、娱乐和消费,都可以在线上解决。但是,更多的...

    2018-03-09
  • 交互设计规范

    交互设计规范+iPhone界面尺寸:320*480、640*960、640*1136iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080)设计图单位:像素72dpi。在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。如果是我来做的话,我会使用...

    2018-03-21
  • 【求职招聘】绝对干货

    阿里巴巴1招聘岗位1.数据研发工程师2.java研发工程师3.机器学习算法工程师(研究生及以上)4.客户端开发工程师5.前端开发工程师6.产品经理(对候选人要求高,应聘人数多,淘汰率高,投递前望客观自我评估)7.运营等(对候选人要求高,应聘人数多,淘汰率高,投递前望客观自我评估)2岗位要求计算机与理工科等相关专业,本硕博皆可3岗位说明1.申请过内推、网申、被拒绝过的无法再次内推,请勿投递2.理论上官网上面的实习岗位都可,阿里集团及下属公...

    2018-03-26
  • 实例解析「交互设计七大定律」在设计中的应用(上篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,姑本文将分为上下两篇来发~一、费茨定律(Fitts’ Law)费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(...

    2018-03-16
  • 不会编程?Axure一样可以做网站

    说起Axure,做产品的朋友再熟悉不过了,它是我们在日程工作中最常见的原型制作软件之一,今天分享的文章,主要是教大家如何使用Axure打造简单的个人网站,不会编程我们依然可以做网站。接下去将分为几个步骤去阐述:1. 这些我们必须知道的小知识axure是可以生成html文件的,这为我们使用它来制作网站提供了可能性axure只能搭建小型的个人网站 ,他不具备数据库,比较适合做展示类的网站和普通网站构建一样,我们需要购买域名和购置虚拟服务器2...

    2018-03-04
  • 大数据应用的用户体验分析

    版权所有©德塔精要,转载请注明出处用户对产品或服务的认同是由用户体验的过程所决定的,一个具备良好用户体验的IT系统对内可以提高员工工作效率,对外可以提高客户满意度和忠诚度,最终为企业带来不菲的经济效益或社会效益。因此,组织的IT战略必须实现IT与业务的融合,面向客户和关注用户体验管理。但目前用户体验管理是当前IT业务运营的弱项,也许我们能够了解IT资源的每个细节,但却不知道用户感受怎么样,不利于IT系统的优化和完善。缺乏用户体验管理以及...

    2018-03-12
  • 交互设计定律 在UI设计中的应用!

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”。在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计。接下来,笔者通过一些实例来解析下这些原则在设计中的应用。由于文章有点长,影响阅读体验,故本文将分为上下两篇。一. 费茨定律(Fitts’ Law)1. 费茨定律(Fitts’ Law)简介费茨定律是由保罗·费茨(Paul M...

    2018-02-26
  • 全面解读!人工智能如何改善五大用户体验?

    点击【阅读原文】,即将IPO独角兽,抓住上市前最后的机会!最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨...

    2018-05-05