触摸交互设计的布局 初试触摸交互设计之布局篇 您忠实的作者，Josh Clark我年轻的时候手臂上一直都系着一块线条优美的卡西欧计算器手表，直到1985年，这块手表才退休。这块手表的问题不但在于按键太小，还在于这块手表太死板，使我没能成为当年“最受欢迎男生”。以及，手表按键彼此之间贴的太紧。你本来想按个5，结果出来个2或者8——这更像个随机的转盘赌游戏，而不是精确操作的计算器。按键尺寸，换句话说，并不是影响触摸精确度的唯一决定因素;还需要考虑的是间距问题。 Photo by Jon Rawlinson 当针对小屏幕进行设计时，由于空间有限，设计师不可避免的会压缩控件间距，以期传达完善——这是一种设计理念上的诱惑。“我只是将控件布局的稍微紧密了一点。我只是在工具栏中多加了一个按钮而已”我对这种现象的看法，要引用计算器手表全盛期那时的一句口头禅：“我只想说，‘不’!” 按钮的排列越紧密，就越应该选择更大的尺寸。看看iPhone上的VoIP通讯应用，Skype和Call Global。两者的按键都紧密的贴在了一起，但是补偿措施是将按键设置的更大，尺寸都超过了44 x 44这一最小尺寸。尽管按键极为贴近，但是依然非常易于点击。 两款应用的不同之处在于屏幕的底部。这两款应用都在底部导航栏的上方堆砌了几个按钮，正如本章所提到过的，这样设计并不理想。但是Skype中，这些按钮很大，这就一定程度减轻了问题的严重性。在Call Global中，这些拥挤在导航栏上方的按钮实在是太小了，而且和导航栏贴的这么近，很肯能会导致用户操作失误。尽管为了防止出错，专门设置了比最小尺寸44 x 30更大的触摸对象尺寸，但是在屏幕底部，由于控件之间缺乏足够的间距，以及容易出错的堆砌方式将会导致操作问题。合理的布局需要更大的按钮尺寸和更从容的控件间距。 尽管似乎有点有违直觉，但即使是小屏幕的触摸交互界面，若想满足用户体验需求，就必须依赖大的界面元素，矮胖的按钮以及顺畅的间距。屏幕可能很小，但是我们的手指(以及注意力跨度)并不小。在设计的时候要为肥胖的手指考虑。让设计为手指和手的操作提供舒适，这很重要。但是这仅仅是成功的一半，仅仅是设计的人机工程学部分。在交互设计中还有很多精细的工作要做。 |
