400-800-9385
网站建设资讯详细

设计师必知的五个移动体验设计技巧

发表日期:2021-03-26 09:28:33   作者来源:方维网络   浏览:2564   标签:设计师    
现在有很多人都在关注如何解决移动设备的问题,包括移动性能问题,因为用户仍然沉迷于他们的手机。包括移动网站、公众号、小程序、APP在内的设计都属于移动设计,所以必须关注用户的移动体验。
如下,我们提出五个移动体验设计技巧,可供参考。
 

网站设计



技巧一:注重设计元素的间距

从手机用户体验设计的角度来看,按键、互动或可点击元素必须足够大,并在设计中放置足够远的距离。
在台式电脑上,访问者用鼠标导航,这是一个非常精确的工具,而在移动设备上,大多数用户用的是拇指。拇指通常比你的小鼠标光标要大,而且可能会有点笨拙,尤其是当你一边走路一边浏览一个网站或同时进行多项任务时。
因此,需要在按钮和元素之间设计足够的空间,这样访问者就不会有令人沮丧的移动体验。
还需要考虑可访问性以及访客如何拿着较小的设备。有些人可能用左手拿手机或平板电脑,有些人用右手,有些人用双手。无论如何,网站设计需要易于导航。
最后,用户还会用拇指在设备上滚动浏览网页,所以你需要确保页面上没有大的可点击元素,以免用户在滚动时不小心点击。

技巧二:确保文本和字体的可读性

首先要选择易读的字体。请记住,用户经常在使用较小的设备时步行、多任务或外出,他们可能在试图浏览您的网站时处于非理想的场景。
根据字体大小创建视觉层次结构是帮助移动用户快速扫描和理解页面内容的另一种方法。它也可以帮助移动或平板设备,标题文本可能会换行。在整个页面中使用相同的字体和大小会导致对页面含义的混淆。
在设计中,您还可以增加文本行间的行高,以提高页面的可读性。
一旦你决定了字体和大小,你还需要考虑颜色对比度。
由于访客可能在室内或室外或在光线不好的情况下,遵循背景和前景颜色对比的标准是很重要的。
建议普通文本的对比度至少为4.5:1,大文本的对比度至少为3:1。

技巧三:确保悬停动画的最佳效果

由于性能问题,在移动设备上关闭复杂的动画和视频背景很常见,因为它们会降低网站的加载时间,尤其是对于移动网络上的访问者来说。2018年,移动页面速度成为谷歌的排名因素之一,自那以来,这种类型的更改越来越普遍。
一般来说,动画和交互应该以微妙的方式来支持用户体验,不应该分散访问者的注意力。它也不应该是帮助访问者完成一个动作的必要成分。
悬停是另一个常见的设计元素,在移动设备上看起来可能有所不同。在桌面上,鼠标悬停是指当访问者将鼠标悬停在某个对象或图像上时,该对象或图像会改变或显示文本。虽然这在大型设备上很有效,但在移动设备上,用户使用的不是鼠标,这意味着用户必须点击才能看到鼠标悬停。

技巧四:规划弹出窗口和第三方元素的放置

关于是否在网站上使用弹出式表单,以及是否在移动设备上执行弹出式表单,一直存在很多争论。
在移动设备上避免弹出式表单的一个理由是,访问者很难关闭该表单或消息。在与客户讨论弹出式表单时,可以权衡所有这些元素,并决定表单设计的最佳用户体验。当采取移动智能设计方法时,考虑如何将元素放置在更小的设备上是很有帮助的。例如,屏幕右侧的粘性按钮在桌面上可以作为访问者滚动,但这些类型的粘性元素会使移动设备上的视图空间更小。
虽然一些元素,如实时聊天和可访问性小部件可能会在最后一刻添加,但在网页设计过程的早期规划这些可以帮助避免混乱的用户界面。

技巧五:重新考虑表单设计和布局

在移动设备或更小的平板电脑上填写和提交表单对访问者来说可能是一项烦人的任务。这就是为什么在网站设计中考虑表单的替代选项是至关重要的。
当创建移动菜单导航时,可以考虑在标题中包含一个“点击呼叫”的电话号码,这样访问者可以很容易地到达企业。
在设计网站上的所有表单时,尽可能减少表单字段的数量是桌面和移动设备的最佳实践——并清楚地指出哪些是必需的字段。
移动表单体验的一个技巧是设计表单标签,而不仅仅是为表单字段使用占位符文本。移动设备上的访问者很容易被其他通知和交互打断,所以他们可能会在表单完成过程中被打断,忘记占位符文本所列出的内容。
最后,表单在页面上的位置以及如何通过响应式布局进行调整是至关重要的,因为表单的位置可能会影响转换。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6005.html