画好线框图的20个步骤
作者:飞琼 来源:UED.Alimama.com 发布时间:2009-09-01 19:46:00
对于任何一个开发项目来说最大的错误可能就是没有计划。最近,有些人认为开始前无需计划,一个优秀的开发者需要的是随机应变。我敢肯定这样的做法最后注定是要失败的。
线框图是计划中的第一步也是最重要的一步。这是将创意转换成客户使用的程序的第一步。本文将要带你了解线框图整个的流程;包括涉及参与人员,工具等,以便您能够更好的制作计划。
1)了解自己的目标
作为一个开发人员我想大家都有马上坐下来开始编码的冲动。通常最初的想法都很简单,那么你真的可以坐下直接开始吗?答案是否定的,项目很少有那么简单的,任何有经验的人都知道这样做将会有 很多这样的那样的问题等着你。
一个线框图可以有效的提供您的工作效率。修改计划内容远比在工作开始后在更正要来得更容易。
这个过程也有助于对项目更深的理解。事先作出计划,提出问题、意见,以便解决问题。
最终制定一个工作计划,规划设计者,开发者,工程师以及项目经理各自的工作内容,并且要保证各个环节的配合。
2)重功能,轻外观
计划展示的效果不同主要体现在所采用工具的多样性。其实从根本上说都是介绍有关功能部分的应用,例如,一个网页将有3个文本框和2个按钮。 这是功能而不是形式。
在Howard Baines我们严格按照这一原则进行,并且我们的线框图只包括一些功能要素(线框,按钮,下拉菜单等)。我们忽略任何视觉和布局的东西。其他人可能会做的更多一些,包括了布局和其他视觉的元素。这取决于你自己。
3)积累自身经验
并不一定要求您具备设计和开发的能力,而需要的是在网页应用或者网站上的经验。当然经验越丰富越好,并且你不需去理解关系型数据库只要画线框。
4)确定负责人
确保有人对整个计划负责。他们负责跟进和管理反馈,变化等。如果一个项目,那么通常负责人是发起人,因为他们更清楚目标所在。如果为客户提供服务,我们将会负责计划的进程。不管是谁,只要有人负责。
5)涉及每个人
也许不是第一次会议,必须在纸上锁定一个简单的方案并且是涉及关键利益者的想法。很少,参与的人们加快设计进程。同时,线框图的开发涉及你的团队和客户团队。例如,你正在用你现有的数据库整合你的应用程序或者网站,然后确保数据库所有者可以检测所有数据库中的数据字段在你把他们加入到你的线框之前。收集用户的传真号码如果无处存放是不好的。同水平的设计师对用户体验有很好的理解,并且在早期流动时会存在潜在的问题。
6)完成期限
预先留出时间和交付期限,对保持项目运行是非常重要的。最初线框图会议可以是一天或是几天,具体取决于应用程序的大小,但都需设定一个时期并且坚持下去。会后按记录跟进,以保持项目进程。
7)保持清洁
如果一个特别的网页要求两个文本框和一个按钮,那么只要有这些即可,不多不少。
8)避免设计的线框图太多
线框图只要阐述如何达到所需功能,不包括任何介绍和设计的内容。应尽量避免任何有关设计的内容,这样很容易分散客户的注意力。例如:为了更生动而增加一些蓝色,那么有可能需要半小时的时间 去解释关于蓝色的用意。这些设计的内容应该是设计师的工作。
9)记住用户界面不是用户体验
想一些使用的介绍方法是极其诱人,比如AJAX。注意:线框图是关于功能元素而不是方案展示或者互动的方法。为了更直观的展示应用,应尽量避免AJAX,应侧重于线框图。
10)想想用户
这是很显然的,但是在规划线框图过程中还是很容易忽略这一点。我们的重点是功能,但是同样要考虑用户的体验。例如,如果你做了一个三页长的注册表单,可能发现很多人都是无法完成的。
猜你喜欢
- 原来的语句是这样的: select sum(sl0000) from xstfxps2 where dhao00 in ( select d
- 这是一套适用于JavaScript程序的编码规范。它基于Sun的Java程序编码规范。但进行了大幅度的修改, 因为JavaScript不是J
- 当数据库服务器建立好以后,我们首先要做的不是考虑要在这个支持数据库的服务器运行哪些受MySQL提携的程序,而是当数据库遭到破坏后,怎样安然恢
- 首先,建立一个Conn的连接对象,然后连接到数据库data.mdb中,取得连接句柄后,把它保存在session("conn&quo
- 创建数据库CREATE DATABASE 语法用于创建一个数据库。语法: PHP MySQL 函数库中,mysql_query()
- 客户端调用XMLHTTP的过程很简单,只有5个步骤: 1、创建XMLHTTP对象 2、打开与服务端的连接,同时定义指令发送方式,服务网页(U
- 是的,这仅仅是一个PPT文档,由Anna Debenham上传至slideshare。幻灯片的标题叫做《CSS nuggets》,嗯,很好的
- 由于新版站长资讯即将发布,我每天都在想如何防止采集,目前想到的几种办法:1、多做几个列表和内容模板,随机使用,对目前大多数cms来说,这种方
- <% '测试读取MySql数据库的内容strconnection="driver={mysql odbc 3.51 dri
- 许多服务器管理员都知道,MySQL数据库管理系统(RDBMS)是高度灵活的软件块,带有范围广阔的启动选项,可以用来修改相关行为。然而,大部分
- Web_THBC 为表示层也就是页面(.aspx) BLL_THBC 为业务逻辑层 DAL_THBC 为数据库交互层 (向数据库执行SQL语
- 网站设计时,有一个最常用的指导性原则:页面长度原则上不超过3屏,宽度不超过1屏。这个原则明显是从用户的体验出发,特别是宽度不超过一屏,其最基
- 见过很多网站,在设计的时候给了用户很大的自由度,我个人并不赞同这种做法。最简单的例子,圈网。我在研究圈网的时候注册完成后圈网给了我一个搜索框
- 要是XHTML与CSS能面向对象。。太阳应该从北边升起了。但是,凡事都应该带着OO的思想来看问题,也勉强可以凑数拉。其实,早在零几年就有人提
- 平时每逢alexa排名更新时,我都需要将所有相关的同类网站的排名整理一下,看一下这些对手网站的排名更新情况。做的多了,也就烦了,虽然也才30
- 我们可以用鼠标把Dreamweaver的层在页面内拖动,但要全屏拖动就困难了,下面是一种实现的方法:制作步骤:一、准备图片,取名/file/
- 作者:Scott Gerber原标题:Mobile App Development: 10 Tips for Small Business
- up.htm'::::::: 此程序属扬子原创 ::::::::::::::::::':::::: 在sql2000,200
- 很多人都使用很多的编程工具,尤其对于Web开发人员。这个小教程将告诉各位如何使DreamweaverMX编程环境适合中国的Web开发人员。一
- 需要写个js滑动展开折叠(收缩)的效果,搜索到无忧脚本的一篇贴子,稍加修改了下使其在FF也可应用,代码如下: <