毁掉移动应用设计的6个想当然

   过去几年来,用户交互进化如此迅速,设计师们都快跟不上了——导致在创建移动应用时,从其他媒介(甚至陈旧的应用设计)中照搬交互设计技巧。

  其实重要的是要记住:交互模式和设计要随着媒介的改变而变化。

  这种思想的第一阶段,可见于鼠标键盘的台式电脑过渡到触摸屏的过程中(Apple新推出的3D Touch就是个更加精细的例子)。从全新的交互模式,到微小的交互细节和趋势,每种新的设备、环境、模式和手势,都带来了机遇和陷阱。


  光是了解它们就要费一番功夫——更别说为它们设计了——下面是一些设计移动应用时应当避免的想当然。

  1. 用户总是需要创建账号

  他们不需要,许多时候他们不想、也没有必要。

  作为开发者,除非将用户固化到数据库中,否则很容易把他们拒之门外。但从用户的角度看,这不是光彩之举。

  凭什么要先注册,才能知道里面有什么?这个过程劳神费力,必须得物有所值。

  相反,用户数据可以离线储存,当用户最终决定创建账号时转移到账户中。或者,可以考虑使用“访客”或“试用”模式,开放核心功能(比如下面的Wunderlist),展现应用的功能,但是功能有限,或者带有水印。


  一旦证明了你的应用有价值,用户毫无疑问会决定注册。在那之前,就有点过分要求了。

  2. 用户需要一套教程,告诉他们你的应用有多棒

  让用户使用,借此展现你的应用有多棒。解释它有多好是非常无力的。而且,用户通常都会跳过并忘记引导页。

  浏览了所有说明的用户,并不太理解整个引导页设计。

  如果你一定需要用户使用全部注意力,一步一步浏览引导(有些应用确实如此),那就要尽可能短,并且凭借帮助菜单来呈现。这就有意义多了,即使在用户用了一段时间以后。


  ▲ Flipboard 的引导界面

  3. 不要假设某种方式能适应所有应用

  即使是常见的交互模式,也应该根据你应用的特定环境来评估。

  有个常见的例子,地址输入框里的“省份”下拉选项。由于省份名可以写作几种不同形式,标准的预定义内容下拉菜单有它的合理意义。在这桌面端或许是可接受的(尽管这尚存争议),但对于移动端可用性而言,下拉菜单是最糟糕的选择。

  应用的交互也是强调品牌的绝好机会。如今的应用中,有些非常难忘的品牌“瞬间”,例如从启动图进入信息流时的Twitter小鸟,Snapchat的个人资料图片动画,还有Hopper的加载图片(详见第5条)。

  关键是我们不该迷信久经考验的方法,那不是使我们应用出彩的唯一方式。


  Hopper应用的加载界面。

  4. 应用设计和响应式网页设计是一回事

  虽然响应式设计近似于移动应用设计,但为任何设备设计,与为独立应用设计,有天壤之别。

  用户在移动应用中期望特定的交互模式和界面元素。

  例如,在iOS应用左上角通常有个“返回”按钮,用来返回前一个界面。在网页浏览器中,网站本身就不需要返回按钮了;它通常都被省略掉,因为那和浏览器本身太像了。

  虽然这是很基本且显而易见的例子,从菜单和表单,到“弹窗”和字体大小,一切都有细微差别。我们在网页中的设计,在移动应用中往往显得有点尴尬或粗糙——并非必定是哪里错了,而是它本就不同。


  ▲ TD Bank iOS应用的登录和LinkedIn iOS应用的登录

  比较一下TD Bank iOS版和LinkedIn iOS版的登录界面。

  在TD Bank iOS应用中,你会发现他们主要的UI元素做成了应用的样子,左上角有返回按钮,底部还能看到一栏菜单(与iOS的模式一致)。却没有像应用那样,为登录框本身(和其他页面内容)设计样式。输入框上有默认的iOS圆角和阴影,勾选框非常小,链接带有下划线,UI中甚至还带有版权公告。缺乏应用独有的感觉。

  相反,LinkedIn iOS应用感觉像是个应用,不是因为哪个特定的设计或界面元素,而是因为他们没有把网页打包成应用。他们为应用而设计,而非移动端网页——我们能看出区别。

  5. “加载小转盘”是表达加载中和思考中的正确方式

  默认的加载图标(例如iOS的小转盘,从中心点发散出的灰色线条)似乎有负面的暗示。

  它们不仅出现的不是时候,也作为移动操作系统的一种功能,指示一切事物的状态。从设备开机,到连接wifi出现问题,或是应用加载缓慢。

  正因如此,人们讨厌看到孤零零的一个转盘,没有任何指示信息或时间进度。

  相反,应该尝试让加载感觉更自然——甚至将它隐藏。一种方式是通过占位元素来暗示内容,Facebook就这样呈现时间轴的加载状态。你还可以利用这个机会,在加载指示器和信息上发挥创意,例如在界面上加入一些奇思妙想,或者强调品牌。


  6. 用户首次使用时,会盲目地允许通知

  绝不能依赖操作系统默认的“允许通知”对话框。这个无脑设计会绊倒无数移动端设计师。首先,它并没有说得足够清楚为什么应用需要获取权限,让它能随时随地侵犯用户隐私。

  相反,应该在应用中设计一个自定义的“允许通知”界面。

  永远都要告诉用户你的通知有多么重要(尽可能给他们展示例子),并且向他们保证不会有不必要的垃圾信息轰炸。

  一旦用户理解了应用通知的价值,谨慎提供原生的、基于系统的弹窗——他们会立刻看见,不会把事情搞得一团糟。


  一款广泛宣传的新近应用Peach就做得很完美。

  它第一个“允许通知”对话框看起来很像真正iOS系统对话框(但并不是),他们解释了“为什么”需要通知,消除了疑虑。用户点击“允许”之后,就会看到真正的iOS系统对话框(相比之下,这个没用多了)。


  7(还有更多)

  人们对应用界面的期望更多了,标准正在水涨船高。

  对于基于应用的公司,不当地忽视细节会损害应用的接受度——甚至会破坏你与用户的关系。

  以上6个想当然还只是开始。如果想要继续深入,要学着留心和避免日常的假定。小心不要想当然以为自己知道什么界面最适合——始终都要努力寻找最佳方案。

时间: 2024-12-20 17:02:06

毁掉移动应用设计的6个想当然的相关文章

用户研究经验谈:交互设计避免教条主义与想当然

文章描述:细说"用户分类":如何避免教条主义与想当然. 今天学习白鸦的微博时看到一段话,颇有共鸣:"下午又被问道:你这个产品的用户年龄主要集中在多少? 我又没具体回答上来.因为真的不关心,我只知道在大网购人群里面就行,相对于年龄这样的人口属性我更关注用户的行为属性,比如他网购的被动和主动比例.是不是喜欢比较.平均消费额.消费类目.上网时间.上不上微博".恰巧前几天看到Shimu的博客上也在讨论这一问题,谈及了对一些流行的用户分类方法的质疑,加之在我的工作中也经常遇到

高品质的网页设计: 实例与技巧

提升网页和博客设计品质的一些实例和技巧 "高品质"是所有人追求的目标,在网页设计的世界中也不例外.不过何为"品质",如何判断一项设计的品质是好还是坏?笔者恰好有一套找出网页设计中品质焦点的方法.一旦你了解到如何判断一项高品质的设计究竟好在哪里,你就掌握了让自己的设计更趋完美的大量技巧. 接下来我会给大家列一些要点,并附上相应的例子,与大家分享一下我在别人的网页设计中寻找"高品质"的过程.   01. 留白 在好的网页设计中我最留意的是那些对设计元

有哪些方法可以突出网页中的关键内容?

  我有特别的抢眼技巧!今天的好文非常值得拜读,@飞屋睿UIdesign 同学从对比.色彩.字体.留白等方面帮同学们将最关键的内容呈现出来,文末还附上一个特别有效果的检测方法,一眼就能看出你的网站是否合格,周末来充电吧. 对比:引发兴趣 为了更好地理解对比在网页设计中的作用,我们先解释下什么是对比.对比就是在一个相对封闭的环境里发生的某种元素间的一种关系. 只是稍稍对字号大小进行调整,或对色彩进行更改,就会马上改变整个界面的视觉效果.例如,当你看到下面这个网页时,把浅色的背景换为深色,首页引人注

11个最好的UI设计

  UI设计可以成就或者毁掉你的网站和应用:怎么做才对呢? 在网页设计中,好的用户界面和UI设计的宗旨在于帮助用户尽可能简单和高效的完成特定任务.虽然视觉和感受也很重要,但是好的UI设计的核心永远是功能:对于导航来说,必须是达到不可见的直观.只要用户会迷路或者不知道去哪儿,这个UI设计就是失败的. 一些例举的网站和应用可能有不同的设计原则和功能,但是它们有一个共同点-高效的UI设计,完美解决上面的问题甚至更加到位.让我们来看看它们是如何做到的. 01.栅格 Grid 应用"栅格"顾名思

令网站看起来不专业的十个设计误区

  在这个奶茶店都有个响应式网站的时代,你没有网站似乎是一件说不过去的事情.不过当你考虑到自己可能仅仅只是个人名而非名人,你的店铺也算不得什么知名大厂,随便开个网站再说,等影响力扩展到前面十字路口的时候再找个美工什么的做5块钱的设计. 是吧,你就这么想的? 我就不深入吐槽了,实际的情况可能比你想象的要稍微--复杂一些.不管你是不是一个羽翼未丰企业的领导,专业的网站能为你带来的东西比你想象的多很多.退一万步来说,"考虑到我们是一个小厂",粗糙的网站也许能被用户理解,但是不一定能接受.每天

先掌握科学有效的UI设计自学姿势

  这可能是有史以来最值得阅读转发的一篇UI设计自学指南.作者是个全栈设计师,在临摹了大量教程,掌握了PS.AI等软件后才发现自己对于真正的设计一无所知,因此写了这篇文章,希望能帮大家用正确的方式学习UI设计,不要本末倒置,在错误的路上浪费时间. 写给UI设计初学者们 几乎每隔几天我便能在简书或其他各类设计网站看到关于自学UI设计的分享文章.这些文章有一个共同的特点,就是描述作者如何从一个零基础的设计小白,通过种种途径,成长为一个熟练掌握PS或AI的设计达人的,亦或是分享了一堆有参考价值的设计类

登录表单设计的新思路

  登录网站已经融入到大多数人的生活当中.也许是登录操作太过频繁,在这个过程中常常出现这样或那样的问题,比如,忘了密码,用户名或注册的邮件地址. 这样的经历不只让我们感到挫败,而且对企业也有不利影响.到底有多糟糕的影响呢?网站User Interface Engineering对主要的网络零售商进行了调查,结果显示,45%的客户在这些系统中进行了重复注册,每天有160,000人进行了找回密码的操作,而一旦他们寻回密码之后,75%的客户再也不会完成之前的支付. 没有登录的访客无法看到网站个性化视图

什么让网站设计出了问题 浅谈用户体验的“反面模式”

作为网站的一个用户,你也许时常会发现,使用网站时,有些东西很令人厌烦.例如一个登录的表单,或是导航,或者是整个网页应用,都有可能让你难以完成一项任务.是什么原因让网站的设计产生了这些问题? 答案是复杂的.首当其冲的问题是,设计师们可能忽略了很重要的一点:对实际用户进行测试.这个问题的原因通常是,设计师想当然的认为,他们自己知道如何处理好网站某一部分的交互细节.因为很多设计师觉得,他们已经在其他案例中看到过类似的交互,原设计者肯定已经测试过,为什么多此一举呢? 拿来就好.于是,我们频繁查看别人写好

一流设计专家:网站设计必知的65条原则

设计 网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍.应该避免做什么.应使用什么工具软件以及他们喜爱和厌恶的网站. 01 明确内容 如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么.你的整个设计都应该围绕这些方面来进行. 02 抓住用户 如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的.不要让用户失望而转向你的对手的网站. 03 优化内容 内容是核心.大