网站UI设计10大原则

网站UI设计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简单易用。

这十个原则就是我们在进行用户界面设计师应遵守的一些原则。希望这些知识能给大家带来帮助。

网站UI设计10大原则相关推荐

游戏UI设计的一些原则与思考
UI决定了一个游戏的初体验,甚至决定了玩家的初始留存,甚至可以说决定了一个游戏的品质,虽然看起来是表象的,却是直指游戏核心的.简单讲,玩家认可一款游戏永远都是造型场景好,剧情好,画质棒:但是玩家骂一款 ...
网站UI设计的注意事项
网站UI设计是提升用户体验的秘密武器,所以我们把握好UI设计的要素,可以给我们的网站带来意想不到的效果,今天就和大家简单分析下. 首先,清晰的界面往往会给用户留下深刻印象,模糊的网站界面,会很容易引起 ...
《众妙之门——网站UI设计之道（修订版）》一1.3　制作有效用户界面的实用技巧...
本节书摘来自异步社区<众妙之门--网站UI设计之道(修订版)>一书中的第1章,第1.3节,作者[德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社区&q ...
社交网站用户的10大变态心理
社交网站用户的10大变态心理文章目录前言一.负面的宣泄--坏的总是容易传递出去二.信息的患失--好的有用的信息是不是悄悄溜走了总结前言随着社交网站的红火,大多数的网民不可避免地融入到这股 ...
网站ui设计是什么意思【萧蕊冰】
网站ui设计是什么意思呢?准备转行的或者刚入行的同学来看看.今天讲一下网站ui设计是什么意思.UI即User Interface(用户界面)的简称.UI设计则是指对软件的人机交互.操作逻辑.界面美观的 ...
社区运营的10大原则
社区运营的10大原则通过一年多时间对淮北信息网(http://www.a22.com)的运营,也颇有感悟,最近从网络上搜集整理了一些社区运营的方针原则,特此与朋友一起分享. 原则1:社区定位垂直化 ...
影响网站转化率的10大误区（上）
影响网站转化率的10大误区(上) 24 十二月 2009 38 Comments [导言]网站分析的核心内容之一是对转化的实现和优化.本文探讨影响网站实现转化的10大误区,以帮助网站设计者和网站所有者 ...
如何在freemarker寻找元素_如何让你的网站ui设计更加优秀
如何让你的网站ui设计更加优秀?设计师进行网页ui设计的基本目的就是为用户带来更好的操作体验,提升用户对于页面的黏性,从而在一定程度上提升网站的流量.但是很多零基础学ui设计的小伙伴不清楚如何有效提升 ...
面象对象设计6大原则之六：迪米特原则
转载自面象对象设计6大原则之六:迪米特原则迪米特原则(LOD),The Law Of Demeter,也称为最少知识原则定义一个对象应该对其他对象有最少的了解. 也就是说一个类耦合和调用一个类 ...

网站UI设计10大原则

网站UI设计10大原则相关推荐

最新文章

热门文章