交互设计的方法（3）
作者：judyyifanji 来源：百度泛用户体验 发布时间：2010-08-18 12:32:00
标签：交互设计,设计
页面流程是上一步任务分析的自然转化。一般来说，一个主要任务就是一个页面，其它子任务也可以转化为页面。
以动感相册为例，页面流程如下：
页面几乎是把任务分析照搬过来了。所以上一步做好了，这一步很轻松，而且越往后越轻松。
注意这个流程图应该包括所有将要设计的新页面，一个不少，一个不多。它不仅确定页面内容，页面数量，还确定各页面之间的关系。如果在后来设计具体页面原型时，发现这个流程图多了或少了页面，或者页面关系发生了变化，说明你的功夫不到家（这个比较难，我一般不苛求我们的设计师）。根据原型图来创建或者修改页面流程图，不是在做设计，而是在写设计说明。
3. 页面布局
第三步页面布局是具体页面设计的开始，在上一步知道有哪些页面需要进行设计后，这里对页面进行划分，对内容进行组织。最重要的一点是确定页面分区。
以动感相册为例，页面布局如下：
总布局，即通用布局，适合所有页面。
0
投稿猜你喜欢
内容摘要：FCKeditor至今已经到了2.3.1版本了，对于国内的WEB开发者来说，也基本上都已经“闻风知多少”了，很多人将其融放到自己的- 本文是关于人物角色的一些简单介绍，感谢瑶芝同学提供的大力帮助！ 人物角色（Personas）作为一种技术
- 网页制作中用到的特效字，你一定是用图象处理软件制作的吧！告诉你，不用图象处理软件，我也能做出漂亮的特效字来，你看，阴影字我就是这样做出来的。
- 这个是我在蓝色看到的，楼主想实现图片按比例缩放的功能（缩略图），把图片固定在一定的宽高范围内，不会变形，失真。例如：缩略图的框是94px*9
- 加密解密字符串的asp函数，如用于ASP链接地址栏参数的加密，看代码就明白。比如：show.asp?id=DB26538FA54C70E1E
- 前端开发部门在壮大，人员在增加，技术在进步。CSSer虽然不能代表前端开发团队，但CSSer是前端开发中非常重要的组成部分。一、文档写程序的
- 无法远程登入MySQL数据库的几种解决办法方法一：尝试用MySQL Adminstrator GUI Tool登入MySQL Server，
- 继团队的CSS3.0中文手册在国内首发以后，最近风风火火的到处吹起HTML5.0和CSS3.0的春风；似乎在这浏览器互相调侃的年代，成就了一
- 实现功能QuestType 1->查询语句, 2->更新语句, 3->删除语句, 4->插入语句<
- 如何用数据库制作一个多用户版的计数器？代码和说明如下：count.asp' 计数器的核心程序<％Set c
- 今天在看框架的时候无意间看到了document.compatMode，经过一番资料查找，终于搞懂了。文档模式在开发中貌似很少用到，最常见的是
- OL是有序列表，但给list-style-type:decimal 定义，在IE中却显示的全是1，在火狐、Opera、谷歌、Safari等中
- 在asp里通过以下两个函数实现javascript里的escape函数和unescape函数加密功能。在ajax post或get时内容存在
- 很高兴参加了这一期的薯片会，认识了几个朋友～～不料的却是今天我要来总结一下本次薯片会我们总共讨论了三个议题：A、 如何让“用户”更容易识别超
- 今天在群里，熊猫君提议整理一个帖子，一方面为初学者提供一个入门指南，另一方面也象借此和已经在从事这个行业进行一点交流。下面是我从事这个行当多
- 很久没有发表文章了，最近一直在研究产品设计标准的问题，之前有发过一篇关于 Axure的教程 ，相信很多人已经学会如何使用，这次我给大家介绍一
- 首先说明下范围用Javascript来开发WEB页面的动画效果该思路同时考虑页面效率、SEO，如果数据大，也可以缓解后端压力。这个是程序设计
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 14 - Periodical and Intro
- InstrRev描述：返回某字符串在另一个字符串中出现的从结尾计起的位置。语法：InstrRev(string1, string2
- 很多现代的浏览器在地址栏的右边有个搜索框，默认的安装有 Google 搜索等。如下图所示： 其实这是 OpenSearch 的一
