手机UI设计，手机滑动条的设计方法

2021-12-01 21:42:43

阅读 9657次标签：手机背景图手机游戏作者：蓝blue

　　手机屏幕开启的时候，我们一般需要滑动一下手机屏幕，手机才能真正开启。很多手机并不是很重要这一UI设计细则。甚至在手机待机开启的时候没有滑动条设计。或者手机滑动条的设计不明显，这些都是不利于手机用户的用户体验，这些是UI设计不可忽略的地方。

UI设计

　　不精确的交互

　　当进行UI设计时，设计师必须考虑到用户的使用场景。尤其是在设计移动端时，需要考虑用户经常用一只手拿着手机，同时又在干其他的事，比如看电视，散步，甚至开车。在这种情况下，在屏幕上按住并拖拽控件到某个特定的位置属于非常困难的操作方式。滑动条的设计方式遵循隧道定律(steering law),定律描述了，当通过一个隧道时，隧道越长越窄，所需的时间越长。(下拉菜单和滚动条的设计也遵循隧道定律

　　)。在移动设备上操作滑动条时，很多用户在手指离开屏幕的瞬间，又不小心移动了滑动条，从而使数值偏离了他们最初想要设置的值。

　　另一个在触屏交互界面设计时需要重点考虑的因素是控件的易用性。对于不经常使用电子设备的人来说，操作滑动条来进行参数设置并不是件容易的事。他们真的能够通过滑动条选择到(或者接近)他们预期的那个数值么?为了设定到那个数值，他们需要花费多少精力，尝试多少次?相比许多年轻人，很多老年用户的手都不稳，因此在操作对手势有精准要求的小控件时，难度系数更大。若想让用户轻松的使用你的产品，建议不要使用滑动条当控件来完成精确的参数设置。

　　一个精确的数值是必要的吗?

　　通常，让用户设置非常精确的数值没有什么必要，也没有多大意义。

　　滑动条适用于在一定范围内对数值进行粗略的设定，而对于精确的数值并无严格要求。kayak其实可以不用滑动条来设置飞行时长，到达和起飞的具体时间，因为大多数用户对“中午”这样的起飞时间设定已经觉得足够了，并不介意精确的起飞时间是多少。但是，一旦要求设定精确数值时，滑动条这种设定形式就变的不适用了。比如，如果你需要在表格里填上年龄、身高、体重等具体数值时，使用滑动条就变的不妥当了。

　　想想拇指

　　在适合用滑动条展现的案例中，设计师需要确保滑动条的设计样式不会降低它的可用性。在触屏设计上，需要考虑当操作滑动条时用户的手指应放在屏幕的什么位置，有哪些区域是因此而被遮盖的。在设计用鼠标操作的界面时，标签可直接置于滑动条下方区域，然而在移动设备和其他触屏设计中，同样的标签摆放则会很难用，因为在使用控件的时候，标签可能会被用户的手指挡住。

　　当精确数值对用户意义不大，仅一个粗略数值就足够的情况下再使用滑动条。确保用户无需太繁杂的操作就能轻松的设置满意的值。另外滑动条的全部标签需要放在滑动条的上方或者旁边，而不是放在下方，以保证用户在选择某个值的过程中标签持续可见。也可以考虑通过不同的视觉元素样式让用户通过点击，甚至是打字输入等方式表示他们的准确数值，而不仅仅依靠按住并滑动的手势进行数值展现。

　　以上就是手机UI设计，手机滑动条的设计方法的介绍。如果你想找UI设计服务，或者想要了解更多UI设计资讯，就上一品威客网。一品威客网汇集全国千万优秀专业人才，提供最全面、最专业的UI设计服务