赞助商
立即赞助

了解这10个差异,做海外产品设计不用慌!

产品经验3年前 (2021)发布 流光
2.4K 0 0

时至今日,随中互联网产品的飞速发展壮,越越多内产品划向海外扩展,远的早就布局海外市场的微信,近的也超人气产品抖音。阅文集团近两也持续海外业务发力,Webnovel 将中优秀的小作品展给全世界的读者们。那么,当我们设服务于海外用户的产品的时候,发一些外产品设计和中国太一样的地方呢?今天我们妨从牌视觉、字体、特性功及产细节等多个角来分析这些可存在的区别。

文章目录

  • 品牌视觉
  • 字排版
  • 闪屏
  • 小点
  • 权限获取
  • 用户等
  • 消费系
  • 产细节
  • 总结

品牌视觉

颜为用户接触产品时对产品的一感,任何产品在对待彩个问题上非常慎重,大部分的产品是基品牌主或通情绪板分析得出的。通常一个以女用户为目标的产品选用粉,而一个主打科技概念的产品肯定逃不蓝或绿。

了解这10个差异,做海外产品设计不用慌!

有人统计2015年 App Store 免费榜下载的前200个产品的 icon 颜,将它们分类成红系、绿系、蓝系以及黑白灰系。以看出在世界范围内,和国内一样,红系和蓝系的产品依旧是最安的选择。果做细分的,橙、黄、粉、紫等颜也不罕见,与国内产品纷纷扎堆选择「科技蓝」与「喜红」形成反差,在国内的前100名产品中只有5款绿产品而根找不到黑白灰系的产品。时不难得出一个结论:倘若你的产品想从 App Store 列表中快速区别其他产品,选择绿或者黑白灰系不失为一个机智的选择。

值得一的是,极简义在美欧等国备受推崇,相应的黑白灰或单色调应会相当见,但在国黑白灰可说是一种禁忌。而在东南亚、南欧及南美,这些地区有着热情与开放的,在钟情丰富多彩的配色同时并没有那么多的颜色禁忌。

了解这10个差异,做海外产品设计不用慌!

在国的「丧」与国外的「极简义」融合之后,年轻人会通过黑白灰配色来标榜个性。

建议:如果通过理性分析得出的色彩方案,其实不必太过纠结,过多视觉禁忌的提下,海外用户的接受程度很高的。家可以尽胆的用色,只符合自己产品的调性即可。同时注意与同类型产品之间的区分与竞争,毕竟视觉领域,与众不同一加分项,能帮产品从诸多产品中脱颖出。

接下来说说祥物与标志。

了解这10个差异,做海外产品设计不用慌!

上图是在网上流传很长时张图,充分展现了日美三国图形设计特。不难发现国内企业动物或祥物有着特殊钟爱,欧美企业倾于用各形状或抽象图形来作标志,日本企业几乎色都是英文。日本在明治维新后开始大量吸纳西洋技术,其也括部分文和语言,而日本级财团或企业大多也是诞生在那段时,为了响应国内全西化号召,另也是相有国化视野和前瞻性考量,所以大部分企业都是用了西文母来做品标志,后来公司也延续了这「国民习惯」。

而欧美其实也并不像上图中所表达出来的尽用图形,也会有西文词(比如诸多奢侈品牌、可可、高等)或动物形象(比如 Twitter、Evernote等)作为标志, 不过最终都会把这些形象图形化,这也正说这些国家和地对不同形式的表达受度更高。

了解这10个差异,做海外产品设计不用慌!

那为什中国的互网产品偏爱使用动物作为标志呢?这大概是因为这些动物是乎无人不知的,可爱、亲切的形象更容易被广大的用户群体受,也更容易被人记住(比如多国内的互网产品倾向于用叠词作为品牌,比如探探、陌陌、脉脉等)。而且另一方面可以出有着比较显的从众心理,当某个产品获得成功,有些产品倾向于学习这款产品成功的模式而非另辟蹊径。

建议:当我们需要推面向世界的产品时,更具国际化、更有通用艺术价值的形象更容易被最大的用户群接受,果单独从某个具象的角度切,难免局,果造型爱则容易只抓取到喜欢「爱」个特点的用户,复的图形也不用户的忆。

字体排版

文字排版的目的在提高信息获取的效率,在方面应该是设计师能够欢欣鼓舞的一个部分,因为西文世界有着比中文得的屏显字供选择,其字家族也相应的富得,我们也能更加充分的用字的特去服务产品,提高信息效率。么我们在外产品的文字排版中有哪值得注意的部分呢?

与中同,同样的容许中两个字的宽就可实现了,英则可需要很长的宽,更他小语种了,因此我们要考虑屏幕的宽及适配,一行之要显示过多的容或模。

文的字体排版相当多的玩法可供试,比如作品通常会使用意利体( Italic aka. 斜体),小型写字母的广泛使用( Small Capital ),段落文本首字母下沉。

注意不系统默认体表现,如要嵌入第三体,确保已经获授权。

充利用字体家族的字重选择,提高内容的层划,提高阅读效率。

了解这10个差异,做海外产品设计不用慌!

△ Medium 的 Design Lead 通过大量的测调出最佳 web 呈现方式的下划线。

产品整质感和品质的提升是积少成的,而精良的字排版则是优产品的重要组成部分。良的排版不一定能帮助你更地理内容,但确让你使用感更,从而能更加积极地对验做出响应。

闪屏

闪屏即是 iOS 人机互指(下文简称为 HIG)中提到的「Splash Screen」,不它出现在 HIG 中是以反面形象出现的,HIG 指出:

Don’t advertise. The launch screen isn’t a branding opportunity. Don’t design an entry experience that looks like a splash screen or an 「About」 window. Don’t include logos or other branding elements unless they’re a static part of your app’s first screen.

对产品冷启动之呈现给用户的界面,Apple 希望个页面承载的是「缓用户等数据加载时的焦虑心情」,建议将 App 首页的骨架结构以图形式呈现出来,而不要对个页面进行任何美化、包装、宣传等行为。

然而在国,机智的商人们开始对这空白区域打起了意,大纷纷利这区域进行牌宣传或情怀展示,如微信的启页,又如浪微博的启页。更有甚者,是目前最众周知的做法,几乎每国产都开始利启页进行商营销,已经成为了很多产可或缺的收入之一。

了解这10个差异,做海外产品设计不用慌!

△ 海外流产会将启页于牌展示,而右边两个 Facebook 产都严格恪守着 HIG 规范

海外的产品中,尤其欧主流产品中,未见到过利用启动页营的案例,绝部分都简单的品牌宣传。一旦应用内加载完毕就直接入了产品,内部分产品都需看这概3秒左右的「广告」,即便它提供了「跳过」的选项,也对用户体验的损害,既然可以跳过,明产品的内已加载出了,这种况下还需我多点击一下跳过?不过内市场已形了这样的氛围,明这操作的确对产品与企业价,那么设师就需思考如何将商业利益用户体验之间的平衡拿捏好。

议:海用户品需要在商业利益与用户体验做个抉择,确保在尽可能降低用户使用品体验前提下做到利益最大化,减少展示时长或将品与销结合会是个不选择。

小红点

相信个文互联网用户 App 里小红都不会陌生,小红在国内很多应用承载着可能与用户关联不大,甚至伴随送出现场景,用户使用从某些意义上来说是打扰。而需要说明下是,我们在这里说到小红不是 App icon 上带数知数,而是界个个小红,以微信为例,从功能度来讲,小红常被用于提示不要新消息以及屑引导(引导用户使用指定功能)。而微信已经是品设计上比较克制 App 了,你常不难辨小红意图,是在其他很多品,红已经被滥用了,大多带有广以及品功能曝指性。

了解这10个差异,做海外产品设计不用慌!

而在海品,要找到我们所指「小红」不容易,在带有社交功能品可以常见数提示「Badge」,也是知数,如出现了小,从品含义上也很容易观了解到它含义,大部分场景是用于提示有新变化,比如 Twitter 时线如有更新,会有个蓝色小 Badge,又比如 Youtube 订阅内容如有新内容出现,也会有个红色小 Badge。

了解这10个差异,做海外产品设计不用慌!

议:勿滥用小红,如要使用,需谨慎考虑使用场景与目,需局限于红色,Badge 核心作用是将和用户密切相关内容提示用户。

权限获取

了解这10个差异,做海外产品设计不用慌!

到中特色产品设,相信对产品体验一求的同学对很多产品的「启动权限三件套」会感到不爽。试过当下载一款新软件,一打,它就请求获得的通知权限,还出决策它马又请求的通讯录权限(这象微信起之后逐渐消失),如果手速够点击了同意或拒绝,它马又会求获取的理置权限。举令人震惊的例子,假如听歌儿点腾讯投票的小程序,它会将的音乐暂停了,也明它取得了的音频播权限,会点诧异:什么一投票程序会需我的音频权限呢?类似这样的一顿操作之后,如果不什么非用不可的产品,我除了删掉它已别的法了。

iOS 应用可以拒绝权限请求,可在安卓端,如你不意开启权限很可能法使用这款应用。如此有违用户体验现象在国也常见吗?有,是情况好很多,国品在启动 App 时候除了请求知权限,很少有「连击」、「三连击」情况存在,而国已经在品设计阶段将权限请求分类好,根据不类型和场景来具体分析权限获取。

了解这10个差异,做海外产品设计不用慌!

△ Google  Material Design 定义获取权限原则

只有直响产品使用的权限在一开始请求(比如网络入权限),而其权限需要获取的候则最好基于使用景(上传头像申请获取访问相册权限)和一定的前置教育(先告诉用户为什需要获得这个权限)。当用户受被尊重了,然也不会因为一些简的问题而流失了。

建议:除非影响产品功能使用,则不主动申请非相关权,其他大部分的权获取要合上下文或者辅以适当的告与教育。否则用户因此拒绝权要求或直接删掉应用,是非常得不偿失的。

用户等级

接下来我们看看一个国内外显著的区别——处理用户的等级的方式,而国人最耳熟能详的用户等级莫 QQ 的等级,还得小时为等级变高,不少小伙伴用手机或电脑挂着 QQ,刷一个个的星星月亮太阳。在之,似乎每一个产品在对应的用户系中加等级模式,屡试不爽,似乎我们每个人渴望着比别人看上去更「高级」。

了解这10个差异,做海外产品设计不用慌!

种偏游戏属的功能在外的应用中属罕见,笔者不太确定是否世界的用户和我们一样有着相同的等级区分意愿,据说,因为国内有大量的用户在现中面临无法向上阶跃升的困境,只寄托在虚拟世界出人头地。而对出产品来说,一方面在外应用产品设计中极少进游戏化设计的功能,另一方面也不清楚是否有其他政策或文化的风险。不说到底,样的功能是为盈而设计的,外也不完没有功能,只不他们把用户区分成用户、、高级样的订阅或,而区分身份的因素大部分和付费情况相关。而各种身份之间的区别有为详细的规则说明,让用户一目。

建议:户等级作为一种游戏的设计,难确定海外户的好,可进行A/B测试进行验证。为规避潜在未知险的方式就是将规则透明,并户够轻松的获取这些信息和了解规则,这样的确有助于满足同户的虚心,升户黏性和忠。

消费体系

既然说到订阅制,就得说说消体系,我们可分两种场景来谈,一种是直接消的电商平台,另一种则是虚拟消的充值行为,在此我们要谈论的就是后一种场景。虚拟消本质上是购务,这种场景在游戏中最多见,在王者耀中充值点券,在 QQ 中充值 Q币进行虚拟商交易(如 QQ秀)都是很典的场景。

虚拟币的优点于它可以提升产品的品牌感知以及趣性,同时降低用户对于消费的潜压力,通过固的汇率增加虚拟币的数,某种程度的确可以刺激消费。不过这海外多的出游戏中,且通常需一的本去解释、明币规则,如果非游戏类产品中使用复杂的虚拟币体系,产品本身不具备游戏的趣性娱乐性,再配复杂的消费、交易体系,相当于变相将用户消费挡门外。

了解这10个差异,做海外产品设计不用慌!

△ 海外产品中会员订阅制主流,左起依次 Evernote、Medium、Netflix、Dropbox

在国品,如谈及为服务进消费,会员制已经成为了主流消费模,付费会员制提供了较会员制更加稳定用户联系,时收费模使企业可以权衡成本素,经过多年诸多品广,基本上消除了教育用户成本,是值采纳消费模。

建议:充利用虚拟币能降低用户消费压力的优势,简化货币体系,降低用户的认知成本,或推出付费会员模式,迎主流消费模式。

产品细节

值得补充的,是一些对于产品细节点的追求。多公的产品在初期追求堆叠功能,却忽略了对功能以及细节的磨,其实在可以承受的范围内对一些产品细节进行优化是非常能锦上添花的。也许有人会认为,在那些没人在的地方浪费功夫,有什用?可不要了一些产品中的细节,有些细节一旦被用户使用过,就再也回不去了(比如下拉刷新这个势,刚开始也许是一个没人知道的冷僻操作,但是一旦用户尝过这种提高效率的势就不会再去考虑低效的操作了)。还有一点,产品的细节能够让用户受情的传递和产品的人性化,用户知道是在和一个有温度的产品交互,而不仅仅是个生硬的机器。

了解这10个差异,做海外产品设计不用慌!

在产品细节的理上,以往主要还是海外队的表演,比如上图的 Instagram,当你在浏览一张图片或视频内容超过三秒的候,评论的输入框会动开,通过数据计算,当用户在一篇帖前停留超过3秒,该用户将大概率会想要发表评论,而这心领神会的一个动作,能节用户一步操作,让用户切实受「方便」,而这不会扰那些误操作的用户,因为其实难注这个细节的变化。

了解这10个差异,做海外产品设计不用慌!

比如音巨头 Spotify,当欣赏喜欢的音的候,有会开歌词去。Spotify 巧妙的在歌词之间的间隙,会出现这首歌的历史资料或者创作背景、趣事等。这个独的彩蛋着实让人惊艳,下次和伙伴聊有新姿势可以炫耀了。

了解这10个差异,做海外产品设计不用慌!

△ 哔哩哔哩的密码输入体验

了解这10个差异,做海外产品设计不用慌!

△ 网易云音的生日暖心推

国内产品最近几年谓在细节的处理上也不甘落,前有哔哩哔哩在密码输的时2233娘激萌地捂住眼睛;有网易云音乐在用户生的时间将「每推荐」一栏变更成「生快乐」字样。样的设计能切的让用户感受到温暖与被尊重。

了解这10个差异,做海外产品设计不用慌!

刚刚获得 Apple 年度设计推荐的 NOMO 相机,就是以主打怀旧与情怀著称,NOMO 模拟胶时代的款经典相机的外观与成效。果你使用的是 INS W 相机,你还以验到逼的拍立得照相验,拍摄之画面慢慢从相纸中显影,高度模拟出现中拍立得的效果;果你等不及,还以像甩相纸一样晃动手机,加速显影,验之圆满令人惊喜。

总结

在进行外产品的设计,其更的是要克,要与自己的既存观念与习惯做对抗。在泛已成共识的部分我们以加速快走,而在一不太明确的领域,我们不妨去做竞品分析和用户研,切的去个市场和用户,避免因为偷懒而导致一不必要的烦。

当产发展到一定的体量,妨一些产和设计方面的细节感染户,将产更情感,仅增户黏性,更产的自传播。毕竟谁那些懂自己的「人或物」呢?

欢迎关注「阅文体验设YUX」公众:

了解这10个差异,做海外产品设计不用慌!

图片素源:undraw.co

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

开篇明义,这四大分析法就是:市场分析、竞品分析、用户分析、需求分析。从这四个角度深入分析,就能最大程度证明你产品方案...
产品分析
最近在做工具类Web端的改版项目,查阅了网上各种关于web设计的文章感觉年代都比较久远了,因此这边借着项目踩过的一些坑给大...
web产品
本文根据笔者的心得体会,跟大家分享,产品经理工作中做数据埋点的一些经验和看法。 作为一名产品经理,你必然知道数据分析...
产品经理
我们在分析产品设计的时候,会去思考这些产品为什么这么设计?微信作为国内头号产品,经常会被当作分析的对象。那微信为什么...
产品设计
B端产品信息具有:信息量大、关联关系复杂,最终达到目的是用户高效率的理解信息并完成任务。本文借鉴佐藤可士的超级整理术,...
B端设计
在我们日常的产品设计中,交互上的表达(反馈、动效)能将信息很好地展示给用户,而无论什么样的交互表现,都是对用户的操作...
交互设计
编者按:这篇文章来自 Taras Bakusevych 的文章《How to simplify your design》 如今的数字产品,在不断迭代过程中,会加入...
App改版
关于用户画像的讨论已经很多了,对于用户角色的多样性,复杂性,以及它的实用性等等。不可否认的是,用户画像在很多时候都发...
Eugen Eşanu