让网站更容易的六个技巧

添加时间:2022-09-01 08:00:00

在开始之前,您需要澄清什么是灯光设计。这里我不想给出灯光设计的专业定义,而是总结大家对灯光设计特点的理解。

它具有敏感的交互元素:页面上的链接、文本框和按钮等交互元素可以敏感地响应操作并立即提供反馈。

轻流程和提示不会中断用户当前的任务:一项任务应尽可能用较少、清晰的步骤完成,提示和临时任务应尽可能不中断用户的主任务,不要让用户进行不必要的确认和操作。

不要打扰用户的注意力:用户来使用产品和服务,不要欣赏精美的设计。如果使用过程因设计元素而分心,则设计可能过于繁重。尽量少用无用的装饰和细节。

点击网站徽标通常可以将我们带回主页。从这个角度看,标志不仅起着品牌识别的作用,而且承担着重要的导航功能。当鼠标穿过时,即使是普通的链接也会加下划线或变色。作为一个更重要的互动元素,当鼠标移动时,徽标是否也应提供适当的反馈?

下面是一些在徽标区域使用灵活响应鼠标的示例。研究发现,微小的变化不仅提高了网站的可用性,而且使网站变得敏感和生动。

网站导航的重要性不言而喻。导航元素应立即响应鼠标操作。

重要的操作和引导按钮应更仔细地设计,包括三种状态(正常、悬停、激活)甚至四种状态(添加禁用状态)。这样做也是为了使重要的交互元素对不同的操作提供及时的反馈,使它们变得敏感和高效。

文本框的状态也是一个容易被忽略的细节,主要是因为没有提示或获得焦点后提示不够明显。

此外,对于响应时间较长的某些操作,应提供进度反馈。这似乎是一个显而易见的事实,但在设计中往往容易被忽视。3.清淡的提示

提示通常提供辅助信息。既然它们是辅助性的,就不应该过分加强。除非必要,否则不要给用户带来额外的操作(例如,用户需要主动关闭、确认等)。提示的内容也是为了带来帮助或提供反馈,因此最重要的是简洁和全面。

在twitter上更改个性化主题的提示从页面顶部轻轻出现,并在短暂停顿后自动消失。

不经常使用的操作可能会被削弱或隐藏,并在鼠标经过时重新出现。这是基于上述不干扰用户注意力的观点。

Twitter隐藏了每个微博条目的操作,以减少对阅读的干扰。当鼠标通过项目响应区和操作时,会有相应的变化作为反馈。

Flickr还使用浅灰色进行照片操作,以尽可能减弱和减少对照片浏览的干扰。

强有力和明确的指导是非常必要的。研究表明,用户在浏览网页时是跳跃和非线性的。用户不喜欢在众多操作中选择并找到选项。因此,明确的指导更为重要。还可以专门处理重要和常见的操作,以便于搜索和单击。

箭头和红色按钮一起提供清晰的视觉路径指引。

普通手术的特殊处理。某些浏览器的向后操作也有类似的处理方法。

如果你想在看一部精彩的电影时喝水,你是想去厨房倒水,还是想手边拿着杯子和水壶?显然,人们不愿意打断主要任务,而注意处理临时任务。页面设计也是如此。如果可以在当前页面上完成,请尝试在当前页面上完成。模态窗口、跳转页面和支付层对用户来说并不舒服。除非真的有必要,否则少用这种方法。

页面完成后,Flickr中照片名称的即时编辑非常轻松。