以途牛商旅为例:看B端产品设计实录(原创)

2019-11-08:   编辑:www.1cj.cc   来源: 热文网

保持热爱设计的初心,克制而有招数的表达——我相信尘埃里也能开出花儿来。近来,各大公司业务从C端到B端的转型颇有些“农村包围城市”的战术:一来C端产品市场日趋饱和

连结酷爱设想的初心,抑制而有招数的表达——我信赖灰尘里也能开出花女去。

远去,各年夜公司业务从C端到B真个转型很有些“乡村包抄都会”的战术:一去C端产物市场日益饱战,而B端市场的开辟还是冰山一角;两去用户早已被各种C端产物调教得十分成生,无需花年夜把阅历去培育用户风俗。简而行之,To C(Customer)借是To B(Business)皆是To P(People),P端止为被养成了,B真个到去则瓜熟蒂落。

本篇以途牛商旅(专为企业挨制的好旅APP)为例,分享由C到B设想层的改变。

思想形式

(1)流量思想:乌话“舔式”设想,即指导用户像玩吃鸡游戏一样舔遍每一个角降,C端产物最多见思想形式。

B端产品设计实录——途牛商旅全案塑造

(2)服从思想:很好了解,用户目的明白,设想只管做到没有滋扰没有打搅。

举例1:途牛主APP登录VS途牛商旅登录

正在B端,小我私家账号常常是企业授与,登录路子单一化。

以是我们能够巧用界里留黑位置去连结键盘初末唤起形态——削减步调,一页只做一件事。

B端产品设计实录——途牛商旅全案塑造

末极幻想结果:辨认脚机号一键登录,果运营商限定久已笼盖。

举例2:商旅尾页本型设想

我们一共出了3版本型年夜标的目的:

计划A:中规中矩的主次层级规划;计划B:类Material Design,块状错降规划;计划C:功用两级进口间接中露Tab情势规划。

B端产品设计实录——途牛商旅全案塑造

其时从设想角度我们最推许的是计划B:最年夜水平的保存了设想感;而计划C看上来操纵途径最短也是个没有错的挑选。

那时,我们用思想形式去印证,谜底不言而喻:设想目标是为了用户更下效完成操纵,没有是为了炫技,更没有是念固然的操纵,计划A的仄黑曲道终极中选。

B端产品设计实录——途牛商旅全案塑造

设想思想形式的变革离没有开业务的中心的变革:

ToC的红利滥觞有许多种:商品卖卖、情形化营销、告白位、资本置换等,以是正在页里规划上多接纳一专多能式(一个次要内容,多个联系关系进口)。

ToB产物自己常常便便是一种商品:企业付费购置产物从而到达让事情服从进步、办理便利、业务提拔等目标。如钉钉、OA、数据云,以是设想目的是怎样让用户以最短途径走完此流程。

用户阐发办法

ToC产物凡是面临的是特定的一类人群,停止阐发此类人群的年齿、爱好喜好等人文维度的阐发。

ToB产物的用户阐发取其道是对小我私家阐发,没有如道是对企业的阐发,如企业所属止业、企业层级架构、办理层诉供、末端层诉供等。

B端产品设计实录——途牛商旅全案塑造

我们能够较简单的获得C端用户绘像,由于我们本身大概所熟习的人皆正在饰演着C真个脚色,也便意味着设想历程中也很简单停止脚色代进。而B端用户绘像的获得常常困难很多,最快速的方法便是战公司的业务层交换,业务部分是最间接取客户挨交讲的,他们生知年夜量的典范客户案例,能够协助我们快速下效的描画出用户绘像。

因为我们本身取B端用户的相剥离性,用户绘像的做用隐得尤其枢纽,能够时辰提示我们是正在为谁做设想,每个枢纽诉供皆正在产物设想中有对应的抓脚。

B端产品设计实录——途牛商旅全案塑造

下文,我们将从品牌感、降噪设想、沉拟物、收缩体验途径战兽性化设想别离论述设想抓脚下的处理计划。

品牌感

(1)色彩

做为自力子B2B子品牌,我们付与了他商务蓝做为主色彩,帮助色灵感的滥觞于路牌,正在路上一眼视来十分夺目而没有高耸。一样,绿色也是途牛色,取品牌背书耦开。

B端产品设计实录——途牛商旅全案塑造

B端产品设计实录——途牛商旅全案塑造

(2)logo

持续途牛logo中形,正在保存辨认度的根底上利用圆切使其更粗准精练;将飞机飞翔轨迹取牛脸弧度停止交融,终极颠末多圆投票选用了更有张力的剪影飞机外型。

B端产品设计实录——途牛商旅全案塑造

B端产品设计实录——途牛商旅全案塑造

收缩体验途径

前里道过B端产物的成型是多维的,决议计划层取办理层城市对末端层的操纵发生间接影响。

我们去看看用户利用最下频次的预订流程战检察路程:预订会被“申请单”、“好旅尺度”等中止;而“检察路程”的操纵途径又极其烦琐。

B端产品设计实录——途牛商旅全案塑造

劣化后:

    我们对用户有没有公事出止做了预判定:正在有公事出止时,劣先弹出申请单,申请单主动带出契合要供的商品列表(机票、旅店等),用户挑选后能够一键下单;无公事出止时一般阅读挑选下单。将“定单详情”及“好旅事项”整分解“路程”一栏,挖补了用户下单后出止前的空缺,也为APP删减了粘性。

B端产品设计实录——途牛商旅全案塑造

交互流程:

正在交互流程设想上,我们也是花心机的:日期挑选,弹层而没有是齐屏,操纵背板的伸缩没有连续页里操纵,沉醉式完成一切步调。

B端产品设计实录——途牛商旅全案塑造

B端产品设计实录——途牛商旅全案塑造

降噪设想

烦复的表单页离没有开降噪设想,战收缩途径相辅相成到达1+12的丝滑体验。

B端产品设计实录——途牛商旅全案塑造

沉拟物:

降噪不料味着只是加法,部门组件拟物化也是没有错的idea:揭远糊口场景的设想能够舒缓法式化页里的压榨感,拟物元素取表单的交叉交互更能带去层层促进的愉悦体验。

B端产品设计实录——途牛商旅全案塑造

一样接纳拟物脚法的借有审批单,无纸登机,受权列表:

B端产品设计实录——途牛商旅全案塑造

值得留意的一面是拟物的用法正在界里设想中太多反而鹊巢鸠占,恰如其分的同构或交换是面睛之笔。

兽性化设想

容错设想:

毛病动静会带给用户许多压力,让用户觉得他们搞砸了大概出有完成使命。中心逻辑普通是必需要局部胜利的,可是有些非中心逻辑,失利了也其实不挨松,大概胜利一部门便可,那个时分要把那些非中心逻辑战中心逻辑之间停止断绝。

本理滥觞于船舶隔板设想,一个隔板内漏火没有至于整条船淹没。

B端产品设计实录——途牛商旅全案塑造

毛病抵偿:

本理一样滥觞于隔板设想,关于毛病的步调有开理的指导,使其回归准确。

B端产品设计实录——途牛商旅全案塑造

感情转移:

当毛病没法挽回,借能够经由过程视觉对毛病的场景停止感情层的转移。

B端产品设计实录——途牛商旅全案塑造

智能化设想:

按理道从「隔板设想」→「毛病抵偿」→「感情抚慰」那套连环招数我们曾经将用户摆设得明显黑黑体验流通无阻。但我们其实不满意于用户的自动辱幸,开端自动反击开掘用户需供,以下那款途牛智能化机械人——途牛小智被迫开端停业。

B端产品设计实录——途牛商旅全案塑造

经由过程年夜数据战汗青记载对用户止为停止预判定,粗准推收出用户潜伏需供,并对好旅停止日程办理。

B端产品设计实录——途牛商旅全案塑造

最初

最初国际老例上一波设想图吧~

B端产品设计实录——途牛商旅全案塑造

B端产品设计实录——途牛商旅全案塑造

B端产品设计实录——途牛商旅全案塑造

B端设想师正在设想历程中经常感应没有苦取委曲:各类炫技脚法均无用武之天,持久挨交讲的皆是无尽的表单……

记得《后会无期》有一句话:“喜好是放纵,而爱是抑制”。

连结酷爱设想的初心,抑制而有招数的表达——我信赖灰尘里也能开出花女去:)

做者:Susan道,公家号:途牛用户体验中间(ID:tuniuued)

滥觞:https://mp.weixin.qq.com/s/FvYTChCJQsFg89yJHUFDjQ

本文由 @途牛用户体验中间 受权公布于昔日看面,已经做者答应,制止转载

题图去自Unsplash,基于CC0和谈

    本文链接:http://www.1cj.cc/kj/2019/1108/730040.html
    转载请保留此链接!


  • 责编:1330595742