译稿:用户界面设计10原则

  设计真正伟大的用户界面没有什么伟大的奥秘可言,做到保持简单易用就可以。

  ‘保持简单易用’意味着不要让用户分心。恰恰相反,好的UI让用户达成目标。结果如何?你的培训和维护费用降低,并获得更开心、满足和高效率的用户。

  当你面对一个全新的界面设计时,别忘了这些原则。

  编辑手记:Kyle将在纽约举行的Web设计趋势上继续探讨用户界面设计的内容。

  1.了解你的用户

  “关注用户:如果在关注竞争对手还是用户之间选择,答案总是后者。工作总是首先从用户开始。”——Jeff Bezos

  了解用户,因为用户的目标就是你的目标。试着重述用户,了解他们的技能水平和体验,以及什么是他们需要的。找出用户偏好什么样的界面,并观察他们在界面中如何操作。不要迷恋于追逐设计趋势的更新,或是不断添加新的功能。首要的任务是关注你的用户,这样才能创造出一个能让用户达成目标的界面。

  2. 重视模型

  用户的大部分时间都消耗在界面中,而不是他们自身上(Facebook,MySpace,Blogger,美国银行,学校/大学,新闻网站,等等)。我们无需画蛇添足,用户在你正在创造的界面中看到的正是那些(已有的)界面已经解决的同样问题。利用已成惯例的UI模型,你将使用户感觉像在家中一样熟悉。

  

  CoTweet在邮件应用中运用了广为人知的UI模型。

  3. 保持一致性

  “用户期望越多的被正确验证,用户就越觉得系统在自己掌控之中,从而也就更喜爱它(系统)。”——Jakob Nielson

  用户需要一致性。他们需要知道一旦他们学会做某项操作,那么下次也同样可行。语言、布局和设计是需要保持一致性的几个界面元素。一致性的界面可以让用户对于如何操作有更好的理解,从而提升效率。

  4. 运用视觉等级

  “设计师可以从混乱中找到统一;他们可以通过组织操控文字、图片从而清晰地传达设计意图。”—— Jeffery Veen,Web设计艺术家和研究者

  设计时,要让用户把注意力放在最重要的地方。每一个元素的尺寸、颜色还有位置,它们为理解界面共同指明了道路。清晰的层级关系将对降低外观的复杂性起到重要作用(甚至当行为本身也同样复杂的时候)。

  5. 提供反馈

  界面要始终保持和用户的沟通,不管是当他/她们的行为对错与否。随时提示用户的行为:状态更改、出现错误或者异常信息。视觉提示或是简单文字提醒都能告诉用户,他/她的行为是否能够达到预期的结果。

  

  BantamLive在界面中为大多数行为提供了一种嵌入式的载入提示。

  6. (对用户)宽容

  无论你的设计有多么的清晰明了,用户都会犯错。你的UI应当允许并宽容的对待用户的错误。要为用户提供可以撤销行为的方式,并且对五花八门的输入数据尽量宽容(没人愿意只是因为填错了生日的格式而重头再来)。同样,如果用户的行为引起了一个错误,在恰当的时机运用信息显示什么行为是错误的,并确保他/她明白如何防止这种错误的再次发生。

  如何利用简单的验证码提高注册率一文中讲述了一个绝佳的例子。

  7. 鼓励用户

  一旦用户对界面有了经验之后,要奖励他/她们,使之进价。把复杂任务分解为若干简单步骤将会更显繁复和让人精力分散。提供更多的抽象方式——如键盘快捷键——完成任务,这样会让你的设计变得简洁易用。

  8. 融入用户的语言

  “如果你对每个像素、每个图标、每个字体都考虑再三,那么你同样需要斟酌每个词语。” —— Getting Real

  所有的界面或多或少都有文字在其上。让文稿尽量口语化,而不是华美辞藻的堆砌。为行为提供清晰、简明的标签,保持简朴的文字叙述。用户对此将会很赞赏,因为他们不再是听命于他人的官腔——他们听到的是如朋友般甚至自己说话的表述方式。

  9. 保持简洁

  “一个现代的悖论就是:创造复杂的界面很简单,因为复杂到必须简化它们”—— Pär Almqvist

  正所谓:大音希声、大象无形。最上乘的设计中,你看不到华而不实的UI修饰,或是用不到的设计元素。换而是,其必须的元素一定是简洁且有意义的。当你想着是否要再界面上加一个心功能或是元素的时候,问问自己,“用户真的需要这些吗?”或者是“为什么用户想要这个小巧的动态图标?”。你是否只是因为出于自我喜好而添加这些元素?记住,永远不要在UI设计中给自己出风头。

  10. 不断向前

  爷爷:如果每次失败我都放弃的话,那么我将永远不会发明耐火裤!【这时裤子烧光了,露出了底裤】

  爷爷:接缝处还在改良中……

  节选自《未来小子》

  《未来小子》一片是我最喜爱的电影之一。贯穿影片的主角Lewis一直在挑战着“不断向前”。这正是UI设计的关键准则。

  人们常说,当开发界面的时候,你往往需要失败的快一点,这样就能频繁迭代。当创建UI之时,你总会碰到错误。没关系,只要不断向前,并且要牢记让你的UI简单易用。

时间: 2025-01-31 09:18:05

译稿:用户界面设计10原则的相关文章

网页设计10原则

设计|网页|网页设计 网页设计10原则 以下是在网页制作时要注意的一些小问题: 1.20秒60kb原则 据统计,按目前网络下载速度(窄带),浏览者可忍受的时间大约为20秒,文件大小约为60KB,否则一页图文太大,没有人愿意等待. 2.设计工具选择 我个人观点是使用Micromedia出品的Dreamweaver.其功能强大,可以区分两大主流浏览器Netscape和IE各自所支持的语法.而微软的Frontpage,正如VJ++.Winperl等其他微软系列只强调了微软Windows操作系统,同样的

简单实用的用户界面设计10个原则

设计真正伟大的用户界面没有什么伟大的奥秘可言,做到保持简单易用就可以. '保持简单易用'意味着不要让用户分心.恰恰相反,好的UI让用户达成目标.结果如何?你的培训和维护费用降低,并获得更开心.满足和高效率的用户. 当你面对一个全新的界面设计时,别忘了这些原则. 编辑手记:Kyle将在纽约举行的Web设计趋势上继续探讨用户界面设计的内容. 1. 了解你的用户 "关注用户:如果在关注竞争对手还是用户之间选择,答案总是后者.工作总是首先从用户开始."--Jeff Bezos 了解用户,因为用

用户界面设计的10个基本准则

这是十个用户界面设计的基本准则,它们就是著名的由Jakob Nielsen和Rolf Molich设计的经验法则,是最常用的用户界面可用性设计指导.作为网页设计师,相信这些法则会对你的设计起到很积极的引导. 1.系统状态可见性 系统应该总是在恰当的时间通过适当的反馈,告知用户正在发生什么,或将会发生什么.比如,使用进度条显示页面加载进度或文件上传进度. 2.与现实世界相结合 系统应该使用用户熟悉的语言.词语.术语和概念,而不是面对系统的语言.系统应该跟随现实世界中的习惯,让信息以自然和合乎逻辑的

什么是用户界面设计

在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface).从心理学意义来分,界面可分为感觉(视觉.触觉.听觉等)和情感两个层次.用户界面设计是屏幕产品的重要组成部分 在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface).从心理学意义来分,界面可分为感觉(视觉.触觉.听觉等)和情感两个层次.用户界面设计是屏幕产品的重要组成部分.界面设计是一个复杂的有不

如何进行用户界面设计

  用户界面设计是屏幕产品的重要组成部分.它是人与机器交流的一个重要渠道,通过用户界面,用户可以将实行各种操作.而要满足用户需求,那么用户界面设计就必须弄清楚用户心理,因此用户界面设计是集多种学科于一体的设计,对设计师要求比较高.用户界面设计在工作流程上分为结构设计.交互设计.视觉设计三个部分. 结构设计 结构设计也成概念设计,是界面设计的骨架.通过对用户研究和任务分析,制定出产品的整体架构.基于纸质的的低保真原型可提供用户测试并进行完善.在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解

触屏设备用户界面设计中 要注意的几个问题

印象当中,最近这些年的春天总是会带来让人觉得真心别扭的气候体验,雨和冷风就像催化剂一样,让生活和工作当中的人和事也变得异常凌乱,仿佛一团被咀嚼到完全失去味道的槟榔.November Rain前奏当中的钢琴旋律多少可以让心安然一些,一旦摘下耳机便又是个令人想要把自己的脑袋拧下来吃掉的世界. 可脑袋一旦被拧下来,就什么也无法吃的样子了,不是吗.说正事儿吧.Designing for touch,关于这个话题及相关的文章,最近貌似已然铺到大街上了,不过我还是做我的吧.在标题里加了个不伦不类的"又是&q

用户界面设计——用好的设计替代不好的

原文: User Interface Design – Taking the Good with the Bad 成功的婚姻之关键在于折衷.当事情沿着你不希望的方向发展,在最后,形成的争论却可以为你带来极大的好处.这条定理同样适用于用户界面设计.毕竟,如果婚姻不是形式和仪式又是什么呢? 设计用户界面的过程从根本上就是折衷的训练.这个训练并非指设计者和项目赌注者之间的折衷(可用性从来没被办公室政治利用过),而是指设计方案的倒退和前进之间的折衷.每一个有关用户界面的决定,从一像素的精确定位到整个网站

用户界面设计文档:手指友好型设计

文章描述:手指友好型设计-为了更好的点击而设计. 玩飞镖的时候,靶心是最难射中的位置,因为靶心是整个靶面上面积最小的部分.越是小的目标,就越是难以达到.这个准则在移动设备的触摸屏幕上同样适用. 众所周知,对于触屏设备用户来说,面积小的目标比面积大的目标更难操纵.所以,在设计移动设备界面的时候,触控目标一定要充分的大,足以让用户操作自如.但是多大才算充分呢?多大才是对于大多数用户最合适的尺寸呢?各大移动设备开发者已经认识到这个问题,最常见的做法是在各大厂商的用户界面设计文档中寻找答案. 那么,设计

移动站点设计:移动站点和桌面站点设计10大不同点

文章描述:手机站点和桌面站点设计的10个区别. 桌面网站的一些设计原则是大家广泛认可,并积极付诸实践的.例如:系统状态保持可见,避免错误信息,在错误发生时,应该提供一些具体的指南帮助用户解决这些问题等. 很多人认为这些适合网页设计的原则和指南也同样适用于移动平台.毕竟,网页设计是从一些基础的,基于文本的HTML出发,才发展成为今天的WEB标准的.因此,我们也可以想象依靠这些原则,手机站点的设计也会和网页站点的设计一样,获得巨大的成功. 然而,移动站点的设计仍处于初步阶段.Jakob Nielse