你的邮件 一个星期一次。关于前端和用户体

RAHIM26

验的有用技友好人士的信赖。 功能面板 拇指驱动设计 # 我第一次听说“拇指驱动设计”这个词是从 Vitaly Friedman 那里得到的。它基于Steven Hoober和Josh Clark对人们如何握持设备的研究。 其要点是，几乎在所有情况下，三种基本握法都是最常见的。49% 的人用单手握持手机，36% 的人用一只手握住手机并用另一只手的手指或拇指戳，其余 15% 的人采取双手黑莓祈祷姿势，用双手敲击乔什·克拉克说，竖起大拇指。Steven Hoober 发现 75% 的用户仅用一根拇指触摸屏幕。因此，术语“拇指驱动设计”。 我们握持手机的方式主要有以下三种 我们握持手机的方式主要有三种。（大预览） 2016 年，Samantha Ingram 撰写了一篇名为“拇指区：为移动用户设计”的文章，进一步探讨了这些想法。她定义了容易到达、难以到达和介于两者之间的区域。

萨曼莎·英格拉姆 (Samantha Ingram) 解释拇指区域映射 Samantha Ingram 解释 美国手机号码列表  拇指区域映射（大预览） 然而，我认为，随着手机尺寸的增加，映射发生了一些变化： 新的拇指区域映射调整为更大的屏幕尺寸 新的拇指区域映射调整为更大的屏幕尺寸（大预览） 当电话很小时，大多数区域都很容易到达。随着我们的屏幕变得越来越大，如果不调整手机，顶部几乎无法触摸。从上面的例子中，我们可以看到最昂贵的屏幕空间在哪里。然而，它在网页上经常被忽视。我们该如何解决这个问题？ 底部导航模式 # 网络上时不时会弹出底部导航模式。这个想法本身很简单：将导航栏进一步向下移动。



Slack 网页导航通过新的拇指区域映射进行了重新设计 Slack 网页导航通过新的拇指区域映射重新设计（大预览） 将导航栏放置在底部可以让用户更轻松地单击菜单图标，同时可以将次要项目移至顶部。基本上，您只需切换顺序即可。移动应用程序一直在使用这种逻辑和点击栏模式。它本身并不是一个新想法，但它在网页设计中仍然不如在应用程序设计中那么流行。 这不是一个万无一失的解决方案，因为它提出了一些关键问题，但它是一个值得选择的选择。让我们探讨一些可能出现的问题。 在一天之内准备好数据网格从未如此简单。