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

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

5. 聊天的通用UI

  • 公众号

“公众号”跟IRC实时聊天(Internet Relay Chat)、AIM聊天软件以及SmarterChild聊天机器人有些相似,为品牌推广和公众人物提供了与大众交流的平台。它能在中国遍地开花,还得归功于微信。银行、移动运营商、博客、医院、购物中心和政府机构都有公众账号,而很多机构甚至放弃了开发独立App或移动网站,专心经营自己的公众号。

用户可以向公众号发送文字、图片、语音等任何形式的信息,且一定会收到自动或者人工回复。虽然跟普通聊天时的用户界面相似,但有页面底部的菜单有所不同,那里不但简单明了地列出了该账户所提供的诸多功能,还可以切换到普通的聊天模式。

547f0b6bc27c2_middle

除此之外,公众号具备所有普通聊天模式下的功能。微信甚至能在公众账号的第三方服务器接受到信息之前自动将语音转化为文字。而媒体借用公众号定期向订阅者推送新鲜内容,对很多用户来说,界面看起来跟RSS阅读器差不多。

公众号的聊天式UI如此成功,引起了新浪微博和QQ的官方账号以及众多App的竞相模仿,只是形式略有不同。不仅如此,很多App里的“用户中心”也能发现它的身影。一家名为Grata的创业公司还开发出白色标签版的UI,可为任何App所用。

App开发者们不但明白,顺水推舟地采用用户熟悉的UI无疑是明智的选择,他们更是将概念付诸实践,一股脑儿地复制了UI的所有元素——页面下的三个菜单选项和定期推送的“多元媒体”新闻的布局都一模一样。

  • 颜文字和表情

在emojis广泛使用之前,大部分西方App可用的表情符号都是直接从传统的文字表情转化过来的,常用的有15个左右。但为中国用户所熟知的QQ在很久之前就已经有了一套标准化的表情,数量达80个之多,丰富多彩且极具表现力,足以跟emojis相媲美。除了一些基础表情外,还有一些像老外看中国的移动App设计精髓-3 通用ui、颜色、文字、表情老外看中国的移动App设计精髓-3 通用ui、颜色、文字、表情老外看中国的移动App设计精髓-3 通用ui、颜色、文字、表情这样甚至有各自适用的时间和场所的表情。

在中国,任何具有聊天功能的App都会有相似的表情包。QQ创造的经典表情集为后来出现的微信所沿袭,且被无数App所“借鉴”。后来一些大号的动态表情也早就了一道别致的风景,只是亚洲用户跟美国用户比起来,对动态表情没有我所预想的那么痴迷罢了。

6. App在线购物

中国的在线支付在发展最初由于银行所设定的种种繁文缛节而寸步难行。若要绑定银行卡和某个网站,单单一个信用卡账号是远远不够的——用户得从30多家银行中勾选自己的银行,还得填完纷繁复杂的表格。每家银行明摆着都有自己的一套流程,网站除了被动接受别无他法。而正因如此,财付通(Tenpay)和支付宝(Alipay)等第三方支付平台才如此深得人心。

  • 单点登录的移动支付模式

如今很多移动App在银行和其他App之间充当着桥梁的作用,所以用户就不必为繁杂的绑定流程而烦恼不堪了。

谈到这种支付模式,我在美国只有过一次体验。当时在机场,我正为晚上无处安身而发愁,幸好能用Venmo(美国的移动支付App)在HotelTonight(酒店预订服务App)上预付房费,省去了繁杂的信用卡信息输入和绑定程序。

但在中国,第三方支付却再常见不过了。关键在于,众多App已经有内置的支付功能,所以用户不用费尽周折去下载第三方支付软件。

  • 每个App都有在线支付功能

App中的“钱包”页面包揽了所有支付形式,页面上还有其他选项可供选择:

  1. 在App上购买其他服务,比如购买本地服务App的商品。
  2. 在现实生活中只需扫描卖家的二维码就能购买商品。或者反过来,让卖家来扫描买家手机上的二维码来完成支付。
  3. 为好友派发“红包”,跟中国的传统习俗有异曲同工之妙,只是采取了在线形式而已。
  4. 五花八门的支付选项应有尽有。举几个例子,绝大部分有支付功能的App都能用来购买飞机票、彩票、电影票以及打出租车(在美国有Uber,在中国有“滴滴打车”),还能为手机充值,交水电费等等。腾讯App上还有迷你版的京东购物平台(中国著名在线购物网站),还能购买腾讯的虚拟货币Q币。

547f0c41862ba_middle

大多数附带支付功能的App都有相似的三列缤纷多彩的图标,代表不同功能的服务。实际上,很多银行的App也有着类似的布局,用户可以直接为商品支付货款。

  • 盾牌当道,安全支付

任何涉及支付功能的App都在交易安全上紧绷着一根弦。App中通常会有一个标志性的大盾牌图标,赫然立于“安全中心”的页面之上。美国的在线购物网站也曾采用类似的模式,但2000年之后(还记得“Hacker Safe(黑客安全技术)”吗?)就改用了更加隐蔽的方式。

547f0c28af640_middle

其实有相当一部分专门给手机加速、清理缓存、提高安全性,甚至能抵抗恶意攻击的App……多多少少让人联想起Window XP曾经为反抗恶意软件攻击所开发的那些玩意儿。当然了,由于“盾牌”无处不在,此类App便少了些用武之地。QQ图片20141211095006

 

专辑目录

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

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

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

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

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

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

相关推荐

  • 88个IXDC国际体验大会的PPT干货

    88个IXDC国际体验大会的PPT干货 毫无水分的PPT资料,快来下吧。   下载地址:http://pan.baidu.com/s/1gekWpJd 密码:请在 【艾欧交互设计】公众号里回复:【ixdc】获得密码 ​微信二维码见页面底部

    交互设计 2015-12-16
  • UI设计师最该考虑微交互的设计

    前言什么是微交互?微交互是用户在完成某个小任务时产生的交互体验。例如,解锁手机就是一个微交互,手机调成震动模式时会震一下也是一个微交互。为什么称为“微交互”呢?所谓的“微”其实就是指的产品的细节设计。微交互正在成为产品设计中越来越重要的部分。正如同Charles Eames曾经所说,“细节并不只是细节,它是构建起整个设计的基本元素。”你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘...

    2018-04-20
  • 交互设计工作记录(二)

    作者:飞阿婷的交互设计生活 系列:交互设计工作记录 互联网热点引发的思考 对百度用户体验总监刘超事件,怎么看? 首先,他此次的表现的确挺让人失望的,主要是态度问题,不够尊重台下好学且交了学费的设计师们,…

    2016-07-06
  • 从用户体验到品牌形象,营销的道路有多远?

    在数字化时代,如何提升品牌形象和用户体验,是两个营销的核心问题,品牌形象塑造消费感知,用户体验决定消费忠诚。企业重要的战略资源之一是:优质化的内容。而真正做内容营销的门槛极高,唯有真正强大的IP内容,才具有引爆市场与号召市场的能力。什么是营销IP,即知识产权(Intellectual Property),大IP,本身是产业链也延伸,具有黑洞版的吸金能力,是从招牌、内容、产业链等的延伸式营销。举个目前比较火热的例子,电影《魔兽》,根据网络...

    2018-02-02
  • 2017 年你应该尝试的:七个最有前景的设计工具

    随着新工具的发布,现有工具版本的更新迭代,2016 年显然是设计类工具蓬勃发展的一年。在本文中,我挑选了一些在 2017 年值得我们关注的设计工具。这些工具在设计工具类的社区中都拥有着大量的人气,所以挑选出来与大家一同分享。Have Fun!注:本文版权归原作者所有,仅用于学习与交流。

    2017-05-08
  • 【炫酷动效设计】这就是为什么你的产品需要做动效设计

    随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的射鸡师们也开始投身动效设计领域。 但是说到底,我们到底为什么需要…

    2015-08-13
  • 交互设计规范分享:页面信息展示、信息交互和通用组件规范

    本规范按web交互属性分三个部分:页面信息规范、信息交互规范、通用组件规范。

    2017-05-19
  • 交互设计|回复评论功能设计

    力匕小2在思考简单可行的产品方法论阝勹廴匚之前已经写过两篇有关评论的文章了,最近再次设计评论功能,发现“回复评论”的交互设计也有很多细节值得体会,而之前的两篇文章没有提到,所以这篇文章就来分享下“回复评论”的交互设计。我们首先来看下几种评论的展示位置。1. 内容详情页展示全部评论内容如果你的内容比较单一,比如就是一篇文章,而评论内容又比较丰富,浏览性又很高,那么评论内容可以完全展示在内容下方,比如微博的每条微博详情页,今日头条、36氪、...

    2018-03-02
  • UE网APP现已发布:UE小组,致力于自学UE。

    UE小组是为:ue自学者提供一个自学UE的渠道和平台,希望能帮助到大家 UE小组的官网:UE小组 豌豆荚、360市场也可直接搜索“UE小组” 进行下载 现在支持安卓版本,稍晚些支持IOS,请广大苹果用户持续关注。 IOS和安卓…

    2015-05-27
  • 面对未知的产品我们要如何去做?

    当我们遇到这种东西的时候,我们首先一定是要定位用户,要分析用户的场景,用户所遇到的一些情况等等很多问题,分析的方法可以是5W1H也可以其它的科学分析法的模型,什么都可以,这是一个思路,是从几个大的问题开始的。

    2016-02-25