正在阅读：10大实用web应用界面技术10大实用web应用界面技术

　　6、按钮的按下状态

　　许多Web应用程序有自定义的按钮样式。这些都是用自定义图片作为他们背景的锚点或输入按钮。默认输入按钮可能不适合在一些情况下，以及文字链接有时过于渺小。目前的挑战是，当你把你的链接弄得看上去像按钮时，它们的操作也应该和按钮一样--这包括当用户 点击它们 时会有被"按动"的效果。

　　这不是一个纯粹的视觉调整。提供即时反馈给用户将使应用程序感觉更有响应性，并且给用户带来更接近于桌面软件的的用户体验。

　　你可以通过CSS为按钮增加按下的效果。

图10

　　Highrise 的按钮实际上是在你点击的时候显示一个按下的效果，给用户一个非常舒适的反馈感觉。

　　7、在登陆页面提供注册的连接

图11

　　一些没有注册你的应用程序的用户将不可避免地停在你的登录页面上。他们想要使用你的应用程序，但是却不能立刻找到注册页面。可能他们已经试过访问一个只提供给注册用户的特定页面。

图12

　　没有 Delicious 的账户？没问题，在Delicious的登录页面上提供了一个注册的连接。

图13

　　Goplan 的登陆页面上有个漂亮的彩色按钮指向注册页面。

　　在你的登陆页面上放上注册的连接会让一切容易很多。如果他们没有账户，他们不应该去寻找注册页面。我们研究证实：在注册页面，有18%的网站有登录表单或者链接到登陆页面的连接。(例如：YouTube, Reddit, Digg, Lulu, Metacafe)

　　8、上下文关联导航

　　思考什么是用户期望看到的以及在每个给与的情景中他们需要什么是很重要的。你不需要在每个地方显示同样的导航控件因为在用户可能不是在每个环境中都需要它们。

　　上下文关联控件的最佳范例之一是最近在微软office 2007中的界面，在它的界面中默认的工具条被带装控件代替。每个标签上有不同控件相关的特定操作，无论是图形编辑，校对或者简单书面形式。web应用程序也可以受益于这种上下文关联的控件，因为这些控件通过只显示用户需要的内容来帮助整洁界面，并非显示所有的内容。

图14

　　Lighthouse 提供一个熟悉的标签导航菜单，但是它在标签正下方有二级菜单。这个层级只显示当前项目相关活动的部分。