浅析无边框按钮的优劣

　　导航栏对于大多数手机APP而言是个很重要的元素，它不但可以让用户明确的了解目前所开启的功能名称，在许多时候还同时是个放置导航与要功能的一个显示、操作区域。
　　在以往，当导航栏上出现可以点击的按钮时，设计师在视觉表现上都力求让用户知道这就是个按钮，随着Android4、iOS7的设计去拟物化设计理念，将这些地方的按钮的样式去掉、仅剩下符号与文字告知用户该按钮的功能。
　　传统上，大多数的按钮外观都被设计成拥有具体的形状范围，除了可以有效的提示用户这是个可以被点击的按钮元件之外，还可以有效的让用户知道这个按钮的作用范围在哪里，以防误触到相邻的按钮。这点这在许多地方相当有用，尤其是按钮相当多的屏幕小键盘或计算机，就需要让用户知道按键的实际感应范围在哪里。
　　桌面系统与触控系统大不同
　　其实在导航栏上去除每个按钮实体的形状并不少见，像是电脑系统中也是有许多元件的长相也不诺我们认知中的按钮，比如说系统工具栏，其实就是一串按钮的集合体。
　　电脑系统的主要操作方式是透过鼠标光标，当按钮拥有实体范围时，它可以帮助用户确认按钮的大小及位置，使鼠标光标准确地移动至按钮上方点击，而遇到像导航栏或是工具列的地方，因为导航栏本身已经有实体范围了，并且也可以利用hover特效，帮助用户进一步确认光标与按钮之间的关系。
　　而手机的触控屏幕则不需要（也无法）执行这么精确的操作，用户只需要知道大概按压哪个位置可以达到需要的功能即可。一般使用手指头或触控笔时在触控屏幕上执行操作时，实际上用户觉得自己的点击范围约略就是自己指尖的大小，有时还会因为自己的手指头而挡住一部分的屏幕范围。
　　而事实上我们在屏幕上所看到的按钮造型，它的任务只是提示用户这是一个按钮的用途而已，实际上按钮感应区往往大于其所长相的样子，甚至有可能是被动态调整的。
　　应该已经很多人已经知道iOS的键盘具有所谓动态变更感应区的专利设计，系统会根据你所输入的文字来调整按钮的感应区域。比如说，当你输入worl这个字串时、在接下来键盘上面的d的感应区域就会比s和f还要来得大，这是因为有world这个单字，而没有worls或worlf这两个字。
　　（下图为示意图）
　　去掉多馀细节得到的好处
　　iOS7的无边框式的导航栏，将原本的按钮形式转换成单纯文字的设计，并且仅利用色彩来区别按钮与标题列文字，虽然可能在某些文字较长的时候出现空间不够的问题，但整体而言整体画面变得更为简洁了。并且因为移除了实体按钮的样式，在视觉感受上可以点击的范围也变大了（虽然实际感应范围并没有改变）。
　　有得必有失
　　然而，舍弃了拟物化设计可节省学习成本的好处后，iOS7在很多地方的设计其实很容易让人不知所措。例如刚升上iOS7的用户都会感到困扰的解锁画面。在iOS6中的设计为具有明显箭头外观的滑动推杆，相当容易上手。而快速启动相机的图示也具有立体化的横杆，暗示了真实世界的使用习惯：在产品设计中，许多需要让用户抓取的部件都会做出凹凸造型以利使用。
　　而iOS7的接口则常常被认为过度简化的设计，许多部分不仅拿去了控制上的视觉暗示，用户也必须先尝试与学习，才能够了解画面上提供了哪些功能、以及该如何操作这个功能。
　　如果你今天是一个全新的iOS用户，对于iOS7右下角的相机图示，你首先会先尝试去点击它还是滑动它呢？