在移动端UI界面设计时,如何让用户识别可滑动的内容?

用户体验   2023-11-05

通常我们在移动端UI界面设计时,由于屏幕尺寸限制,很多内容不得不超出屏幕空间。出血边缘允许内容渗透屏幕边缘以最大化空间,当用户看到一些视觉提示时,就意味着有更多内容要显示。但是不合理的设计,用户也可能会错过它并且无法滑动以获取更多内容。

1、为了确保用户看到提示,请至少出血一半的内容
确保出血量足够到用户可以用手指触摸并滑动的位置。避免出血太少的内容,否则用户不会注意到它是可滑动的。出血的内容量应约为手指宽度。这个尺寸可以让手指舒适地击中触摸目标。

2、进度条设计
假设用户因为过于关注屏幕中心而错过了出血内容提示。页面进度条或相关的提示元素,就应当给予充当的提示,也可以表示滑动,指示一行中包含的滚动视图的数量。但是,如果您的指标元素过小,用户也很容易错过它们。许多设计师使用小圆,但它们并不总是很容易看到。更好的方法是使用长条形的矩形,因为它们具有更大的可视宽度。

3、左右切换的箭头按钮
您不应该总是依赖滑动作为显示更多内容的唯一方式。有些用户没有足够的手动能力来轻松完成此操作。提供箭头按钮可以帮助这些用户通过点击来浏览内容。如果您的内容行有标题,您可以将箭头按钮放置在标题旁边。此位置允许用户在扫描标题时看到按钮。如果您的内容行没有标题,请将它们放在内容下方的中心以方便查看。将按钮放置在边缘是桌面屏幕的常见做法。但是,将此应用到移动屏幕会阻塞滑动区域,因为它将点击区域和滑动区域堆叠在一起。不仅如此,按钮还覆盖在内容上,使它们更难以看到。

4、查看全部按钮
查看更多内容的按钮,可能并不总是符合用户的最佳利益,有时他们很投入并希望在一页上看到所有内容。但是对于某一些用户,“查看全部”按钮是非常必要的。此按钮的最佳位置是靠近标题,以获得最佳可见性,当然也可以放在该模块/卡片的最底部。这样做的好处是可以让用户投入更多的精力,让他们在寻找自己想要的东西上投入的越多体验的时间,他们放弃任务的可能性就越小。因此,“查看全部”按钮应该突出显示。

维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码