首页 > Web开发 > 详细

website architecture

时间:2015-05-04 17:16:20      阅读:211      评论:0      收藏:0      [点我收藏+]

如果在不仔细考虑网站架构的情况下就去做一个网站,这就像在没有规划行程前而去贸然旅行。你可能最终到了你的目的终点,但是你可能也不知道在这过程中,你已经走过了多少的弯路。做网站适用同样的道理。在开工之前,好好的规划你的网站架构是非常有必要的:一方面使得设计流程清晰规范,另一方面更加有效的layout,SEO优化设计等都可以在这个阶段有所考量。

  • sitemap

技术分享

sitemap是网站组织的指南。她是能在你的网站上的所有元素的可视化反映,表明了有哪些链接,分别指向哪些页面,这些页面是如何连接在一起的,你如何从这个页面到达另外一个页面等。这实际上最终将形成网站的XML sitemap,并且可以直接向搜索引擎提交,但是在早期设计阶段,这个sitemap只是指引进一步设计的模板参考

  • wireframe

技术分享

这是一个非常基本的对于页面究竟会长成什么样的概念化的反映。这是一个并不工作的mockup(模型),仅仅用于初略给出一些想法:哪一个元素应该放在页面的哪一个位置。。。比如,logo, sign-in,search box, main nav, sub nav, main content, callout, dynamic content, widget, slider等等

  • interaction

技术分享

互动交互图模拟了人们是如何使用你的网站的。她描述了人们在使用您的网站时的切实用户体验。虽然wireframe可能指示一个contact page是实实在在存在的,interactions图将可视化用户在使用那个contactpage时的情景。她将展示当用户submit contact form时,他们将被重定向到哪个页面,并且展示当出错时会发生什么。

 

Website架构设计是web design的第一步。他在网站的基本概念成型后开始:你应该知道了你的网站要完成什么商业目标,你的网站的用户是些什么人,你知道他们喜欢什么。这样你就需要决定如何使用你提供的产品来满足这些人的需求。随后在architecture结束后,你可能需要website prototyping这个流程,这样你将有一个可以工作的原型,并且可以邀请用户来测试她,在得到用户关于原型机的feedback后,user experience design就需要精细地调整用户体验了。

 

http://www.webbizideas.com/architecture

website architecture

原文:http://www.cnblogs.com/kidsitcn/p/4476375.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!