B端項目總結全過程
B端產業(yè)互聯(lián)網UI設計全過程,包含網頁和海報設計
項目背景
產業(yè)互聯(lián)網的設計本質
從設計視角出發(fā)解讀消費互聯(lián)網和產業(yè)互聯(lián)網的差異
目標對象
消費互聯(lián)網的設計對象是類似價值主張的個體集合,他們是擁有類似價值追求的同一個人群。比如從宏觀上分析拼多多的用戶,其本質都是對價格敏感度高、追求性價比的同一類人
產業(yè)互聯(lián)網的設計對象是同一利益鏈上的群體集合,他們是在同一個業(yè)務鏈路上,擁有各自利益追求的群體聚合,通常不是同一類人,而這些群體對于易用性的評價標準是彼此獨立、互不相干擾的
競爭內核
消費互聯(lián)網的競爭內核主要在于功能的豐富性和體驗的易用性,競爭時往往拼的是產品對于‘人性善惡’的掌控度
產業(yè)互聯(lián)網則不然,很難想象某企業(yè)用戶會為了些許‘小便宜’,將搭建在云平臺上的服務,遷移到云平臺B上,顯然其競爭內核除了功能和易用性外,更考驗品牌力、依賴性、服務力及行業(yè)口碑
設計抓手
因為目標對象和競爭內核的不同,面向消費互聯(lián)網的設計抓手通常是關鍵用戶場景、核心用戶痛點,甚至是著力于滿足用戶顯性/隱性的情感訴求,這些也是UX最熟悉和擅長的設計切入點
面向產業(yè)互聯(lián)網的設計抓手則不然,除了用戶場景和痛點,產業(yè)UX更需要關注在基于業(yè)務需要的多利益平衡,完美對內更直白的要求是‘面向產業(yè)互聯(lián)網,設計要業(yè)務化’,強調UX必須在通透業(yè)務的前提下,切實為業(yè)務創(chuàng)造可衡量的價值,這也是橫桓在所有產業(yè)UX面前,必須跨越的門檻
價值聚焦
消費互聯(lián)網設計的價值聚焦于‘主觀的價值收益’
產業(yè)互聯(lián)網設計的價值聚焦于‘客觀的價值收益’,這里的收益必須是客觀可衡量
設計本質
消費互聯(lián)網賽道上,設計的本質是‘體驗設計’
產業(yè)互聯(lián)網賽道上,設計的本質是價值體驗設計
數(shù)據(jù)服務中臺升級
為了構建統(tǒng)一標準,打通數(shù)據(jù)通道,實現(xiàn)數(shù)據(jù)規(guī)范化管理,搭建、提供提供數(shù)據(jù)服務和H5頁面服務,實現(xiàn)數(shù)據(jù)能力共享、多樣化數(shù)據(jù)服務、跨源數(shù)據(jù)服務等功能,需要重新設計首頁交互,與控制臺做區(qū)分,并增加產品服務頁面
修改原因
業(yè)務增長需要
平臺階段性戰(zhàn)略不同,DATA API 實現(xiàn)從API服務到API交易平臺的業(yè)務目標
用研走查發(fā)現(xiàn)優(yōu)化點
通過收集業(yè)務反饋,對之前設計進行走查并針對走查的問題進行優(yōu)化
原型探索
核心價值
官網是接觸潛在客戶的最重要觸達層,所以介紹產品及服務是最重要的產品層價值
數(shù)據(jù)服務作為產業(yè)互聯(lián)網產品服務,基本不存在沖動性的客戶消費行為,所以官網更多要承擔“幫助客戶快速收集、比對信息,最終促成購買的決策層價值
由產業(yè)互聯(lián)網服務的高成本特征決定,官網必須最大化透傳品牌本身,在行業(yè)知名度、業(yè)務穩(wěn)定性等方面的優(yōu)勢,起到增強客戶決心的信心層價值
設計目標
面向數(shù)據(jù)服務中臺官網的價值體驗分析結論:
官網是接觸潛在客戶的最重要觸達層,所以介紹產品及服務是最重要的產品層價值
頁面布局及價值定義
針對用戶實際瀏覽動線,基于‘核心價值專注化’的理念,我們在不改變內容的情況下,梳理了各板塊在價值透傳維度的聚焦核心
設計方案
圖標設計
為滿足不同的業(yè)務訴求,我們對展示性/功能性圖標做了區(qū)別性的設計定義
UI品牌滲透
Icon
展示性
- 抽象幾何圖形+基礎點線
- 吸引用戶注意,強調差異性和統(tǒng)一度的結合
功能性
- 單色線性
- 引導用戶理解和操作
插圖
Banner
- 主題突出,渲染氛圍
- 以2.5d幾何圖形為基礎元素表現(xiàn)物理數(shù)據(jù)場景
場景插圖
- 與用戶互動,塑造用戶感知
- 通過富有情感化的故事性插圖塑造出有分量、易讀、耐人尋味的場景
設計方案
對于插畫/banner系統(tǒng),我們在設計表達手法方面做了價值化處理,兼顧了日常運營需求對響應效率的追求和官網本身對視覺品質的要求
背景層
根據(jù)主題文案及圖形靈活設定,一般為純色 便于多端適配
紋理層
由幾何半透明圖形構成,填充畫面空間感
圖形層
基于數(shù)據(jù)中臺設計語言進行圖形延展,利用 基礎幾何圖形營造空間
文案層
對文案進行字體設計,降低設計成本
LOGO設計
結合產品調性對LOGO進行設計
設計思路
首先提取產品名稱首字母D和餅圖的圖標形象,通過布爾運算將兩者結合,表達了數(shù)據(jù)服務中臺的數(shù)據(jù)產品基調
品牌關鍵詞
科技、信任、服務
運營設計
項目背景
投產海報設計,需要投產完成的海報模版交付開發(fā)
設計構思
結合B端產品的風格采用扁平插畫樣式,對開發(fā)的線下場景進行刻畫
項目背景
FOCUS系統(tǒng)迭代版本上線海報設計,需要表達版本的更新和亮點
設計構思
將網頁作為畫面主視覺進行立體化設計,搭配服務器樣式的周圍建筑, 嘗試2.5D風格表現(xiàn)科技感,選用輕質感手法豐富畫面細節(jié)
方案A在質感和結構上有差距,故放棄
方案B采用橙色的暖色系配色,在科技感上不如藍色,所以放棄
系統(tǒng)亮點清晰表達
真實還原改版的設計點,讓用戶提前了解操作教程,有利于新版系統(tǒng)的準確操作
標題字體優(yōu)化
對無版權字體優(yōu)設標題黑進行拐角的優(yōu)化,去除折角使其更簡潔,字色調成垂直方向的藍白漸變,提升品質感
卡片板塊優(yōu)化
由原來的票據(jù)卡片樣式改為破形扁平樣式,減少不必要設計,使用戶更聚焦于文案本身























