Facebook很好很强大，堪称新时代移动UI设计的典范，精湛的动效，美妙的卡片式隐喻，清爽的交互感。但是我玩了Facebook Paper后，发现了一点点瑕疵。

毫无疑问，Paper的新鲜感和创新感是不可比拟的，提倡愉悦的交互感——但是有些布局不符合人机工程学。估计那些Paper死忠粉玩上几年后，会患上关节炎。

用拇指导航

Paper的亮点也正是它交互设计上得缺点：底部可滑动的卡片。对于很多新上手的用户来说，此处的导航体验会非常爽快，惯性动效极佳。但是我们进一步观察，我们会发现，右撇子用户会这样操作Paper。

所以，对于右撇子用户来说，当他们浏览Paper中的新闻时，需要频繁的弯曲手指。不疼吗？你试着一分钟弯曲大拇指20次，看看疼不疼？

还真的。。。有点疼

在Paper的操作中，需要重复的弯曲手指进行导航，这不符合移动端的热区。

“拇指热区”

这个词汇由Steven Hoober创造，他是O’Reilly系列书籍Designing Mobile Interface的作者，拇指热区划分出了单手操作时，拇指操作最舒服的区域、比较不舒服的区域和无法触及的区域。尽管在真实生活中的变量很多，交互方式多种多样，但是49%的用户还是会选择单手操作手机，使用他们的拇指。

因为Paper仅有iOS版，所以我们来看看4英寸iPhone的屏幕热区。

绿色：自然交互区域 黄色：比较不舒服交互区域 红色：不舒服区域

各位可以掏出手机自己体会一下，触屏手机基本上在单手操作时，左上角和右下角都很难触及。

Paper与拇指热区

好，现在我们把Paper这款应用套入到热区理论中。首先我们来看看引导页（选择感兴趣的话题），以及主要导航界面（文章以及故事流）

看起来似乎还好，基本上大部分可交互区域都在绿色区域中。

但实际上并非如此

有些时候，评估用户体验不能太单纯，需要套入场景中。假设用户在排队购物，他会很不耐烦，于是他会掏出手机，打开Paper，然后疯狂的滑动，这样用户的手指就会从右到左快速滑动，这就意味着用户的手指需要不断重复的弯曲。

你可能也许会说，不从右下角滑动到左下角如何，从中间开始滑动，滑动到左下角，这样不就符合拇指热区定则了么？这仅仅是理想状况，因为Facebook Paper的交互很爽，因此，用户会很期待、很喜欢“一滑到底”，从而感受真实的惯性效果。所以很少会有用户从中间开始滑动，而且从中间开始滑动，拇指会挡住内容，妨碍阅读。

改良建议

其实问题很好解决，只需要稍微考虑一下拇指的感受就好了。

我们来看看我做的一个小模型

适度缩小主题的空间，增加页卡的空间（大约50px）。而且更能激发用户探索新闻的欲望。

•  
  

  减少了拇指弯曲，让用户交互更加自然

  
  




•  
  

  增加了可交互区域，无论是阅读还是交互都更加容易

  
  





 

资源下载：拇指热区模板（.sketch格式）

如果你也在构建iOS应用，那么不妨用我这个模板作为检测，看看你的布局是否符合人机工程学。

做交互，就是需要多看多想，各位下载模板后，可以试着举一反三，用来检测一下其他应用，然后进行重设计或改进，你会进步很快。