界面设计要做的全部事情就是选择正确的界面元素

今天为大家更新《用户体验要素》的第六章——框架层,界面设计、导航设计和信息设计——界面设计

本小结关键词:界面设计

主要观点:界面设计要做的全部事情就是选择正确的界面元素。


界面设计

界面设计要做的全部事情就是选择正确的界面元素。这些界面元素要能帮助用户完成他们的任务,还要通过适当的方式让它们容易被理解和使用。一个任务通常都会跨过多个界面来完成,每一个界面都包含一组不同的界面元素,这些正是用户要与之战斗的对象。哪个功能要在哪个界面上完成,是我们在结构层的交互设计中已经决定的;而这些功能在界面上如何被用户认知到,则属于界面设计的范畴。

成功的界面设计是那些能让用户一眼就看到“最重要的东西”的界面 设计。而另一方面,不重要的东西,不应该被注意到,有时候则是因为它们根本就没有出现在那儿。设计复杂系统的界面所面临的最大挑战之一,是弄清楚用户不需要知道哪些东西,并减少它们的可发现性(或者完全把它们排除出去)。

对于在程序开发方面有一定背景的人来说,这种思考问题的方式要求他们改变一些即往的思路。因为它与他们过去的思考方式完全不同。 好的程序员总是要考虑到很少发生的场景(在开发术语里称为“边缘情况”)。毕竟,对于程序员来说最有成就感的事是建立一个“永远不会出错的系统”;但是不考虑到边缘情况的程序,很可能就在这些极端情况发生时出现错误。所以经验丰富的程序员,总是平等地对待每一种可能性,不管它代表了一个用户还是一千个用户。

这种思路对于界面设计是行不通的。一个将极端情况呈现出来的界面,等于给大多数用户提供一个设计不良的界面,而让少数用户满意。 一个设计良好的界面是要组织好用户最常采用的行为,同时让这些界面元素用最容易的方式获取和使用。

这并不是说每一个界面问题的解决办法都是把用户最有可能点击的按钮设计成最大的那个。界面设计可以采用各种各样的技巧,使用户完成目标的过程变得容易。一个简单的技巧,就是在这个界面第一次呈现给用户的时候,仔细考虑每一个选项的默认值。如果你理解了用户的任务和目标,认为他们中的大多数人都希望在快速搜索的结果中看到更多细节的话,保持“显示更多细节”复选框为默认选中状态,就意味着大部 分人都会对他们所得到的结果感到满意,无论他们是否花时间去阅读复选框的标签并做出自己的决定。另一个更好的做法,是能自动记住某个用户最后一次选择状态的系统,但这有时候比在界面上出现必要信息对技术有更高的要求,而且有可能的结果是对于某些开发团队来讲,是不切实际的、不可能成功实施的工作。

技术工具和体系自身的局限使得我们可选择的界面选项受到限制。 这同时具有好和坏两个方面。坏的一面是因为它限制了我们发明的机会 ,一些在某种技术环境下很常见界面方式根本不可能在另一种环境下实现。但是这种情况同样也具有好的一面,因为学习相对较小的标准控制方式的用户,可以把他们的知识应用到更大范围的产品中去。

界面的交互方式看上去不应该有什么改变,但它们确实在缓慢地发生着变化。新的技术带来新的需求,你也许需要重新审视已有界面的交 互,或采用一种全新对话方式。用户体验设计师不停地寻找新技术产生的新交互的可能性,比如手势或触摸屏。我们在屏幕上所看到的标准控件很多都起源于像Mac OS或Windows一样的桌面操作系统。这些操作系统提供了一小部分标准的界面元素:

复选框(checkbox)允许用户独立地选择各个选项。

单选框(radio button)允许用户从一组互斥的选项中选择一个。

文本框(text field)允许用户—等待着用户—输入文字。

下拉菜单(dropdown list)提供和单选框相似的功能,但是它们在一个更紧凑的空间中完成这件事,允许更有效地呈现更多的选项

多选菜单(list box)提供和复选框相似的功能,但是它们在一个更紧凑的空间中做这件事(因为多选菜单有滚动条)。和下拉菜单相同, 这使得多选菜单更容易支持大量的选项。

按钮(action button)可以做很多不同的事情。通常情况下,它们告诉系统接受用户通过其他界面元素提交的所有信息,并用这些信息来做一些事情——采取动作!

一些技术提供了一套同样的基本元素,但是不要强迫设计师必须要按这种方式来使用,在界面如何响应用户动作方面,需要一些更强的灵活性。不过,这些灵活性给界面设计过程增加了更多的选择,这也使得 界面似乎很难被正确地应用。

下拉菜单由于在视觉上隐藏了重要的选项,可能会妨碍用户。单选框很容易显示所有可选项,但它们需要更多的界面空间。

妥善处理所有不同的界面元素,并从它们中间选择合适的那个,这不可避免地会涉及权衡问题。的确,下拉菜单比起一组单选框来能为你节约页面的一些空间,但是它也使用户不能一眼看到可选的选项;让人们输入他们想要搜索的分类名称,也许会降低数据库的载入负担,但是这个负担却转移到了用户身上;如果不管怎样都只有六个选项,也许一些复选框会更好。

本章的界面设计作者讲解的还是非常的细致的,推荐大家可以看下《About Face 4》这本书,对交互设计进行了更加系统全面的讲解。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,542评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,596评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,021评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,682评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,792评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,985评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,107评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,845评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,299评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,612评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,747评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,441评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,072评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,828评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,069评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,545评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,658评论 2 350

推荐阅读更多精彩内容