3个移动网页设计让用户易于操作的方法

 2020-09-22 16:41:52  926 浏览  0 评论   赞

移动设备,特别是手机,大多数用户还是习惯于使用单手操作,移动网页设计也应当方便用户单手操作:下拉悬停,常用按钮移动到屏幕底部,缩小输入区域

3个移动网页设计让用户易于操作的方法

图577-1:移动端设计

随着移动设备的屏幕增大,用户不小心摔设备的机率也有了不少的提高。在很多的场景之下,用户都还是喜欢保持单手握持和滑动浏览、点击等的状态,但是,屏幕那么大,用手掌固定,就会感受到各种的痛点。应该如何让你的页面设计也有防滑的作用呢?

下拉悬停

下拉悬停_3个移动网页设计让用户易于操作的方法

图577-2:下拉悬停菜单

这对大屏幕移动设备是一种非常有效的解决方式,即使悬停的时间比较短,但在用户体验上已经可以加分了!

底部对齐

底部对齐_3个移动网页设计让用户易于操作的方法

图577-3:典型的底部按钮

也就是考虑将菜单底部对齐,用户单手操作时,有时是拇指滑动时轻松可以触摸。

输入区域减小

输入区域减小_3个移动网页设计让用户易于操作的方法

图577-4:移动表单设计的正误

可以参考一些输入法的界面设计,竖屏单手操作时,区域就会缩小,降低了用户手指多处移动以及错误的概率。

 

转载请注明:网创网 www.netcyw.cn/b577.html

()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2022 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com