百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

如何形成自己的原型方法论

toyiye 2024-06-21 11:57 9 浏览 0 评论

不管是刚刚入行的产品小白,还是久经职场的产品大神,画原型是每个产品人必不可少的职业技能。本文同样以一个初入行的产品人的角度,浅析如何形成画原型的自我方法论。

初入职场,尤其是互联网职场,不必要在一开始就醉心于人脉的积累以及职位的晋升,因为这不属于一个新人应该主要考虑的方向。大多数新人都希望把提升自己的业务能力放在首位要素,而作为新人产品,画原型无疑是基本技能。很多人都觉得画原型是非常简单的操作,无非就是摆弄一个控件的位置,然而要总结个画原型流程,却说不出各所以然来。重视原型,重视思维在原型上的体现,形成自己的原型方法论,可以大大提高自己的工作效率。

掌握使用路径,绘制产品流程线框图

原型又被叫做产品demo,但更主要的是体现想法在思考后体现在产品上的主要功能和交互流程。画原型之前一定是在脑海中构思了无数次产品使用路径,所以最好一开始用线框图理清使用路径,从宏观上把握产品的基本架构。思维逻辑能力也往往在这一步得到最大程度的锻炼。对于流程图绘制,我给各位新司机们几点建议:

工具不重要,逻辑最重要

市场上绘制原型的工具一抓一大把,常用的一般有Visio,processon,draw.io等等,推荐processon,不仅使用简单,对新手友好,关键是云端存储,不用存储文档。但正如小标题所说,工具不重要,关键还是是否自己已经走通了产品的使用逻辑,从注册到登出,从浏览到编辑,从编辑到预览,做到心中有数,绘制原型自然能做到通畅无阻。

美观或许也要放在心上

大部分人做自己的产品都能走通逻辑,却很少有人能把线框图画的美观,因为对大部分人来说,逻辑自己理清了就行。实际上,

  • 流程图美观能够方便以后自己再次看时,能迅速复现当时的思维路径
  • 画个美观的流程图,给其他人讲解时也能迅速理解你的思路

说服别人前先说服自己

人做事总是立足于当时。画流程图的时候,往往只关注当时路径是否是正确的,却往往忽略某些特殊情况下的特殊处理,因此,画完流程图后不要急着说完成,交给别人看之前先检查一下,试着复现使用场景,注意产品在某些特殊情况下的展现。

某个产品的简单流程图

绘制原型:最大程度还原线框图

原型图的使用对象是设计师,所以好的原型评价标准是设计师能迅速理解产品框架。目标原型图应当具有成熟产品的具体功能,并且能解决预设的相关需求。原型图是产品的核心,是作为产品的部分价值体现,也是一个产品人的基础技能,我不认同“人人都是产品经理”这个观点的一个重要依据就是“不是人人都能画原型”,所以需要重视原型在产品工作中的比重。

都说产品是生孩子,那么画原型大概是基因的交流,是未来产品的雏形。产品到了这一步已经到了具体落地的步骤,那么你需要一定的工具来做这件事。大多数人推荐Axure,作为画原型的基础工具,它的作用大概之于office的word一般,但我还是推荐有想法的产品可以试一试墨刀。相比Axure,墨刀在制作交互和成果展示上,有着天生的优势,尽管Axure能画出更漂亮,更加高保真的原型。

收集素材,做好准备

正所谓“工欲善其事,必先利其器”,做好准备工作总是没有错的。元件就像搭建房屋的砖块,除了Axure自带的元件,网上素材往往是一个原型必不可少的组成成分。

(1)元件库

Axure往往会自带一部分元件库,但仅靠自带的元件库远远不能满足日常工作的需要,除了网上搜索Axure元件库出来一大堆元件库外,我这里推荐两个常用的ios规范的元件库(来自网络,乐于当搬运工)http://pan.baidu.com/s/1c21tdhm,希望能起到一丁点作用

(2)Icon素材

为什么看别的产品画的原型都那么好看,那么丰富,那么饱满?你观察过么,可能只是你的原型少了一些icon和颜色的填充。其实icon不仅只在UI稿中出现,同样可以出现在你的原型图中。

① 装饰填充

加入icon的原型往往更加生动,相比死板的用框图绘制的原型更加具有活力,在需求评审时更加便于拉近与技术和设计的距离

② 解释说明

Icon作为图形语言,在人机交互中具有重要的作用,但是在原型中最好能配合文字使用,得让对象知道icon的意思,毕竟原型的使用对象是设计师,产品最终的icon得由设计师设计。

目前网络上已经有很多icon在线库可下载,例如easyicon以及阿里的iconfont等都是不错的选择。

阿里开放的icon平台

优化细节,严格根据之前的流程图步骤绘制原型

按照流程图的使用路径绘制原型图的好处在于能保持逻辑的连贯性,绘制过程一气呵成,工作效率便能得到极大提升。待框架和基本功能完善后,再去优化细节,针对每个按钮、每个功能严格按照“增查改删算显传,异常情况也要盘”的口诀,增加不同情形下的页面。这样一个完整的原型图就大致完成了。

某页原型

但需要说明的是,我不是鼓励各位新司机们画的原型要足够好看,也不是鼓励花足够的时间做一个完美的原型,而是希望各位在尽量完整表达产品框架的同时,兼顾到原型的可读性,毕竟设计师们体现在最终产品上的审美也会受原型的影响。

至于一部分人反驳好看的原型会限制设计师的设计想法,那我只能说,这不是产品的锅,毕竟专业的人只做专业的事!

最后,还是希望和各位新老司机们互相学习,多多交流。

以上。

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

题图来自 Pexels,基于 CC0 协议

相关推荐

为何越来越多的编程语言使用JSON(为什么编程)

JSON是JavascriptObjectNotation的缩写,意思是Javascript对象表示法,是一种易于人类阅读和对编程友好的文本数据传递方法,是JavaScript语言规范定义的一个子...

何时在数据库中使用 JSON(数据库用json格式存储)

在本文中,您将了解何时应考虑将JSON数据类型添加到表中以及何时应避免使用它们。每天?分享?最新?软件?开发?,Devops,敏捷?,测试?以及?项目?管理?最新?,最热门?的?文章?,每天?花?...

MySQL 从零开始:05 数据类型(mysql数据类型有哪些,并举例)

前面的讲解中已经接触到了表的创建,表的创建是对字段的声明,比如:上述语句声明了字段的名称、类型、所占空间、默认值和是否可以为空等信息。其中的int、varchar、char和decimal都...

JSON对象花样进阶(json格式对象)

一、引言在现代Web开发中,JSON(JavaScriptObjectNotation)已经成为数据交换的标准格式。无论是从前端向后端发送数据,还是从后端接收数据,JSON都是不可或缺的一部分。...

深入理解 JSON 和 Form-data(json和formdata提交区别)

在讨论现代网络开发与API设计的语境下,理解客户端和服务器间如何有效且可靠地交换数据变得尤为关键。这里,特别值得关注的是两种主流数据格式:...

JSON 语法(json 语法 priority)

JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JS...

JSON语法详解(json的语法规则)

JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组注意:json的key是字符串,且必须是双引号,不能是单引号...

MySQL JSON数据类型操作(mysql的json)

概述mysql自5.7.8版本开始,就支持了json结构的数据存储和查询,这表明了mysql也在不断的学习和增加nosql数据库的有点。但mysql毕竟是关系型数据库,在处理json这种非结构化的数据...

JSON的数据模式(json数据格式示例)

像XML模式一样,JSON数据格式也有Schema,这是一个基于JSON格式的规范。JSON模式也以JSON格式编写。它用于验证JSON数据。JSON模式示例以下代码显示了基本的JSON模式。{"...

前端学习——JSON格式详解(后端json格式)

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLa...

什么是 JSON:详解 JSON 及其优势(什么叫json)

现在程序员还有谁不知道JSON吗?无论对于前端还是后端,JSON都是一种常见的数据格式。那么JSON到底是什么呢?JSON的定义...

PostgreSQL JSON 类型:处理结构化数据

PostgreSQL提供JSON类型,以存储结构化数据。JSON是一种开放的数据格式,可用于存储各种类型的值。什么是JSON类型?JSON类型表示JSON(JavaScriptO...

JavaScript:JSON、三种包装类(javascript 包)

JOSN:我们希望可以将一个对象在不同的语言中进行传递,以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式JSON(JavaScriptObjectNotation)-JS的对象表示法...

Python数据分析 只要1分钟 教你玩转JSON 全程干货

Json简介:Json,全名JavaScriptObjectNotation,JSON(JavaScriptObjectNotation(记号、标记))是一种轻量级的数据交换格式。它基于J...

比较一下JSON与XML两种数据格式?(json和xml哪个好)

JSON(JavaScriptObjectNotation)和XML(eXtensibleMarkupLanguage)是在日常开发中比较常用的两种数据格式,它们主要的作用就是用来进行数据的传...

取消回复欢迎 发表评论:

请填写验证码