背景

在汽車行業(yè)的朋友想必都知道自2019年各大車企利潤開始大幅度下滑。（對這方面感興趣的朋友可以自行查閱資料了解）在利潤下滑的情況下各大車企開始推進了汽車數(shù)字化，圍繞用戶全生命周期和用車場景來展開全面的數(shù)字化建設(shè)。這里面就包括中臺、APP、小程序、官網(wǎng)、企業(yè)微信，還有之前沒有涉獵過的數(shù)字門店，而電子前臺就是數(shù)字門店中的一個交互場景。

電子前臺是什么？

電子前臺在整個生命全旅程探索期和試駕階段中承接了用戶和顧問之間取得持續(xù)性聯(lián)系的線下觸點的線上化。

它有什么用？

1. 對于空間店而言

• 通過用戶端監(jiān)督顧問服務(wù)質(zhì)量；
• 增加用戶線索；
• 增加顧問與用戶互動頻次；

2. 對于用戶而言

• 根據(jù)喜好和數(shù)據(jù)選擇顧問
• 避免被動打擾

設(shè)計之前需要考慮的因素

1. 物理因素

這次設(shè)計不同于以往以手機或者是電腦大家所熟知的設(shè)備來設(shè)計。

首先在「設(shè)備」，需要考慮到它的交互形式，整體的尺寸、屏幕所在高度和屏幕大小。

其次是「場景」，該設(shè)備在什么環(huán)境下使用，用戶在什么時候需要用到該設(shè)備的服務(wù)，這就需要考慮它與用戶的距離，用戶體驗路徑，這些決定了我們在做頁面設(shè)計時信息呈現(xiàn)、布局及交互形式。

用戶

該汽車用戶70%是男性，且24-30歲之間居多；而中國男性平均身高在167cm（暫不考慮地域差別），單臂長+手平均為70cm；

男性用戶目標導(dǎo)向為主，更加傾向與快速完成當前任務(wù)，所以信息一定要明確。

設(shè)備

該設(shè)備整體高185cm，屏幕距離地面75cm,屏幕為60cm*107cm;可觸控LED屏幕，但整體觸感遠不及手機順滑。

場景

該設(shè)備放置于體驗店入口左側(cè)，用戶在進入體驗店時便能留意到電子前臺的存在；而引起用戶駐足并選擇顧問來服務(wù)，就需要告知他電子前臺是用來做什么。

交互

以平均身高為例，用戶在靠近設(shè)備屏幕約40cm時會開始操作，而超過他身高的區(qū)域在視覺上容易被忽略，而手勢操作也會相對不舒適。用戶視線大約是距離屏幕的距離，而操作區(qū)域以不超過肩部，手肘不大于90°最佳，而超過這個區(qū)域的內(nèi)容也容易被忽略，僅僅是余光可感知有內(nèi)容。

2. 信息因素

頁面中需要展示的信息和交互相比較APP業(yè)務(wù)可以說已經(jīng)非常單一了。難點在于信息應(yīng)該如何有效的組織，給用戶傳遞有效的信息。

需要呈現(xiàn)的信息如下（首頁）：

該品牌空間店服務(wù)顧問在5-8個之間。

如何將頁面信息有效的傳達給用戶呢？

初步了解了客戶需求，我們輸出了第一版設(shè)計原型如下：

相信在讀的各位也能很明顯的發(fā)現(xiàn)一些問題

• 沒有告知用戶需要做什么；
• 信息排布缺少邏輯；
• 交互操作點擊區(qū)域跨度大，操作成本高；
• 預(yù)約成功后無具體信息說明，用戶沒有得到更多的反饋；

如果你讀的認真到這里上一首歌曲應(yīng)該結(jié)束了，試試這一首吧

具體解決方案如下：

頭部優(yōu)化

增加文案：選擇心儀的顧問「通知TA」為您服務(wù)，也可掃一掃關(guān)注TA。

條目優(yōu)化

頭像與二維碼結(jié)合，首先這種設(shè)計樣式已經(jīng)在很多設(shè)計軟件都有應(yīng)用，（比如：snap、多閃、）對于可實現(xiàn)性與前端同學溝通后表示沒問題。另外這樣一定程度上避免了男性用戶以頭像為主要依據(jù)來選擇顧問的情況

操作按鈕和顧問狀態(tài)統(tǒng)一放在右側(cè)，顧問會有三種狀態(tài)（忙碌、在線、離線），而在忙碌和離線狀態(tài)「通知TA」Button不可點擊，放置同一側(cè)更具關(guān)聯(lián)性，避免用戶產(chǎn)生疑惑。

數(shù)據(jù)信息單排展示，因為此前在APP和小程序中已經(jīng)建立了完整的評價體系，顧問所有服務(wù)評價均可調(diào)用，所以在這里以服務(wù)數(shù)據(jù)做為主要評判依據(jù)，這需要有高效、清晰的辨識度；

交互優(yōu)化

查看詳情由跳轉(zhuǎn)頁面改為向下展開，由于屏幕材質(zhì)的問題不適合復(fù)雜的交互手勢和多步驟的交互路徑，所以通過點擊展開來查看內(nèi)容。

點擊「通知TA」后彈窗提示增加文案「請您耐心等待，銷售顧問馬上聯(lián)系您」。在用戶操作結(jié)束后給到相對應(yīng)的反饋是非常必要的。

增加細節(jié)交互，用戶任意點擊操作后浮框提示「掃一掃」，引導(dǎo)用戶與顧問建立聯(lián)系；

總結(jié)

• 即使是很小的需求也要考慮到當前任務(wù)的核心是什么；
• 再細小的操作理當給出對應(yīng)的反饋；
• 信息的有效組織可以幫助用戶快速達成目標。

拓展閱讀：

歡迎關(guān)注作者微信公眾號：「YuZJ Design」