您当前的位置是:首页 > 新闻详情
网站建设视觉设计和导航

前几年Web开发中大量使用的图形设计,它们看起来更像是书中的插图而不是网页,不过那些都已经成为过去,尽管有一些应用程序确实做得不错,比如Fire Eagle。现在,社会Web应用程序倾向于小型化设计,这种设计可以让社区提供的内容更好地展现出来。根据你正在开发的应用程序类型,你的站点能够表现的动态行为将会有所不同。以社交方式使用你的站点的人越多,它表现得就更像一个应用程序,而不像一个仅仅有文件的网站。

一个社会性网络是这些例子中的类应用程序。在这些社区中,通常它们的入口是那些内部页面——往往是一个个人主页或者那些导航键,这些导航流程来自页面上的内容而不是来自任何种类的层次结构。但是,这些网页往往包含了对核心活动的说明。

一个网站的主要导航至少也应该包括4~5个关键元素。它们应该关注网站的主要对象:个人、社团和那些通常强调最近意义重大的活动的内容。关于Flickr的例子,实际上给我们展示了导航的两个层次:主要导航元素,以及用于我的图片的导航。随着网站的发展以及添加新功能,网站上的导航元素会做出相应一个网站的主要导航至少也应该包括4~5个关键元素。它们应该关注网站的主要对象:个人、社团和那些通常强调最近意义重大的活动的内容。所示的关于Flickr的例子,实际上给我们展示了导航的两个层次:主要导航元素,以及用于我的图片的导航。随着网站的发展以及添加新功能,网站上的导航元素会做出相应的改变。例如,链接到Flickr上的地图是最近添加的功能。Nature Network网站,有三个导航层次。Nature Network是支持Nature.com(一种科学期刊)的社会应用程序。该页面的左侧[注释]有两个主要链接:一个链接Nature.com的主页和一个通过Logo链接到Nature Network的主页。

在图的右侧,有三个导航层次。最顶端的导航层是导航的一种常见形式,穿过Nature.com,它可以显示在其他网站上,并且它提供了常见的Nature.com版块列表。例如,Profile显示你的个人资料页,Network显示了你的好友列表,Snapshot提供了你所在的网络中所有人的更新信息,以及Account——它可以让你进入Nature.com的个人账户管理页面。

紧随其下那个导航是Nature Network站点范围导航,它显示每个主要的内容区域,以及一个可以访问个人主页的页面,标记为\"You\"。所有这些部分都有一个具有具体选项的子菜单。由于我们没有使用下拉菜单,所有的导航选项都始终可见。

这种导航类型代表了一个常见的约定:如何为新来者提供展示一个网站功能的导航,如何为特殊人群显示一个网站的相关视图,如何描述母公司,比如Nature.com。最顶端的菜单允许Nature Network充当一个协调者协调其他站点,并且收集所有的社交活动。

注意:Smashing Magazine网站会提供更多导航菜单:http://www.s mashingmagazine.com/2008/02/26/navigation-menus-trends-and-examples/。

网页本身并不是重点,真正的重点在于这些网页中的人和内容。网页中的内容和创建该内容的人之间的关系将会促进导航。这是考虑网站设计的一个不同方式。Jaiku的Jyri Engestrom创造了术语“社会对象”用于描述人类与其有联系的事物,它可能是一个足球队,Flickr上的一个摄影作品或者一篇科学论文。你可以适当地联系所有的社会因素并且完美地模拟这些关系,但是如果网站毫无吸引力且令人费解,或者很难使用,人们会感到厌倦,最终将会离开。

创建和使用功能可见性有助于将活动和内容联系到一起。功能可见性是在对象中被展现的一些东西——例如,一个门是用来穿过,一个窗是用来打开以及一个茶杯是用来握的。这个词来自于James J.Gibson[注释]及其关于视觉感受方面的理论。在社会应用程序设计方面,它也是适用的。为功能创建简单、明显的提示可以为人们提供明确的关于在页面上将可能做些什么的信号。一个简单的例子是,应用程序能够添加评论以及显示被评论的对象。在导航方面,放置元素以便它们可以作为导航工具而被有效地使用,尤其是标签。

核心对象页面应该有一个明确的目的:把创作者和他的内容联系到一起,并且为围绕那些内容的社会交互提供一个方法。

[1]Nature Network是科学杂志《Nature》的网络社区品牌。我为《Nature》创建了一些社会性应用的交互设计,尤其是图4-8的导航元素。

[2]参见http://en.wikipedia.org/wiki/Affordance。

返回百度网站建设首页

在线咨询

咨询热线:

点击一键开通注册系统将分配技术联系您

在线咨询QQ:

在线客服QQ:1215917463  客服