身为设计师,你可能会记得苹果刚刚发布了iPhone,而我(英文原版作者)则感觉好像昨天才发生的事情。它们把电容触屏技术完整地应用于这种私密的重要设备中,这是一个划时代的时刻,同时也改变了整个行业的游戏规则。
几年后的今天,连小孩子都习惯了触屏体验,似乎这是一件很自然的事,而父母们会惊讶于他们的孩子能如此快速地学会使用包括手机和平板在内的触屏设备。同时,触摸屏设备以及基于手势的交互模式也为手机带来了巨大的潜力,使得手机体验更轻松有趣。
向导航栏,标签栏,工具栏和按钮挑战。
Apple的“HIEDesignDesignDesign(HIG)”和严格的评审机制对移动应用质量的提高起到了巨大的推动作用,使得许多设计者和开发人员了解移动用户界面系统的核心界面元素和交互模式的使用。
Apple在HIG上提供了许多重要的、被广泛遵循的设计建议,比如UITabBar和UINavigationBar这样的导航控件的使用说明,等等,这些都是我们一直关注的。事实上,如果您设计的第一个iPhone应用程序中没有顶部导航栏或底部标签栏、工具栏,截图就发给我,我会要求您喝啤酒(英文原版请客,而不是我;我要和兄弟姐妹一起喝啤酒,我们私聊-翻译C7210)。
一上桌就有两个字高加起来差不多是整个屏幕高度的20%,对我来说确实是个问题。界面上的任何一个像素都要用在重要的功能和内容上,寸土寸金的说法再适合不过了,因为屏幕规格非常有限。
设计师需要花费一些时间去思考和探索,在这个本不该缺少创新的行业里,尝试设计出更多既有创意又好用的界面。从苹果对“不遵守游戏规则的人”的态度来看,我们也可以想像Clear和Rise等软件在上架前会浪费很多等待时间。尽管这两个应用程序代表了设计风格突破方面的一种更大胆和更极端的产品,但它们最终还是得到了市场的认可;尽管这两个应用程序代表了用户并非真正的大众,但不可否认的是,我们的确看到了手势驱动界面设计所蕴含的创造性潜力。
近两年来,我一直在关注手势操作对于移动体验的提升作用,其中最大的体会是,大多数基于手势的交互模式都非常符合直觉。这就是为什么我认为像“下拉刷新”这样的操作会迅速流行并得到广泛使用的最重要原因。在iPhone的Tweetie应用程序中,下拉刷新是最早出现的一种方式,这种超棒的感觉让无数基于列表视图的应用程序一夜之间模仿起来。
要创建手势驱动的界面,您可以先尝试将应用程序的主界面本身变成一个主要内容视图,而非传统意义上的内容入口。不需要强制要求自己接受“总界面必须总是呈现重要导航结构”的想法,导航本身就可以拥有独立的容器。
把视觉范围扩大,想象一下,如果有一个2D或者3D的大环境,一个独立的导航容器可以被放置在这个环境空间的哪个地方,就像是一个主界面,或者是上下相邻。或者是“前面”或者是“后面”的主界面?一般情况下,一个简单的拖拽或横扫动作就能使这种导航容器出现。不管怎么说,这些都可以由您根据实际产品情况进行设计和定义。(阅读建议:iOS用户体验分析)
例如,我喜欢在facebook和Gmail应用程序中使用侧滑菜单,它很好用。正常情况下,这些菜单都是隐藏的,你只要在界面向右滑动,它就会向右展开;这个模式不仅让界面在正常状态下更加整洁,显示的内容也更加宽广,而且只需很简单的手势操作,滑动手势本身也不需要精确地定位到屏幕的某个位置。
除导航外,您还可以通过这种方式呈现与当前内容相关的上下文功能。很明显,在每一项内容中插入两到三个按钮是一件很麻烦的事情;按钮看起来确实是可点击的,但是手势在交互效率和趣味性上更好一些,只要点击两三次,或者长时间按一下,你就能为当前内容呈现更多的功能。举例来说,在Instagram上,用户可以双击一个“赞”或“取消赞”按钮。