从需求到原型,三个步骤怎么做

编辑导语:如何从用户需求中提炼出产品设计规划方案,并将这一方案完整、清晰地传递到设计、开发人员手中,实现产品落地?也许,你需要梳理用户需求,进而做好流程整理,搭建产品原型。本文作者总结了产品从需求到原型所需经历的三个步骤,一起来看一下。

对于原型的想法,应该分为三步。分别是我们软件要做什么(需求)、以怎么样的流程实现几种路径实现(流程图)(需要画几张画那些能比较好地满足用户)、在流程中需要展现什么(原型)。

一、第一步:确认需求(想要做什么)

结合公司产品定位对核心用户人群、需求喜好等进行了解,分析出他们到底想要什么,整理成真需求列表。

比如最近做的生活交易类平台,我方产品定位“一款针对于公司自媒体私欲流量,针对淘优惠类用户做精准化运营的生活交易类平台”。我们想要的就是让引流进入的这部分进行消费。

1. 那么就会出现以下几个问题?

用户进行消费有哪些东西可以让他们消费?

优惠券、低价商品、活动商品(拼团、刮刮乐、一元购等等)。

现阶段我们想要干什么?

增加用户活跃度(优惠卷、低价商品)、增加用户GMV(优惠卷、低价商品 、拼团)、增加新用户(拼团、刮刮乐)。

2. 整理核心功能

  1. 低价商品购买与使用;

  2. 拼团商品购买与使用;

  3. 优惠券领取与使用;

  4. 拼团、一元购活动商品的分享、购买与使用;

  5. 刮刮乐活动的展示与用户使用;

  6. 用户购买、领取、赠送、接受商品或优惠券的寻找及使用。

二、第二步:需求实现路径(怎么实现想法)

对功能使用流程进行整理

如商品的购买及商品买后的使用(注意用户的体验,东西不能藏太深)。

  1. 商品展示页(用户对商品产生兴趣)——商品详情页(用户了解商品细节后,对商品有意向)——购买操作——直接使用(订单内容以及订单核销码)或后续使用;

  2. 后续使用——我的页面——我的订单——(为加快用户找到自己商品可对我的商品进行分类)已支付商品——订单(订单内容以及订单核销码)。

通过流程整理,梳理共同需求页面,在合适区域进行展示以及排布(过程中对用户交互体验进行优化,常用功能或页面不宜藏得过深)。

三、第三步:原型搭建与交互说明

1. 原型搭建

根据第二步流程图进大致排布,确认每个单独页面需要那些元素,对元素进行组合(符合用户交互体验),对部分功能重合度较高的页面进行整合,对部分用户操作难度较大的页面进行拆解。对用户点击后出现的弹窗以及极端情况下的错误提醒进行预设甚至画出。

2. 交互说明

在原型大致梳理好的前提下结合功能作用(我们需求与用户需求)对原型图进行说明。

1)主要使用3+1原则

一个基本点,所有的页面都可以分为两种状态:

  1. 进入时就能看见的状态(以原型的方式进行表述,不用附带文字说明);

  2. 操作后状态(此部分需要进行描述)。

2)描述分为三个维度

  1. 按钮图标等操作之后出现的状态变化(跳转可用页面跳转进行说明,其余部分作为交互说明的重点);

  2. 刷新、加载、数字显示等页面规则(可在全局说明对常出现的进行展示);

  3. 错误提醒、弹窗等操作规则(交互说明的重点区域)。

3)原型图排布状态

4)排布内容

① 全局说明(常在全文全局说明中呈现)

页面异常说明:

  1. 页面加载异常、网络异常、请求服务器失败(页面之间跳转);

  2. 缺省页、订单、购物车、优惠券……

交互异常:

  1. 全局交互异常,如加载、刷新异常(在同一个页面内,点击某个按钮后加载失败);

  2. 全局异常结束语提示;

  3. 权限提示。

全局公共说明:

  1. 距离说明;

  2. 时间现实说明;

  3. 字段规则说明;

  4. 图片裁剪规则说明(以图片最小边为宽,居中按1:1 裁剪/ 640*640、320*320、120*120 );

  5. 全局加载规则说明、上拉刷新(上拉刷新、松开刷新、正在刷新),下拉加载(下拉加载、正在加载、已经到底)。

全局逻辑说明:

  1. 版本更新方式说明(选择型、强制型、自动),一般在用户重新启动产品客服端;

  2. 热度值算法,订单释放时间;

  3. 会员体系、勋章体系、红包体系;

  4. 全局加载规则说明、上拉刷新(上拉刷新、松开刷新、正在刷新),下拉加载(下拉加载、正在加载、已经到底)。

② 操作说明

(3+1原则)。

错误提醒:对用户进行的错误操作进行预设,并在用户使用前提供解决方式,多用弹窗进行解决。

3. 总结

用户到这个页面来要干嘛、更想要干的事情、想要进行哪些操作,操作之后会得到什么结果。

比如用户到商品详情页时想要了解商品详情,所以就需要对商品的详情进行展示。如果详情过多,半天翻不完就需要对商品描述进行收缩(作为商家要让用户一眼看到付款键,加快用户付款的速度,减少其中的边际效用)。

用户对商品感兴趣就会购买,所以我们在该页面要给出购买功能。

有部分用户怕商品不好,要了解一下商家、了解一下商品的好坏,所以要有到商家详情的路径。

因为用户要某些东西,因为我们设置商品想要让用户进行哪些行为,所以我们的页面会对这些因素或者功能进行设计。

交互设计就是根据用户在使用过程中、用户可能存在的操作进行描述,对特殊情况会出现的状态进行预设,对我方想要用户进行的某些进行或者操作进行放大,然后在交互部分将这些想法告诉程序员、UI。

交互说明是我们产品经理向程序员、UI说明想法的桥梁,无论桥梁怎么搭建,核心都是传达我们设计页面的想法。而有序合理的交互搭建是拓宽桥梁的宽度减少传输的路径的主要因素,进而能达到快速传达想法的效果。

本文由@划船不用桨 原创发布于人人都是产品经理

题图来自 Unsplash,基于 CC0 协议

(0)

相关推荐

  • 产品经理必修课

    编辑导读:原型设计是产品经理的一门必修课,是需要稳打稳扎的基础工作.那么,如何才能做好原型设计?本文将从三个方面展开分析,与你分享. 原型界面:原型界面是APP不同界面展示出来的图文效果,重点是功能和 ...

  • 从0到1的产品,如何一次性解决所有异常和加载状态?

    第116篇原创文章 今年的第4篇原创 本篇文章的价值:看完之后可以独立统筹整个产品的全局设计. 做从0到1的产品时,在设计产品功能的交互流程和UI设计中,都是先做出所有正常的交互流程和界面. 但每个功 ...

  • 交互设计师到底需要什么能力?

    交互设计已然成为如今最火的研究方向之一,但是究竟怎么样才能做一名优秀的交互设计师?交互设计师的工作流程究竟是怎样的?交互设计师所必备的知识技能都有哪些?下面会为大家一一解答. 交互设计师的知识体系 交 ...

  • 快速原型工具,帮你从0开始画原型图!

    最近5G冲浪的时候,我常常会接触到这样一些问题,例如"该不该画高保真的原型图"."有必要把原型做成demo的形式吗?""产品经理不写PRD,只画原型合 ...

  • 交互设计的三个层次

    引言 交互设计主要是将产品经理确定的需求进行细化,并以交互文档的方式呈现,指导开发和测试展开工作,也可以理解为开发使用的文档.下面我将从三个层面来探讨下交互设计,即:产品层.概念层.行为层. 一.产品 ...

  • 怎样快速开发完成一个质量较高的APP?

    与pc.H5和applet相比,app具有独立体验.交流和封闭服务的优势.如果你想尽可能多地玩用户进程和时间,App是最好的产品形式.曾经在2017年,传闻小程序上线后,很多人以为app会消失.其实a ...

  • 炖牛肉时三个步骤别做错,有人常常做不对,难怪牛肉不软不香

    春天到来后,我们主要以吃蔬菜为主,各种蔬菜轮换着吃,特别鲜嫩,好吃得不得了,但从营养的角度来说,不能光吃素菜,还要时不时搭配一些肉类才行,这样营养才均衡.最近我家也常吃蔬菜,前些天家人嚷嚷着想吃肉了, ...

  • 何捷:怎么上好语文课?这三个步骤得做到位!

    语文教改搞了这么多年,我们的课堂依然对学生没有足够的吸引力. 这是我最近一次网上小调查所得出的结论.当然,所谓"吸引力"并不是评判一堂语文课唯一的标准.但无论如何,如果孩子们连语文 ...

  • 亲密关系的秘诀:一表达需求,二接纳不同,三双方共同努力,寻求双赢,四重复以上三个步骤。

    中国的新人在办婚礼时接受亲朋好友的祝词常常有人会说:"祝你们相敬如宾,白头到头."其实在亲密关系中这个"相敬如宾"非常要不得,"相敬如宾"极 ...

  • 人生的三个步骤和马斯洛的需求层次理论

    同学发了一张图片,实验小学周围的的房子3万每平,以前总会羡慕,现在已经没有了拥有的念头. 人生中很多的痛苦大多源于此吧,开始的喜欢,从喜欢到欣赏,从欣赏到拥有的念头,当有了想拥有的时候.痛苦也就产生了 ...

  • 疾病形成的三个步骤 + 疾病发展的七个阶段

    疾病形成的三个步骤 +   疾病发展的七个阶段 疾病的形成,绝非无中生有,任何疾病的产生都有三个阶段. - 初是不平衡的时期,其次是毒素的累积及不正常的分泌,最后则是真实疾病的形成. - ★第一步:不 ...

  • 成为化妆师最重要的三个步骤!

    零基础学化妆会面临这种各式各样的情况,今天小媄就跟大家讲讲化妆师学习的几个注意问题吧,我们前期选择方向也要重视哟! 纸上练习 想成为化妆师,学习过程中除理论之外,第一步就是在纸上练习-美人图,通过运用 ...

  • 自律的人都是孤独的,没有朋友?并不是——正确处理人际的三个步骤

    最近后台收到一位小伙伴私信问我说,你每天晚上睡那么早,难道没有朋友需要应酬吗?你是不是根本就没有朋友啊? 这里首先要统一一下对朋友的定义,如果按这位小伙伴对朋友的定义只是一起吃吃喝喝,那我确实是没多少 ...

  • 【学仰泳】新手入门第二课——三个步骤练好仰泳腿

    【学仰泳】新手入门第二课——三个步骤练好仰泳腿

  • 《五种时间》三个步骤建立时间结构化模型,让你的人生与众不同

    文/铃兰 时间可以管理吗?如何管理时间,让我们的人生与众不同? 相比过去,虽然人均寿命延长了,但是我们的时间却越来越稀缺,时间被海量的碎片化信息打乱,把我们的时间切割成碎片,让我们在生活和工作中疲于奔 ...