快速总结:可用性和实用性,而不是视觉设计,决定了网站的成败。由于网页的访问者是唯一点击鼠标从而决定一切的人,以用户为中心的设计已经成为成功的、面向利润的网页设计的标准方法。毕竟,如果用户不能使用某个功能,那么它也可能不存在。
可用性而效用,而不是视觉设计,决定了网站的成败。由于网页的访问者是唯一点击鼠标从而决定一切的人,以用户为中心的设计已经成为成功的、面向利润的网页设计的标准方法。毕竟,如果用户不能使用某个功能,那么它也可能不存在。
好的网站设计原则和有效的网页设计指南#
为了正确地使用这些原则,我们首先需要了解用户如何与网站互动,他们如何思考,以及用户行为的基本模式是什么。
用户是怎么想的?
基本上,用户在网上的习惯和商店里顾客的习惯并没有什么不同。访问者浏览每一个新页面,浏览一些文本,然后点击第一个吸引他们兴趣的链接,或者与他们想要的东西有点相似。事实上,页面中有很大一部分他们甚至没有看过。
1
不要让用户认为
根据克鲁格的第一条可用性定律,网页应该是清晰明朗。创建站点时,您的工作是消除疑惑,用户需要有意识地作出决定,考虑利弊和其他选择。
如果导航和站点架构不直观,那么疑问的数量就会增加,用户就很难理解系统是如何工作的,以及如何从A点到B点。清晰的结构、适度的视觉线索和容易识别的链接可以帮助用户找到他们的目标之路。
虽然设计本身是简单而直观的,但要了解页面的内容,用户需要搜索答案。设计人员的任务是确保疑问的数量接近于0。视觉解放在右手边。仅仅是交换两个块就可以提高可用性。
ExpressionEngine使用与Beyondis完全相同的结构,但避免了不必要的疑问。此外,随着用户可以尝试该服务并下载免费版本,该口号也开始发挥作用。
通过减少认知负荷,访问者可以更容易地理解系统背后的想法。一旦您做到了这一点,您就可以交流为什么系统是有用的,以及用户如何从中受益。
2
不要浪费用户的耐心
在每个项目中,当您要向访问者提供一些服务或工具时,请尽量减少用户的需求。用户测试服务所需的操作越少,随机访问者就越有可能实际尝试它。强迫用户输入电子邮件地址来测试该功能是不合理的。
Stikkit是一个用户友好服务的完美例子,它几乎不需要访问者的任何东西,这是一种低调和舒适的服务。这就是你想让你的用户在你的网站上感受到的。
显然仍需要更多。然而,注册可以在不到30秒内完成,因为表单具有水平方向,用户甚至不需要滚动页面。
理想状态是移除所有障碍,不需要订阅或注册。用户注册本身就足以阻碍用户导航以减少传入的通信量。
3
设法集中用户的注意力
由于网站提供静态和动态的内容,用户界面的某些方面要比其他方面吸引更多的注意力。显然,图像比文本更吸引人,就像粗体标记的句子比纯文本更有吸引力一样。
人眼是一种高度非线性的设备,也是网络用户。能够立即识别边缘、图案和运动。这就是为什么基于视频的广告非常烦人和分散注意力的原因,但从市场营销的角度看,它们完美地完成了吸引用户注意力的工作。
人性化完美地运用了聚焦原则。用户可以直接看到的唯一元素是“免费”一词,它具有完美的吸引力,虽然是平静和纯信息的。但微妙的提示,为用户提供了足够的耐心,如何找到更多关于“免费”产品的信息。
将用户的注意力集中在网站的特定区域,适度地使用视觉元素,可以帮助访问者从A点到B点,而无需考虑应该如何做。换句话说,在幕后进行的思考越少,用户体验就越好,而用户体验是可用性的首要目标。
4
争取特征曝光
现代网页设计通常会受到批评,因为它们引导用户使用视觉上吸引人的1-2-3步,有视觉效果的大按钮等等。但从设计的角度来看,这些元素其实并不是坏事。相反,指导方针非常有效因为他们带领访问者以一种非常简单和用户友好的方式浏览网站内容。
Dibusoft将视觉吸引力与清晰的场地结构结合在一起。该网站有9个主要的导航选项,这是可见的第一眼。不过,颜色的选择可能太轻了。
让用户清楚地看到哪些功能可用是用户界面设计成功的基本原则。这实际上并不重要,这是如何实现的。重要的是,内容得到了很好的理解,访问者对他们与系统的互动方式感到舒服。
5
利用有效写作
由于Web不同于印刷品,因此有必要根据用户的喜好和浏览习惯来调整写作风格。
谈正事。避免可爱或聪明的名称、营销诱导的名称,特定公司的名称、和不熟悉的技术名称。例如,如果您描述一个服务,并希望用户创建一个帐户,“注册”比“立即开始”要好!这也比“探索我们的服务”更好。
Eleven2.com直截了当,没有可爱的话语,没有夸张的陈述。取而代之的是价格:这正是游客们想要的。
有效写作的最佳解决方案是:
使用简短的短语(尽可能快地说出要点)
使用可扫描布局(对内容进行分类,使用多个标题级别,使用破坏统一文本块流的可视元素和项目符号列表)
使用朴素客观的语言(促销不需要听起来像广告;给你的用户一些合理和客观的理由,为什么他们应该使用你的服务或留在你的网站)
6
力求简约
“保持简单”原则应该是网站设计的首要目标。用户很少在网站上享受设计;而且,在大多数情况下,他们都在寻找信息。因为设计为简单而不是为复杂而奋斗。
从访问者的角度来看,最好的网站设计是纯文本,没有任何广告或更多的内容块,完全符合查询访问者使用的内容或他们一直在寻找的内容。这是一个原因之一。
Frech清楚地展示了有关网站的信息,并为访问者提供了一种选择,同时又不让他们过度拥挤,没有不必要的内容。
7
不要害怕空白
实际上,要正确看待空白的重要性是很难的。对于访问者来说它能帮助减少认知负荷。当新访问者接近设计布局时,他/她首先要做的就是扫描页面,并将内容区域划分为可消化的信息片段。
复杂的结构很难阅读、扫描、分析和使用。如果您可以选择通过可见线或某些空格将两个设计段分隔开来,那么通常最好使用空白解决方案。层次结构降低复杂性(西蒙定律):你越好地为用户提供视觉层次感,你的内容就越容易被感知。
空白很好,使用空白作为主要设计元素。其结果是一个良好的扫描布局,使内容成为主导地位。
8
与“有形语言”有效沟通
在他关于有效的视觉交流的论文中,Aaron Marcus说三项基本原则参与使用所谓的“可见语言”,用户在屏幕上看到的内容。
组织
向用户提供明确和一致的概念结构。一致性、屏幕布局、关系和导航性是组织的重要概念。同样的公约和规则应适用于所有要素。
节约
最大限度地利用最少的线索和视觉元素。需要考虑的四个要点是:简单、清晰、独特和强调。
简约
只包括对交流最重要的元素。
清晰性
所有组件的设计都应使其含义不含糊。
显着
必要要素的重要性质应加以区分。
强调
最重要的因素应易于察觉。
沟通
将演示文稿与用户的功能匹配。用户界面必须保持可读性、可读性、排版、符号性、多视图和颜色或纹理的平衡,才能成功地进行交流。使用最多3个点大小的3种字体,每一行最多18个字或50-80个字符。
9
规则是我们的朋友
传统的网站元素设计不会导致形成一个无聊的网站。事实上,原则非常有用。当它们减少学习曲线时,就需要弄清楚事情是如何工作的。
通过规则,您可以获得用户的信任、信任、可靠性,并证明您的可信度。遵循用户的期望,了解他们对网站导航、文本结构、搜索位置等的期望。
史蒂夫·克鲁格建议最好只有当你知道你真的有更好的想法时,才能创新。但当你不这样做的时候,就好好利用惯例吧。
10
及早测试,经常测试
测试不要太晚,不要太少,也不要因为错误的原因。在后一种情况下,有必要理解大多数设计决策都是本地的;这意味着您不能普遍地回答某些布局是否比另一个布局更好,因为您需要从非常具体的角度来分析它(考虑需求、涉众、预算等)。
请记住以下几点:
#根据史蒂夫·克鲁格的说法,测试一个用户比没有测试好100%。而且在项目的早期测试一个用户要比测试接近尾声的50个用户要好。根据Boehm的第一定律,错误在需求和设计活动中是最常见的,并且越晚它们被删除就越昂贵。
#测试是迭代过程。这意味着你设计一些东西,测试它,修复它,然后再测试它。在第一轮中可能还没有发现问题,因为用户实际上被其他问题阻止了。
#可用性测试,总是产生有用的结果。要么您将被指向您所遇到的问题,要么您将被指出没有重大的设计缺陷,在这两种情况下,这对于您的项目都是有用的洞察力。
#根据温伯格定律,开发人员不适合测试他或她的代码,这也适用于设计师。当你在一个网站上工作了几周之后,你就不能再从一个全新的角度去观察它了。您知道它是如何构建的,因为您知道它是如何工作的,因为您有智慧、独立的测试人员和您站点的访问者。
底线:如果你想要一个伟大的网站,你必须测试。
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。