Web 设计中如何保证用户随时掌握最新情况并考虑人机工程学?

2024-11-07
来源:网络整理

在网络上,您不知道单击链接、提交表单或按下按钮时会发生什么。由设计师为每个动作设定相应的期望,并清晰地展示这些动作的结果。有很多方法可以让您的访客了解情况。

1. 在操作实际发生之前,让用户知道该操作尚未发生。

2. 提醒用户他们处于流程的哪个阶段。

原则三:基于人体工程学的设计

在数字空间中进行设计时,请考虑用户的身体,最相关的是手、眼睛和耳朵。

1.手

在针对手进行设计时,应考虑滚动距离和滚动频率。同样,费茨定律也适用于移动设备。

τ=D/SD 为距离,S 为点击面积

2. 眼睛

贴心的设计,比如为用户提供护眼模式

字体的选​​择还应考虑易读性和清晰度。

3.耳朵

默认情况下,不主动播放音乐,并为用户提供播放开关。

原则 4:保持一致并考虑标准

设计时,一定要弄清楚你的网站有哪些约定,并谨慎打破这些约定。此外,你需要不断地使用风格指南来约束你的决定,以确保设计风格保持一致。

原则 5:提供纠错支持——预防、保护和通知

生活并不完美,人都会犯错,所以有些人认为自己很愚蠢。为了避免给用户带来这种悲伤的情绪,需要考虑防护设计。只需执行以下操作即可最大程度地减少错误。

1 预防

在说明和对话中使用清晰、简洁和惯用的语言,以减少用户理解上的问题。

2 保护

保存用户输入的信息

3 条通知

如果出现错误,用客观的语气清楚地告诉用户发生了什么

原则 6:依靠识别,而不仅仅是记忆

用户本来就很差的记忆力常常会被记忆负担过重。如果把这个负担转移到电脑上,客户就会认为你的网站更好。

原则 7:考虑不同级别的用户

网站用户往往是短期的新手。用户只需访问该网站约3次即可达到“中”级别。他们可能会在这个水平上停留相当长的一段时间,并且可能永远不会达到专家水平(因为完全没有必要)。中级用户意味着他们几乎可以做任何他们需要的事情,但我们的方法通常是为新手设计简单的网站,为专家构建快捷方式和特殊功能。

原则 8:提供上下文帮助和文档

人们在完成一项潜在复杂的任务时不可避免地需要帮助,而作为设计师,我们需要在正确的时间以最简洁的方式提供正确的帮助。信息应放置在明确标记的位置,而不是集中在过于笼统的帮助下。

当用户第一次登录时,往往需要一些指导,可以帮助用户快速上手。

1.目的

优秀的网页设计始终会考虑用户的需求。您的网络客户是否在寻找娱乐、信息或某种互动?您的网站页面需要有明确的目的,并以最具吸引力的方式满足网站访问者的特定要求。

2.通讯

互联网上的个人快速需要信息,因此有必要清晰地沟通以使您的信息易于阅读和消化。融入网页设计的一些有效策略包括:使用标题和副标题组织信息,使用项目符号而不是长句子,以及剪裁华夫饼。

3.字体

一般来说,Sans 文本字体(例如 和 )更易于在线阅读。在线阅读的基本字体大小为16px,最多3种字体,最多3个点,以保持您的设计精简。

4.颜色

良好的网页设计和良好的调色板可以增强用户体验。互补色创造和谐与平衡。使用内容和背景的对比色将使阅读更容易。鲜艳的颜色会产生情感,应谨慎使用。总而言之,空白/负空间可以有效地为您的网站提供现代且整洁的外观。

5.图像

一张图片描绘了一千个单词,为您的网站选择正确的图像可以帮助您将品牌与目标受众联系起来并进行定位。如果您手头没有专业照片,请考虑购买图像以增强您网站的外观。同样,考虑使用信息图表、图形和视频,因为这些内容在传达时可能比书面文字更大。

6.您的网站导航

直接关注个人采取行动和移动您的网站的简单性。有效导航的一些策略包括智能页面层次结构、使用面包屑、设计可点击按钮以及遵循“三次点击”,这意味着用户将能够在点击树中发现他们正在搜索的信息。

7. 网格布局

在页面上随机放置内容可能会导致外观不相关。基于网格的布局将内容组织成区域、部分和框,并进行相应的排列和调整,从而使网站设计更加美观。

8.“F”型图案设计

眼球追踪研究的特点是个体以“F”模式扫描电脑屏幕。人们看到的大部分是屏幕的顶部和左侧,通常很少看到屏幕的右侧。一个有效设计的网站不会试图驱动浏览者的视觉流,而是会配合读者的自然行为并显示信息的重要性。

9. 加载时间

每个人都讨厌需要很长时间才能加载的网站。使页面加载时间更具响应性的技巧包括简化图像尺寸(大小和维度)、将代码合并到基本 CSS 或文档中,以及缩小 HTML、CSS 等。

10. 移动友好

如今,往往有许多不同屏幕尺寸的设备可以访问网站,因此您必须考虑您的网站是否适合移动设备。但是,如果您的网站不适合移动设备,您可以以响应式布局重建它或构建一个有希望的便携式网站。

创建一个功能齐全的网站很容易,基本上只要牢记这些设计元素即可。这些有效的网页设计原则可以为您的网站提供一些帮助,使其对访问者来说更具吸引力、更有用且更重要。

对于站长来说,尤其是新站长来说,建设网站时需要注意的细节有很多。这些细节可以帮助用户改善用户体验。当然,如果做得不好,用户体验就会大打折扣。其中,404页面的设计是很多站长忽视的问题。那么网站建设时404页面设计有哪些技巧呢?

HTTP 404错误是由于链接指向的网页不存在而引起的,这意味着原始网页的URL无效。这种情况是极其难以避免的,是每个网站都会遇到的问题。因为在网站发展的过程中,结构本身会不断创新,页面的内容和设计也会不断改变和重定向。这样的工作在网站优化中是不可避免的,但也导致一些内容不再呈现给用户。当用户尝试浏览这些内容时,他们看到的只是一个 404 页面。

因此,404页面本身并不是一个令人愉快的内容。用户无法看到所需的内容也会降低体验。不过,如果能够精心设计404页面,就可以将这个问题对网站的影响降到最低。这种减少甚至可能会给网站带来新的流量。

1.向页面内的用户推荐其他优质内容

我们无法改变用户看到404页面而无法找到自己想要的信息的结果,但这并不意味着用户当前对网站的浏览就会以404页面结束。如果您对网站上的其他内容更有信心,可以在 404 页面中添加指向其他有效页面的链接。

一般来说,当面对空的404页面时,用户唯一能做的就是关闭网页。但事实上,由于网站的建设一般都是以某个中心为基础的,这也意味着网站上的大部分内容都是相互关联的。所以如果你在404页面上向用户推荐其他内容,用户很大概率会关注并点击,从而将跳出率转化为流量。

分享