隨著近些年車企利潤的下滑，各大車企開始推行汽車數(shù)字化，電子前臺(tái)就是其中一個(gè)重要的交互場(chǎng)景。本文將從六個(gè)方面，對(duì)電子前臺(tái)展開分析，希望對(duì)你有幫助。

嗨！朋友，這上周怎么樣??？

今天更新一篇關(guān)于交互方面的內(nèi)容，我知道文本閱讀會(huì)很累，所以在排版和配圖上花費(fèi)了一點(diǎn)心思。

該項(xiàng)目并非我負(fù)責(zé)，主導(dǎo)人是我的同事Raissa，我僅對(duì)后期落地提過一些小小的建議，征得同意后才開始寫這篇文章。

這個(gè)項(xiàng)目是在去年年底，其實(shí)大多數(shù)內(nèi)容也在去年年底完成了，因?yàn)橹皼]有上線不好對(duì)外分享，設(shè)計(jì)內(nèi)容已經(jīng)做了必要的脫敏處理。

一、背景

在汽車行業(yè)的朋友想必都知道自2019年各大車企利潤開始大幅度下滑（對(duì)這方面感興趣的朋友可以自行查閱資料了解），在利潤下滑的情況下各大車企開始推進(jìn)了汽車數(shù)字化，圍繞用戶全生命周期和用車場(chǎng)景來展開全面的數(shù)字化建設(shè)。

這里面就包括中臺(tái)、APP、小程序、官網(wǎng)、企業(yè)微信，還有之前沒有涉獵過的數(shù)字門店，而電子前臺(tái)就是數(shù)字門店中的一個(gè)交互場(chǎng)景.

二、電子前臺(tái)是什么

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

三、它有什么用

1. 對(duì)于空間店而言

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

2. 對(duì)于用戶而言

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

四、設(shè)計(jì)之前需要考慮的因素

1. 物理因素

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

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

其次是【場(chǎng)景】，該設(shè)備在什么環(huán)境下使用，用戶在什么時(shí)候需要用到該設(shè)備的服務(wù)，這就需要考慮它與用戶的距離，用戶體驗(yàn)路徑。這些決定了我們?cè)谧鲰撁嬖O(shè)計(jì)時(shí)信息呈現(xiàn)、布局及交互形式。

用戶：

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

男性用戶目標(biāo)導(dǎo)向?yàn)橹?，更加傾向與快速完成當(dāng)前任務(wù)，所以信息一定要明確。

設(shè)備：

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

場(chǎng)景：

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

交互：

以平均身高為例，用戶在靠近設(shè)備屏幕約40cm時(shí)會(huì)開始操作，而超過他身高的區(qū)域在視覺上容易被忽略，而手勢(shì)操作也會(huì)相對(duì)不舒適。

用戶視線大約是距離屏幕的距離，而操作區(qū)域以不超過肩部，手肘不大于90°最佳，而超過這個(gè)區(qū)域的內(nèi)容也容易被忽略，僅僅是余光可感知有內(nèi)容。

2. 信息因素

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

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

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

五、如何將頁面信息有效傳達(dá)給用戶呢

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

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

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

具體解決方案如下：

1.頭部優(yōu)化

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

2.條目優(yōu)化

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

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

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

3.交互優(yōu)化

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

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

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

六、總結(jié)

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

作者：YuZJ設(shè)計(jì)，公眾號(hào)：YuZJ Design

本文由 @YuZJ設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議