老外看中国的移动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

相关推荐

  • 一个案例告诉你如何用尼尔森10原则分析产品

    本文仅代表作者个人观点,仅供学习交流使用。

    2017-06-01
  • 创建用户友好型表单 Creating User Friendly Forms

    好久不见,由于懒惰好久没有翻译文章了,这次翻译一篇关于表单的很基础的文章。有些例子较牵强,大家可以有选择性的看 原文地址:https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2 作者:Momo…

    2018-04-18
  • 4K已至,保障用户体验是成功的关键

    4K技术介绍1.1什么是4K分辨率图像的大小一般用像素分辨率来表示,例如1920*1080的分辨率就意味着图像是由水平方向每行1920个像素以及垂直方向每列1080个像素组成的。出于方便交流的原因,业界也常常以图像水平方向上的像素值来表示图片大小,而且为了简化交流过程,一般情况下会用“K”来描述像素值,其中1K相当于1024个像素,几K就是指图像的水平方向每行像素值达到或者接近1024的几倍。以此为标准,4K图像就是指水平方向每行像素值...

    2018-04-04
  • 走进交互设计——感受生活中的交互设计

    交互设计交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的…

    2017-08-01
  • 新手学交互----必看书籍之《微交互》

    最近有很多童鞋想学习交互设计,问我有什么好的书籍可以看看,今天小编为大家推荐一本好书《微交互》---细节设计成就卓越产品。由Smart Design的交互设计总监Dan Saffer所创作的,通过这本书展示怎么设计微交互,即…

    交互设计 2015-04-29
  • APPLE WATCH 中文手册:APPLE WatchKit Apps--表格

    本文翻译自Apple Watch Programming Guide:WatchKit Apps--Tables,敬请勘误。 使用table展示内容可动态更改的列表数据。WatchKit 仅支持使用WKInterfaceTable类的单列表格。想要在table中展示数据,需要先为数据…

    2015-06-15
  • Axure产品原型在手机上运行的完整教程

    图1 模拟丁香园的高保真原型在一般的开发工作之前,我们通常会设计产品原型,大部分为axure绘制的线框图作为产品的PRD文档,供UI和开发进行前期工作,但是有的时候客户、领导想在开发之前,看到产品的概貌,就必须做产品的高保真原型进行模拟,这时如果做出来的原型能运行在手机端,那再好不过,如图1(注:上图是仿照丁香园的家庭用药,做的一个高保真原型,算是免费给丁香园打广告,是不是考虑给我点广告费?哈哈)。原型制作软件有挺多,不过个人使用之后,...

    2018-03-06
  • 程序员如何应对「给我弄个网站吧」的请求?

    点击上方“程序人生”,选择“置顶公众号”第一时间关注程序猿(媛)身边的故事编者按:昨天,我们在这篇《“你是程序员,帮我修个电脑吧” “不会,滚”》的文章中,发起了个投票。结果发现三个选项中,打败「修电脑」,位居榜首最令大家“抓狂”的选项,竟然是「我想要创业,你帮我建个网站吧,就像淘宝那样的,一定很好做吧」。一般,遇到此类情况,我们可以选择两种处理方式:第一种,直怼式。例如:“我给你1000块,你帮我做个淘宝,就和马云的淘宝一样的” “你...

    2018-04-08
  • 【用户体验】“跳一跳”游戏的体验

    伴随着微信的升级和重点推荐,小游戏“跳一跳”一夜成为中国互联网的全民爆款休闲游戏。不仅周围的同事、连身在老家七八线小县城的小学同学都在乐此不彼的刷屏和相互竞技。如此如火如荼的燎原之势,除了有微信这个强大的平台效应之外,当然也有一些“跳一跳”自有的吸引力蕴含其中。今天,就和大家一起来聊一聊“跳一跳”中的游戏心理学。第一,尝鲜心理。追求新鲜事物,是人类的天性。任何时候,人类都从未停止过尝试新鲜事物的脚步。而微信,作为一个8亿+的社交平台,“...

    2018-02-26
  • QQ空间是怎么设计直播功能的?

    什么?空间也做直播了!没错,在当今直播的热潮下,国内外的直播产品大都是基于陌生人的关系链,且内容结构与视觉效果同质化严重。如何让用户更好的分享生活?如何为用户提供差异化的内容消费?如何给用户更多新鲜趣味的互动玩法?这是我们做直播希望解决的问题。
    Qzone依托自身优势,另辟蹊径地发掘基于好友关系链的直播场景。与此同时,我们不断探索更符合空间用户直播的设计形态,发掘与竞品的差异点,寻找直播的下一个突破口,通过系统化的设计,为用户提供非一般的直播体验。

    2016-07-27