天极产品设计流程（2）
作者：pitiaoxiao 来源：蓝色理想 发布时间：2007-10-11 18:47:00
二 产品原型
主要执行人员：UI、UE、需求部门
需沟通人员：程序部、销售部
在产品原型方面,主要指的是黑白稿或线稿，除了颜色基本采用黑白的形式，最终出的产品原型将会和实际产品没区别。这个环节会拟定出产品页面的宽度,广告的形式,导航基本样式,各内容的区域的表现形式等…
当经过可行性评估阶段后,产品经理的思路和自己也基本达成共识，接下来将进行原型设计，我将主要分为三个步骤来实现：
1) 纸稿
一般情况下结构图都是采用word文档描绘，我选择笔和纸的方式，主要还是比较方便、易修改，有任何突发的思路只需要擦一下，就可以直接在已有的基础上进行调整，由于之前的讨论没有实物参照，在这个环节你一定会发现更多有趣的问题。
2) 线稿、黑白稿
当纸稿确定后，则由UI或UE使用做绘图工具来描绘黑白稿(我主要使用Photoshop来进行这个步骤，跟据个人习惯不同，大家的方式也有所区别，比如淘宝UED Team及Baidu UE更多的则采用线稿的形式)。也许是做UI的原因，我习惯还是采用黑白稿，方便界面设计，在结构上也会精确到像素,比如:导航高度40px.头条采用20px黑体,图片规格:104x85px,页面的各区域的留白为5px…等等，只有这样才会发现更多细节上的问题，当然到界面设计的同时你也会尝到更多的甜头。
3) 原型
完成以上的二个步骤后,产品的基本功能,结构,规范都已经大致成型.这时你可以叫上程序部、销售部及需求部门产品经理，在白板上对着黑白稿做最终的讨论。经过二次、三次调整，最终定下完整的产品原型。
另外，值得提的一点是，在产品原型未确定前,千万别急着去做界面设计,因为之前的讨论主要会通过白板、Word或纸稿。在原型未确定前，有很多潜在的问题表现不是很直白，比如："窄了、窄了，完了，新闻列表只能放八个字"、"广告放不下了"、"数据提不出来，目前没这个接口…"。如果提前进入界面设计的环节,一但有问题，就意味着重新又需要找产品经理、技术部、销售进行再次沟通，这个步骤是很烦琐的,也会让人很郁闷的。
0
投稿猜你喜欢
请先看看以下演示中的图案文字。这可不是图片效果，而是用CSS滤镜中的Chroma() 语句做成的文本文- .tkintertkinter是Python下面向tk的图形界面接口库，可以方便地进行图形界面设计和交互操作编程。tkinter的优点是简单
- 前言：在Python里面，只要类型对象实现了__iter__，那么它的实例对象就被称为可迭代对象(Iterable)，比如字符串、元组、列表
- 前几天,在所有数据库服务器部署了监控磁盘空间的存储过程和作业后（MS SQL 监控磁盘空间告警），今天突然收到了两封告警邮件，好吧，存储规划
- 本文实例为大家分享了python实现名片管理系统的具体代码，供大家参考，具体内容如下功能需求用户输入数字选择要进行的操作添加名片删除名片修改
- 一、array_map() 1、array_map() 函数将用户自定义函数作用到数组中的每
- 1 案例描述输入三个整数x,y,z，请把这三个数由小到大输出。2 Python实现2.1 方法一（官方）L = []for i in ran
- 前言： 首先刚开始知道要书写一个这样的功能我的内心是比较崩溃的 完全没有思路， 然后就打开官网的文档进行观
- 本文实例讲述了js省市联动效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<html> <head&
- 这篇博客将介绍如何使用Python，OpenCV对图像进行平移转换。平移是图像沿x轴和y轴的移动。使用平移，可以将图像上下左右移动，以及上述
- **问题描述：**有如下程序输出日志，计算程序运行时间，显示花费623分钟？start time:2019-03-15 19:45:31.2
- 本文实例为大家介绍实现tab选项卡的应用，此插件相对比较简单，具体内容如下源码文件：tab.js实现原理：1、单击一个元素时，首先将原来高亮
- 1.列表推导式书写形式：[表达式 for 变量 in 列表] 或者 [表达式 for 变量
- 文件下载（遇到的坑）1.要区分下载的内容是什么0.1 图片下载wx.saveImageToPhotosAlbum(Object
- 视频对象提取与其说是视频对象提取，不如说是视频颜色提取，因为其本质还是使用了OpenCV的HSV颜色物体检测。下面话不多说了，来一起看看详细
- 实现html界面<!DOCTYPE html><html><head><title>Sele
- 项目输出项目先决条件要使用python构建井字游戏，我们需要tkinter模块和python的基本概念Tkinter模块是用于渲染图形的标准
- 一、前言本文讲述的是1元1次方程，1元2次方程的python解法。只用给出一般形式的系数和常数，自动给出方程的解。还附带函数解析。二、1元1
- Python解释器的相关配置，供大家参考，具体内容如下1、准备工作（1）Pycharm版本为3.4或者更高。（2）电脑上至少已经安装了一个P
- string iconv ( string $in_charset , string $out_charset , string $str
