【编者按】网学网站长新闻频道为大家收集整理了“在一个老外微信PM的眼中,中国移动App UI那些事儿 “提供大家参考,希望对大家有所帮助!
本文编译自Dan Grover的博客,他现在是腾讯微信的产品经理。以下是他从旧金山搬到广州后的近半年时间里,在试用过微信微博等中国主流移动App后,总结出的中美App在设计理念上的差异,并对中国移动App UI的发展趋势给出了自己的看法。
今年夏天,我从旧金山搬到了广州工作,成为了微信的一名产品经理。
搬到一个陌生的国家意味着许多事情要从头学起:比如要讲外语、适应饮食习惯差异等等。然而不到几个月我就惊讶地发现,开头我特别不习惯的东西对我已是轻车熟路。
我的数字生活也经历了这样一个过程。我卸掉了所有我曾在旧金山用过的应用,换上了这儿的人们常用的,首先我作为科技人士本来就好奇心强嘛,再说我来到这生活,当然越“本土化”越好。
有一天,我想找点乐子玩,于是我就在自己的笔记本里一条条列出“中国制造”的这些应用和我在美国用的那些有何不同。写完才发现列了这么长,于是我决定专门写一篇文章,进行一个系统的分析。
复杂的中文输入
·拼音的模糊匹配
中文的输入法千差万别,拼音、手写、五笔到九宫格输入。不同年代、不同成长环境的用户会选择不同的输入法,但总的来说,拼音最受欢迎。
但在中国的网站和 App 上,不管是什么操作系统,你只需输入拉丁字母,不用打出汉字,就能得到大量的中文搜索结果,通过智能纠错和模糊音功能,即使有错别字也无伤大雅。一旦适应了这种模式,就会不由得感慨:为什么其他国家的 App 没有这么人性化呢?
虽说这些应用处理各种汉字输入已经没什么问题,但很少支持英文的模糊输入,比如使用词干提取和探测法等便能处理变音符、标点符号和大写等问题,当然,对于这一现状也情有可原。
·语音信息、语音搜索和语音助手
如果语音能够简单粗暴地解决问题,那还要打字干嘛?在微信一类的 IM 应用中,语音信息的使用随处可见,发语音省掉了打字的麻烦,也为那些对电脑一窍不通的老一辈人带去了便利。其实我个人并不热衷这种交流模式,总觉得停下手头的活儿来听取语音信息远没有浏览文字来得方便,用语音回复也让我很不自在,尤其是在公众场合,看起来颇有装腔作势的嫌疑。
不过,在中国,人们似乎很习惯在公共场合发送语音信息。一边用拇指摁着“录音键”一边微微低头对手机说话的人群随处可见。除此之外,很多应用也支持语音搜索。于今年 5 月加盟百度的人工智能科学家Andrew Ng博士在最近一次访谈中便表示:现在语音搜索已占百度搜索的 10%。
·二维码
在动身前往中国前,我曾在旧金山做过关于美国用户习惯及喜好的调查,并不失时机地亮出二维码,看他们是否知道那是干什么用的。一个女大学生笑道:“这玩意儿是不是那种,用相机照一下就能打开什么神秘网站之类的?”
还有人说他们曾尝试用相机 App 拍了张二维码的照片,但发现没什么反应,后来就再也没用过。“大概是购物优惠券之类的吧”有人猜,甚至担心手机会因此中病毒什么的。我把他们这些反应录下来给我同事看,告诉他们其实二维码在美国一直都没流行起来。
中国人对二维码就完全不陌生了。实际上,二维码几乎无处不在——广告、宣传册、菜单、名片、优惠券、列车的椅子靠背甚至厕所门后边。绝大部分 App 都有二维码扫描功能。打印在广告、宣传册上的二维码也许只适用于某个特定的 App,中国的微信、微博以及其他 App 上都有与特定链接捆绑的二维码,不过不同 App 这间可能并不兼容。
而二维码的下方往往会出现“扫一扫”三个汉字,也就是扫描的意思。我挺喜欢这个动词的,至少比我们的“scan”强,scan 容易让人想起医疗设备什么的。在这里,二维码不仅仅是一种营销渠道,还可以用于添加好友,支付商品或登陆网站。
红色小圆点
在中国,众多 App 的 UI 往往独树一帜地共用同一种元素——一个代表未读内容的红色小圆点。看起来跟 iOS 系统 UI 上那种红色圆点相似,很眼熟,只是没有数字标识。实际上,美国 App 的 UI 从未用过这个元素。这些红色的小圆点在 App 的菜单上随处可见,从左到右、从上至下。通常,如果用户过一段时间再打开某个 App,就会每个页面上都有它们的身影。
这些小红点的意思是:
A. 该处又有了新内容:在社交媒体新闻、电影、音乐或购物 App 中很常见,实际上并不需要用户执行特别的操作,也不必显示具体的数字,只是提醒他们有新的内容出现了而已。
B. 新功能上线:在 App 中常伴着醒目的红色“New”或“新”的字样。
C. 在用户屏蔽了应用的消息通知功能时出现。举个例子,微信聊天被屏蔽后,新消息以红色圆点而不是数字的形式显示。
很多 App 同时使用红色圆点和数字两种通知模式。这算是排列优先级的新发明,因为越复杂的菜单结构就需要越精细的方法去引导用户。一般来说,在同时显示两种元素的情况下,数字会被优先点开。不过,这也加剧了人们玩 App 上瘾的情况。
3. 简约美、门户网站、平台
Richard Gbariel 的经典论文《The Rise Of “Worse is Better”》第一次将软件设计中两种截然相反的观点进行了对比。来自贝尔实验室(Bell Labs)的 UNIX 操作系统和 C 语言例证了“Worse is Better”的观点,倾向于简单小巧、原汁原味并能彼此协调的工具。而由麻省理工学院开发的 Common Lisp、Scheme 和 Emacs 则例证了相对立的观点——“The Right Thing/Better is Better”,后者更倾向于庞大而全面的综合解决方案。
美国本土 App 的演变趋势是将大而全的应用分解成许多专注于单点功能的应用,其哲学更接近于“Worse is Better”。但中国这边的应用则选择了相反的方向。每个应用都在尽力集成越来越多的功能——有些与核心功能融合得颇为巧妙,有些就显得没怎么经过大脑。我只能认为,他们这样做是为了吸引眼球,或者扩大目标用户群。
到这儿我想起来几个例子:
微信之于WhatsApp,简直就是Emacs和VIM的差距。除了用来发消息,还能进行视频通话,新闻订阅,能支付,有个类似印象笔记的收藏夹功能,有游戏中心(有本机游戏),基于 LBS 的找人机制,有类似 Shazam 的歌曲识别服务,还有一个客户端。美国著名软件工程师 Jamie Zawinski 认为,邮件是所有程序必备功能之一,否则就会被其他带有此功能的产品所替代,而微信中恰恰有内置的邮件客户端。此外,微信的公众号甚至能实现用户跟服务供应商的对话,而无需另外下载官方 App。
百度地图有查询天气、搜索好友、旅行向导以及各式各样的支付服务;腾讯地图则可以发送音频明信片。两个 App 均有二维码扫描功能,提供类似“高朋团购”的便捷服务。
中国版的“Twitter”——微博则更为强大,现在用户能发布 10 种不同类型的内容,从长微博到餐馆点评,另外,它也推出了支付功能。
在美国,像雅虎那样包罗万象的“门户网站”在 2000 年左右就已经不行了。类似的新浪、网易、hao123 以及腾讯新闻等同类网站却在中国发展得火热。虽然“常规”App 已具备了门户网站的所用功能,但很多门户网站也推出了自己的 App,相当一部分都非常受欢迎。
·侧边栏“Discover”
美国 App 中一些难以分类的条目往往放在同一个类别中(比如“设定”和“帮助”选项等等),形式大同小异。通常把它们放在最右的“More”选项卡下(带有省略号图标),有时候归类到侧边栏(Hamburger Menu)里,有时候像 Facebook 一样藏在侧边栏的“更多”标签下。
中国应用们有时候也这样使用“更多”选项卡解决问题,但更常见的还是归类到底部导航栏的“发现”卡片。“发现”的图标通常是指南针的造型,整合了一串有趣、但又并非核心功能的内容。
·五花八门的应用商店
很多 App 能够跳转到其他游戏或者 App 的下载界面,比如说链接到 iOS 的 App Store,或者干脆直接下载安装(OTA Install)。这种与流行 App 合作的模式为很多第三方应用商店增添了不少人气。
Android 有超过 10 家大型应用商店。一款 App 的上线和升级需要在每个应用商店一一操作。在 iOS 上除了 iTunes 也有其他商店,我见过有个叫“苹果助手”的,下载时得使用自定义配置文件。此外鉴于还是有很多越狱 iPhone 手机,Cydia 很受欢迎。
> 帐号和登陆界面
·手机号码和验证码登陆
美国网站和 App 通常采用两种登陆模式,一是传统的 E-Mail 作为用户名,输入密码登陆;二是采取 Facebook 或 Google 等第三方账户授权登陆。最近常见美国一些 Facebook 类的社交 App 让用户输入电话号码,通过短信(SMS)获取验证码来登陆。
而在中国,几乎所有 App 都支持手机号码登陆 / 注册(还有其他选项)的方式,包括没有开发移动 App 的网站也支持这种登陆方式。
·二维码登陆
许多网站还支持二维码扫描来登陆相应的 App。二维码的标示符经过移动 App 的扫描后,就能自动登陆到账户上。这在用户不方便用物理键盘输入密码时是个理想的解决方案,比如在网吧上网的用户就可免受键盘记录程序和间谍软件的攻击。
·第三方登录
许多应用还提供微信、QQ、新浪微博、人人网等第三方登录。手机界面通常会自动跳转至第三方 App,经授权之后就可以登陆了。在网站上,传统登陆,第三方账户授权和移动 App 扫描二维码均可使用。
·更多的安全措施
银行网站(还有支付宝)需要一个特殊的浏览器插件才能键入密码,很多银行会发给客户一个 U 盾,不过我实在琢磨不透这玩意儿到底怎么用,只能将其束之高阁。
美国的 App 和网站只有在注册时才会要求用户输入验证码,而在中国,通常注册和登陆界面都要求输入验证码,对安全性的要求相对统一,还有一些移动应用甚至本身就含有验证码的输入选项。
聊天的通用UI
公众号
微信还炒热了“公众号”的概念,为品牌推广和公众人物提供了与大众交流的平台。它们和 IRC 实时聊天(Internet Relay Chat)、AIM 聊天软件以及 SmarterChild 聊天机器人有些相似。银行、移动运营商、博客、医院、购物中心和政府机构都有公众账号,而很多机构甚至放弃了开发独立 App 或移动网站,专心经营自己的公众号。
用户可以发送任何形式的信息(包括文字、图片、语音等)给公众号,同时会收到对方的自动回复或人工回复。聊天界面也与平时相似,只是页面底部会有一个菜单,这是去往账户提供的主要功能的快捷方式(当然,也可以切换回普通的聊天界面)。
此外,所有普通聊天模式具备的功能在公众号这儿都能找到。微信甚至能将语音自动转化为文本,然后再将该信息发送到该公众账号的第三方服务器。公众账号也能用来订阅媒体内容,界面看上去就和 RSS 阅读器差不多。
公众号聊天式 UI 的成功引来众多 App 争相模仿,新浪微博和 QQ 官方账号都借鉴了这种形式。不仅如此,在很多 App 的“用户中心”也能找到这种 UI 的影子。一家名为 Grata 的初创公司甚至在售一种白色标签版的 UI,能应用到各种 App 上。
App 开发者们不仅仅领悟到采用用户熟悉的 UI 是明智的选择,他们压根全盘复制了微信 UI 的全部元素——页面下的三个菜单按钮和推送给用户的“多媒体”新闻布局和微信比起来那叫一个眼熟。
1 2 下一页 查看全文