老外看中国的移动App设计精髓-1 ui设计的十大精髓

摘要:本文作者Dan Grover用最直接的方式体会了中国移动互联网的发展。这是一个外国人眼中的应用UI在中国的趋势,基本反映了当前国内UI设计的状况,从他的所感所想中,认真审视这些在别人看来,我们自己身上所拥有的精髓。

本文的作者Dan Grover现任腾讯微信产品经理,在学习中文一年左右并在广州工作近半年的时间里,用最直接的方式体会了中国移动互联网的发展。从微博微信到淘宝、各大安全软件、应用商店,他几乎尝遍了所有中国的主流移动App。这是一个外国人眼中的应用UI在中国的趋势,基本反映了当前国内UI设计的状况,从他的所感所想中,认真审视这些在别人看来,我们自己身上所拥有的精髓,以及那些颇具玩味的明潜规则。

以下为译文:

今年夏天,由于工作的原因,我从美国旧金山搬到了中国的南部城市广州,阴差阳错地当上了微信(WeChat)的产品经理。众所周知,微信可以说是中国最风靡的IM应用之一。到一个新的国家就意味着新的生活——习惯新的语言、饮食、消费和出行方式。然而没想到的是,短短几个月的时间,我就融入了这样一个起初让我无所适从的陌生国度!

547ecbc22e24a_middle

同样习惯的还有中国的数字生活。学着使用中国用户常用的移动App,不仅仅是出于职业习惯的好奇心,也是为了尽可能地融入本地的氛围。习惯之后,甚至对这些改变都熟视无睹了。一天,闲来无事,我列出了一份长长的清单,来记录我在美国使用和开发过的App,以及在中国使用的应用,并将两者进行对比。清单的长度远远超出我的预想,于是我决定专门写一篇文章,进行一个系统的分析。

1. 复杂的中文输入

  • 拼音模糊匹配

中文的输入法千差万别,从拼音、手写、部首到颇具怀旧风的九宫格输入等,花样百出,尽管不同年代、不同成长环境的用户会选择不同的输入法,拼音输入却还是最为常用的一种。

但在中国的网站和App上,并不需要以上任意一种的输入方式。打开任何操作系统的搜索界面,只需输入拉丁字母,就能得到海量的中文搜索结果,通过智能纠错和模糊音功能,即使有错别字也无伤大雅。一旦适应了这种模式,就会不由得感慨:为什么其他国家的App没有这么人性化呢?

547ecf5e143a1_middle

中国的App甚至强大到能处理各种各样的中文输入,真是蛮拼的。但很少支持英文的模糊输入,比如使用词干提取和探测法等便能处理变音符、标点符号和大写等问题,当然,对于这一现状也情有可原。

  • 语音信息、语音搜索和语音助手

如果语音能够简单粗暴地解决问题,那还要打字干嘛?在微信一类的IM应用中,语音信息的使用随处可见,在撇除打字的麻烦之余,也为那些对电脑一窍不通的老一辈人带去了便利,给他们省下了不少力气。其实我个人并不热衷这种交流模式,总觉得停下手头的活儿来听取语音信息远没有浏览文字来得方便,向别人回复语音信息也很不自在,尤其是在公众场合,看起来颇有装腔作势的嫌疑。

547ed4ef10a82_middle

不过,在中国,人们似乎很习惯在公共场合发送语音信息。一边用拇指摁着“录音键”一边微微低头对手机说话的人群随处可见。除此之外,很多应用也支持语音搜索。于今年5月加盟百度的人工智能科学家Andrew Ng博士在最近一次访谈中便表示:百度搜索的10%均来自语音输入。

  • 二维码扫天下

在动身前往中国前,我曾在旧金山做过关于美国用户习惯及喜好的调查,并不失时机地亮出二维码,看他们是否知道那是干什么用的。一个女大学生笑道:“这玩意儿是不是那种,用相机照一下就能打开什么神秘网站之类的?”

还有人说他们曾尝试用相机App拍了张二维码的照片,但什么都没有发生,之后就再也没用过。“大概是购物优惠券之类的吧”有人猜,甚至担心手机会因此中病毒什么的。我把这些不同回应的录像拿给我的同事看,大家都更加坚信美国对二维码来说恐怕永远无法成为一片沃土。

547ed6b838487_middle

中国人绝对不会对二维码感到陌生。实际上,二维码几乎无处不在——广告、宣传册、菜单、名片还有再熟悉不过的优惠券上,甚至会出现在列车的椅子靠背以及洗手间隔间的门后。绝大部分App都有二维码扫描功能。打印在广告、宣传册上的二维码也许只适用于某个特定的App,中国的微信、微博以及其他App上都有与特定链接捆绑的二维码,但如果用外部扫描器的话,很可能无法链接到某个App上。

547edb2db4e25_middle

而二维码的下方往往会出现“扫一扫”三个汉字,也就是扫描的意思。每次看到这几个汉字,我都会联想到三录仪和医疗设备什么的。在这里,二维码不仅仅是一种营销渠道,还可以用于添加好友,支付商品或登陆网站,非常方便。

2. 疯狂的红色小圆点

在中国,众多App的UI往往独树一帜地共用同一种元素——一个代表未读内容的红色小圆点。看起来跟iOS系统UI上那种红色圆点相似,很眼熟,只是没有数字标识。实际上,美国App的UI从未用过这个元素。这些红色的小圆点在App的菜单上随处可见,从左到右、从上至下排列成一道独特的风景。通常,如果用户过一段时间再打开某个App,就会每个页面上都有它们的身影。

547edbe2b6292_middle

红色的小圆点往往意味着:

  • 新内容加载成功:在社交媒体新闻、电影、音乐或购物App中很常见,实际上并不需要用户执行特别的操作,也不必显示具体的数字,只是提醒他们有新的内容出现了而已。
  • 新功能上线:在App中常伴着醒目的红色“New”或“新”的字样。
  • 用户关闭了App全部或部分通知功能时出现。举个例子,微信在静音时,新消息以红色圆点而不是数字的形式显示。

很多App同时使用红色圆点和数字两种通知模式。App菜单上排列的选项让人目不暇接,用户正需要这样方便的设计来引导他们。实际上,多数开发者都认为数字提醒过于扎眼,因此这种惊喜的绝佳创意也成为了多数App的必备元素。有趣的是,在QQ上,如果拖拽数字标识(而非红色小圆点),它们就会从一小股烟雾中消失不见。QQ图片20141211095006

专辑目录

老外看中国的移动App设计精髓-1 ui设计的十大精髓

老外看中国的移动App设计精髓-2 花样功能、应用商店

老外看中国的移动App设计精髓-3 通用ui、颜色、文字、表情

老外看中国的移动App设计精髓-4 定位、下载、广告

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/1851/

(0)
Smiler李想Smiler李想
上一篇 2014-12-11 09:55
下一篇 2014-12-11

相关推荐

  • 产品原型设计之交互体验的思考过程(一)

    我有两种方式 来建立这种认识。
    简单而迅速的方式是用一句话把它写出来,包括我要设计什么,要遵循哪几条设计规则,尽量使用最简单的术语。然后,在面对设计功能对照表而犹豫不决时,我就会暂时停下来,问我自己:“做这个表是为了什么?”这个描述是我判断设计是否简单的基准。在做一些比较小的设计(大型网络中的一个页面)或者在我多多少少了解到设计背景的情况下,这种方式都是很奏效的。
    更好而花费时间更长的方式是描述我希望用户拥有什么样的体验。具体一点说,就是描述用户的使用背景,以及我的设计怎么满足用户在该情下的需求。在设计一些大型啊项目时(比如整个网站或者移动设备),这种方式很适合,因为我这种方式可以让我深入透彻地考虑到每一个细节。

    2017-05-23
  • 交互设计真的很难学吗?

    头几年的时候提到交互设计,大家的脑海里面都会莫名的飘过一张流程图。现在重新提起来交互设计,甲方+老大都会先问你这个产品的场景是什么?为什么大家都开始注重场景,场景究竟是个什么东东?今天给你介绍点干货。…

    2017-08-04
  • 【原译】迪士尼中的UX(下篇)

    上次有简单介绍迪士尼十二原则的基本概念,这篇文章则是韩国pxd设计小组与迪士尼设计大师Glen Keane先生的一次更加深入的访谈与讨论。 在正式开始这篇文章之前,先给大家稍微展示动画《Duet》中的一个小片段。《Due…

    2015-10-27
  • 沃尔沃自主驾驶概念交互设计欣赏

    沃尔沃自主驾驶的概念交互设计来自设计师Keke Le用户调研 |  HMI设计 |  UE/UI设计 |  HMI培训  |  HMI评测  | 体验咨询

    2018-03-21
  • [高级交互设计教程]如何创建一个信息构架?

    本文译自Donna Spencer所著《A Practical Guide to Information Architecture》,第18章。 本书主要对信息构架及其设计进行了一些入门的理论和实践介绍,其中包含了一些作者自己的方法,和业界采用较多的方法。无论…

    交互设计 2015-01-26
  • 被忽略的交互设计本质

    谈论交互设计本质是起源于日常的很多谈论,不管是向朋友介绍自己从事“交互”相关岗位,还是需要向亲戚通过三言两语解释自己的工作内容;甚至在工作的上下游沟通中,也经常会被问道“你怎么就判断用户是这么想的”“产品如何从0(概念)到1(页面界面)的”;这些问题促使我想要追本溯源,捋顺一下交互的由来、工作内容,以及依照什么方法执行等问题。(1)把冰箱门打开→ (2)把大象放进去→ (3)把冰箱门关上(1)要充值的手机号码→(2) 确认充值多少钱(用“确认”是因为很多软件提供了默认金额)→ (3)付款搞定。

    2017-05-15
  • 前辈经验!聊聊新人设计师最容易遇到的12个问题

    身为设计师,我越来越意识到只有整个设计师圈子的能力和氛围都起来了,我们每一个小分子才可以好起来,大家学习的积极性也比我大学时期(07年-11年)好太多,那时的我都完全没有要逛设计论坛学习的意识,所以当我看到谁年纪轻轻就已经那么牛逼了,我就很后悔,当年我为什么就没有逛论坛自我学习的意识呢,要不然我早就走向人生巅峰了,当年自己怎么那么井底之蛙,资源有限,信息闭塞,也没有人叮嘱我要怎么去做,也没人给我指出问题所在。现在有这么多好的学习平台和机会,而我也确实看到了很多设计师存在的问题,所以我总结下来,希望对大家有所帮助,不要像我当年那样活在自己的世界里,落后别人一大截。

    2017-05-26
  • 搞定APP着陆页优化的超实用原则

      你应该知道着陆页的分析方式,一个比较客观的方法是使用GoodUI(http://goodui.org)清单来提升和衡量着陆页。最优化着陆页几乎是不可能的。将着陆页最优化几乎是不可能的,但如果你正在为移动app设计一个着陆页,…

    2015-07-28
  • iOS10 交互设计启示

    导读:本文用交互设计的思维对iOS10的新特性进行分析。撇开平时我们考虑的界面排布,页面元素等问题不谈,将视角转移到屏幕外的东西:如时间维度的,空间维度的,手势操作等等,以提升我们的用户体验。本文作者是蘑…

    2017-08-04
  • 做你老婆,用户体验真差

    洞见(DJ00123987)——不一样的新闻,不一样的故事,数百万人订阅的微信大号。点击标题下蓝字“洞见”免费关注,我们将为您提供有价值、有意思的延伸阅读。作者:青蓝来源:青蓝(ID: qinglansz)没错,这是一篇真诚的吐槽贴。鉴于各位直男的脑回路和女人差异较大,常常不能正确理解老婆大人的本意,今天我特意以你们最爱的电子产品——手机为例,给你们分析一下老婆们的用户体验。01. 外观差评,后盖鼓起,前屏磨花,说好的金属漆还掉了色。小...

    2018-03-25