mj大家都很熟悉了,但是目前很多還是在用它做海報、運營banner、ip等形象,那么作為UI設計如果運用mj到工作流中,最近一直在探索這方面,目前來看背景、圖標是可以成熟的運用到工作流中,下面就來講講心得
先看結果,下面是我用mj生成的彈窗頁面和功能頁面,bc都進行嘗試,感覺效果還是不錯~
Midjourney分為很多模式,如V4\V5\V5.1\niji4\niji5等模式,先了解這些模式什么意思,直接從v4說吧,v4之前基本用不到了;
v4:通用模式,適用于各個風格行業,但產出的圖質量和細節不是好
v5:寫實模式,產出的圖更加風格,更加細節,風格偏向寫實
v5.1:最近剛出的模型,在v5基礎上產出的圖細節更豐富
niji4/5:產出的圖基本就是二次元風格,可以想象為宮崎駿風格,當然加一些特殊詞也可以生產3d圖
眾所周知mj可以支持生圖以及喂圖,我在工作流中兩者都進行了使用,具體來講一下流程。
先說生圖,就是直接拿關鍵詞輸入進去就可以出圖了,但是這種一般都是隨機的無法達到自己想要的效果,比如下面我直接用關鍵詞生成b端圖標以及喂圖出來的圖標她們之間的差距;
左側是直接生成的圖標,可以看到結構以及配色上都特別臟亂,右側通過喂圖之后就會更加干凈
/imagine 要求畫圖
/describe 反向識別圖片,用于喂圖提取關鍵詞
/settings 設置參數
--s 700 數值越高,越偏離描述
--q 2.5 越小出圖越快,細節也越少
-- iw 1 數值越大越偏離你喂的圖
--ar 16:9 控制比例
:: geed 4.5 圖片權重,讓生成的圖側重哪些關鍵詞
--no geed 加什么不會出現什么
使用niji模式生成UI圖標
第一行:使用niji5模式
第二行:默認風格化也就是 --s 值
第三行:默認風格
第四行:默認
第一行:使用v5模式
第二行:默認
第三行:默認
在/imagine 內輸入下面咒語
A UI interface gift box, icon design, UI, Disney, Clay material, bright color, 3d art, clean background, Oc rendering, The background is black, c4d, blender, 3d, 8k, HD -niji 5 --style expressive --s 180
一個UI界面禮盒,圖標設計,UI,迪士尼,Clay材質,亮色,3d藝術,干凈背景,Oc渲染,背景為黑色,c4d,blender,3d,8k,HD
關鍵:粘土材質、迪士尼、UI圖標
U1-U4對應四張圖,可以選擇自己滿意的圖進行放大,如果不滿意可以使用V指令,針對某一張圖在進行生成
使用ps或者其他軟件進行扣圖
進行色彩調整
進行頁面融合
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
作為B端產品,競品分析是非常重要的一環,可以幫助我們了解市場和競爭對手的情況,制定更好的產品策略和營銷策略。以下是一些關于如何做好競品分析的建議:
1.明確分析目的和范圍:在進行競品分析前,我們需要先明確分析的目的和范圍。例如,我們要分析的是哪些競爭對手,分析的重點是哪些方面,分析的數據來源是什么等。
2.收集競品信息:收集競品信息是競品分析的基礎,我們可以通過多種方式收集競品信息,例如搜索引擎、社交媒體、行業報告等。需要注意的是,我們需要收集全面、準確的競品信息,避免歪曲事實或者忽略重要信息。
3.對競品進行比較分析:在收集到競品信息后,我們需要對競品進行比較分析,了解它們的優勢和劣勢,找到我們產品的差異化競爭點。比較分析可以從多個角度進行,例如產品功能、定位、用戶體驗、營銷策略等。
4.總結競品的趨勢和特點:競品分析不僅僅是對單個競品的分析,還需要總結競品的趨勢和特點,了解市場的發展趨勢和競爭格局。這可以幫助我們更好地制定產品策略和營銷策略,搶占市場先機。
5.不斷更新競品信息:市場和競爭對手的情況都是不斷變化的,我們需要及時更新競品信息,以跟上市場的變化和競爭對手的動態。這可以幫助我們更好地應對市場挑戰,保持競爭優勢。
6.分析競品的營銷策略:除了產品功能和用戶體驗等方面,競品的營銷策略也是可以分析的重要方面。我們可以了解競品的宣傳渠道、廣告投放、促銷活動等,以及它們的效果和反饋。這可以幫助我們更好地制定自己的營銷策略,吸引更多的用戶。
7.針對競品的問題進行改進:在競品分析過程中,我們可能會發現一些競品存在的問題和不足。我們可以借鑒這些問題,對自己的產品進行改進,提升用戶體驗和產品競爭力。
8.多角度思考競品分析:競品分析不僅僅是對單個競品的分析,也可以從多個角度進行。例如,我們可以對競品的用戶畫像、收費模式、技術實力等方面進行分析,以更全面地了解競品和市場。
9.與其他部門溝通協作:競品分析需要多個部門的協作,例如市場部門、產品部門、研發部門等。我們需要與這些部門進行溝通協作,共同分析競品和市場,制定更好的產品和營銷策略。
總之,競品分析是B端產品開發和營銷過程中非常重要的一環,需要全面、準確地分析競品和市場,以制定更好的產品和營銷策略。
那好的B端產品有哪些特點呢?
1、專業性:B端產品通常是為特定行業或職業群體設計的,需要具備專業性。好的B端產品需要深入了解用戶的需求和行業特點,提供專業化的解決方案。
2、易用性:雖然B端產品的用戶通常是專業人士,但好的B端產品也需要具備易用性,讓用戶能夠快速上手并且高效地使用。產品的界面設計、操作流程等都需要考慮用戶使用的便捷性。
3、可靠性:B端產品通常是核心的業務系統,需要具備高可靠性和穩定性。好的B端產品需要經過嚴格的測試和驗證,確保系統的穩定性和數據的安全性。
4、可定制性:不同行業和用戶群體有不同的需求,好的B端產品需要具備可定制性,能夠根據用戶的需求和特點進行定制。這可以提高產品的適用度和用戶的滿意度。
5、數據分析能力:B端產品通常需要處理大量的數據,好的B端產品需要具備強大的數據分析能力,能夠幫助用戶更好地理解業務數據和趨勢,以做出更好的決策。
6、云端服務:隨著云計算技術的發展,好的B端產品通常需要具備云端服務能力,能夠提供彈性伸縮、高可用性和低成本等優勢,讓用戶能夠更高效地使用產品和服務。
7、良好的客戶服務:B端產品通常需要提供良好的客戶服務,能夠及時解決用戶的問題和反饋。好的B端產品需要具備良好的客戶服務體系,能夠幫助用戶更好地使用產品和服務。
綜上所述,好的B端產品需要具備專業性、易用性、可靠性、可定制性、數據分析能力、云端服務和良好的客戶服務等特點,以滿足用戶的需求和提升產品的競爭力。
通過前面兩篇的拆解,小鵝通的后臺功能內容已經拆解過半,接下來我們來看看「數據統計」和「用戶運營」這兩個部分的內容,它對商家的運營來說,真是如虎添翼,讓我真正感受到一款SaaS產品對商家的運營價值。
當我的店鋪開始運營起來以后,我最關心的就是店鋪的數據統計分析了,因為我需要了解每天有多少新用戶來訪問,又成交了多少個訂單,其次我還需要精準的數據分析來為我的運營提供支持。
5.1 概況
「概況」其實是小鵝通的后臺默認首頁,通過這個頁面,商家可以第一時間查看整個店鋪經營的狀況。
5.1.1 實時概況
「實時概況」提供店鋪的每日最新的實時數據,在這個欄目可以看到今日店鋪訪客數、今日新增用戶數、今日支付金額、今日訂單數、待付款訂單、待發貨訂單等數據。這對運營者來說,打開后臺就能第一時間查收到店鋪當日的實時數據。
5.1.2 最近內容
「最近內容」展示店鋪最近更新內容的數據,比如瀏覽量、訂閱量和學習人數。不過這個欄目的設計讓我陷入焦慮,我不太明白這個欄目內容排序是按照商家最近更新的商品排列,還是按最新有訂閱和學習人數的商品排列,官方也沒有給出詳細的說明。
5.1.3 平臺動態
在這個版塊,商家可以獲取小鵝通最新的平臺動態、資訊、新功能預告和熱門話題。在小鵝通的知識生態池里,店鋪不是一座座孤島,而是可以通過小鵝通的鏈接,可以一起學習交流知識付費的獲客、激活、變現、推廣的方法。這也是一個SaaS軟件最大的魅力,用科技設計工具,用工具幫助企業成功。
5.2 交易
「交易」匯總了商家知識店鋪的所有訂單交易,在這個版塊,商家可以查詢整個店鋪的交易數據,其次還提供了訂單工具、售后管理和資產管理的功能。
5.2.1 訂單管理
5.2.1.1 全部訂單
①「全部訂單」主要為商家提供店鋪產生的訂單的查詢統計,這個欄目主要包含兩個內容,頭部是檢索(包含了交易單號、訂單時間、商品類型、核銷狀態、支付方式等多種檢索條件),底部是訂單列表(包含待付款、待成交、待發貨、已發貨、已完成、已關閉、售后中和待核銷8個狀態)。
②「訂單詳情」包含訂單信息、支付信息、買家信息、發票信息和商品信息,可以查詢訂單號、訂單類型、下單時間、支付時間、支付方式、渠道來源、買家信息等數據??梢钥闯?,功能越多,訂單詳情的字段就越復雜。
迭代建議
訂單的檢索框占據了屏幕的一大半,雖然設計了「收起」功能,但卻不是默認,這影響了商家的操作體驗。其次訂單列表的設計排版略顯混亂,字段太多,訂單與訂單之間的層級沒拉開,有視覺干擾。
5.2.1.2 評價管理
「評價管理」主要為商家提供用戶評價的查詢和管理,當用戶購買商品發表評論以后,商家可以在這個欄目進行審核、回復、刪除以及設為精選。
5.2.2 物流管理
「物流管理」主要針對實物商品,包含「批量發貨」和「配送管理」兩個欄目。在配送管理,可以設置商家的運費模版、到店自提信息和發貨地址等信息,商家可結合自己的實際情況進行操作。
5.2.3 訂單工具
5.2.3.1 核銷工具
「核銷工具」可以查詢到店自提、服務類商品的核銷碼,還可以查詢店鋪的核銷記錄。
5.2.3.2 電子合同
「電子合同」是一個第三方工具,由「法大大」提供。它可以幫助商家解決高價知識商品學員不敢下單,紙質合同效率低、成本高等痛點,通過在線合同簽約,快速完成簽約,降低客戶流失率。(這個功能需要開通旗艦版,并進行企業認證才能試用)
5.2.4 售后管理
「售后管理」包含「售后維權」和「批量退款」,主要為商家提供用戶退款申請的查詢和管理。
5.2.5 資產管理
5.2.5.1 支付設置
「支付設置」包含收款設置和付款設置,商家可以選擇綁定自己的微信支付、支付寶和抖音小程序的支付賬戶,綁定后,店鋪才能正常收款。
5.2.5.2 賬戶管理
「賬戶管理」為商家提供對收款賬戶管理、更改和查詢的功能,如果商家需要更改收款賬戶,從這個欄目就能進行操作。
5.2.5.3 交易管理
「交易管理」可查看商家店鋪的所有訂單交易明細,包括待結算、交易成功、交易關閉和退款的交易記錄,在「交易賬單」,還可以按月、按季度查看匯總。
5.2.5.4 分賬管理
「分賬管理」包含「線上分賬」和「線下付款」兩個欄目。在「線上分賬」可以查詢到店鋪商品通過推廣分銷的分賬記錄;「線下付款」包含應付賬單、提現申請和付款記錄三個內容,這個欄目主要處理分銷商的提現申請。
5.2.5.5 提現管理
商家開通知識店鋪以后,用戶支付的費用是支付到小鵝通官方,商家需要在這個版塊發起提現申請才能到賬。小鵝通也支持用戶自動提現到賬功能,商家開通后,賬戶余額自動打款到商家賬戶。
5.2.5.6 體驗小結
「資產管理」這個版塊,對于新手商家來說,學習成本太高了,特別是分賬管理和提現管理這兩個功能,就像是一場體驗災難。我找了系統客服才弄清楚「分賬管理」的「提現申請」是針對C端的傭金提現申請(在訂貨商-業績管理欄目,并沒有提現申請審核功能,所以我一度認為這是訂貨商的提現申請管理),這花費了我的很多時間。其次我也沒弄懂「提現管理」這個功能,我一直以為店鋪交易的金額都是自動進入我的賬戶,后面才發現需要在這個欄目像平臺發起申請才能收到費用,這個版塊的功能語義給新手商家造成了太高的學習成本。
5.3 數據
數據是支撐商家運營最重要的指標,通過對店鋪及用戶的數據分析,可以為商家提供準確的運營策略參考。
5.3.1 數據概況
「數據概況」包含實時概況、核心指標、流量看板、轉化看板、商品看板和用戶看板7個內容,是對整個店鋪數據的實時監控和概覽,包括監控訪問和訂單等核心指標的當天實時情況和近期趨勢,并通過流量、轉化、商品、用戶,四個看板的核心指標反映店鋪昨日運營狀況。
5.3.2 流量分析
「流量分析」包含了「流量趨勢」和「流量分布」,提供了每日訪客數、訪問量等流量指標及其趨勢,并支持查看流量的終端系統、渠道和地域分布情況。這個功能可以幫助商家監控店鋪每天的訪問規模及變化情況,通過流量的終端系統、渠道、地域分布了解流量的主要來源。
5.3.3 交易分析
「交易分析」包含「交易概況」和「交易構成」,提供了與店鋪交易相關的訪問、下單、支付轉化及各個環節的轉化率,并支持查看新老付費用戶的占比構成、訂單金額的分布情況等。這個功能可以幫助商家分析訪客從進入店鋪到最終成交各步驟的轉化率,定位用戶轉化路徑中的主要流失環節,并對比交易核心指標的趨勢,評估運營措施是否有效。
5.3.4 商品分析
「商品分析」包含了「商品概況」和「商品效果」,這個欄目統計了店鋪的所有商品銷售數據,根據商品的訪客和支付進行排行,為商家提供一個全面的商品數據概覽。其次還支持對商品進行「單品分析」,從銷售、流量和客群三個角度全面統計,為商家精細化運營提供策略建議、數據依據。
5.3.5 直播分析
5.3.5.1 全店概況
「全店概況」可以查看商家所有的直播數據,包括近期直播、直播趨勢,系統還根據流量、觀看人數和市場為商家生成紅榜(人數多、人氣火爆)和黑榜(流量和關注人數低),幫助商家找到直播效果優秀與表現欠佳的直播。
5.3.5.2 直播效果
「直播效果」是針對每一場直播的詳細的數據統計,比如直播間瀏覽量、訪客數、最高在線人數等,其次還有兩個非常強大的功能——實時大屏和單場分析。
5.3.5.3 實時大屏
「實時大屏」就是系統可以根據直播間的數據實時生成數據可視化大屏,實時展示直播人氣、觀眾、帶貨等數據,滿足多場景數據展示需求,提升直播效率,這個功能可以應用到大促活動、品牌宣傳等場景(此功能僅支持旗艦版使用)。
5.3.5.4 單場分析
「單場分析」包含數據概覽、實時趨勢、觀眾畫像、評論分析和帶貨分析,通過實時數據、用戶畫像、評論詞云分析、帶貨分析等分析能力,對單場直播進行深度診斷,幫助提升直播效率。這個功能對于商家對單場直播的復盤總結有非常大的幫助(此功能僅支持旗艦版使用)。
5.3.6 用戶分析
「用戶分析」包含用戶概況及趨勢和付費用戶,幫助商家了解店鋪用戶的增長、活躍及轉化情況,及時調整用戶運營策略。
5.3.7 學習分析
「學習分析」包含學習概況及趨勢、學習詳情和學員排行三個內容,幫助商家了解學員學習的真實數據,比如學習人數、課程完課率、學習時段分布,從而為課程內容的優化提供數據參考。
5.3.8 下載中心
「下載中心」主要是幫助商家管理臺文件導出的統一管理和成功率監控,實現下載的文件可追溯、下載記錄可查詢,同時優化查詢和搜索體驗,實現下載管理的權限控制,避免重要數據外泄。
設計思考
最初我對這個功能不理解,感覺很雞肋。不過查看了官方的「幫助文檔」以后,我才發現這個功能為商家的運營安全性考慮得很周到。這讓我聯想到銀行的企業對公系統也有類似的「下載中心」,當用戶申請電子回單后,用戶需要跳轉到下載中心才能下載。這樣的路徑跳轉看上去繁瑣,但事實上是為了實現下載的文件可追溯和下載記錄可查詢,避免重要數據泄露。
5.3.9 體驗小結
小鵝通的「數據分析」幾乎覆蓋了商家從引流、激活、變現到留存的所有階段,不僅有對店鋪流量、交易這樣宏觀的數據分析,還有對商品、直播這樣的單品和單場微觀分析,這些精準、全面、真實的店鋪數據,幫助商家可以不斷優化調整運營方案,獲取成功。
對用戶的研究和運營是一個知識店鋪的重中之重,只有對用戶有了充足的了解才能知道用戶到底需要什么,從而不斷調整優化運營方案。
6.1 用戶
「用戶」這個版塊,主要為商家提供一個清晰直的運營助手,通過這個版塊,可以為我的用戶打標簽、制定運營計劃等,讓我對他們的學習行為數據全面了解。
6.1.1 用戶概況
「用戶概況」是對店鋪用戶的統計概覽,可以查看店鋪實時用戶數據(包含累計用戶、今日新增用戶等),其次還有店鋪重點運營人群的數據統計,比如企微用戶、超級會員等。
6.1.2 用戶管理
6.1.2.1 用戶列表
「用戶列表」包含「全部用戶」和「用戶學習統計」兩個內容。在用戶列表,商家可以查看店鋪用戶的詳細數據,比如用戶來源渠道、賬戶綁定手機號(還有一個最近采集手機號,以防用戶更換手機號碼)、消費次數、消費總額等,其次還可以直接聯系用戶(支持店鋪消息和發短信)、給用戶貼標簽、增減積分和設置黑名單(禁止評論、購買和訪問)。
6.1.2.1.1 用戶詳情頁
每一個用戶都有詳情頁,「用戶詳情頁」包含了用戶資料、用戶標簽、超級會員權益、用戶資產(包含積分、優惠券數量、兌換碼數量等)和行為統計(包含學習數據、課程進度、用戶評論和訂單記錄等)。通過對用戶多維度的數據統計,可以幫助商家對用戶有更全面的了解,從而可以對用戶進行分類,推出更精準的商品服務。
6.1.2.1.2 用戶學習統計
「用戶學習統計」包含匯總數據、課程數據和考試數據?!竻R總數據」是「課程數據」和「考試數據」的數據匯總,可以查看用戶的累計學習時長、累計學習天數、提交考試、提交作業的信息,這個功能可以幫助商家了解用戶真實的學習情況,從而進行課程優化調整。
6.1.2.2 標簽管理
「標簽」可以幫助商家快速定位目標用戶,并依據標簽進行定向運營,從而提高運營效率。小鵝通的標簽分為兩種形式,一種是「手動標簽」,輸入關鍵詞就可以自動生成;另一種是「自動標簽」,可以通過設置用戶行為和學習行為的條件,當符合條件的用戶出現時自動生成。
①「用戶行為」是根據用戶在店鋪的消費行為來設置,包含注冊時長、最近訪問商品(可選擇用戶訪問的指定商品)、收藏商品、下單商品、購買商品、消費總額和消費次數7種類型;
②「學習行為」是根據用戶的課程學習行為來設置,包含累計學習時長、打卡次數、完成的課程、加入的打卡、提交的考試、提交的作業和加入的社群7種類型;
③自動標簽的生效規則支持滿足任一條件生效和滿足全部條件同時生效,非常靈活。
設計思考
「自動標簽」這個功能的設計實在是太贊了,不僅可以根據「用戶行為」和「學習行為」的14種類型進行設置,還可以根據這些用戶行為進行組合生成不同的標簽。比如你想快速判斷哪些用戶是你的忠誠用戶,你可以建立一個「忠實用戶」的標簽,然后設置「消費總額」超過1000元和「累計學習時長」超過10小時這兩個行為,當用戶滿足這兩個條件以后,系統就會為他自動生成「忠實用戶」的標簽。
6.1.3 用戶運營
6.1.3.1 用戶分群
「用戶分群」和「自動標簽」有點相似,通過設置用戶行為和學習行為,把用戶進行快速分組。這樣的好處是方便商家對不同的用戶人群進行定向運營。
①「新建人群」和「自動標簽」一樣,需要設置用戶行為和學習行為,相比「自動標簽」,「新建人群」的用戶行為更多,包含了15種類型,內容更豐富。
②當「用戶人群」建立以后,商家可以查看人群分析、導出數據以及定向開展運營活動。
6.1.3.2 運營計劃
「運營計劃」是一個以提高商家運營效率和效果為目標的工具,商家可以針對指定的人群發放權益和活動通知,用高頻的外部觸發來實現活動目的。官方設計了五種智能運營,對應了五種不同的場景,比如流失客戶召回,主要針對那些在店鋪有過消費但30天未回放過店鋪的用戶。
6.1.3.2.1 新建計劃
①「新建計劃」包含三個內容,在基本信息,商家可以選擇目標人群,然后選擇計劃方式,包含長期計劃(商家可選擇起始時間,系統會在這個時間段內向用戶發送營銷通知)和定時計劃(在商家設定的時間內進行營銷通知)。
②在「權益禮包」,商家可以選擇運營計劃贈送給用戶的權益,可選擇優惠券、超級會員和積分。
③在「通知設置」,商家可選擇向用戶發送營銷通知的形式,比如發短信、發送店鋪信息、企業微信發送等。
6.1.3.2.2 智能運營
「智能運營」是小鵝通官方給商家設計的五個場景,分別是興趣轉換(激活7天內未付款訂單)、新客復購(促進成交過1次的客戶在30天內復購)、維系高活躍用戶(對近7天訪問商鋪的用戶進行維護)、流失客戶召回(召回在店鋪有過消費記錄但已經30天未訪問店鋪的用戶)和激勵喜好用戶(對收藏過店鋪商品的用戶進行激勵)。這五個場景,可以極大降低商家的學習成本,一鍵開啟運營計劃。
6.1.3.2.3 數據分析
在運營計劃開啟后,商家可以通過「數據」查看計劃的詳細數據。從覆蓋人到付款人數,通過轉化漏斗,多維度向商家統計出各步驟的轉化率,幫助商家可以靈活調整計劃,實現運營目標。
6.1.3.3 超級會員
「超級會員」可以簡單理解為店鋪的VIP會員,商家可以建立不同的會員規格,以商品的形式進行售賣,比如季度會員、半年會員和年費會員等。這個功能不僅是商家的用戶運營利器,還可以提高忠實用戶客戶量、留存率和活躍度。
6.1.3.3.1 添加會員卡
會員卡的添加包含基本信息、會員權益、展示設置和會員說明四個部分。通過可視化的設計,用戶可以實時預覽「超級會員」的頁面效果,體驗非常好。
①在「基本信息」,可以設置會員卡的規格,比如1個月、3個月、6個月的有效期,還可以限定用戶購買的次數;
②在「會員權益」,可以設置會員卡的折扣權益(支持指定特定商品)、免費權益(支持對圖文、音頻等欄目統一設置)以及和優惠券、優惠碼進行權益疊加;
③在「展示設置」,可設置會員卡的界面風格,支持自定義上傳,還可以加入權益商品的展示。
細節偵查
小鵝通這個產品,幾乎所有核心頁面都支持商家自定義配置,幾乎是傻瓜式的操作,雖然犧牲了一些個性化的設計,但極大降低商家的運營成本。
6.1.3.3.2 會員卡詳情頁
會員卡建立以后,可以從會員卡列表進入會員卡詳情頁。「會員卡詳情頁」包含了會員列表、數據分析和運營設置三個內容。
①在「會員列表」,可以查看購買超級會員的用戶詳細信息,可以給用戶貼標簽、延長有效期等;
②在「數據分析」,可查看超級會員詳細的用戶數據,比如累計會員數、新增會員數、用戶轉化漏斗、會員地域分布等數據,通過多維度的數據分析幫助商家提升運營效率;
③在「運營設置」,可以對用戶的信息進行采集(調用店鋪的信息采集微頁面)、CRM分配和私域引流的設置,幫助商家獲取新用戶的信息,拉新轉化。
6.1.3.3.3 全局設置
「全局設置」是為商家提供對「超級會員」統一設置的功能,,比如是否支持換購其他會員卡、是否支持用戶分享獲益等。
設計思考
「超級會員」是一個非常好的營銷工具,它可以滿足商家按月、按年的收費場景,相較于單個課程一次性的買賣,「超級會員」更適合打造高質量內容知識店鋪,也能幫助商家拓展一批忠實付費會員。
6.1.3.4 積分商城
「積分商城」是一個非?;A的營銷功能,作為用戶留存的重要手段,小鵝通的「積分商城」以消費、任務兩種積分發放方式,抵現、兌換兩種消耗方式,構建起了基礎的積分體系,幫助商家維系存量用戶,提高店鋪的用戶留存率。
6.1.3.4.1 積分發放
①「積分發放」包含「消費發放積分」和「任務發放積分」兩種類型?!赶M發放積分」是指商家可以設置用戶在店鋪的消費任務獎勵積分,有效刺激用戶消費,這個功能支持商家自定義配置,非常靈活。
②「任務發放積分」包含基礎任務(綁定手機號、完善個人信息)、學習任務(可設置學習時長等)和助學任務(連續打卡獎勵等),用戶完成對應任務后可獲取積分,有效提高用戶留存率和活躍度。美中不足的是,這個功能不支持自定義配置,靈活性較低。
6.1.3.4.2 積分消耗
①「積分消耗」包含「積分抵現」和「積分兌換」兩個功能?!阜e分抵現」是指用戶在購買指定商品時候,商家可以自行設定積分抵扣的比例,從而刺激用戶消費。
②「積分兌換」是指用戶可以通過積分兌換指定的商品,這是一種常見的會員權益。
6.1.3.4.3 用戶列表
「用戶列表」主要提供查詢店鋪用戶使用積分的情況,比如給用戶增減積分、查詢積分明細等等。
6.1.3.4.4 通用規則
「通用規則」為運營者提供積分規則的設置,比如積分有效期、積分凍結期,其次還支持手動設置積分規則的頁面內容。
6.1.3.4 信息采集
「信息采集」是一個非常靈活的用戶信息采集工具,通過自定義配置(包括手機號、微信號、姓名、聯系方式等字段),可以幫助商家在店鋪的運營中有效搜集用戶的資料,清晰刻畫用戶畫像,搭建思域流量池。其次「信息采集」作為一個公共組件,關聯了很多使用場景,比如超級會員、拼團等,它就像一個微頁面一樣,商家可在指定功能版塊進行靈活配置。
6.1.3.4.1 新建流程
①「信息采集」包含三個步驟,第一步是「編輯表單」。商家可根據自己的需要拖曳左側的組件庫(包含聯系人組件和基礎組件兩個分類,比如姓名、年齡、公司、證件號、電話號碼、生日、行業等)。
②第二步是「采集設置」,可以填寫采集表的引導信息(包含標題和提示文字),可以開啟重復采集(若信息關聯多個場景,支持用戶單獨填寫,商家無需重復建立)和獨立采集。
③第三步是「選擇采集場景」,包含指定商品購買、優惠券領取、活動打卡等,這一步非必選項,商家可結合店鋪運營實際操作。
迭代建議
「信息采集」這個采集工具真的非常方便,可以幫助商家高效地搜集精準用戶信息,從而提升運營效率。不過「信息采集」的用戶數據只支持導出到本地,而不像其他欄目有詳情頁和數據分析,這降低了信息采集的效率,效果大打折扣。
6.1.4 消息互動
「消息互動」是指商家可以為用戶發送消息通知,用戶也可以通過這個功能向商家提供反饋?!赶⒒印拱ā赶⒘斜怼?、「用戶反饋」以及「評論管理」三個模塊,通過這個功能,可以讓商家統一管理與操作店鋪消息,及時掌握學員的最新情況,通過反饋及時調整產品策略。
迭代建議
在新建「消息推送」的模塊,“發送人”的語義不夠準確,這會讓商家對這個字段搞混淆,不知道這個表格填入什么信息。其次也缺少了推送給指定用戶組,不夠完善。
6.1.5 體驗小結
作為一個知識付費的從業者,在體驗完「用戶」這個版塊以后,幾乎放棄了傳統模式定制開發的念頭。「自動標簽」的設計,讓我大開眼見,原來小鵝通的系統可以根據用戶的行為來生成標簽,這可以讓你快速知道哪些用戶才是愿意為你的知識付費的重視人群?!高\營計劃」這個功能設計得太好了,官方不僅提供了五個常見的運營場景幫助商家提升運營效率,而且傻瓜式的權益配置極大降低了商家的學習成本?!赋墪T」更是完善了知識付費的其他場景,比如按月收費、年費會員等。
6.2 圈子
「圈子」就像一個知識星球(一款社群工具),主要為商家提供一個老師和學員進行日?;顒咏涣骱透哔|量內容沉淀的社區工具?!溉ψ印沟墓δ芊浅XS富,支持設置群主、成員管理、發布及精選圖文動態、置頂群公告等功能,其次還支持在圈子內添加學習任務,滿足訓練營場景,學員可直接在圈子內學習課程、交流與互動,最終幫助商家打造一個高品質的學習型社群,提高學員的忠誠度和留存率。
6.2.1 創建圈子
「圈子」的創建比較簡單,填入基本信息以后,需要在「售賣設置」選擇入圈方式,支持免費、付費模型,還可以關聯專欄、超級會員和設置入圈截止時間,「圈子」就創建成功。
6.2.2 圈子詳情頁
「圈子」創建成功以后,在列表頁可以對「圈子」進行管理操作,包括管理、編輯、分享、刪除和轉讓圈主等功能。
6.2.2.1 內容管理
「內容管理」是針對圈子發布內容的管理,包含動態列表、待回答和圈子標簽三個欄目。管理員在這個頁面發布圈子動態,對圈子發布的動態進行審核、編輯、刪除和加精。
6.2.2.2 售賣設置
「售賣設置」是指對圈子的加入方式進行編輯,支持付費和免費兩種模式,但付費方式僅支持從“免費”改成“付費”,其他功能和「圈子」新建無區別。
6.2.2.3 應用管理
「應用管理」包含三種應用類型,課程、日歷打卡和商品櫥窗。這三個應用其實對應「圈子」前端的一級欄目,添加以后學員在圈子首頁就能訪問,幫助商家提升付費轉化和用戶活躍度。
6.2.2.4 運營設置
「運營設置」包含信息采集、CRM分配、續費通知、私域引流和圈子展示五個欄目,主要幫助商家結合其他營銷工具提升用戶的運營效率,比如可以開通「信息采集」工具,高效精準搜集用戶的信息,還有CRM線索分配,可以把潛在用戶分配給其他員工。
6.2.2.5 激勵設置
「激勵設置」為商家提供了「成長任務」和「勛章」兩個營銷工具。在「成長任務」,商家可以針對用戶的互動、課程學習以及打卡設計排行榜,比如發帖數、評論數、分享等;商家開啟「勛章」以后,可以建立「圈子」的勛章體系,不僅可以對活躍用戶進行獎勵,還能有效刺激用戶參與度,最終提升用戶的活躍度。
6.2.2.6 成員管理
「成員管理」是對加入圈子用戶的統一管理,可以查看用戶的詳情頁,了解用戶的詳細信息和活躍度;可以給用戶貼標簽,鎖定精準用戶;還可以給用戶延長有效期、加入黑名單和移除圈子。
6.2.2.7 數據分析
「數據分析」包括交易數據、活躍數據、學習數據和打卡數據這四個維度,在這個欄目可以查看到圈子所有的數據信息,比如累計支付金額、今日加入成員、課程學習完成率、任務完成率等,有效幫助商家提升圈子的運營效率,及時調整運營方案。
6.2.3 體驗小結
如同前面的比喻,「圈子」就像一個知識星球,為商家提供了一個功能強大的社群工具,幫助商家打造一個高品質的學習型社群。和「知識星球」相比,「圈子」更能幫助商家提升付費轉化率,比如商家可以通過「應用管理」就可以添加商品和課程,從而提升付費商品的曝光度。再加上CRM分配、私域引流等工具,「圈子」可以通過用戶的日常行為數據幫助商家獲取用戶的付費意愿、偏好和消費能力,提升店鋪的業績。
感謝閱讀,小鵝通產品拆解的第三部分就到這里,下一篇是小鵝通后臺拆解的最后一篇,我們將會拆解企微CRM這個核心功能以及對小鵝通的后臺設計進行總結。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
C端產品的需求通常來自用戶自身的訴求,沒有明顯的行業特征和限制,會基于產品核心功能去附加其他的功能,探索更多的可能性。比如在聊天社交應用上,加一些娛樂性的小游戲、直播功能等。
而B端,一般由于外部環境改變,如政策法規、技術改革等引起企業對生產管理、工具的升級需求,或是企業人員、市場規模擴張帶來的組織管理、產能提升等需求。
概括的說,就是C端的產品需求傾向于「 無中生有 」的制造需求。而B端,則是基于企業經營過程中「存在的問題」,然后為解決這些問題而促發的需求。
企業經營管理的基本任務是「 合理地組織生產力 」,因此「 B端產品 」可以理解為企業用來提升生產力的「 工具 」,而提升生產力終極目的就是「 更多的盈利 」,而盈利的方式歸根結底就是「 降本和增效 」。所以B端產品的作用,就是讓企業有效的降低運營成本和增加效益。
在此之前,需要先清楚企業在「 做什么 」「 怎么做的 」以及這么做「 還存在什么問題 」,然后確定我們的產品可以怎樣讓企業「 更好更快更省錢地解決、改善這些問題 」,最終獲得更大的經濟效益。
剛進入一個新公司、接觸一個新行業時,我們通常只是了解到一些零星的信息,比如公司是干嘛的、業務名是什么、屬于什么行業等等,對業務的了解只是停留在被動的階段,想要做好相關的產品設計,需要主動進行更多的信息收集。圍繞獲取到的關鍵詞,從市場、業務、產業、發展歷程和趨勢等方面,全面深入了解所要服務的企業狀況,建立起對企業業務關系、價值體現的清晰認知。
「 建議 :在信息收集的過程中,可以同步把當前認為有用的信息整理出來,而那些可能有用但暫時還不清楚有什么用的內容,可以把相關鏈接記錄下,并用文字標注自己對這個內容的記憶點和歸類,方便后面再次查看。這樣隨著對業務的了解加深,范圍會越來越大,可以減少后期再次查找資料的時間 」
信息來源:「 XX 」「 XX是什么 」等關鍵詞匯。
關于一些業務詞匯的定義,可以先通過相關的百科詞條,來了解它們的客觀定義,糾正可能存在的認知偏差。
然后再從這些內容中獲取到業務相關的其他信息、關鍵詞匯,擴大信息收集范圍。
信息來源:「 XX產業鏈 」「 XX行業上中下游」「 XX產業鏈分析 」等關鍵詞匯。
關于產業鏈的內容,主要要清楚兩方面的信息:
一是清晰企業處于產業鏈的哪個位置。中游,上游還是下游?
另外是上下游的業務關系,包括產品服務的供需關系和信息、價值的交換關系。
了解產業鏈的信息,有助于我們更全面的了解業務,在跟相關業務人員溝通時,也可以更好地理解對方所要表達的信息內容。
信息來源:「 XX業務流程 」「 XX工作規范」「 XX生產過程 」等關鍵詞匯,根據所屬行業的具體性質調整。還有企業方提供的資料。
清晰,以及確定我們產品的核心目標。
通過獲取到的信息,梳理清楚業務的流程、邏輯和相關規則。確定業務的核心是什么,以及要達到的目標是什么。然后從業務的流程中,找到達成目標的關鍵節點,以及可以通過什么方法、技術、工具來實現。
信息來源:「 XX發展史 」「 XX現狀」等關鍵詞匯。
「 當有事情想不清楚時,嘗試回到基礎理論、發展源頭上 」,這個是我自己想不明白一些東西時會采用的方式,比如看相關的一些概論、發展史的書籍。
對于業務也是,從源頭上開始了解,同樣有助于我們更深刻和清晰的了解相關業務發展的最初目的。
從時間的維度上,了解業務從以前到現在、從線下到線上、從手工到電子到信息化等,在流程、使用技術、工具、相關政策標準等方面有什么樣的發展變化。然后這些變化解決了哪些方面的問題,以及目前仍然存在什么問題。
在這個過程中,我們通??梢园l現某些方面的問題,是整個業務發展過程都在關注和尋求改進解決方法的。而相關的需求通常就是整個產業發展的最根本需求點。
信息來源:「 XX現狀 」「 XX未來發展」等關鍵詞匯。這一部分跟前面的「 發展歷程 」在收集信息過程中一般是重疊的。
「 站在巨人的肩膀上 」、「 知己知彼,超越競品 」。
關于行業現狀,一方面通過行業報告、行業概況等信息來源,了解行業發展狀況和技術水平。另一方面是了解同行產品、同類型頭部產品的水平,清楚目前業務功能的實現情況,以及強調的價值點是什么。站在行業和同行的水平上來進行產品設計,避免局限在自己的主觀世界里。
而發展趨勢,同樣可以反映出行業所關注的產品價值點,清楚行業整體的發展方向,以及期望的發展方向是什么。
信息來源:「 XX業務標準 」「 XX操作規范」「 XX質量要求 」等關鍵詞匯,根據所屬行業的具體性質調整,還有企業方提供的資料。
這方面對于一些G端、醫療類產品來說比較重要。
主要是通過相關的政策法規、行業標準、共識等,避免產品設計觸及一些行業風險點。同時清楚產品相關標準和性能要求。
通過對業務全方位多角度的了解和梳理,我們可以確定業務的核心需求和產品的價值點。但B端產品本質是商品,在市場上同樣存在競爭,所以在清晰了核心業務和價值之后,還需要進一步找到我們產品的競爭力。
即如何讓我們的產品在同類產品中占據優勢,呈現出更高價值,讓客戶選擇我們,甚至愿意付更高的價格。
在前面的分析中,關于「 現階段業務流程存在的問題 」、「 同行新產品情況 」以及「 產業的最根本需求 」等信息,這些都是我們要重點關注的。再結合行業共識、發展趨勢等關鍵信息,分析現有產品跟行業需求預期的差距,從中找到我們產品的機會點,發揮產品的價值。
通過對業務的分析,需要清楚:
我們處于產業鏈的什么位置以及上下游的關系
核心業務和目標是什么
業務處理模式的發展過程以及最根本的需求點是什么
行業(業務)目前發展情況如何
我們產品的價值及競爭力在哪
我自己進行在業務信息收集時,經常會受以往接觸到的信息或者自己假設的信息影響,有時候會在結論上混入一些主觀想法。這是不太好的,因為對信息進行收集整理,就是要以客觀存在的信息為依據,分析真正的產品價值點,而不是人為捏造創造的需求。也就是我們一開始說的,B端需求是基于已有問題來尋求解決方案的。
所以分析過程中要避免受自身的主觀影響,而是基于現實的、客觀的信息情況來分析得出相應的結論。
另外關于同類型產品價值點分析,如果所在行業業務發展還不是很成熟,需要從另外的角度去了解這些功能點的實際使用情況。比如同行們強調了5個功能價值點,實際客戶有3個是基本沒有利用到的,類似這樣的情況。因為可能同行也還沒搞清楚業務方的真正需求,只是在「 創造需求 」或是功能點的性能沒有達到客戶預期。
這一點也是有次在跟實施人員聊天時發現的,目前所在的行業發展也是比較初期的,所以很多東西并不是特別成熟。有幾個我們跟同行都在宣傳的價值點,實際在終端并沒有怎么用,或者使用這個功能的目的跟我們設定的是不一樣的。所以也不能過于相信競品的,盡可能從另外的角度去對比、驗證下。
以上就是關于B端產品設計中的業務和價值分析部分。
感謝閱讀,期待交流。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
當今提到促進業務增長,尤其是有關互聯網行業,總是繞不開B端設計。那么今天我們來挖一挖B端設計到底牛在哪里。
B端設計是指針對企業的終端用戶的產品設計,包括適用于消費者、企業、政府、行業等等市場的協同、全方位的客戶體驗設計,例如產品UI/UX設計、信息可視化設計等等。B端設計是提供終端用戶新的解決方案,注重以客戶的需求為導向,通過數據分析、可視化、流程優化等手段來進行產品設計。
在一個產品設計中,要考慮到用戶的體驗,UI/UX有著至關重要的作用,它能夠把產品從用戶的角度出發,將用戶直接引入到設計之中,使用戶步入終端,真正成為使用者。
此外,B端設計還要注重對業務流程的優化,例如在訂單管理系統的設計中,需要把客戶的需求分析清楚,盡可能用最少的步驟幫助客戶快速進行訂單操作,增加操作效率;同時,也需要考慮到如何將整個管理系統融入到業務流程之中,使其成為一個可持續發展的解決方案。
此外,B端設計還需要考慮系統安全性和可用性。系統安全性指的是在設計過程中重視數據安全,例如考慮不同用戶的權限,避免未經授權的訪問以及防止誤操作等;而系統的可用性則指的是系統操作的一致性,即如何在使用中滿足客戶的需求,在系統功能上保障系統的完備性和易用性,為用戶提供更方便的操作體驗。
正確的B端設計應包括:用戶界面設計、業務流程的優化、系統安全性以及可用性的考慮等。
用戶界面設計的目的在于提供簡單易用的用戶界面,以滿足客戶需求,提高用戶體驗。
業務流程優化則是確保系統能夠有效地協調用戶間的溝通,使用戶流程更加高效、可靠。
系統安全性考慮需要重視數據安全,增加對不同用戶權限的考慮,以避免未經授權的訪問以及誤操作。
而系統可用性方面,則需要系統操作一致性,保障功能的完整性和易用性,使用戶操作更加便捷。
用戶界面設計還需要考慮跨瀏覽器的兼容性,以確保用戶能夠在不同的終端上獲得有效的使用體驗。此外,對于功能性更強的應用,還需要考慮響應速度、網絡請求數和業務性能等方面的優化,以便在處理大量的信息時能夠有效地完成任務。
對于不同的用戶群體,應當提供相應的交互界面設計,例如考慮弱智使用者和視覺障礙者,以及嬰幼兒等特殊群體。此外,可以通過支持多種語言、國家文化差異和地域語言來優化用戶體驗。
B端設計原則可以幫助企業更好的把握商業機遇,推動業務發展。
首先,應當按照核心業務找出客戶需求,深入挖掘,從客戶視角出發,明確目標。
其次,要強化設計意識,注重交互性,利用技術手段和平臺將功能元件組合在一起,以便更好地解決客戶面臨的問題和滿足客戶的需求。
最后,對產品的功能、使用效果和用戶體驗進行定期的測試評估,根據反饋進行變更和優化,以滿足客戶的需求。
為實現B端設計的潛在價值,可以采用多重方法,比如從創新的角度增加產品的附加值,加強功能和服務體驗,提升網站可用性,優化頁面布局,提高頁面加載速度等。
另外,還可以改進客戶體驗,通過可視化或語音技術提升網站和移動應用的交互性,以便讓客戶更容易獲取想要的信息和服務。
此外,可以加強產品的社會化和移動性,以便更好地滿足客戶的需求,從而獲得更多的潛在價值。
對于B端設計來說,還要考慮技術層面的因素。
首先,應根據客戶使用情況進行系統優化,以提高系統效率。
其次,要重視人機交互技術,盡可能提供給用戶更好的界面體驗,并利用智能技術提升用戶體驗。
此外,應結合實際情況,采用合適的網絡技術和安全技術,提升網站的安全性。
最后,還要將設計與市場營銷結合起來,通過有效的營銷手段,提高客戶購買意愿,以獲得更多的潛在價值。
B端設計要考慮的技術層面因素有:系統優化、人機交互技術、網絡技術和安全技術以及營銷手段。這些都是為了能夠更好地滿足客戶的需求,并獲得更大的價值。
首先,淘寶的B端設計把價值的提升放在了首位。它通過實時監測用戶行為來分析用戶習慣,以實現實時調整,提升客戶體驗。此外,淘寶的營銷手段也讓它的業務獲得了極大的成功。
另外,微信也是一個優秀的B端設計案例。它引入了更多的人機交互技術,以有效溝通用戶,同時也提供更安全、便捷的服務,大大提升了用戶體驗,獲得了廣泛的應用。
總之,優秀的B端設計不僅能優化用戶體驗,還可以帶來更多的商業價值。
從用戶體驗角度來看,優秀的B端設計應包括系統優化、人機交互技術、網絡技術和安全技術,這樣可以給用戶提供更流暢的體驗,更快的響應速度和更好的安全保障。
此外,B端設計還應該擁有一套完整和靈活的營銷手段,幫助企業獲得更多的客戶價值,以提升品牌影響力和競爭力。
要做好B端設計,一個重要的方面是把用戶群體的心理需求和行為習慣結合起來,設計出更具吸引力的產品界面。例如,可以通過實時調整產品配置、設定營銷活動等手段來滿足不同用戶群體的需求。
另外,為了提升用戶體驗,應該使用更智能化的人工智能(AI)技術,幫助企業更好地分析用戶行為,從而更有針對性地進行產品調整。
總而言之,B端設計的成功關鍵在于結合用戶群體的心理需求和行為習慣,并利用智能化的AI技術對用戶行為進行分析,只有這樣才能設計出更具吸引力的產品界面,滿足不同用戶群體的需求,并提升用戶體驗。
在企業開發B端產品之前,應該先進行大量的市場調研,以便弄清楚用戶的心理需求和行為習慣,這也是設計成功的前提。在制定設計思路時,應該結合用戶需求和行為習慣,并加入智能化AI技術,以有效調整產品界面,使其更具吸引力。在可行性研究階段,應該采用多種方法,以測試產品整體性能,包括安全性、可靠性等,確保系統可以正常運行,避免潛在風險的發生,為用戶的體驗提供完善的保障。市場調研是設計成功的先決條件。除了市場調研,企業還應該采用新穎的營銷策略,以拓展客戶群,豐富產品服務,提升用戶體驗,實現B端設計成功。
前言:
對于B端而言他們使用導航菜單目的性很強,到后臺主要是對具體功能進行操作。因此,其主要的功能就是對B端產品進行分發、引導,幫助用戶找到自己想要的功能。
分享內容:
1. 導航是什么,存在的意義
2. 導航的設計目標
3. 其設計原則
4. 設計建議
5. 幾種常見的導航類型
導航用來展示當前產品中,用戶在哪兒,可以去哪兒。在廣義上,任何告知用戶他在哪里,他能去什么地方以及如何到達那里的方式,都可以稱之為導航。當設計者使用導航或者自定義一些導航結構時,請注意:
a. 盡可能提供標識、上下文線索,避免用戶迷路。
b. 保持導航樣式和行為一致或者減少導航數量,降低用戶學習成本。
c. 盡可能減少頁面間的跳轉(例如:一個常見任務需要多個頁面跳轉時,請減少至一到兩次),讓用戶移動距離保持簡短。
導航菜單是將內容信息友好地展示給用戶的有效方式。在確定好網站的信息架構后,應當按需選取適當的導航菜單樣式。
導航菜單是讓用戶明確知曉當前所處產品中的位置,并方便快捷地帶用戶到他想去的地方。
用戶可定位到他們想要的信息。
a. 多接入點:對同一目的地提供多個鏈接。
b. 捷徑:提供訪問內容的捷徑,如相關鏈接。
c. 逃生艙:點擊 logo 回到首頁重新啟動信息搜尋。
? 設計時應盡量保持淺平寬的信息架構層級;
? 從用戶的使用路徑考慮導航,而非僅基于層級結構;
? 常見的組織方式有:
a. 按主題,例如產品提供的服務或內容分類,好處是直接呈現站點的內容范圍。
b. 按受眾群體,例如管理員、運營、操作員。
c. 按任務,例如了解合作模式、聯系合作專員、簽約流程、合作聯調、業務運營、客戶服務。
完善的導航應該允許用戶沿多種路徑移動:
a-平移:同層級跳轉
b-下鉆:進入低層級的內容
c-返回:返向瀏覽歷史或高層級內容
d-聯想導航:根據相關性導航至內容
正確理解和使用導航組件對產品全局體驗至關重要。
我們將導航劃分為以下 6 種類型:
a. 全局導航(側邊導航、頂部導航、彈出式導航)
b. 子站點導航(沉浸式導航、多級站點導航)
c. 頁內導航
d. 下鉆類導航
e. 返回類導航
f. 聯想類導航
全局導航體現網站的核心組織結構。
a. 各菜單權重常常與排列順序呈正相關,即排列順序影響用戶使用頻次。
b. 建議 2~7 項內容使用。
c. 建議 1-2 個層級;超出 2 個層級時,建議采用彈出式導航。
垂直導航較橫向的導航更靈活,易于向下擴展, 且允許的標簽長度較長。類目數量不限,可配合滾動條使用,適合信息層級多、操作切換頻率高的管理性質的應用。
a. 很多菜單時使用,建議菜單多于 6 項時使用。
b. 可以承載多個層級,但建議 1-3 個層級。
c. 企業級產品推薦使用側欄導航,其可見性更好易于掃讀,各菜單重要性受菜單排列順序影響較小。
用于拓展導航承載層級,適用于大型網站。站點地圖式導航可以讓用戶對整個網站的可用功能一目了然。
a. 不要讓用戶延著狹窄的懸停路徑獲取導航菜單。
b. 不要讓用戶逐層打開每層菜單去查找,低效又困難。(此建議僅針對導航類菜單,不適用于操作類菜單。)
子站點導航(沉浸式、多級站點)
企業級產品常采用層級+數據庫混合結構的信息架構,這種信息架構通常層級較深,為了實現用戶感知層面的淺平寬,將較深幾個層級組織為一個子站點,降低單個站點層級數量,減輕用戶認知負擔。
另一種子站點場景是,面對一些任務復雜,需要較大的工作空間,以子站點的方式沉浸式處理任務。最常見的是編輯器。子站點模式下,對全站導航功能需求低,通常只需提供一個返回上級或回到首頁的出口。
(此處的數據庫是一種信息架構形式,各頁面內容獨立,但都遵循一致的形式/格式。)
a. 菜單數量較多的子站點使用。
b. 子站點設計上,應明顯區別于全站導航,使得進入子站點需要成較大的過渡波動,提示用戶進入了新的空間。
點擊進入信息架構下層內容,默認站內跳轉,站外新開標簽頁,典型場景為列表下鉆至詳情。
反映當前頁面在網站結構中的位置,在少于三個層級時無需展示,此時的全局導航能直接呈現位置。用戶可通過面包屑返回上級頁面。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
本文將分享另一個更為深層全面的B端用戶研究方法——用戶訪談。通過面對面的溝通,以及觀察用戶的表情、行為去挖掘更深層的需求。
下面是本次分享的文章結構,標??的為重點部分。
用戶訪談通??梢圆捎?span style="font-weight:700;">線上會議、電話或者線下面對面交流兩種形式。
線上會議和電話訪談的優勢顯而易見,可以不受地域限制展開調研訪談,整體的成本也比較低,設計師可以自己找領導或者協調資源去推動。
缺點也是比較明顯,溝通起來效率低下,比如我們一定有過“電話里說不清,我們見面詳談”的經歷。
所以,相較而言線下訪談無疑是最佳的調研形式。首先當面溝通更加高效,其次對于搭載硬件設備的產品來說,讓受訪者在真實場景里操作演示,可以發現更多隱性問題。
在訪談過程中通常會接觸到以下3種類型的受訪用戶,不同類型的用戶我們應該怎么接觸交流呢?
話癆型的受訪者占大多數,通常就是想法、意見比較多。他們不僅有一大堆不滿意的點要訴說,甚至連對應的解決方案都想好了。
整體接觸下來,我覺得該類型的受訪者,可提供的有價值信息會更多一點。只不過我們要學會過濾信息。因為他們的修飾用詞通常比較多,例如:“太難用”、“超級麻煩”、“哎 我真的是受不了啊”…
訪談話癆型的受訪者,我們需要注意無論怎么聊都要緊扣主題,防止變成了吐槽專場。
其次也要表達肯定,安撫情緒,并對問題進行進一步提問:“您的這些建議真的很棒,也給我們提供新的思路,我都記下來了,我還想確認下,剛才您說的3個關于結算環節的問題,哪一個給您造成的困擾最大?”
顧名思義,受訪者可能是因為性格內向或害怕說錯了不好意思等緣故,在受訪過程中問一句答一句,比較容易冷場。答案的價值也比較低,例如:“對,是的”、“還行吧”、“沒啥感覺啊”、“反正就這樣用用吧”、“說不上來”。
這種情況下要嘗試緩解下氛圍壓力,換個形式溝通:“就是隨便聊聊,公司派我們來呢,就是因為非常關注用戶的使用感受,想收集一波用戶反饋與建議,您有啥不滿意的地方都可以跟我講講,越多越好。”
其次我們在提問的時候也要帶有引導性,例如:“還有呢、然后呢、具體說說呢”,如果對方實在說不出所以然,最有效的辦法就是進入上機操作環節,通常操作過程中那些問題也會隨之暴露出來。
專業型的受訪者一般是老板或者店長、經理崗位的員工,他們對于產品或整個門店乃至行業都了解得比較透徹。
和這樣的受訪者溝通,不僅是局限于產品的一些問題挖掘,他們會從這個行業的角度闡述一些個人的見解觀點,給我們提供一些有價值的優化方案或者改進方向。
例如餐飲的老板其實并不是很關心點餐、結算的流程有多么的順暢高效,畢竟他們不需要親自去做這些執行,而且坦率的說,對于絕大部分產品而言,好用并不能成為其核心競爭力。
他們關心的是如何帶來更大的商業價值,類似于如何提升坪效,如何提升門店會員的儲值能力等等。而這些老板的關注點,也會給我們未來的產品優化方向打開新的思路,去思考如何給我們的用戶創造更高的商業價值。
我們在做訪談之前,首先一定要熟悉產品業務的相關背景、受訪商戶的基本情況。
訪談過程中可能會提及一些專業名詞,例如餐前餐后模式、明檔、一魚多吃、坪效、估清等等。我們具備了這些基礎相關知識以后,省去了不必要的解釋環節,可以使訪談推進地更順利。
其次建議要了解下行業相關的基礎知識。尤其是餐飲業態,華南、北方、四川等地都因為飲食習慣的不同,在產品的功能和使用上的需求也是相差很大。具備了這些知識點以后,在提問過程中,也更利于提出一些深刻的問題,而不是浮于表面的提問。
行業相關的分析報告,可以去艾瑞、36氪、發現報告等網站進行查詢收集,在此不做贅述。
在訪談初期,需要準備一份訪談框架,但并不意味著我們整個過程只能按提綱來提問。尤其是B端這種千載難逢的訪談機會,只按規定的框架提問屬實是太吃虧了。所以在時間允許的情況下,除了框架以內的問題,盡可能多發散地去提問。
例如餐飲業態,會有各種不同載體的終端設備聯動使用,一體機POS、手持的POS、廚房KDS、廚顯大屏、各類打印機等等都可以順便了解、調研下,讓我們對于全鏈路的協作流程也會有更深刻的認知。
再例如后廚會涉及到KDS大屏顯示,可以問問目前的大屏顯示是否夠清晰(字夠大),也可以和負責海鮮稱重的工作人員聊聊,海鮮的售賣、計價流程,以及菜品雙單位(例如:1【條】魚,重量1【公斤】)的使用等等。
在溝通過程中,一定會有一些觸類旁通的收獲與問題被發現。這些問題也許來自一個模塊、或者某個特定角色,又或者是主產品關聯的其他后臺產品。
在提問的時候要考慮到受訪者的年紀和理解能力,如果措辭過于專業,可能會導致受訪者理解不到位,因此溝通的過程中要盡可能的說大白話。
我們都知道沒有經歷過的事,很難感同身受。有時候看到客戶群里,因為產品的各種原因導致商戶情緒激動,我們理智上非常理解,但是情感上很難共鳴。
因此每次的門店調研,我都會抓住機會觀察整個門店的運營情況,去感受那種忙碌的氛圍。
有時候開始進入營業高峰期,機器出現卡頓或者外賣不接單等情況時,自己的情緒都會一下子緊張起來,也能夠深刻感受到產品給客戶帶來的困擾。
當再次有產品迭代優化時,這些體驗總能讓自己能更容易代入用戶的角度思考問題。
除了去體會產品對情緒的直接影響,還可以關注下整個門店的布局、收銀產品的數量與擺放位置、不同產品的協同使用等等。
這些都會幫助我們發現,到底什么是門店運營環節里最重要的模塊。
在訪談過程中,不排除受訪客戶會反饋一些暫時無法解決的問題。這時候一定要告訴受訪商戶:“您的問題我已經記錄下來,回去會針對這個問題反饋上報,最遲X天我會讓顧問給您回復的”。
這么做一方面也是細節處維護公司品牌的整體售后體驗,其次也有助于我們再次回訪時,受訪商戶樂意花時間跟我們聊。
了解了用戶訪談的一些基本信息和注意點以后,到了本文核心部分,關于整個訪談的推進過程,一共分為3個階段。
1)訪談的3種類型
首先明確訪談的類型,用戶訪談的類型主要分為以下三種,最常見的就是第三種類產品使用回訪。
①新品場景調研新品調研的訪談,一般是由于業務的發展,可能需要升級或者打磨一款新產品來滿足市場的需求。
在訪談的過程中,我們需要關注的點就是用戶畫像、商戶訴求、使用場景、終端載體等一系列因素。
②潛在商戶拜訪當去往一個城市進行批量客戶調研的時候,偶爾會有拜訪潛在客戶的調研機會。這種類型訪問的關注點集中在商戶的痛點與需求上。
由于是潛在客戶,我們勢必是要了解他們想要購買或者替換產品的前因后果。也是借此機會了解到競對的優劣勢,他們放棄競對的原因,以及我們當前產品的功能是否滿足客戶的需求,還有哪些點不滿足,客戶重點關注的是什么。
③產品使用回訪
使用回訪是最常見的訪問類型,主要目的是對商戶進行售后維護、提升使用體驗。
且由于B端產品的復雜性和遠距離特點,以及新功能同步給商戶存在的滯后性,公司會安排定期的上門回訪。如果有這樣的機會,UED一定要盡量申請跟著去門店調研。2)問題設計3步走
到了最關鍵的一步,就是關于訪談的問題設計。
總結一下,問題的設計渠道來源主要有3種。主要還是根據調研目標進行問題設計,另外兩種方式,作為輔助。
那具體問題應該怎么設計,這邊我們分為3個步驟,從面到點依次拆解進行問題設計。
第一步:了解產品全場景能力
B端產品的特點可以借用《U一點料》的9個字概括,“多場景、全鏈路、多角色”,所以設計問題前,我們可以從場景+鏈路+角色/節點功能的維度來設計問題。
以餐飲行業的產品舉例,首先建議了解自家產品的全場景業務能力。
即從商家端到消費端會經歷的產品模塊和具備的現有功能,做到心中有數即可,畢竟不會一下子調研這么多模塊和功能。
第二步:確定要調研的流程主線
其他ToB產品同理,可根據某個操作鏈路為主線,確定主流程后進行問題設計。其實就可以理解為確定調研的目標。例如下圖要調研的主流程,就是提取點餐>下單>結算為主線。
第三步:關鍵節點問題展開設計
根據剛才確定的主流程,我們找到所有關鍵節點進行問題框架設計。
以上3個步驟可以理解為,如何在功能極其復雜的B類產品當中,篩選出與訪談目標緊密相連的功能鏈路。避免我們的訪談提綱做的過于冗余沒有核心。
3)2種提前準備工作
①提前告知
這點也非常重要,每一次去門店調研之前,先由當地負責的顧問與受訪商戶提前溝通。
一方面是需要與對方預約時間,另外一方面這種訪談對商戶而言就相當于優質的售后服務,會有受訪商戶提前列框架,準備問題。
那么這種情況更有利于調研,因為受訪者明確自己的問題點在哪里,就等著調研團隊(售后團隊)來門店后,好好拉扯一番。
②準備材料與設備
萬事具備,只欠東風。我們再盤點確認下本次訪談的各類工具是否備齊,準備進入訪談階段,大致需要準備的東西是以下4種材料工具。
在了解了受訪者類型、采訪者需要注意的點,以及帶著我們設計好的問題,下面正式進入訪談階段。
1)開場白
到達門店后,我們的顧問會給受訪客戶做一下來訪成員介紹,并講明此次到店的目的。一般都是產品使用回訪,或者新功能推薦培訓。
通常來說,受訪商戶對來訪團隊總是有很多”心里話“想嘮一嘮,因此暖場氛圍比較容易起來,也有助于我們接下來的溝通。
2)訪談中
進入正題以后,我們會先大致了解下受訪者最近使用的體驗以及遇到的問題,而后會根據問題框架進行提問。在整個過程中也需要注意觀察用戶在描述問題時候的表情和肢體語言,搜集用戶對于產品的真實態度。
其實整個訪談流程我們歸納一下,需要關注的就是四個關鍵點,手+口+心+顏。
①手-實操演示
關于實操演示放在第一個講,是因為這個環節非常重要。線下訪談時強烈不建議“脫機訪問”,這種形式對受訪者而言需要花更多的時間去思考問題的答案。
會遺忘甚至想不起來當時的具體情況,隨便的敷衍回答“嗯,還行”、“挺好的”,或者干脆彼此都不在一個頻道上。
其次,在操作過程中,建議用手機進行拍攝記錄。因為每個人對產品的理解方式與程度不同,在用戶操作的過程中,會發現一些有意思的代償方案。這些也是思考的切入點。代償方案是否比原先設定的實現方法更便捷。
回去通過視頻仔細分析受訪者的操作路徑,以及每個操作之前是否有遲疑等等。并且將問題點一一記錄下來。
②口-問具體操作
這個就是根據問題框架進行提問。在這個過程中,通常會穿插著上機操作演示,在現場記錄的時候可以先記錄個大概,等結束后再仔細整理。
③心-問心里感受
問受訪者的心理感受,其實就比較偏主觀了,我們可以從“我們家的產品”和“人家的產品”兩個維度去對比詢問心里感受。值得注意的是,即使是這樣開放式的提問,也有提問技巧。
比如“你覺得現在還有什么不好用的地方”就比“你感覺現在的產品好用么”這樣的提問方式更有效。
因為產品一定是有可有優化的空間,“有什么不好用的地方”這樣提問的方式就是具體到了某個點上面,具體什么點不好用。
而后者的提問方式是基于整個產品,受訪者可能會出于不好意思等原因直接說“你們的東西還行吧,還可以”。
④顏-關注動作表情
當我們提問產品優缺點的時候,受訪者大部分都會帶上表情和肢體語言,并且情緒表現和性格有比較大的關系。
性格比較雷厲風行、急躁一點的,通常會像連珠炮一樣瘋狂輸出,并且措辭會比較極端。例如:“真的太難用了”、“太麻煩了”、“嚴重影響門店營業了啊”。
接受到這種信息我們首先要做的就是安撫對方的情緒,其次對于這些信息要學會剔除一些夸張描述。
而性格溫和一點的受訪者,在闡述問題的時候也會比較婉轉?!安皇翘奖恪?、“這個改動沒啥感覺”、“也還行、都可以”,如果某個高頻操作真的很影響日常工作效率,往往會表現得很無奈,甚至還有點委屈。
那么無論是哪種表現,其實都要考驗采訪者的經驗,結合產品的功能去考慮,找到反饋中真實有效的部分。
通過以上4個環節,其實就可以收集到很多有用的信息,語言信息、視頻信息、動作表情信息等等。接下來的任務就是信息的梳理歸納。
3)結束語
訪談結束后,我們需要做個簡單的總結回顧。將關鍵問題再次復述確認,進行查漏補缺并且再次感謝受訪者,表達他們今天提的建議價值很大,后續會梳理出可落地的點優化到產品當中。
如果說聊得比較開心,大多數的受訪商戶都會邀請來訪團隊吃個飯再走,也算是額外的福利。在就餐過程中的非正式場合交流,也可以聊聊門店的一些運營情況等等,幫助我們更深入的了解這個行業。
1)資料梳理
我們在訪談過程中會有大量未整理的一手記錄,結束后需盡快地梳理,盡可能詳細地記錄下用戶描述的細節、肢體動作表情語言等等。建議使用石墨、語雀、騰訊文檔等在線編輯工具,方便分享修改。
如果是連續訪談幾位商戶,我會在訪談結束以后,迅速地將剛才的訪談內容整理出一份原始資料。并羅列出一些受訪者反饋但訪談提綱里沒有的問題,去下一家受訪商戶的時候可以驗證下該問題的普遍性。
2)整理落地
輸出后我們需要再次進行提煉,將有價值可落地的問題點提取出來,進行匯報分享,并找到相對應的產品研發進行探討排期,這樣就形成了一個完整的閉環,真正做到了發現問題、解決問題。
3)流程概括
前文絮絮叨叨說了很多,其實關于用戶訪談這事用6個字就可以概括,簡單理解:
問誰?問啥?答啥?改啥?
能夠回答清楚這4個問題,那么這就是一次有價值的訪談經歷。
ToB業務的特點就是會有一定的行業壁壘,設計師在剛接觸的時候一定會有很多茫然時刻。對于各種專業詞匯的一臉懵,對于行業的不了解。
或者很多人對于B端的認知還停留在,B端好像沒啥好設計的,都是現成的組件庫拖一拖,成就感比C端差遠了。
那么做訪談、體驗優化的意義是什么呢?
作者:B端設計情報局
來源:人人都是產品經理
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
寫在最前
B端界面的元素眾多,視窗范圍大,布局設計多種多樣,為了簡化布局思維,我們通常給界面添加三個方向上的軸-X、Y、Z。X軸指水平方向上的軸線,Y軸指豎直方向上的軸線,以及Z軸指在三維空間中垂直于視窗平面的軸線。當設計B端界面時,讓元素沿著這三個軸進行布局,既能理清我們的設計思路,頁面的元素也能展示得更有邏輯。
本文圍繞這三個軸,來看看在B端界面的三維空間里,都有哪些設計規律。
一、X軸的布局與適應
B端界面在PC視窗下展示,范圍更大,如常見的分辨率尺寸有1280x1024、1440x900、1920x1080等,且瀏覽器還支持動態拖拽改變視窗寬度。所以B端界面在X軸上應該更注重內容的延展和適配,合理利用橫向增長的空間。根據這一特點,在這一部分中,我們分業務場景來探討都有哪些典型布局,并針對每一種布局給出合適的適配方式。
B端典型的業務場景,可大致分為表格、圖表、表單、卡片、文字詳情五大類頁面。這幾類界面在X軸上排列的方式為單欄型、雙欄型、多欄型。如果有側導航,則在頁面最左側增加側導航即可,內容區的布局不受影響。
1.單欄型
表格、圖表,這類需要較大展示空間的場景,一般一個頁面只有一欄,不再在橫向空間進行切割。當視窗橫向拉伸時,也為了預覽更多的內容,表格和圖表進行橫向拉伸,保持撐滿視窗的狀態。
2.雙欄型
表單、文字詳情類的頁面,采用雙欄結構的概率較大。因為表單頁除了表單本身的內容外,往往還有右側的輔助說明面板,或者是預覽面板。文字詳情頁的右側也經常出現其它閱讀內容的推薦列表。當這兩類頁面視窗在橫向拉伸時,適應的方式通常有兩種。
1)主模塊寬度拉伸,始終撐滿視窗,副模塊寬度固定。如果主模塊每行內容都比較多,推薦使用這種方式,能更大化地瀏覽主模塊的內容,減少不必要的換行。但缺點是,由于內容本身如表單項、詳情文字等在X軸上占用的空間不多,他們所在的模塊橫向拉伸后,會出現很多留白。
2)各模塊保持寬度固定并居中展示,不跟隨視窗伸縮而變化。如果主模塊每行內容不多,又需要頻繁的左右對照,推薦使用這種方式。
3.多欄型
多欄型頁面一般用于數據看板、媒體卡片(視頻/圖片)的展示。因為這類業務場景,卡片數量多,無法簡單地將頁面進行區塊的分割,所以以卡片為單元來填充頁面。當視窗橫向拉伸時,這里也會出現2種適應的方式。
1)數據看板類頁面,每個卡片等比拉伸(也可僅橫向拉伸),列數不增加,讓圖表能展示地更清晰。
2)媒體卡類頁面,卡片需要設定一個最佳展示的寬度如w,當視窗拉寬時,卡片等比放大。當頁面拉寬到能增加一列寬度為w的卡片時,所有卡片寬度都恢復到w,增加一列。
上述說了這么多適配的規則,當然我們也可以給視窗設定一個統一的適配上限,避免當視窗非常寬時,頁面的元素過于左右分離,反而不方便瀏覽。比如我們可以設置當視窗寬度>1920px后,頁面元素就不再跟隨撐滿,達到內容區寬度上限值,居中展示在界面中。
二、Y軸的空間利用
B端界面,面對復雜的信息,我們往往會面對兩類問題,如何承載大量的信息,如何區分強弱主次。這就涉及到頁面Y軸的空間利用了。這里我們提供4個小辦法來解決上面的問題。當出現大量信息時,應該注重Y軸空間的擴展,合理搭配翻頁、加載等邏輯。當希望對頁面元素區分強弱時,可以搭配滾動吸頂、局部折疊等交互,有序展示更多信息。
1.如何承載大量信息
1)替換型對于表格類頁面,為了方便快速查找所需信息,采用分頁器的方式展示更多的數據內容,即把當前頁內容做替換。即頁面Y軸的高度是固定的,僅做內容的變更。
2)向下延展型
對于瀑布流類頁面,由于數據量大,且沒有快速定位的訴求,使用無限加載的方式,向下加載更多的數據,這種類型的頁面Y軸可無限延展。
2.如何區分強弱主次
1)強-滾動吸頂當頁面滾動到某個位置,需要去強調一些導航性質的內容時,我們可以使用滾動吸頂的交互,即當把這個元素(如標題)滾動至當前視窗的頂部時,發生吸頂事件,始終停留在頁面中,該元素所引領的模塊在其下方滾動瀏覽。當把這個模塊滾動完,吸頂交互失效。這樣即能臨時性地強調某些內容,還不會影響其它模塊在Y軸上的展示。
2)弱-局部展開對于表單類頁面,若在某個選項下還存在二級內容,則在初始展示時,優先突出主選項本身,當選中后再展開二級內容。這樣即能節省首屏空間,也能順應使用者的學習、使用心智,在合適的時機展示細節內容。
三、Z軸的疊加順序
說完X軸、Y軸的布局設計,我們最后來看看Z軸。這里,我們需要把視角從二維平面轉為三維空間,比如吸頂的導航,菜單浮層,模態彈窗這些都屬于出現在Z軸上的元素,他們之間可以進行層層疊加和嵌套,于是會出現疊加沖突的場景,導致發生錯誤的遮擋現象。所以Z軸設計的關鍵點在于不同元素的疊加排序設計。那么怎樣才能有一個貫穿全局的合理排序,讓元素們能乖乖排在自己的隊列中呢?此處,我們將頁面的所有可能出現的元素按照Z軸的特點歸類到三大區間里。每個區間內給出相應元素的排序順序指導,并配合動態計算的邏輯,Z軸上的元素就能整齊地疊加起來啦。
1.基礎區間
a.展示類-頁面中默認就存在的、不會對其它元素造成遮擋的元素(表單、表格、文字、按鈕、圖表、圖片等)。
b.固定類-固定在頁面某處的元素,滑動頁面時會對a的元素產生遮擋(如吸頂導航、固定表頭/列、錨點、返回頂部按鈕等)。
c.浮層類-由a中的元素觸發出的、指向該元素的臨時浮層元素。會對a以及固定元素產生遮擋。臨時浮層之間的z軸層級遵守觸發的時間先后順序,若臨時浮層可以同時存在在界面中,則后觸發的層級更高(下拉浮層、氣泡)。
2.模態區間
d.模態層-由基礎區間的元素觸發的,覆蓋整個視窗的模態元素,當該元素出現后,至于基礎區間所有元素層級之上,基礎區間的所有功能無法交互(抽屜、對話框和全屏預覽等).
e.臨時浮層-在模態元素上出現的臨時浮層,計算高度時,可把d層想象成基礎區間的c層(下拉浮層、氣泡等).
f.第二層模態層-在d出現之后出現的覆蓋整個視窗的模態元素。不特指第二層,也可以是第三、或更多。
模態區間內,多個模態層可進行疊加(即上文的f),疊加時一樣需要遵守觸發時間的先后順序,后觸發的層級更高出現在更上層。但是我們也應注意,模態層不能疊加太多,會導致當前頁面覆蓋過多內容,一般最多用到兩層模態層就能滿足大部分場景了。
3.頂層區間
g.全局層-全局的、不被模態元素遮擋的元素??梢猿qv在頁面中,也可臨時出現。
h.臨時層-由g觸發出的臨時浮層
max.最高層-始終動態高于當前頁面所有層的元素(比較典型的是Toast組件)。
四、寫在最后
到這里,我們就淺談完關于B端界面的X、Y、Z軸上的設計特點了,雖然是一些高度抽象的內容,真正按照業務需求執行設計的時候,遇到的界面一定比我們這里談論的更復雜,但是只要我們清楚底層的空間布局、適應方式、擴展手段和疊加邏輯,再復雜的界面無非就是規則的嵌套,希望這篇文章能帶給大家一些小小的啟發。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
提到B端設計你是否經常聽到這樣的聲音:
剛轉B端那段時間,我相信每一個設計師都曾有過這樣的困惑。
設計師在實際工作的時候經常會遇到自己的設計方案與業務需求高度融合,由于B端的行業屬性,缺乏完善的數據驗證,常常到了最后也區分不了設計師真正的能力體現在何處,這就導致團隊成員對設計師的價值認識不夠全面。
那么我們B端設計的價值又該如何體現?今天本文將從4個方面進行闡述,一起來看一下吧~
B端設計師追求工作中如何體現價值的時候,我們得先明白B端的設計價值是什么。
那么何為B端的設計價值呢?
百度百科中設計價值的含義是:把一種計劃、規劃、設想通過視覺的形式傳達出來的活動過程。今天本文中的B端設計價值分為視覺設計、交互體驗以及業務流程優化,通過信息傳達的改變,幫助客戶降本增效的方式獲取收益。
如果將B端整個生命流程進行剖析,我們會更好的理解其設計價值。
B端產品與C端產品不同,它需要市場銷售人員利用自身的能力以及資源向目標企業進行銷售或者在一些大型展會上對外演示,據有關資料表明人所感知的信息的80%的信息來自視覺,這就需要對產品的功能進行視覺化展示。
因為競爭激烈,經常需要在眾多競爭者中進行廝殺。在技術水平趨同的情況下,視覺起到了非常大的作用。特別是在展會期間,假如兩家公司技術水平相當,演示的視覺完全碾壓對手,讓客戶有著良好的品牌印象,這將產生快速的口碑影響,而這些將影響用戶的最終決定。
這一步需要我們理念進行升華,將視覺視角切換至體驗視角。
企業是我們B端設計的重要客戶,它是一個具有不同成員角色的群體組織。該組織為了工作管理的效率,會有不同的權限體系。權限的不同關注的信息也有所不同,這需要我們在設計中依據權限,考慮不同信息呈現優先級。
功能繁瑣是很多同學對B端的第一印象。因其有著不同角色的參與,每個角色因為崗位職責的不同,所參與公司的業務流程存在差異,這意味著需要將不同的功能在遵循產品體驗一致性的基礎上匯聚在一起。
業務價值對于B端設計特別重要,這是企業決定購買B端產品的出發點。我們在說業務設計的時候,需圍繞企業“降本增效”理念,讓用戶覺得有用,完成企業的管理需求。
舉個例子,比如我們做了一款報銷系統產品,幫助用戶解決財務報銷過程復雜、冗長的問題。通過前期參與用戶調研,洞察業務,挖掘需求的突破點,找到當前背景下最優的業務流程解決方案。企業員工使用我們的產品后少填寫信息,更快速的拿到了報銷費用,平均比傳統流程節省了20分鐘。假設企業員工平均時薪60元,那么這個100人的企業每周可以節省1.6萬的人力支出,而一年可以節省76.8萬左右的支出。
在了解了設計價值的體現后,我們知道B端設計的落腳點在業務價值的賦能上。當我們實實在在的解決了業務問題,而不是產品外層視覺與交互的表層需求,才能讓我們的設計價值最大化,讓設計得到團隊其他成員的認可。接下來結合工作經驗闡述下設計師可以賦能業務的點。
很多B端設計師都是被動的接到產品經理的低保真,然后根據低保真的需求直接輸出設計稿,妥妥的淪為一個畫圖的美工,這會使得自己在團隊內部被定義為一個工具人。
那我們的發力點該是什么?借用Jesse James Garrett的理論用戶體驗五要素這個專業名稱(表現層、框架層、結構層、范圍層、戰略層)。單純的視覺設計雖然容易感知,但它卻屬于五要素的最頂層,價值有限,無法準確傳達最底層戰略層的含義,我們需要往下突破才能凸顯我們的價值。
當我們在收到需求的時候,需要具備系統化思維,從底層戰略開始,首先了解業務需求背后的價值,同產品經理對其業務目標后,幫助他梳理業務需求,結合用戶目標以及當前的技術能力等多方因素系統性思考最優的設計解決方案。
只有發揮了我們的主觀能動性,改變單點視角,具備系統化思考的能力,才能更好出結果,體現我們的價值。
功能復雜繁瑣的B端為了最大化的保證設計的一致性、提升開發的效率以及方便產品的迭代優化,組件規范是我們產品必不可少的工具。
那目前市面上的組件規范這么完善,對于我們設計師而言自身的價值是否無法體現了呢?其實它存在2個問題:
1、業務屬性不符。雖然市面上存在眾多的第三方組件,但由于設計的出發點不同(公司不同影響的業務屬性不同),導致市面上的組件不一定與自家產品屬性貼合,需要我們結合產品愿景以及業務規劃進行重新設計;
2、業務特性不貼合。我們見到的很多組件只能歸于基礎組件,可以保證基礎的設計一致性,但由于業務領域的獨特性,在一些專業的場景中有著強烈的業務屬性,需要我們對一些基礎組件進行組合,進行更專業的沉淀,這樣在實際使用的時候會更加高效。例如高級篩選、不同的場景彈框等。
不管B端還是C端的設計目的都是為了解決業務問題(業務目標的達成也是KPI考核的重要目標),我們始終要以業務目標作為我們的關鍵目標。
我們設計師需要參與整個行業生態的搭建,做到體驗結構展示清晰,核心信息簡潔明了,降低用戶的操作門檻,通過提高體驗效率(縮減時間成本),節省企業的人力成本。
對業務需求的賦能其實就是要求我們進行需求的挖掘,發現更多的業務增長點,提供當前背景下最優的解決方案。需要例如我們可以主動的進行XX調研活動,給出XX解決方案,最后給公司帶來了XX業務價值。
項目復盤對于我們設計師的能力成長的作用是巨大的。它之所是最快的學習方式,因為它在是實踐中的反饋,這種直觀的經驗沉淀最終會融入自己解決問題的知識體系架構,而這將進一步反輔自己的職業成長。
復盤可以讓我們站在第三方角度,重新對項目流程進行全面的回顧與總結。結合不同的反饋,客觀的了解當前設計在整個業務目標中的價值,這是對我們設計量化最佳途徑。不單單對于個人,團隊內部的其他成員也可以通過復盤加深對設計信任感的建立,他們可以看到我們的設計思路,更深層次的了解我們的設計價值。
設計價值的體現建立在一朝一夕的積累上,如果想在B端設計中體現價值,一定要透過現象看本質,站在業務的角度,尋找真正的發力點,讓自己參與業務賦能的同時共同成長。
作者:江鳥的設計生活
轉載請注明:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
藍藍設計的小編 http://www.syprn.cn