用户界面设计,享受最基本的权利
如果你建造一所房子在一个坚实的基础,可以原谅–允许你尝试一遍又一遍,直到你的故事吧。但一个有缺陷的基础?你可以雇佣最杰出的建筑师和可怜的人最终会失败。
当涉及到我们的网站和应用程序,用户界面包括基础知识。这是我们所看到和认识。这是我们所记住的。本文强调了一些,用户界面设计的关键原则,所有的设计师都应该牢记,当设计图形用户界面的东西。
视觉分块
设计师应该在视觉上分离–或“块”–功能,本质上是不同的。这给他们的界面清晰、整洁,功能结构一致。最重要的是,它允许用户将一种任务与特定地区的屏幕。
识别的第一步是确定哪些功能接口组提供。四、基本组:编辑、浏览、共享和显示。例如生产力应用程序,通常由三块(他们通常不包括共享功能):
•一个工具可以让用户浏览到某一个点在他们的项目中,通常通过缩略图或部分。
•工具栏允许用户编辑自己的项目,并
•画布显示当前状态的一个项目。
微软Word 2010作为一个很好的例子:
而这个规则很简单,有一件事要避免:混合区。数字,例如,一些分布在界面编辑工具:
看到红色区域?他们打破了其他功能结构一致的接口。
但不要停在大元素。同样,分块原则对项目发现在页面的区域。注意图标工具栏上分成小的、有意义的群体,如“表工具”(表,函数,类细胞)和“插入工具”(图表、文本框、形状、评论)–虽然我个人会包括媒体按钮插入工具。
同样的,四个功能模式(浏览、显示、编辑、分享)在这些桌面应用程序显示适用于我们的网站,也:
•要浏览,我们经常点击链接的标题或侧边栏。
•最大部分的页面是用以显示内容。
•评论/反馈形式是用来编辑网站,和
•社交媒体按钮是用来分享信息。
另一个经验法则:集团的地区,但不要把它们混合。例如,导航按钮和社交媒体按钮为不同的目的,因此应该承担彼此的相似性很小。
这种模式使我们能够更智能地组织的功能在我们的网站/应用程序。为了组织内容,虽然,最好了解了解分类模式学习什么最适合我们的观众。
我们有分组功能和我们的内容之后,接下来的问题是如何在视觉上显示出来。不回答呢。
尊敬的装置
现在比以往任何时候,用户使用各种设备的创建、浏览、分享和消费内容–各有自己的形状,大小,和输入方法。因此,我们必须考虑我们的用户设备的优势和劣势(S) 之前设计决策。
当设计水平装置,我们应该利用水平空间提供,放置元件彼此相邻而不是在另一个之上。为了说明不坚持定制工程水平装置会影响用户体验,考虑微软的Ribbon界面。
的Ribbon界面,在它的核心,一套复杂的菜单被放置在页面顶部的视图。它的水平扩展,因此,拿走的垂直空间,垂直空间很重要,因为它可以(也应该)被用来显示多行我的当前页面–最重要的界面元素在文字处理器。
相反,考虑KWord:
注意,没有屏幕房地产是浪费;用户可以看到更多他们的当前页面。侧边栏提供了必要的工具来帮助用户编辑没有视觉上的竞争焦点。
设置界面元素在30英寸(宽)的屏幕可以相当简单。然而,对于一个sub-10-inch移动装置的设计使得它很难整合功能或内容没有视觉拥挤的界面。这就引出了下一个提示:
去除杂波,没有特点
许多用户界面设计师坚持哲学称为吻或“保持简单,愚蠢的。”这一原则的倡导者有一点,然而,在我的经验中,用户不选择应用,因为它们简单易用。他们选择基于他们是否能完成一个特定的任务。
设计师将许多有用的功能尽可能简洁的界面。要做到这一点,他们可能会采用标签,下拉菜单,或其他智能,上下文敏感的解决方案。他们应该理解用户意图和显示只有工具或信息,是最有可能帮助。
例如:(1)提示是看不见的除非我将鼠标光标悬停在一个项目,(2)全屏控件通常都是看不见的除非我移动光标。标签、按钮和下拉菜单也朝这个目标努力。作为一个经验法则,是上下文敏感的。
否则,空间效率和需要访问特定信息的点击量之间的妥协:
•如果一个命令或内容(类)可能会使它成为一个按钮访问频繁,链接,否则做一下拉条目。
•如果一组指令有可能被访问的频繁,它们存储在标签,否则存储组类别下拉。
•当提供互斥的选项,使用单选按钮。
•当提供独立的选择,使用复选框。
尽管好的设计语境,所以,上述规则往往是由以下两重写:
•如果容易点击标签、按钮、链接不超过一定数量的总量,使用标签、按钮、链接而不是么。金额将屏幕大小不同,输入设备(触摸屏需要更大的UI控件),你是否觉得你仍然显示足够的实际内容。
•如果屏幕房地产在特定情况下是最关键的,而不是使用下拉菜单按钮/标签/链接/单选按钮。
给予足够的空间,使用链接:
然而,如果空间吃紧或类别是不经常访问,只需使用下拉菜单:
除了基本的UI原则,设计师也要注意细节。这导致在最后–和最重要的–良好的界面设计原则。
移情
许多公司进行了广泛的可用性测试,找出为什么用户采用或拒绝他们的申请,他们如何能提高他们的。有时候他们会很不满意的答案,用户无法区别点是什么困扰着他们,只是不习惯使用一个特定的应用程序。
这不一定是一个用户疑难案件。相反,看似琐碎的设计决策来影响用户在一个很深的、潜意识的层面。当苹果发布OS X Lion的邮件为例,他们为三栏视图,收到了很好的新闻:
老实说,它看起来不光滑?这方面的设备的方位放置三大界面元素相映成趣;它不浪费一个像素的屏幕房地产;和三列的安排是严格的逻辑,他们准确地反映当前的文件夹层次结构(第一列:主文件夹,子文件夹,第二栏:第三栏:所选文件的子文件夹内)。
然而,许多 用户,几天后释放,张贴 咨询如何恢复视图模式回到经典的看法,即使是最理想的。为了找到原因,你只需要简单地移情与最终用户。
使用邮件时,大部分的时间,我,顾名思义,阅读邮件。这意味着,大部分时间我在看邮件列。然而,在新的布局的邮件列放置在应用程序窗口的右边缘。这可能不是第一次但我会慢慢厌倦了看我的屏幕边缘的打扰我。
相反,我看最多的地区应该在应用程序的中心:
如果你想测试你的移情能力,尝试以下:忘记无论是头栏和导航栏,问问你自己,如果你只看连续多小时邮件列,你喜欢哪种界面。
总之
为了提供最好的用户体验,用户界面设计师紧跟非常基本的–但仍然重要的–原则是很重要的:
首先,给界面干净和一致的结构,通过视觉分离地区代表内在不同的功能。这给用户提供了一个清晰易懂的地图里找什么。
其次,尊重你所设计的装置的特性。每一个设备都有它的长处和短处。分析和利用他们的用户优势。
第三、消除杂波的特点,不。毕竟,特点是(表面上)为什么用户拿起你的应用程序放在第一位。使用标签,下拉菜单,和智能,上下文敏感的解决方案只提供工具和信息用户很可能需要在特定的情况下。
第四、最后,理解用户。不要轻易做出设计决定。要知道,即使是最小的设计决策可以影响用户对一个很深的、潜意识的层面。把自己放在他们的位置,试图创建一个接口,从长远来看,不仅是视觉上的光滑而且使用方便。
遵循这些基本原则并不容易,但,最终,它节省了设计师、开发商和客户一样的时间和金钱。这是一件好事,对吗
牧羊人设计文章推荐:
如何设计完美的联系页面
如何在网页设计中使用的平衡
你应该优化每个搜索网站?