【优秀作品】
摩拜单车
摩拜单车0到1:你看不见的体验与记得住的品牌
如今在北京和上海摩拜单车已随处可见,在2015年10月摩拜单车找到 eico design 的时候,它还处在初创阶段。eico 看好它的蓝图,并以设计投资的方式加入其中,先后为其设计了 APP 和品牌。这样深度的合作方式使得 eico 可以更深切的体会它的商业目标和产品逻辑,摩拜单车也可以因此低成本快速获取到 eico 十余年的行业设计经验。两者成为了利益共同体,关系更加紧密。 (请上 eicodesign.com 了解创业伙伴计划) 。到2016年9月摩拜单车已经获得一亿美元 C 轮投资。以下与大家分享一下这个过程中大家所不知道的设计故事。
自行车和骑行是一种可以深入城市毛细血管的交通方式,它对于大众和城市的益处不言而喻。但是在中国,随着时代的变迁它已经趋向边缘化。摩拜单车通过整合资本、技术和产品,用新的产品形态让自行车和骑行再次回归社会,让它在今天复杂的交通网络中变为一种更广泛的通行能力。
感受不到 APP 的存在是体验设计的终极目标
扫码取车,落锁离开,摩拜单车让使用者感受到的是极简的无设计存在感的骑行体验。分时租赁的思想根基是“不为所有,但为所用”,人们真正想要的不是拥有一个工具,而是使用后的便捷。所以弱化工具的归属感和存在感,强化便利的使用和使用效果是摩拜单车设计产品时的重要理念。
在为摩拜单车设计 APP 时,我们顺应这一理念这样思考:当人们使用一辆普通自行车时,是不需要使用手机这个步骤的,这是多余的操作,出现的越频繁越会给用户带来负担。普通自行车使用时只需要钥匙,如果可以把手机上的操作简化为一步,等同于传统的开锁,剩下的都交给系统去完成,那么相比于普通自行车的使用,我们没有因为摩拜单车的新形态而为骑行增加任何负担。用户只需拿出手机开锁,然后就可以遗忘手机享受骑行的乐趣和自由。隐形工具,让人在感知不到其存在的情况下完成自己想要做的事情,才是最好的设计。
品类的回归与品牌的认知
现在人们看到摩拜单车的 logo,就会立刻认出它,并且知道它的用途,这是最初品牌设计时追求的效果。我们正处在一个无限分化又不断聚焦的时代,品牌必须与品类紧紧锁在一起才能完成对品牌的创建。否则,只会在巨大的市场中被不断稀释。模式创新的摩拜单车必须先回归品类,以此为起点才能在市场上走得更远。因此在设计中我们将摩拜单车的品牌形象定义为一个加有互联网元素的具象自行车形态,这是设计对于品类回归的诠释。
我们让用户通过产品的接触点自己建立起对品牌的认知
大多数设计会以讲故事,或是定义性格的方式去塑造品牌,但摩拜单车不是。设计师最先关注的是功能:摩拜单车如何被发现和使用,如何在 APP 中被感知,如何在车体上被人认出,如何被人谈论并且在媒体上曝光。
比如我们定义了摩拜单车的配色是不会被淹没在城市和地图里的橙色及银色,并将这个标志性的橙色贯穿线上线下。当这些人们可以真实接触到的零散片段被认可时,便证明了我们的设计是成立的,实用的。然后设计师再将这些片段和细节提炼融合成可以统一延续的品牌语言。这种自下而上的品牌建设过程,对摩拜单车这样的新产品尤为重要,它大大降低了投放市场后人们对于品牌认知不足的风险。
我们为摩拜单车所做的是建设功能性的品牌设计,它将品牌和产品、用户接触点紧紧绑在一起,从而形成了简单、统一的对于品类和品牌的强烈认知和认同。
摩拜单车的使用者也是传播者和维护者
在摩拜单车系统中每个用户都应该可以感受到来自他人的帮助,以及对正确行为的鼓励和不良行为的约束。建立一个可以良性运转的共享系统,会使产品自然生长。设计师将每一个使用者都看成一个可以传导良好行为和维护共享机制的个体。并在此基础上优化了实名认证、还车拍照、故障上报、个人中心功能。普通情况下,用户是没有义务也不愿做那些除了使用产品本身之外的事情,但这些功能的设计引导了用户行为,也给了善意一个出口。同时这些功能也让个人信用体系在共享机制中可以量化、具体的被每一个用户感知。以此来约束不良行为,让系统更健康的运转。
从300米到4分钟的换算
不能让使用者失去耐心。我们的设计师在刚刚接触到项目的时候做了这样一个公式换算:成人每步长度大约75厘米,按照每分钟频率100步计算,步行300m需要4分钟。为什么要做这样的公式?因为摩拜单车最初给我们的数据是:任意一个点走300米就能找到一辆车。但是如果是在冷冽的冬天,复杂的路况,这300米便是漫长的艰难。这样的公式对设计来说是不够直觉的,我们把它换算成时间就是4分钟。在人们还没有失去耐心的4分钟之内,我们要完成从打开 APP 到找到一辆摩拜单车再到开锁骑行。这是设计师给自己的挑战。
有一万种方式使用 Mobike
丢在路边的摩拜单车会被任何一个人使用。“我们不知道建立了设计模型后,投放到市场上真实的情况会怎么样。”这是设计师在设计中最头疼的问题。预判使用情景和可能出现的问题,并且找到恰当的处理方式才能保证创新产品投放在市场后可以正常运转。于是在设计师的文档里我们可以看到一张长长的表格,里面列举了所有可能想到的使用状态。比如,网络特别不好的时候 APP 如何尽可能保证用户良好的使用体验,在地图上可以看到单车但是在现实世界看不到怎么处理,骑行后转乘地铁忘记锁车了怎么办等等,甚至设计师还会想当北京的自行车都被骑到天津的时候,谁负责把他们骑回来这样极端的问题。我们在设计过程中尽可能多的假设,就会为现实中的用户尽可能多的扫清使用障碍。
在从0到1创造市场的过程中,创造者和使用者都要去尝试从未做过的事。这样的垂直进步,必然需要最恰当的产品载体才能成立。我们作为创业合作伙伴所做的就是找到这个产品与资本、商业、技术整合的最佳方式,用设计的思考帮助企业建立可以更好被资本认可的商业模式,以及可行的对商业有巨大贡献的用户体验。
丁香园
互联网+医疗产品策略与实施
从2015年开始,eico 在与丁香园线上线下团队为期一年多的的合作过程中,我们先后与丁香园在多条核心产品线完成了产品咨询与设计工作。
从丁香医生移动应用的探索及设计过程,到体贴入微的医用商用物料设计;加上一套量身定做的导视系统设计,最后以实体诊所的建筑空间作为我们整个服务的设计宣言。这种具有商业价值的全方位互联网+设计体验,并没有复杂的套路,却需要具备与客户共同成长的决心、与一份对追求卓越设计的坚持与执着。
丁香医生 APP 策略与产品设计
丁香诊所医用与商用物料设计
丁香诊所建筑空间设计
丁香诊所导视系统设计
我们将丁香医生内林林总总的信息和功能划分为以下三大块:
• Media 媒体
• Data 数据
• Service 服务
当确立了相互串联打通的原则后,我们将此信息架构以恰当的交互框架予以展示。通过对产品模型的梳理分析,我们发现在表层的用户交互体验背后,有三点对于产品的长远发展同样重要:
• Standardization 标准化的内容编辑器
• Structurization 结构化的数据
• Visualization 完善的用户画像
我们借助丁香医生的专业而轻松的内容,继而利用设计把其优势最大化:
• 提供标准化的内容模板降低内容生产成本
• 提供多类型的内容样式提升内容展示效果
• 通过突出编辑审核信息将内容专业性予以显性
• 增加互动形式和降低互动成本
• 弱化设计感、强化信息和服务的专业可信度
我们在设计风格上力求克制,弱化“设计感”,尊重丁香团队的专业度并对知识结构进行重组,希望用最直接的渠道为用户展现产品本身和品牌背后的医疗精神。
丁香医生的行政总监徐可楠对诊所的空间设计要求是“像精心设计过的家一样温馨”;品牌总监赵杏儿更大胆建议了一个:“不像诊所的诊所”。
在我们接手丁香城西的诊所的空间设计前,业主已经有了一套完整的空间设计方案,但业主更希望丁香诊所的空间设计更能体现其品牌的文化,并与之前的 APP 以及物料的设计形成呼应,使用户得到了一套完整的医疗体验。我们在接受委托后,与业主一起优化了之前的概念设计方案。
促进相互交流的空间设计理论
我们对丁香诊所的室内空间提出了一套有别于一般室内设计的理论:
▲Reprogramme 功能二次编辑
▲Dramatize 情景设计
▲Self-evolve 空间自我进化
诊所的空间设计是治疗的一部分
成功的线上线下服务衔接,莫过于填补了互联网世界里的感知空白,并同时提供了现实生活的便捷。
设计与人一样,内涵永远最重要
通过传统的设计草图、纸板模型、到电脑BIM三维模型及最新的VR技术,漫长的设计过程只为了促进一种单纯而舒适的交流场所。
目前我们正在进行丁香的第四家位于福州的诊所的空间设计。吸取了之前的各种经验,我 们正为丁香诊所的设计标准化做好准备,务求能够为丁香诊所实现快速的全国覆盖。
延续了我们对丁香园企业文化的了解,我们决定从诊所里最细微的地方作为线下设计的开端,重新设计了丁香诊所里一系列的医用与商用物料。
设计物料,更是设计情景
有别于传统的印刷制品设计,我们对丁香诊所里的物料设计原则来自各种物料与用户的接触过程,以用户体验的触点设计思路为出发点。
源自互联网产品“触点思路”的物料设计原则
量身定做的纪念品设计,形成主动型的传播效果
能被用户带走的有形物品不单能加深用户消费时的美好回忆,它们还具有传播价值,为此我们为丁香诊所设计了各种作为赠品的儿童拼图贴纸和车贴。
我们同时为丁香诊所设计了超过六十个不同的导视设计,既满足了个功能区域的需求,更为丁香诊所增添了一种不言而喻的艺术气息。
具有商业价值的全方位互联网+设计体验
从丁香医生移动应用的探索及设计过程,到体贴入微的医用商用物料设计;加上一套量身定做的导视系统设计,最后以实体诊所的建筑空间作为我们整个服务的设计宣言。这种具有商业价值的全方位互联网+设计体验,并没有复杂的套路,却需要具备与客户共同成长的决心、与一份对追求卓越设计的坚持与执着。
上汽荣威RX5
与阿里+上汽定义智能汽车
2014年7月23日,上汽集团与阿里巴巴集团在上海签署了「互联网汽车」战略合作协议。同年11月,上汽阿里互联网汽车项目组找到 eico design,邀请我们对「下一代互联网汽车」的 In-Car HMI (Human Machine Interface) 进行设计,我们和项目组通力合作,首次提出以 「地图」为核心的操作系统与信息界面。如今,搭载了全新 In-Car HMI 的新城市 SUV 荣威 RX-5 于2016年07月06日全新登陆上市。
这是一套搭载在 YunOS 上的全新车内人机交互系统,设计团队拥有从0到1构建这套交互系统的巨大想象与发挥空间,同时也面临了极大的设计挑战。我们首次对车内整套 HMI 进行一体化设计,设计对象包含车内多种输入与输出设备及媒介,如:仪表盘显示屏、方向盘控制键、信息娱乐显示屏、中控台控制键、音源设备、传感装置及在车内连接的移动设备等。最终,我们为这套全新的车内人机交互系统定义了全新的交互方式,并制定了多设备间的信息流转规则;同时,全新的设计理念也帮助上汽阿里看到了当传统汽车拥有联网及信息互通能力之后的巨大商业潜力。
汽车的本质是位置服务,实时的位置数据、互联网上广泛存在的LBS位置数据。
汽车本身及整个产业对于消费者的意义是什么?这是我们思考的第一个问题。从 A 点到 B 点,汽车的本质在于为消费者提供「位置服务」,而地图是位置天然的载体,由此我们设想基于地理位置为驾驶者提供实时数据服务的想法。
以 「地图」为核心的操作系统与信息界面,基于地理位置提供实时数据服务。
我们突破了传统车内人机交互系统的宫格式交互模型,大胆地采用以地图为系统底图、将所有服务分类「种植」在地图上的设计方案。
数据重组、分类,基于地图位置服务,开放的数据层概念。
根据服务类型的不同,基于位置的实时数据服务被划分为 NOW 层(用户个性化服务及场景推荐服务)、音乐层、通讯层、车辆服务层、餐饮层等;未来接入系统的第三方服务,也可根据地理位置建立服务数据层。通过将服务去壳、与地理位置建立连接、根据人、车、环境变量适时显示,我们帮助驾驶者能更快速、有效地使用服务。
根据驾驶者交互能力高低,响应式分配服务权限,引导主副驾协同操作。
保障驾驶安全永远是车内 HMI 设计的最高优先级准则。非驾驶环境下,用户使用消费类电子产品时,一直处于高交互能力的状态。
行车环境下驾驶者与信息的交互能力。
而在驾驶环境中,驾驶者的交互能力会根据驾驶状态的不同产生高低变化。速度、路况、车况、车内乘客状态、时间及车外环境等均会对驾驶者的驾驶行为产生影响。
用手势POI切换动态片段
驾驶者在行驶过程中,如何快速、有效地使用服务?以切换服务数据层为例,我们为其设计了多指、非精准操作方式:三指及以上左右滑动,即可快速切换服务数据层。通过减少驾驶者使用视觉途径去找寻操作入口,减少其注意力分散几率。我们认为将来车内 HMI 需要更多使用非视觉的多维反馈回路,如:听觉、触觉,避免使驾驶者认知过载、保障驾驶安全。
搜狗输入法
享受输入
搜狗输入法自 2008 年发布 4.0 版本以来一直与 eico 保持着长期合作,这一次搜狗要在自己问世三周年之际推出全新 4.2 版本输入法。
2010年,我们与搜狗通力配合,将全新的品牌标识和界面体验配合 4.2 新版本共同推出。截至当年 8 月,我们为搜狗设计的六个主题累计下载量超过 1460 万次。这是继搜狗浏览器后我们对于搜狗软件平台视觉整合的更进一步。同时我们也会持续负责其软件版本更新与官方网站的后续设计。
在参与项目设计之初,我们就深刻意识到主题作为搜狗特色的重要性,开发出具有标杆作用的高品质官方主题更是重中之重。
面对受众面如此广泛,影响力如此巨大的品牌我们采取了更灵活的设计思路。
产品标识的设计是在不改变原有标识的主色调和整体效果的情况下进行的创新,设计师们着重加强了品牌的立体感和空间感,同时统一了搜狗旗下输入法与浏览器的品牌表现。对于界面的设计更新我们也成功的传递出搜狗新鲜活力却不失经典的理念。
帮助搜狗实现品牌利益最大化的同时我们也得到了用户的肯定,这也正是设计团队最原始的初衷。
搜狗输入法那些或优雅,或搞怪,或可爱的个性皮肤几乎已经成为了它最重要的标志,也是它所以被大众喜爱的原因之一。我们为搜狗设计的多款个性皮肤都受到了用户好评。每一次下载,每一个评价,都是对我们作品的肯定和支持。
率先支持移动新平台的搜狗输入法,也将优秀的用户体验延伸到每台设备,每个用户的指尖。
与搜狗输入法一样,我们坚持用最高质量要求每个作品,也坚持着独具个性的设计风格。
亚马逊中国
为亚马逊设计中国独有的数字化策略
值亚马逊十一周年店庆来临之际,亚马逊中国找到eico,希望结合当前的国内的电商业态和亚马逊自身的优势,对亚马逊(中国)官方应用进行改版。这次改版是亚马逊首次针对海外市场做出的本土化改进,其背景有三: 1.国内电商行业竞争激烈,中国消费者与海外消费者在购物习惯上有较大差异; 2.中国正面临消费方式升级的历史机遇,消费行为从追求便宜、性价比逐渐向追求品质、品牌转变; 3.亚马逊拥有国内其他电商不具备的全球供应链优势,在全球货源、物流通道、售后服务方面都有非常大的潜力。
亚马逊(中国)官方应用iOS版本和安卓版本已全部上线,我们的部分设计观点得到了较好的贯彻和落实。根据亚马逊中国的公开数据,2016年8月份亚马逊中国跨境直邮订单总量突破1000万单,2016年上半年亚马逊“海外购”销售总额也达到去年同期的近4倍。
在前期研究中我们发现,虽然亚马逊中国拥有全球化的品类优势,但缺乏话题商品的发现机制。因此,除了在首页增加更多入口外,我们还特别设计了发现频道展示场景化的产品主题,方便用户去主动发现未曾关注过的或当前最热门的品牌、专题和故事性资讯以及基于亚马逊强大的推荐技术为用户推荐的商品。
当用户浏览发现频道时,就像看购物杂志一样,能够获得一种探索式且个性化的购物体验。与传统推送性购物不同的是,「发现」频道将借助多元化的内容和图片呈现形式,鼓励用户进行探索性购物。
全新的发现频道,解决用户海外购不知道买什么的困境
亚马逊在国内的目标受众相比其他电商平台更偏高端,一直以来亚马逊的官方应用都有亚马逊国际版保持一致,在产品形式上更加理性,更强调购物效率。因此,在国内一众偏运营的电商平台中独树一帜,保持了较为鲜明的品牌调性。
但这种弱运营的运作方式在国内电商市场显然水土不服,这次改版如何保持“亚马逊”品牌的同时,为其注入更多“热闹”的本土化元素,成为这次设计的挑战之一。
另外,通过直观的插画卡片突显消费场景,比如母婴、女装、男装等,拉近产品与用户的距离,引导消费。同时,用色彩定义品类,在用户的潜意识里建立色彩和品类的关联,用户通过界面的色彩氛围即可感知类别频道。 我们从品牌、商品合集、资讯、单品等多个维度出发,发挥亚马逊固有的数据优势,通过信息的陈列与个性化推荐,打造营造轻松愉悦、有代入感的购物体验。
服务亚马逊海外购的战略定位,从多个维度打造海外购物氛围
亚马逊中国的愿景是希望每一位消费者,无论身在中国何处,随时随地都能够通过这个平台和窗口轻松获取到来自全世界各地的高品质国际商品。
为了配合亚马逊中国购在全球战略定位,我们从产品层面上添加了海外购品牌,进一步强化国际品牌的概念,从用户认知角度强化亚马逊在海外购方面的品牌影响力。
调和亚马逊中国本土化进程中 “理性” 与 “感性” 元素
亚马逊在国内的目标受众相比其他电商平台更偏高端,一直以来亚马逊的官方应用都有亚马逊国际版保持一致,在产品形式上更加理性,更强调购物效率。因此,在国内一众偏运营的电商平台中独树一帜,保持了较为鲜明的品牌调性。
但这种弱运营的运作方式在国内电商市场显然水土不服,这次改版如何保持“亚马逊”品牌的同时,为其注入更多“热闹”的本土化元素,成为这次设计的挑战之一。
我们通过修改应用的整体框架、强化Z秒杀、添加活动入口、优化品类页呈现等多种方式较为克制地对亚马逊中国“理性”与“感性”元素进行了调和。在视觉呈现方面,我们通过杂志化的排版让电商消费与内容阅读穿插在用户的浏览行为中,打破单一节凑的乏味感,让整个页面更有起伏的节奏。
丰富的运营模版及高效的研发支持
我们在合理的界面设计规范上下足了功夫,对色彩、质感和控件的运用等做了详细的说明,有效的满足后期开发人员的需求。
亚马逊品牌色如何使用?运营banner的模版?挑选产品图片的规则?我们对以上若干问题均作出详细规定。