画好线框图的20个步骤(2)
作者:飞琼 来源:UED.Alimama.com 时间:2009-09-01 19:46:00
11)不要懒惰
我们常听到:登陆页面是简单,可以不用写在线框图内。确保线框图包含计划的所有内容。在项目的末尾你应该有一个详细的说明。每一步都不应被忽略。
12)将线框图分成几个部分
一个网站地图或者应用被经常分为几个部分,比如新闻,产品,和用户账户。这样做更容易理解。
13)页面的数量
一个网页的应用往往包含了若干程序;结算就是一个很好的例子。通常是线性的,但是有时用户会选择不同步骤,例如跳过一步。显然你文档中的一些页面和页面中的标签(例如点击按钮)让用户跳转。
14)重复性
应用中的一致性可以有效地帮助用户,开发和设计者。组的重复元素是一件好事。例如,无论用户输入一个地址,将会是同样的地方在同样的命令。在规划线框图时就可以将其表示出来。
15)全部检查是有意义的
最终文档应该让任何人都能简单的操作。如果只是一个开发可以理解你的线框图,那么肯定是有问题的。最后问一下对这个项目什么都没有做的人,他们是否能理解。
16)广告也是功能
很多网站都有收费广告,这可能和google的广告一样简单,但他是功能而不是设计,所以也包括在内。
17)这不仅仅是公开网站
很多网站有一个管理区域用来管理内容,浏览注册用户概况,重设密码等。这个功能许多人都用不到,但是也很重要。很多时候这可能包含一些不公开的数据(例如用户账户启用按钮)。这对于开发在设计数据库时是很重要的信息。
18)知道什么时候结束
确保所有的利益相关者有机会去给反馈,但不把这种锻炼成画西斯廷教堂。通常情况下,可以说三步就能把工作确定下来。第一,把想法写在纸上;第二,从其他人那里得到反馈意见,比如,开发和设计者;第三定稿。
19)选择正确的工具
用纸和笔比用电脑更能抓住你的想法和创意。
一旦你开始设计你的文档我们建议使用你更喜欢的工具。例如,开发者可以用Microsoft Visio,项目经理用PowerPoint,设计者用AdobeFireworks。
我认为线框图应该是一篇文档而不仅仅是交互交流(像设计,可能被分散注意力)因此设计html可能不是最好的。
有很多线框图的工具,例如Balsamiq提供环境帮助很快的增加和自定义普遍的界面元素。他们可以给它一个手绘的感觉,提供一个视觉工具而不是真正开始的设计。
20)考虑相依性
每个人都知道一个购物车的流程是什么吧?因此很容易画成线框图并且放在一边。如果你用第三方支付工具例如PayPal?那么也许影响部分网站的工作。研究相依性,做出相应的修改。这在开始时更容易做到。
希望这篇文章可以提供一个清晰的画线框的思路,谁参与,如何完成,工具如何使用,最后的输出怎么样。最终的事情是,好的完整的线框可以节省你的时间。
你有其他什么秘籍,可以更快的画出线框图吗?
英文原文:http://carsonified.com/blog/features/20-steps-to-better-wireframing/
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
解决MySQL去除密码登录告警的问题
python 使用 requests 模块发送http请求 的方法
Dreamweaver层使用八定律
一文详解前端进阶之IntersectionObserver
![](https://img.aspxhome.com/file/2023/0/130520_0s.png)
Python学习之名字,作用域,名字空间(下)
ASP Access实现网站计数器(访问量)
python实现哈希表
python基础教程之csv格式文件的写入与读取
![](https://img.aspxhome.com/file/2023/7/75187_0s.png)
用python自动生成日历
![](https://img.aspxhome.com/file/2023/4/72174_0s.png)
在Python中操作时间之tzset()方法的使用教程
RC4文件加密的python实现方法
Python sklearn中的.fit与.predict的用法说明
![](https://img.aspxhome.com/file/2023/7/92267_0s.jpg)
在Django框架中自定义模板过滤器的方法
Python使用jpype模块调用jar包过程解析
php反序列化之魔术方法超详细讲解
![](https://img.aspxhome.com/file/2023/1/55621_0s.png)
Python autoescape标签用法解析
![](https://img.aspxhome.com/file/2023/1/87601_0s.png)
Python调用两个机器人聊天的实战
![](https://img.aspxhome.com/file/2023/9/124639_0s.png)
视觉直观感受若干常用排序算法
![](https://img.aspxhome.com/file/2023/3/71383_0s.gif)
Numpy中如何创建矩阵并等间隔抽取数据
![](https://img.aspxhome.com/file/2023/0/81780_0s.png)
Python Type Hints 学习之从入门到实践
![](https://img.aspxhome.com/file/2023/3/94143_0s.jpg)