10种常见的界面设计

Basecamp的项目切换窗口有一个大的轻阴影，帮助菜单区域脱颖而出。
5、空白状态告诉你要做什么
当你设计一个Web应用程序时，你不仅需要通过样本数据去测试这个程序，而且最重要的是当什么内容都没有的情况下，你要确保它看起来不错而且是有帮助的。
当在页面或者查询结果没有信息时，告诉你如何才能处理这些空白区域是一条很有帮助的信息。例如，一个项目管理应用程序的网页可能会列出用户的项目，但如果没有项目，你可以提供一个创建项目的链接。即使已经有创建项目的按钮存在在页面上，但一点额外的帮助并不会有损失。
Campaign Monitor 会在你开始建立一个邮件广告时指导你正确的方向。
这 种技术实际上鼓励用户试用服务，并在注册之后直接使用这项服务。通过应用程序的单步指导用户能够帮助他/她去了解程序提供的优势以及是否有用。同样重要的 是把最重要的操作呈现给用户并且只有这些而已——把所有功能都呈现出来并没有意义。请记住，用户通常希望得到一些或多或少提供给他们的具体构思，但是他们 不想要直接跳到详细说明去——他们既没有时间也没有兴趣。
通过空白状态去激励用户和行为，可以大大减少“辍学”，并且帮助您的潜在客户，更好地了解该系统如何工作。
Wufoo的表单页面有很多，当什么都不存在时它会以友好的讯息邀请您创建一个新的表单。
6、按钮的按下状态
许多Web应用程序有自定义的按钮样式。这些都是用自定义图片作为他们背景的锚点或输入按钮。默认输入按钮可能不适合在一些情况下，以及文字链接有时过于渺小。目前的挑战是，当你把你的链接弄得看上去像按钮时，它们的操作也应该和按钮一样——这包括当用户点击它们时会有被“按动”的效果。
这不是一个纯粹的视觉调整。提供即时反馈给用户将使应用程序感觉更有响应性，并且给用户带来更接近于桌面软件的的用户体验。
你可以通过CSS为按钮增加按下的效果。
Highrise的按钮实际上是在你点击的时候显示一个按下的效果，给用户一个非常舒适的反馈感觉。
7、在登陆页面提供注册的连接
一些没有注册你的应用程序的用户将不可避免地停在你的登录页面上。他们想要使用你的应用程序，但是却不能立刻找到注册页面。可能他们已经试过访问一个只提供给注册用户的特定页面。
没有Delicious的账户？没问题，在Delicious的登录页面上提供了一个注册的连接。
Goplan的登陆页面上有个漂亮的彩色按钮指向注册页面。
在你的登陆页面上放上注册的连接会让一切容易很多。如果他们没有账户，他们不应该去寻找注册页面。我们研究证实：在注册页面，有18%的网站有登录表单或者链接到登陆页面的连接。(例如：YouTube, Reddit, Digg, Lulu, Metacafe)
8、上下文关联导航
思考什么是用户期望看到的以及在每个给与的情景中他们需要什么是很重要的。你不需要在每个地方显示同样的导航控件因为在用户可能不是在每个环境中都需要它们。
上下文关联控件的最佳范例之一是最近在微软office 2007中的界面，在它的界面中默认的工具条被带装控件代替。每个标签上有不同控件相关的特定操作，无论是图形编辑，校对或者简单书面形式。web应用程序也可以受益于这种上下文关联的控件，因为这些控件通过只显示用户需要的内容来帮助整洁界面，并非显示所有的内容。
Lighthouse提供一个熟悉的标签导航菜单，但是它在标签正下方有二级菜单。这个层级只显示当前项目相关活动的部分。
9、更加重视主要功能
不是所有控件拥有相同的重要性。例如，在屏幕上创建一个新项目，你可以有两个按钮：“创建”和“取消”。这个“创建”的链接更重要一些，因为是用户大部分时间会去用的操作。只有少数才会去取消。所以如果这些控件挨着排放，你可能不会想要给于相同的重视。
这个Lighhouse的“创建任务”按钮。你可以看到“取消”链接在旁边以纯文本格式。这个按钮不仅具有更重要的操作而且会有较大的点击区域并且容易去点击。
为了让用户的重点转向“创建”链接，我们可以简单地利用不同的样式或者控件形式。一些应用程序的表单输入按钮用来作为创建动作，并且把取消操作作为一个文字连接。这样不仅给与创建按钮更多的点击区域，而且也帮助那些在搜寻内容的用户获得更好的焦点目光。
10、嵌入式视频
当图片和文字作为一种很大的方式去和你的用户沟通并且教育你的用户有关你程序的特点时，如果你有资源去投入，视频甚至可以成为更好的选择。视频在最近几年的web应用上已被越来越受欢迎。对于Web应用程序，视频通常作为展示产品特点的示范影片被用于市场网站中。但是这不是使用视频的唯一方法。
GoodBarry特点是在头版有示范视频去展示产品，它也通过利用示范影片去教育用户如何开始使用。
Mailchimp在管理员面板上嵌入了教程视频指导新用户操作。
一些Web应用程序使用视频嵌入在程序本身教导用户如果使用某些特定功能。视频是一种非常好的方式去快速展示你产品是被怎么使用的，因为它更容易描述超过一页文字的内容，也清楚得多，因为观众可以清楚地看到该怎么办。

福建新辰工作室网页设计：http://shop.epwk.com/4158530/

除非注明，文章均为(一品威客网 )原创，转载请保留链接: https://www.epwk.com/xingyezixun/article-i-656-art_id-192132.html