今天看到一篇介绍用户界面设计方面相关的文章,恰好最近在公司开发时一直在考虑UI界面设计方面的问题。于是,本着学习和共享的精神,决定将文章翻译成中文,翻译过程中可能会加上一些自己的理解,觉得哪有问题的以原文为准,不足之处也请见谅。原文链接:http://www.lukew.com/ff/entry.asp?1945
设计师们总是在尝试通过菜单键来简化移动应用的洁面——尤其是在小屏幕上。但是把一款应用最重要的那一部分操作也移到这些菜单键的后面只会对应用的体验带来消极的影响。
视野之外,想法之外
在努力简化Polar ①移动应用的用户界面的过程中,我们将分块式控制菜单(segmented control menu)替换成了折叠式菜单(toggle menu)。尽管这个折叠起来的下拉菜单看起来简洁了不少,但是随之而来的是用户活跃度(Engagement,Engagement is getting your fans to interact and take some action as a result of your posts)的猛跌。最根本的原因是什么?人们不再在那些隐藏在折叠下拉菜单后的应用主要部分间来回切换了。
当ZeeBox的App从横向导航栏(tab row)过渡到抽屉式菜单导航(navigation drawer menu)时,同样的命运也降临在他们身上。一款应用中最重要的 大专栏 最显而易见的设计最容易成功部分离开了视线,因此也在我们的印象中渐渐淡去。最后的结果就是,活跃度也剧烈下滑。
视野之内,想法之内
当一款应用最总要的部分做的尽可能容易见到,它们被使用的频率也会相应地增加。Facebook发现当它们把“汉堡”键(“hamburger” menu)移到它们iOS应用的底部时不仅仅是活跃度会上升,其它几个重要指标(metrics)也会跟着一起上升。
同样的,Redbooth将汉堡键换成底部导航栏的做法也收获了会话数和用户数的提升,之前在视线之外的功能现在都被移到了前面的中心位置。
所重要的功能才值得被移到外面
因为手机的屏幕上没有足够多的空间,不是所有的UI(User Interface,用户界面)元素都能被用户所看到。这让移动应用的设计显得很有挑战性。不像在桌面端有足够大的屏幕允许我们充分放置每一个功能特性,而移动端则需要我们做出选择:重要到应该被用户看到的功能应该是什么?
回答这样的问题需要理解什么对你的用户和你的业务而言是最重要的。换句话说,这需要很好的设计。
注: ① Polar (http://www.polarb.com/features/about) 是英文原文作者 Luke Wroblewski的创业项目,2014年被Google收购,Luke本人现在则是Google的Product Director