項目背景

曹操出行是由世界500強車企吉利集團布局「新能源汽車共享生態」的戰略性業務，秉持「低碳致尚、服務至上」的核心價值觀，將全球領先的互聯網、車聯網、自動駕駛技術以及新能源科技創新應用于共享出行領域，致力于為用戶創造和提供一站式的安全、低碳、共享出行生活方式。截至2018年底，曹操出行共取得71個城市的網約車牌照，已在全國32個城市上線運營，累計服務1.2億人次，累計行駛里程超過12億公里。

從15年5?成?曹操專車至今，產品經歷了多次的迭代優化，從單一的打車業務擴展至全方位多元化的出行產品和服務，產品布局上涵蓋從出行、旅游到本地生活的多個領域。這次的 APP 4.0版本除了打造平臺化體系建設之外，也是一次整體品牌升級。網約車市場競爭日趨激烈，面對用戶固有習慣和同質化產品，如何去打破并發揮優勢為產品提升卓有成效的用戶體驗，這是我們面臨的挑戰，也是曹操設計團隊探索推進出行平臺生態體驗創新的一個過程。

設計思考

1. 業務訴求

隨著業務的快速發展及用戶體量的增長，現有的功能和框架已不能承載平臺化業務發展，單一卡片式的展現形式限制了內容與運營配置的空間，面對越來越多的業務場景需要展示和營銷推廣資源的拓展，需要更合理的平臺化服務體系和更高效的空間利用。

2. 用戶訴求

通過問卷調研，用戶訪談，各渠道反饋及數據方面的分析梳理，也通過用車體驗地圖來挖掘用戶深度需求，以便我們重新定義設計需求和找到設計切入方向。

3. 體驗升級

一切為了更好的開始，為乘客提供全鏈路的出行服務，讓每一次出行變得更安全更省心，與用戶建立可信賴的品牌信任度。在用戶側，通過用戶體驗地圖梳理用戶在服務流程中的行為和體驗，從出行前、派單等待、行程中到行程結束的全流程物理接觸點和情感接觸點提升用車體驗。

交互上精簡專車核心流程的非必要操作，在框架上打造新業務場景獨立性的同時統一體驗，降低用戶認知負荷和操作成本；視覺上采用輕量化的設計語言，對功能模塊進行分類、展示信息分層，通過靈活可適配的組件打造視覺的一致性和延展性；品牌上延續綠色出行理念，通過更多情感化的設計，圍繞產品、運營在線上線下場景中的構建與傳達，建立愉悅的情感關系，與用戶產生更多的共鳴。

4. 設計目標

方案的演進

1. 拓展業務的能力 - 搭建可持續的框架

拓展營銷多樣化配置

首頁架構分為上中下布局，由頭部 title bar 展示業務線，中間地圖顯示位置及車輛信息的信息區，和底部用車功能操作區組成。為了增加更多功能露出及運營資源，需要在固有及有序的結構中尋求差異化的表現方式，通過系列位置效應理論的應用，最大化匹配用戶瀏覽路徑，用活卡片并對其解耦，我們在原來的用車卡片上演進出了上滑展示更多的方式來提升瀏覽空間。承載內容多樣性的同時運營內容可后臺配置，不需要 app 推送更新，在靈活性及時效性上得到了保障，更好地提升模塊坪效，也為后續拓展提供了更多的可能。

拓展更多功能入口

功能列表本身支持上下滑動，為了打破一屏可展示內容的局限，以及賦予各功能更多親和力，采用了宮格的布局方式，向上推動可滑動功能區域，折疊頭部頭像區域的顯示，展示更多的功能入口，方便用戶選擇和滿足不同業務的更優展示。

適應更多用車場景

用車場景新增加了多終點用車功能，拓寬用戶用車場景，不再依賴于線下和司機溝通指路，解決用戶一接多送的需求的同時有效避免路線相關費用的投訴。

4.0版本的地址起終點使用了一行展示效果，在閱讀性上，信息閱讀更流暢，展示更簡潔。但也帶來了另一個挑戰，氣泡會超出屏幕外和氣泡之間的重疊。為了保證長度不超過屏幕外，我們制定了一系列規則，氣泡會根據屏幕判斷顯示在定位點到上下左右位置，以及定位點相近的氣泡重疊也制定了相應的規則翻轉，保證有效內容的完整顯示。

底部卡片信息重組，調整了卡片信息的展示優先層級，使用 tab 切換的形式將多車型和價格優惠信息展示出來，增強用戶打車意愿，另將活動營銷信息與用車信息區別放置，信息分區更明確。

2. 提升用車效率 - 服務體驗優化

服務提升，平衡需求與運力

排隊等候：當早晚高峰及用車區域供需緊張時，用戶等候時間較長。把當前排隊信息展示給用戶，讓用戶知曉當前派車狀況，緩解等待焦慮感，提高成單率。

付費調度：排隊無法滿足運力的情況下提供服務升級遠程調度，給用戶更多用車方式的選擇，滿足用戶時效性的同時提高平臺的成單率，合理調度平臺有效運力。

優化信息結構，提升支付效率

3. 品牌強化?- 塑造可靠性與親和力

品牌延續，強化認知

結合曹操出行新能源、環保節能的產品特點，沿用了「品牌綠」，并通過情感化插圖、動效等方式來強化用戶認知。

字體/色彩/圖標

色彩體系上延續綠色出行低碳環保調性，突出強化品牌色，減少配色提升專注度。降低字體類型數量，強化排版設計讓信息更快觸達。圖標扁平易識別，側重體現親和力。

插圖

定義插圖設計原則：視覺識別性、全局統一性、體驗趣味性。

目前插圖采用主體元素（視覺識別性）+小人場景（趣味性）+輔助元素（全局統一性），來做統一的情感化插畫，給用戶傳達當前頁面的狀態之后，引導用戶的正向操作。

根據設計規則，設計延展出一系列缺省頁插圖。

引導頁：通過插畫形式、場景化搭建來表達設計意圖，為品牌塑造個性、彰顯獨特性。加強氛圍及新用戶的代入感，拉近用戶距離并提升用戶愉悅度。

情感化動效

用戶使用產品，可預期、可控制的感知往往帶來正向的體驗，并且促進用戶進行完整的操作。正向的情感也會使用戶更樂于使用產品，遇到使用過程的一些小問題也更加包容。主要從可控的感受、積極的反饋、貼心的提醒、情境的烘托4個維度進行設計落地。

曹操出行官方網站：除了客戶端以外，在其它場景的設計，也遵循統一的視覺表現形式。

定義助力高效協同的設計原則

在設計過程中，對于很多固化的流程不會頻繁變動，我們從交互層面整理了控件庫，然后視覺將控件庫標準化，最終幫助前端開發將標準的控件代碼化。通過這樣的體系搭建，模塊控件化依據規范，迭代優化方案就可以快速的調用控件搭建起產品頁面；視覺樣式上對親和力的表達，卡片的圓角、漸變明度飽和度的提升等核心元素進行統一規范，最大程度降低設計成本，有效釋放人力資源并提高團隊的整體設計效率。

1. 定義設計原則，助力高效協同

2. 組件化搭建

3. 組件化落地

結語

過去的2018年對網約車市場來說是極具挑戰的一年，也是技術和服務實現飛越的一年，面對用戶日益增長的個性化出行需求，我們積極響應，為用戶的安全出行創造最佳的體驗。在這個過程中我們的設計團隊也從0到1，由陌生到默契，攜手朝著同一個方向努力，感謝這個過程中參與的每一位伙伴及給予我們幫助的用戶，使得我們的 APP 越來越好。