可视界面设计的工具箱
1、使用浮动控件进行简化和解构
很多应用程序都有一套与内容紧密相关的控件,例如一个列表中的删除按钮和记录的编辑按钮。为了方便定位,通常这些控件放在了每条记录的后面,但是这种情况下就造成了大量的重复。多数时间里,用户并不需要这些控件,需要时,也不仅仅需要其中一个特定条目的空间。
使用浮动空间,在用户移动到一个特定区域后才显示的方式,可以简化界面。
例如,当鼠标停在你想编辑的记录上时,一个编辑按钮就会显现出来,但是其他记录的编辑按钮仍然保持隐藏。
悬浮控件是一个很棒的解构和简化界面的方法,但是在使用这个方法前,还需要考虑两件事。首先考虑控件是否能被找到。控件是否足够显著以吸引用户注意?
其次,移动设备上的网页浏览器也许不能模拟鼠标的动作,mouseon(),那么这些控件将无法使用。
2、自动重新聚焦
在网页文件加载完成后自动激活主表单中得输入框,会给基于表单的应用带来很大好处。
例如,谷歌的页面自动将焦点定位在页面的输入框中,因为几乎所有到达谷歌首页的人都想在输入框中键入需要查找的内容,在其他的应用环境中自动激活输入框也非常有用。
Tadalist允许你快速,不断的输入待办事项。当输入一个人物并且单击回车后,程序会增加一个新条目,然后把焦点重新设置在输入框中,等待用户下一次输入。
有人说,艺术是用来欣赏的,设计是用来使用的。然而,设计需要相当高的审美标准,我认为我们网站设计领域中很多人所做的设计师用来崇拜的。我们希望获奖、希望自己的作品出现在画廊首页,并获得五星评价。我们希望人们在Twitter上反复讨论我们的教程。但实际上,对于终端用户而言,这些都无关紧要。伟大的设计是透明的,我仍然在学习如何能不沉迷其中。借用“Joseph Ballay”关于玛雅设计的一句名言,是设计的透明实现了它的功能。
实际上,有价值的内容——写作、编辑和发布有价值的内容,使我们多年来工作的重心。内容当然是成功的关键,在我们的案例中,它就是真正的终极要素。事实上,Smashing magzine从来没有过摄人心魄或者十分美观的设计:我们用的是滑稽的大标题,我们的搜索引擎多年来表现平平,一些设计元素并未连贯的对齐而且风格不一致。
但是所有这些都不要紧,对我们和读者而言,Smashing magzine外观不像发布的内容那样重要。在完全忽略视觉设计的同时,我们把更多精力投资在文档那个的可用性和功能。最重要的是,有价值的、中肯的内容上。是内容驱动方可一而再、再而三的回来访问我们网站。
我们初期得到的一个教训是,要对来自各方诱惑性的提议说不。当你刚刚走上正轨,就立刻会被一大群想分享你成功的鲨鱼包围,他们会通过非常有说服力的条件来引起你的注意。实际上,除了分享你的成功和能为他们带来流量或收入的所谓“伙伴关系”以外,这些鲨鱼甚至不知道他们想从你那里得到什么。从一开始我们决定始终如一的做自己的事情,并且把它做好。预先避免分心有助于我们在将来避免问题。