商业网站制作坚实的网站结构

网站结构

“重新设计一个网站,就像是重塑一个厨房-你必须搞清楚你需要什么样的特点和能力,你将如何使用他们之前,设计布局,地方家电和插头,选择瓷砖,窗帘和台面。” -商业网站制作2.0

良好的网页设计需要根据网站的目标和项目简介的目标受众建立了坚实的网站架构。从这一阶段的可交付成果是:

内容大纲
网站图
页面描述图
线框
这四个交付是互相依赖,需要按顺序完成。

内容大纲

易 雅达与客户密切合作,创造了所有现有内容的清单。集思广益需要创建网站的内容。审查的内容列表,修剪任何不匹配的目标或观众需要在项目的简要说明。以时间 来思考未来和如何网站的内容可能需要增长。确保你留下的增长空间。下一组您的内容进行分类。正如你您的内容进行分类,通 ​​过用户的反馈卡排序。一旦你建立类别,创建内容大纲,并检讨与你的客户,它的准确性。

网站图

你最后的内容大纲,并创建一个地图或现场图。现场图仅仅是一个内容大纲和网站结构的可视化表示。你可以使用Excel Visio或Omnigraffle的创建您的网站图。懒惰的IA的指南的Sitemaps在方框和箭头一个循序渐进的方式逐步范例的文章。

页面描述图

现在许多信息建筑师建议(PDD),作为一个步骤之前,线框,甚至作为线框更换,使用的产品说明图。项目设计书的重点是两个方面:

哪些内容属于此页
IST他每个内容块的优先级

项目设计书的一个共同的布局是使用访问优先级的水平。例如,对于任何给页面PDD的可能有三列。第一列将列出优先级高的内容。第二列将列出中等优先级的内容。第三列将列出优先级最低的内容。

线框在PDD的优势包括:

澄清一个给定页面的所有内容
阐明了每个内容块的优先级
完全消除视觉设计(颜色,字体,位置)从本阶段的谈话。
进一步阅读的页面描述图表:

凡Wireframres是:特别交付#3
页面描述图表模板(DOCX)
线框

线框是一个非图形的网页布局。这是一个简单的绘图在您的网站的每一页的信息和功能块。你将要创建一个主页线框,每一个独特的第二级页面和任何其他的显着不同,对网站页面。

线框包括所有的页面的主要元素的容器。内容包括导航,图像,内容,功能元素(如搜索)和页脚。