触摸交互设计——布局篇

好文转载 分类: 经验/观点 版权: 原作者: 原作者
12108 20 26 4
2014-11-19
0.0
普通推荐

初试触摸交互设计之布局篇

您忠实的作者,Josh Clark我年轻的时候手臂上一直都系着一块线条优美的卡西欧计算器手表,直到1985年,这块手表才退休。这块手表的问题不但在于按键太小,还在于这块手表太死板,使我没能成为当年“最受欢迎男生”。以及,手表按键彼此之间贴的太紧。你本来想按个5,结果出来个2或者8——这更像个随机的转盘赌游戏,而不是精确操作的计算器。按键尺寸,换句话说,并不是影响触摸精确度的唯一决定因素;还需要考虑的是间距问题。

Photo by Jon Rawlinson

当针对小屏幕进行设计时,由于空间有限,设计师不可避免的会压缩控件间距,以期传达完善——这是一种设计理念上的诱惑。“我只是将控件布局的稍微紧密了一点。我只是在工具栏中多加了一个按钮而已”我对这种现象的看法,要引用计算器手表全盛期那时的一句口头禅:“我只想说,‘不’!”

 

按钮的排列越紧密,就越应该选择更大的尺寸。看看iPhone上的VoIP通讯应用,Skype和Call Global。两者的按键都紧密的贴在了一起,但是补偿措施是将按键设置的更大,尺寸都超过了44 x 44这一最小尺寸。尽管按键极为贴近,但是依然非常易于点击。

两款应用的不同之处在于屏幕的底部。这两款应用都在底部导航栏的上方堆砌了几个按钮,正如本章所提到过的,这样设计并不理想。但是Skype中,这些按钮很大,这就一定程度减轻了问题的严重性。在Call Global中,这些拥挤在导航栏上方的按钮实在是太小了,而且和导航栏贴的这么近,很肯能会导致用户操作失误。尽管为了防止出错,专门设置了比最小尺寸44 x 30更大的触摸对象尺寸,但是在屏幕底部,由于控件之间缺乏足够的间距,以及容易出错的堆砌方式将会导致操作问题。合理的布局需要更大的按钮尺寸和更从容的控件间距。

尽管似乎有点有违直觉,但即使是小屏幕的触摸交互界面,若想满足用户体验需求,就必须依赖大的界面元素,矮胖的按钮以及顺畅的间距。屏幕可能很小,但是我们的手指(以及注意力跨度)并不小。在设计的时候要为肥胖的手指考虑。让设计为手指和手的操作提供舒适,这很重要。但是这仅仅是成功的一半,仅仅是设计的人机工程学部分。在交互设计中还有很多精细的工作要做。

 

Cyy_Emma

你会成为你想成为的样子;微信公众号:1660

402粉丝/21关注

助人为乐
设计师,给我来个五彩斑斓的黑色优雅Dashboard,附送Sketch源文件~

Cyy_Emma

Cyy_Emma

你会成为你想成为的样子;微信公众号:1660

助人为乐

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN