Android应用中十大常见UX错误
来源:199IT 更新时间:2013-09-16

Android开发者关系团队每天都会试用无数的App或者受到无数的开发者发来的请求评测的App,在评测如此之多的应用之后,他们总结出了10个最常见的错误。
  作为一个长期使用Android的用户,我在使用Android应用的时候经常遇到各种各样的交互上的问题,并且早就想整理它们写一篇文章了。但是由于懒惰和拖延,这篇文章一直处于草稿的状态。正巧,这期ADiA中,Android开发团队为我们着重强调了当下Android应用中很常见的,应该避免的错误。
  Android开发者关系团队每天都会试用无数的App或者受到无数的开发者发来的,请求评测的App。在评测如此之多的应用之后,他们总结出了一些最常见的错误,并且在这期节目中为大家呈现出来。
  在正式介绍这些错误之前,我想稍微提一句。这些错误是非常具有普遍意义的错误,也就是说,你用十个应用可能就会碰见这十个错误,甚至你会在一个应用中碰见全部十个错误。这种情况在天朝显得更加严峻。所以,希望这篇文章能让大家摆脱摸着石头过河的窘境,直接的避免一些常见的错误。
  十大用户体验”反模式”,Android开发者联系团队为你用心呈现,每个典型错误都有个有趣的小标题,希望大家看(乖)得(乖)开(中)心(枪)。
  第十:你必须加载完这些东西……否则!

  这里的加载实际上指的是左图中的那种,一个圈圈转啊转的对话框。这种对话框的出现是应该要避免的,另外,比起这么一个对话框,那些不响应Back操作的对话框实在太不合理。
  解决方案其实也很简单,采用嵌入式的载入指示即可。当然如果你能做到实现在后台加载好数据那就更棒了。
  第九:你摸我不到!

  首当其冲的问题是过小的触摸区域。Android Design中专门强调过,所有可触摸的对象都应该有至少32dp高,理想的大小是48dp,除非你的目标用户是婴儿等手特小的人。
  另一个很糟糕的错误是没有触摸反馈。有些开发者不想使用标准的按钮控件,但是标准按钮的好处就是它有提供触摸反馈的视觉效果。对于用户而言,摸到没有反馈的按钮会让他们认为你的应用(比它本身的速度)慢。对于用户而言,感知速度是他们能体会到的,而真正的载入速度和运行速度反而没有感知速度那么容易被用户体会到。另外,亮起的触摸反馈还能指示出实际的触摸区域。比如说一个列表,当用户按下某一列表项的时候,这一项所处的一整行都会亮起,但是两边会留有16dp的空白,这样便相当于告诉用户,这个列表项最靠近屏幕边缘的16dp不是触摸区域。
  第八:设计≠Photoshop

  首先,同学们不要学习右边小图上的那个变态。我知道大家都对PS能实现的各种各样的效果很在行/感兴趣,但是不当的/过度的使用这些效果只会让你的应用看起来显得很过时或者更糟糕——很业余。
  当你设计你的应用的时候,请务必将注意力优先放在内容而不是那些高光上。用户装了你的应用并不是为了看闪闪发光的按钮,所有的这些视觉设计到最后都应该是为了内容服务,而不是为了装饰而装饰。
  另外,请务必保证应用内视觉风格的一致性。没用用户会希望看到一个一半Holo一半草泥马的应用。点名批评一下Feedly这种外表光鲜亮丽,设置却像是侏罗纪时代的应用。另外,一个应用中不应该有太多的按钮/选框/对话框样式,一个就够了——直接调用Android风格的控件是个简单有效的办法。
  还有一些开发者,对于细节的忽视实在是到了令人发指的地步,比如说不一致的度量,错误的间距,鬼畜的用色(如我之前的微信Redesign☺),丧病的字体选择……这些都是会令用户感到不爽的细节,作为开发者没有理由忽视他们。
  第七:侏罗纪来客

  如果你的应用是2009年的时候做的,那么你的用户可就要遭殃了……
  这里最先要提到的问题就是Menu键,或者说,菜单按钮的耻辱。我们现在已经有了Action Bar来取代侏罗纪时代的菜单键了不是吗?需要向下兼容也不是个借口,因为如果你设置了适当的参数,那么Overflow按钮就不会在有实体菜单键的机器上出现。当然,你也可以让有实体菜单键的机器强行显示Action Overflow来增加它的可见性。但是,无论怎么样,都不要让菜单键只能通过实体Menu键(在只有虚拟键的机器上就会变成Nav Bar右侧的三个小点)呼出。
  虽然说现在Android最新的API已经到了Lv 18,但是你并不一定要设置targetSdkVersion大到18,只要是16以上就行了。如果你把API设置到Lv 14甚至更低,你的应用就会强制在Nav Bar上显示三个小点,这对于某些设备比如HTC One的用户而言实在是一件不能更痛苦的事情了。
  还有一种情况就是继续沿用Android 2.3甚至更古早的视觉风格。这种App有时候看起来还算挺Holo的,但是当你按下按钮或者列表项的时候,Android 2.3样式的橙色的视觉反馈出现了(如MIUI),或者卷动的时候看到了2.3样式的滚动条,或者载入的时候看到2.3样式的圈圈等等。这绝对不是用户想要的。说道载入时的圈圈,Roman Nurik稍微强调了一下,Holo样式的载入环其实是两个圈以不同的速度反向同时旋转,能够制造出比起单圈更为顺滑的动画。
  第六:纯血的杂种Android

  这里的原则性问题是:不要违背“纯血Android”的规约。
  就和标题一样,这一章的内容是在说,不要从别的平台上搬运元素到Android上。这个问题我在往期的文章里也提到过很多次,这里就不展开说了。几个特别要注意也是常见的错误:
  -右箭头:次级导航在Android上是没有水平方向的映射的。换句话说,次级导航和横向导航是两码事-底部标签栏:对于Android而言,顶部才是属于标签栏的位置-从其他平台”借鉴”视觉样式:Android用户想要的是Android应用
    第五:导航就是我的品牌

  不要试着重新发明轮子。应用中导航在Android中已经有了成熟的定义,把应用名称放在Action Bar中间,或者用iOS样式的Top Bar都是很愚蠢的行为。请直接用ActionBarCompat,如果有需要在更早的版本上实现Action Bar,那么Action Bar Sherlock也不失为一个好的选择。
  另外Drawer是用来放主要的导航元素的,像搜索和设置之类的东西放进Overflow就行了。此外,屏幕内容滑动露出Drawer这种方式也是不建议的(具体请详见之前的介绍文章Android Design趋势——Navigation Drawer)。
  既然这篇文章讲的是误区,那么这里就尤其要强调一下不应该放进Drawer的东西。首先最上面的主页探索购物和个人资料是完全没问题的。中间的搜索应该放进Action Bar,因为这是一个很常见的”动作“,而且不是一个”导航元素”。设置,帮助,关于和反馈都是应该放进Action Overflow的东西另外,广告什么的绝对不要有。也没有必要在Drawer中推广自己的App,这些东西放进”关于”里倒是可以的。至于”我姐妹的朋友有个网站我保证它很有意思请务必去看看”这种东西,趁早删了为妙。
  第四:自制的非Android风格的分享

  首先注意一下,这里提供的三个截图都是正面的例子。
  实际上,强大的应用间分享一直是Android的强项。Android系统也提供了很方便的分享功能(ACTION_SEND)。开发者完全没必要也不应该人为的把分享的目标限定在某几个应用上。另外,自制的符合Android Design的分享功能也是不错的选择,比如右图的Timely,还有没出现在图片中的Pocket,它们针对分享的内容(文章和应用)默认列出了几个比较推荐的分享方式,同时也允许用户点击More来选择其它的应用,免得用户面对一长条的列表不知所措。
  第三:利用WebView来模仿原生应用

  如果你上过YouTube的话应该不难看出,左边的应用整个就是源自YouTube网页版的ADiA播放列表,只不过加了个Action Bar罢了。而右边则是一个很不错的例子,一个第三方的ADiA应用。它采用了响应式设计和原生界面,继承了Google+的评论和话题功能,提供每期ADiA幻灯片的查看功能,还有节目提醒,是一个非常棒的应用。
  利用WebView来模拟原生应用并不是个聪明的选择,因为实际上他的性质是欺骗用户。如果你试图用WebView来呈现Android的核心UI控件,效果不会很好。而且,这么做也会造成运行效率的降低,于用户而言就是不顺滑,反应慢。
  不要仅仅是为了”登陆Android平台”而把一个web app打包成APK发布,Web App就让它以web App的形态存在吧,Android欢迎web Apps。用户可以把web Apps以书签的形式固定在桌面,完全没必要专门发布一个伪装成本地应用的web App。实际上,用户使用浏览器的时间越来越多了,浏览器的平均性能也在不断提升,你并不会因为没有发布本地应用就流失用户。所以完全不必要为此担心。
  当然,并不是说完全的禁止使用WebView。举个例子,GMail就采用了HTML来渲染邮件内容并且效果很棒,四次元之前也一直是采用WebView来进行图片浏览。
  第二:贫弱的首屏交互

  无论对于什么样的应用,首屏的重要性都是不言而喻的。开门见山的要用户注册,使用启动画面都是很糟糕的。用户更希望应用能直接给它带来内容,而登录和注册都最好留到万不得已的时候再做(微博这样的东西除外)。另外,先让用户明白你的应用到底是干嘛的然后再要求注册,是比较合理的。
  而正确的做法则是应该整合流行的社交网络登录选项,并且检测用户是否已经安装了它们的客户端,如果有,就可以直接通过客户端验证登录,能够大大减少输入用户名和密码的麻烦。实际上,你可以做尽可能多的事情帮助用户快速通过注册和登录,而不是让他们感到烦躁。在这方面,整合G+登录的应用的体验就是极好的,我只需要按下登录按钮,选择账户,许可权限就行了,比起国内各种应用的输入用户名/邮箱/密码要便捷太多。
  另外,你也可以采用展示动画/图片幻灯来告诉用户你的应用是干什么的。这方面做得很好的是Next Browser。
  第一:Android≠竖屏手机

  Androi设备千千万,并不是只有竖屏的手机。糟糕的平板支持或者横屏支持只会给你的品牌带来负面的影响(如MIUI自带应用都还没有支持横屏)。
  有很多人确实是会横着用手机的,比如说那些用车载底座/充电底座的用户。横屏支持的方式有很多,请挑选最合适的方案。而且这里的重点其实是,不要强迫用户只使用某个方向的设备。
  另外,Android平板的占有率也在不断变多,虽然手机和平板间的界限越来越模糊,但这可不是不提供平板支持/优化的接口。Android设备几乎囊括了从3″到10″间的所有尺寸,所以合理的利用响应式设计吧,它能提供更为合理的多屏支持。仔细考虑留白,布局和其他设计,不要忽视那些平板用户。只要一两个小时的XML工作就能让你做到很多东西。
  到这里,十大常见错误就都说完了。如果你觉得还有什么常见的错误,请在评论或者微博评论或者G+评论中告诉我。
  自人人都是产品经理。