如果希望人们到达特定目的地,你会怎么做?你尽一切可能为他们指明道路。在用户体验设计中,它应该以相同的方式工作。不要指望用户来到你的网站或应用程序准备摆弄和学习绳索。设计人员的工作是使转换的方式尽可能简单直观。方向线索是实现这一目标的关键因素之一。因此,在今天的文章中,让我们修改 Web 和移动用户界面中流行的方向提示类型,并找出为什么它们是积极用户体验的重要因素。
· · ·
用户体验设计涉及许多需要深思熟虑的过程,以便界面能够满足目标受众的需求。每一步都需要对细节的高度关注,即使它看起来并不复杂。
在UI创建过程中,颜色选择是一个非常耗时且至关重要的阶段。设计师有时会花费数小时来挑选合适的调色板。在本文中,我们将介绍六个有用的技巧,帮助设计师为 UI 选择强大的颜色,并使这个过程更轻松、更高效。
什么是定向指示?
这个规则或技术来自室内设计,所以它经常应用于房屋装饰。这个想法很简单。为了使构图平衡,颜色应该以60%–30%–10%的比例组合。最大的部分应该是主色调,构图的第三部分采用次要颜色,10% 的部分用于有助于制作突出重点的颜色。
这样的比例被认为是赏心悦目的,因为它允许逐渐感知所有的视觉元素。知道了适当的比例,设计师就可以成功地将颜色组合在一起,而不会有把UI弄得乱七八糟的风险。
定向提示如何影响用户体验?
方向提示:
- 增强页面或屏幕可扫描性
- 加强视觉层次
- 提升导航
- 增加转化率。
也许,最著名的实践实验之一展示了方向线索的力量及其类型的有效性是由 CXL研究所。 他们创建了同一个登陆页面的多个版本,只是提示方向不同,然后收集用户交互数据并进行分析。以下是选项的外观:
实验表明,方向线索对用户体验、内容消费和转化率有很大影响:
- 带有手绘箭头的页面在页面上停留的时间最长,并且注意力集中在联系表单上
- 一个男人从表单上移开视线的页面版本从用户那里得到的关注和互动最少。
因此,明智地应用方向提示,用户体验设计师增强了界面与用户的视觉交流。明确道路,我们更容易到达目的地,这是影响可用性的一个因素。
流行的定向提示类型
箭头
最流行的方向提示之一直接来自物理世界。也许,没有比箭头更明显和通用的方式来表示方向了。这就是为什么在界面中到处出现各种箭头以帮助用户不要迷路的原因。任何年龄、文化、教育水平和技术素养的人都清楚这种互动模式——上述实验很好地证明了这一点。
家居装饰电子商务网站使用箭头作为交互元素的视觉提示。
允许创建自定义热狗的热狗送货服务网页使用箭头让用户看到他们所处的阶段。
指针
如果你不想让设计看起来像箭头那样直接和直接怎么办?然后指针可以提供帮助。同样,它和现实生活中一样有效:当有人想将你的注意力引向一个物体或一个人时,只需指向它就足够了。在网页和移动屏幕上,这个技巧的工作方式相同,给出各种视觉效果的原因,为核心信息或交互元素提供优雅的视觉暗示。
这个招聘艺术家平台的登陆页面使用了英雄插图,不仅传递了想法,而且使页面具有吸引力。它也可以作为一个指针:字符的组合指向带有信息和 CTA 的区域。
它可能看起来不像一个直接的指针,但如果你仔细观察,你会发现页面的所有动态组合都会将你引导到号召性用语按钮的区域,甚至是纸平面等细节。
行李运送服务网站上的英雄插图也使用了指针的力量:不仅是人,就连飞机也将你的眼睛对准了 CTA 按钮。
生产力服务登陆页面上的英雄插图也使用构图和角色姿势,使其成为将用户注意力集中在标语上的方向提示。
注视方向
眼睛方向是建立在人类自然反应基础上的另一个强大的方向提示。当人们看到某人的眼睛聚焦在某个点或物体上时,他们自然会产生好奇的冲动去检查它是什么。这就是为什么这个技巧经常与视觉内容 像集成到 UI 布局中的照片或插图。
美发公司网站在主页上使用英雄图像作为方向提示:模特的眼睛将你的注意力吸引到 CTA 元素区域。
约会应用程序的登陆页面使用插图和一个角色,其视线指向信息复制块。
销售独家发饰的电子商务网站使用复杂的英雄插图,当角色的眼睛指向标语时,该插图也起到了方向提示的作用。
视觉提示
不仅箭头可以提示用户交互是可能的。其他对象可以提供一些帮助,例如象征交互类型的图标或插图。鼠标可能意味着你可以滚动,手部动画会让你知道可以滑动等等。这样,用户无需花费额外的精力来了解界面的工作原理。
设计工作室的网站使用计算机鼠标图标作为尝试向下滚动的视觉提示。
以下部分内容
交互过程中可能出现的问题之一是完整性的错觉。当布局完成并且不清楚滚动可以打开更多内容时会发生这种情况。因此,显示将继续在屏幕上可见区域下方的内容部分作为一个不明显但有效的方向提示。通过这种方式,用户可以避免感觉自己已经看到了一切,错过重要内容的风险也会降低。
时装模特作品集网页在底部区域展示了部分照片,为用户提供有关滚动查看更多内容的提示。
送餐服务首页在屏幕底部显示菜单部分,以显示折叠下方区域有更多内容。此外,布局使用箭头作为方向提示,显示水平交互将打开另一个信息块。
因此,很容易看出方向提示的不同外观。无论为他们选择什么样的着装和表演,最重要的是,它们是对用户的另一种尊重,节省了他们宝贵的时间和精力,并使交互变得自然而轻松。
· · ·
用户体验 | 用户界面 | UI | UX/UI | UI设计 | 网页设计
内容转载自 5PLUS设计师平台
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.