website architecture

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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。