网站设计必读:功能结构和页面结构的设计
2008-06-29 12:07
495 查看
曾经有一个丝毫不懂网站设计的朋友问我:设计一个网站到底有多少活,一个普通的网站具体需要设计多少个页面?
我回答:一般情况下不会超过30个页面;事实上一切的设计工作只是为了设计好这不足30个的页面,这些几乎是整个网站的所有。
我没有骗他,事实确实可以这么说。
针对于这30个页面,我们在设计之前需要搞清楚:这些页面是给什么样人看的?他们有什么样的特征?我们需要给这些人什么样感觉的页面东西?(以上基本上是用户研究、产品和数据分析、概念设计所要解决的事情,我们前几期刚写过)。
接着我们需要开始具体的设计了……
首先,要解决:
1、针对于产品服务的角色们,整个产品需要那些功能点。
2、功能与功能之间的组织关系是什么,这就是所谓的产品结构。menutree。
3、每个功能点最终会具象化到一个页面;
4、这个页面里都应该有什么内容?(一个页面会包含进去N个功能点),这个页面主要为那个或者那些角色服务
5、这个页面的内容要如何摆放。
然后,要解决:页面和页面之间的关系是什么,如何交互,细节如何表现……
这篇文章我们只说”首先要解决”的问题,也就是一般情况下我们在”信息架构设计”阶段要做的事情。
功能结构的设计:
1、针对于产品服务的角色们,整个产品需要那些功能点
2、功能与功能之间的组织关系是什么,这就是所谓的产品结构。menutree。
通常情况下我建议设计师按照可能的产品导航的思路去设计这个menutree,功能结构的产出物最好可以直接转化为产品导航。因为这样做有利于让后面的设计工作变得更可预知,也会让产品的功能结构更加靠近用户所见到的表现层结构。
我回答:一般情况下不会超过30个页面;事实上一切的设计工作只是为了设计好这不足30个的页面,这些几乎是整个网站的所有。
我没有骗他,事实确实可以这么说。
针对于这30个页面,我们在设计之前需要搞清楚:这些页面是给什么样人看的?他们有什么样的特征?我们需要给这些人什么样感觉的页面东西?(以上基本上是用户研究、产品和数据分析、概念设计所要解决的事情,我们前几期刚写过)。
接着我们需要开始具体的设计了……
首先,要解决:
1、针对于产品服务的角色们,整个产品需要那些功能点。
2、功能与功能之间的组织关系是什么,这就是所谓的产品结构。menutree。
3、每个功能点最终会具象化到一个页面;
4、这个页面里都应该有什么内容?(一个页面会包含进去N个功能点),这个页面主要为那个或者那些角色服务
5、这个页面的内容要如何摆放。
然后,要解决:页面和页面之间的关系是什么,如何交互,细节如何表现……
这篇文章我们只说”首先要解决”的问题,也就是一般情况下我们在”信息架构设计”阶段要做的事情。
功能结构的设计:
1、针对于产品服务的角色们,整个产品需要那些功能点
2、功能与功能之间的组织关系是什么,这就是所谓的产品结构。menutree。
通常情况下我建议设计师按照可能的产品导航的思路去设计这个menutree,功能结构的产出物最好可以直接转化为产品导航。因为这样做有利于让后面的设计工作变得更可预知,也会让产品的功能结构更加靠近用户所见到的表现层结构。
相关文章推荐
- JavaScript网站设计实践(一)网站结构以及页面效果设计
- 网站上的页面元素 Meta标签-关键字,描述,机器人和辅助功能标签页标题内容-定位整个副本的关键字的内容和支付链接-连接结构,ALT标签,文本链接的话和标题,页面上的各主要部分的关键字密度,HTML有
- 网站开发-php开发手机论坛(4)-功能设计及需求分析,功能结构模型
- JavaScript网站设计实践(一)网站结构以及页面效果设计
- Hide Action menu of SiteSet page(隐藏网站设置页面内的功能菜单)
- Atitit. 订单管理 收银单持久化 功能设计 基于ecshop订单结构
- JavaScript网站设计实践(五)编写photos.html页面,实现点击缩略图显示大图的效果
- 网站登录页面和主页设计demo
- 网站统计功能的设计与实现
- 页面设计页面布局知识,网站维护
- 金泰公司网站二、三级页面设计(草稿)
- 电子商务网站的设计与实现(二):一期功能清单
- 一步步学习SPD2010--第十章节--SP网站品牌化(5)--创建具有功能的HTML页面
- 如何设计网站的登录注册页面
- 网站每日签到功能设计 hibernate数据层框架
- 进入了网站的树结构页面
- 从产品展示页面谈谈Hybris的特有概念和设计结构
- 安卓聊天功能结构设计(一)
- Asp.net MVC 3 开发企业网站系统仿照博客园部分功能--总体设计
- 设计对浏览器更加友好的网站——整合搜索功能(针对Google Chrome)