2个提高手势交互质量的网页设计方法

 2020-09-28 14:55:23  984 浏览  0 评论   赞

手势操作在移动端已经非常常见了,2个方法:一定要注意拇指热区,尽可能将重要的操作放在热区里面,热区之外放置不太重要的;整个网站的手势应统一

安排在拇指热区

安排在拇指热区_2个提高手势交互质量的网页设计方法

图728-1:拇指热区

有研究表明,拇指的活动范围对于手势操作正确有不少的影响。虽然拇指能够滑过整个屏幕,但是能够很灵活的触及到的范围是非常有限的,只有三分之一是可控范围内,也就是容易被用户点击到。所以,在进行页面设计的时候,对于交互手势,一定要找出拇指的热区,从而提升用户的交互体验。善于布置拇指热区的位置,让突出的内容呈现在此,也是排版布局的基础之一。

手势统一

手势统一_2个提高手势交互质量的网页设计方法

图728-2:点击和滑动热区范围

也就是让用户尽快习惯页面当中的交互手势,无需耗费过多的搜索成本。这要求交互手势除了简单易用之外,还应该全网站统一,减少不同手势的切换频率。

手势统一_2个提高手势交互质量的网页设计方法

图728-3:左滑手势

 

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

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

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