豆腐西施黑帽seo欢迎你!

微信:a654321AD QQ:2040768308

当前位置: 首页 > seo网络推广

10个以人为本的网页设计标准

时间:2022-07-28人气:作者: 佚名

网站不仅仅是一组通过链接连接的页面。它是一个界面,一个空间,不同的事物(公司或个人网站)相遇,相互交流和影响。这种互动为访问者创造了一种体验。作为南京网站建设专家,我们的工作是确保体验尽可能好。

关键是永远考虑你的用户。虽然网页设计是一门相对较新的学科,但只要我们专注于用户设计网站和应用程序。 界面设计侧重于界面功能的布局,是用户体验设计的子集,用户体验设计侧重于更大的图片:整体体验,而不仅仅是界面。

1.了解您的用户

最重要的是,你必须了解内部和外部用户的身份。这意味着知道你的分析应用程序可以提取的所有人口统计数据。但更重要的是,这意味着知道他们的需求和阻碍他们实现目标的方式。

要达到同样的水平,不仅要仔细分析统计数据。了解使用你网站的人。这意味着与他们面对面交谈,看着他们使用你的产品(也许还有其他产品),并问他们你觉得这个设计怎么样?更深入的问题。

他们的目标是什么?实现这些目标的方法是什么?该网站如何帮助他们克服或应对这些挑战?

不要停止了解您的用户想要什么。深入挖掘,找出他们需要什么。毕竟,欲望只是需求的产物。如果你能解决用户根深蒂固的需求,你将满足他们最基本的需求。

您将指导您从分析数据和与用户交谈中发现的每一个决定,从人们如何使用您的界面到您将在界面中突出显示的类型。

2.定义人们如何使用你的界面

在设计界面之前,你需要定义人们将如何使用它。随着基于触摸的设备的普及,这是你可能会想到的更关键的问题。看看

火:应用程序的用户体验实际上很容易通过简单的滑动来实现。

人们使用网站和应用程序有两种方式:直接(通过与产品的界面元素交互)和间接(通过与产品外部交互)ui元素交互)。

直接互动的例子轻轻按下按钮刷卡,用指尖拖动项目间接互动的例子,用鼠标指向,单击按钮命令/快速键入表单字段,在平板电脑上绘图

你的用户是谁,他们使用的设备应该深深影响你的决定。如果你是为老年人或其他手脚灵活性有限的人设计的,你不想依靠刷卡。如果您是为主要通过键盘与应用程序交互的作家或编码器设计的,则需要支持所有常见的键盘快捷键,以尽量减少鼠标的使用时间。

3.设定期望

与网站或应用程序的许多互动会产生后果:单击按钮可能意味着花钱,删除网站或贬低奶奶的生日蛋糕。每当有后果,就会有焦虑。

因此,请务必让用户知道单击按钮后会发生什么。你可以通过设计和/或复制来做到这一点。

广泛使用的符号(如用于删除按钮的垃圾桶、用于添加内容的加号或用于搜索的放大镜)通过设计设置期望突出显示与所需操作对应的按钮相结合使用的颜色(绿色表示开始按钮,红色表示停止

对于具有不可逆转后果的操作,如永久删除,最好问人们是否确定。

4.预期错误

人们会犯错误,但他们(永远)不必承担后果。

4.预期错误

人们会犯错误,但他们为错误的影响:

防止错误发生提供在它们发生后修复它们的方法

在电子商务和表单设计中,你会看到很多技术来防止错误。按钮将在填写所有字段之前保持不活动。电子邮件地址输入不正确。弹出窗会问你是否真的想放弃购物车。

预测错误通常比尝试后解决错误容易得多。这是因为它们发生在单击下一步或提交按钮带来令人满意的完成感之前。

也就是说,有时候你只需要让事故发生。当真正的详细错误消息出现时。

在编写错误信息时,请确保它们执行以下两个操作:

解释问题。例如,你说你出生在火星上,但人类无法到达火星。说明如何解决。例如,请选择地球上的出生地。”

请注意,您可以从同一本书中摘录非错误情况。例如,如果我删除了一些内容,但可以恢复,请告诉我,例如,您总是可以移动到回收站并单击恢复删除的项目。”

5.快速提供反馈

在现实世界中,环境为我们提供反馈。我们说话,而其他人则回应(通常)。当我们抓猫时,猫会发出嘶嘶声或嘶嘶声(这取决于猫的喜怒无常和猫抓挠时的吮吸程度)。

通常,网站不能提供太多的回报,这让我们想知道页面是否应该重新加载,或者只是弹出最近的可用窗口。

因此,如果加载太慢,请提供加载动画。当我点击按钮时,让它弹出来提示用户,但不要太多。如果页面将在5秒内加载,请不要显示进度条,因为它实际上会使加载时间看起来更长。相反,请使用不暗示进度的可视化效果,例如Mac臭名昭著的死亡风车。但这不是。如果进度条确实用在网站上,请考虑尝试一些视觉技巧,使加载看起来更快。

6.仔细考虑元素的放置和大小

人机交互是菲茨定律(HCI)它指出:

获取目标的时间取决于目标的距离和大小。

换句话说,物体越近/或越大,把光标(或手指)放在上面的速度就越快。显然,这对交互和用户界面设计技术有各种意义,但最重要的三点是:

将按钮和其他点击目标(如图标和文本链接)设置得足够大,以便于查看和点击。这对排版、菜单等链接列表尤为重要,因为缺乏空间会让人们一次又一次地点击错误的链接。

放大并突出最常见的操作按钮。

将导航(等常见的交互式视觉元素,如搜索栏)放在屏幕的边缘或角落。最后一个似乎违背了直觉,但它有效,因为它减少了对准确性的需求:用户不必担心点击目标过高。

请始终记住交互模型,考虑元素的放置和大小。如果您的网站需要水平滚动而不是垂直滚动,您需要考虑在哪里以及如何引导用户使用这种异常交互类型。

7.不要忽视标准

设计师作为一个造性的网站设计,设计师倾向于重塑事物,但这并不总是最好的想法。

为什么?由于熟悉的交互或界面改进版本增加了认知负担:它使人们重新考虑他们已经学习的过程。显然,您可以重新发明所有想要的轮子,但前提是要切实改进设计。

这一经验法则解释了为什么谷歌文档的菜单栏几乎有Microsoft Word的相同。

8.使您的界面易于学习

说到简单,人们经常引用哈佛心理学家乔治·米勒(George Miller)一篇题为神奇数字7,正负2:我们对信息能力的限制。文章建议人们只能容纳5到9件事在短期记忆中的任何可靠性。米勒本人说这是巧合,但似乎并没有阻止任何人引用他。

也就是说,事情越简单,短期内就越容易记住。因此,只要有可能,限制一个人有效地使用你的界面需要记住的东西的数量。您可以通过分块信息来简化这个过程,即将其分成可消化的小块。

这个想法与Tesler该定律指出,复杂守恒定律是一致的UI设计师应尽可能简单地使其界面。这可能意味着应用程序的复杂性可以在简化界面后掩盖。Microsoft Word这是产品不遵守法律的流行示例。

大多数人在Word只做一些事情(比如键入),而别人可以用它来做各种功能强大的事情。但在世界各地,每个人都使用同样的东西UI打开相同的版本Word,而普通的Joe(不是超级用户)会被他们可能永远不会使用的各种选项淹没。

这导致了一个被称为渐进开放的概念,其中高级功能隐藏在辅助接口上。您经常在网站主页上看到这些信息,其中短篇副本介绍了产品或功能,然后链接到用户可以了解更多信息的页面。(这也是移动设计的最佳实践,在该设计中,强大的导航始终是一个挑战。)

专家提示:避免在链接和按钮中使用了解更多和类似的非特定文本。为什么?因为它不会告诉用户他们会了解更多的知识。通常,人们只是扫描页面,找到链接,把它们带到他们想去的地方,而学习更多(重复15次)是没有用的。尤其是屏幕阅读器用户。

9.简化决策

太多的广告折磨着我们:横幅广告突然变成了全屏广告弹出,迫使我们专注于广告。视频插页广告把我们挡在页面上,迫使我们观看。

有时候,我们渴望一个净化的互联网,希克斯定律给了我们所有人建立网络的理由。这个想法和最终结果一样简单:向用户展示的用户界面选项越多,就越难做出决定。

这几乎影响了我们构建的所有内容:

总体布局导航菜单定价页面文章索引内容

我们的设计越简单,用户就越容易做出我们想做的决定。这就是为什么登录页面只应该呼吁采取行动。

专家提示:有时候,你真的希望用户放慢脚步,考虑他们的选择。这就是为什么Pinterest,Dribbble平铺设计效果好的原因。毕竟,你的选项越多,就越有可能找到适合你的选项。

10.聆听数据

我们都希望我们的设计纯粹是基于它的艺术价值,但现实是,优化设计来实现它的目标同样重要。虽然用户研究和测试对指导设计决策以实现网站目标非常有用,但启动后收集的数据仍然非常有价值。

因此,请定期分析您的网站。有许多不同的分析工具,但我们建议根据项目类型使用百度统计或友盟统计。

友盟专注于事件,因此它根据访问者在您网站上执行的操作收集数据,百度统计有更多的行为习惯,可以为您提供会话时间、流量来源等。虽然这两种工具都可以提供两种形式的数据,但它们确实关注不同的方面,所以请选择最适合你的需求。

注:这两种工具都提供免费的网站数据统计功能。

标签: 界面   网站   使用   设计   用户