您的位置:首页 > 博客

结合案例分析:做高保真原型时,如何保持产品思维?

时间:2019-08-26

每个人都是产品经理,我想昨天分享

俗话说:“热爱生活,远离高保真!”是的,作者一直坚持这种观点。但在某些特殊情况下,我们必须做高保真原型。这个时候不要乱。如果我们仍然可以用产品思维制作高保真原型,那么我们真的在做有意义的事情,而不仅仅是浪费时间!

image.php?url=0MuZwevG8o

前言

我来谈谈这个话题。对于今天的主题,作者记得以前的面试经历。我记得那个时候,我展示了我的“高保真”原型,面试官对我说:“你已经在UI中完成了所有工作,你没有UI专业人员,你已经为原型添加了颜色和图标。这也限制了用户界面!“ (作者当时正在做一个假的“高保真”,水平非常好)

我觉得这句话很合理。专业人士做专业的事情。因此,我个人不建议您在日产的作品中绘制高保真原型。实际上没有必要,结果可能是成功的一半!

那么高保真原型可以做些什么,我们应该怎么做?请往下看!

高保真可以做些什么?

(1)必须做

如果原型是我们当场与客户沟通的主要材料之一,如果合同签订与否,我们将在现场看到原型的效果。在这种情况下,你说你不能这样做!

(2)提高技能

如果你想提高制作原型的能力,并且你有足够的时间和精力,那么当然你可以制作高清原型!

(3)B面产品

大多数B端产品属于工具类别,而基于工具的产品在产品体验的五个要素中通常不需要非常高性能的层。这时,我们可以替换UI,直接生成高保真原型,并将它们交付给开发人员!

我为什么这样做?

龙服了。

概念

由于我们的标题在这里,我们将首先提出一些概念。

(1)产品思维

从用户的价值出发,在满足业务战略和业务目标的同时,我们寻求满足用户需求的产品路径。

(2)线框,原型,效果图

线框是建筑框架,原型是粗糙的房间,渲染是精装房。

三者在面向对象上不同,生产的目的和标准也不同。你可以感受到它。

(3)平面设计

去除多余,沉重和笨重的饰面。具体表达是删除可以产生3D效果的额外透视,纹理,渐变和元素,以便“信息”本身可以突出显示为核心。同时,在设计元素上,强调抽象,极简主义和象征。

这是一定的解释,文字是已知的,但是不可能记住

让我们理解,在平面设计方面,它与准物理设计相对应。事实上,我可以理解以下图片。无论如何,作者理解准物理化是三维设计,看起来更真实和平坦。 2D设计看起来更直观。

image.php?url=0MuZwe7fPp

你为什么要提这个概念?由于目前主流的平面设计风格,我们的高保真原型门槛降低了。

输入主题

以上是如此之多,然后我会谈到这一点。

注意:以下内容与要求和原型密切相关。如果您在阅读时遇到困难,建议您阅读《做需求分析,你要弄明白的5件事》,然后根据原型阅读。原型下载地址如下:

提取代码:ppf3

接下来,作者举了四个例子来说明如何在高保真度时保持产品思维。

示例1:用户行为路径优化

我们以管理员的调度接口为例。作者将简要描述要求:该产品是学校网络修复平台。修复程序(教师或学生)发现某些内容已损坏,在平台上填写修复订单,然后管理员会看到它。订单完成后,您需要分配维护主数据进行维修。

让我们看一下设计的第一个版本的界面:

image.php?url=0MuZweIX5z

image.php?url=0MuZwezY56

我们的用户版本的行为路径是:管理员可以在列表页面上看到要分派的工单,然后进入详细信息页面。阅读完工单的详细信息后,选择底部的维护主数据进行修复。

我们在制作高保真原型方面做了哪些改变?

首先,要制作高保真原型,您一定会首先参考竞争产品。打开手机,淘宝,京东,美团,这些大工厂的产品到处都是名单。但我们发现这些列表页面不仅仅是信息显示,还包括操作按钮,如评估,收据等。

所以作者想到了这个问题,发现它应该是这样的。我将在此直接说出结论:

对于管理员来说,进入该界面的目的是发送工作,所以在看到列表页面的主要信息后,可以直接选择维护主站在这里发送工作,因此应该将调度按钮添加到该界面。如果列表页面上的主要信息不足以支持管理员的决定,则管理员将仅查看详细信息界面。因此,详细信息界面的顶部必须是信息显示。管理员看到完整的详细信息后,将执行操作。即,详细页面,上面的信息显示和下面的操作按钮。

因此,当我们做高保真原型时,就会变成这样:

image.php?url=0MuZweLY1V

image.php?url=0MuZwegXGR

示例2:特征优先级

然后,当我们进行功能概述时,可以认为有一个正常的搜索功能。然后在做原型时,它就像这样完成:

image.php?url=0MuZweBF3L

它看起来很难看吗?没关系,这就是原型应该是什么样子。该原型旨在为开发人员提供一个无障碍的视图,了解界面中的元素以及它们具有哪些功能,所以事实上,他们喜欢它!

但是当我们做高保真原型时,我们不能这样做,因为开发将按照我们的方式实现(仍然回到本文的前提,没有UI参与)

我们应该做什么?同样,我们应该首先参考竞争产品。笔者发现搜索有两种类型,一种是非常明显的搜索框,如淘宝,另一种只是放置在那里的搜索按钮,例如,每个人都是产品经理APP。从那时起,这就引起了作者的思考。

在这里,我们还得出以下结论:对于我们维修平台的用户,其产品的目的主要是处理时事,而历史数据的查询仅用于特殊情况,一般情况接下来是不曾用过。并且不存在对其他类型数据的查询,您可以看到的只是与您自己相关的工单数据。

因此,当我们进行高保真原型时,就是这种情况。通过此交互设计,您可以查看原型:

image.php?url=0MuZwe0Vqw

示例3:界面元素的增加或减少

首先,有一点是:当UI采用我们的原型和要求进行渲染时,它们不会增加或减少界面的元素。他们可能会认为副本太长而且会减少副本。

例如,当时认为对于不同的角色,维修人员,维护主人,物流经理及其详细信息界面,可以统一显示工单的进度,这有助于用户掌握整体情况的修复情况。对于开发,只需制作一个统一的模板就足够了。在这种情况下,有一个快递的电话,可以直接拨打。

image.php?url=0MuZwecL53

你需要加入手机吗?它变成这样:

image.php?url=0MuZwe9ALF

示例4:逻辑描述完美

举一个简单的例子:完成维修订单后,维修人员会得到什么建议?提交成功后,界面将跳转到哪里?

当我们做原型时,可能是那个放置了一个提交按钮,然后等到开发过程,程序猿大兄弟,逐个问。

因此,执行高保真原型有助于我们改进逻辑描述,如图所示:

image.php?url=0MuZweDHTI

image.php?url=0MuZweOI3k

每个人都看着这张照片。这些是UI关注的内容。当我们制作高保真原型时,关注的焦点仍然是满足用户的需求。这是最根本的区别。那么上面是什么,当我们制作高保真原型时我们能做些什么呢?

(1)风格

整体风格,我们仍然可以设计它。仍然回到我们的前提,该产品不需要高性能层。例如,如果它是C端产品,美国集团最近的“热门”变黄了,这种黄色是战略性的

世界上有一套颜色规格。建议使用更安全的蓝色作为主要颜色,用作界面中核心元素和重要按钮的颜色。相关的非核心元素统一用于灰色调。辅助颜色是代表性颜色,通常用于信息提示,例如:成功,警告和失败。中性色通常用于文本,背景,边框,阴影等,它们可以反映页面的层次结构。

image.php?url=0MuZwe4n6c

(2)文字

文本的颜色不同,代表不同的主要和次要关系。在设计高保真原型时我们也可以掌握这一点。

image.php?url=0MuZwe6zva

总结

好的,这篇文章终于写完了。产品思维是我们作为产品思考的基本方式。每次,每个人都必须保持这种思维。

好的,以上是我们今天分享的内容。我希望每个人都能在评论区留下您宝贵的意见

本文最初由

必发88 版权所有© www.esquerdaemdebate.com 技术支持:必发88| 网站地图