隨着近些年車企利潤的下滑，各大車企開始推行汽車數字化，電子前台就是其中一個重要的交互場景。本文將從六個方面，對電子前台展開分析，希望對你有幫助。
嗨！朋友，這上週怎麼樣啊？
今天更新一篇關於交互方面的內容，我知道文本閲讀會很累，所以在排版和配圖上花費了一點心思。
該項目並非我負責，主導人是我的同事Raissa，我僅對後期落地提過一些小小的建議，徵得同意後才開始寫這篇文章。
這個項目是在去年年底，其實大多數內容也在去年年底完成了，因為之前沒有上線不好對外分享，設計內容已經做了必要的脱敏處理。
在汽車行業的朋友想必都知道自2019年各大車企利潤開始大幅度下滑（對這方面感興趣的朋友可以自行查閲資料瞭解），在利潤下滑的情況下各大車企開始推進了汽車數字化，圍繞用户全生命週期和用車場景來展開全面的數字化建設。
這裏面就包括中台、APP、小程序、官網、企業微信，還有之前沒有涉獵過的數字門店，而電子前台就是數字門店中的一個交互場景.
電子前台在整個生命全旅程探索期和試駕階段中承接了用户和顧問之間取得持續性聯繫的線下觸點的線上化。
這次設計不同於以往以手機或者是電腦大家所熟知的設備來設計。
首先在【設備】，需要考慮到它的交互形式，整體的尺寸、屏幕所在高度和屏幕大小。
其次是【場景】，該設備在什麼環境下使用，用户在什麼時候需要用到該設備的服務，這就需要考慮它與用户的距離，用户體驗路徑。這些決定了我們在做頁面設計時信息呈現、佈局及交互形式。
用户：
該汽車用户70%是男性，且24-30歲之間居多；而中國男性平均身高在167cm（暫不考慮地域差別），單臂長 手平均為70cm。
男性用户目標導向為主，更加傾向與快速完成當前任務，所以信息一定要明確。
設備：
該設備整體高185cm，屏幕距離地面75cm,屏幕為60cm*107cm;可觸控LED屏幕，但整體觸感遠不及手機順滑。
場景：
該設備放置於體驗店入口左側，用户在進入體驗店時便能留意到電子前台的存在；而引起用户駐足並選擇顧問來服務，就需要告知他電子前台是用來做什麼。
交互：
以平均身高為例，用户在靠近設備屏幕約40cm時會開始操作，而超過他身高的區域在視覺上容易被忽略，而手勢操作也會相對不舒適。
用户視線大約是距離屏幕的距離，而操作區域以不超過肩部，手肘不大於90°最佳，而超過這個區域的內容也容易被忽略，僅僅是餘光可感知有內容。
頁面中需要展示的信息和交互相比較APP業務可以説已經非常單一了。難點在於信息應該如何有效的組織，給用户傳遞有效的信息。
需要呈現的信息如下（首頁）：
該品牌空間店服務顧問在5-8個之間。
初步瞭解了客户需求，我們輸出了第一版設計原型如下：
相信在讀的各位也能很明顯的發現一些問題：
具體解決方案如下：
1.頭部優化
增加文案：選擇心儀的顧問“通知TA”為您服務，也可掃一掃關注TA。
2.條目優化
頭像與二維碼結合，首先這種設計樣式已經在很多設計軟件都有應用，（比如：snap、多閃、）對於可實現性與前端同學溝通後表示沒問題。另外這樣一定程度上避免了男性用户以頭像為主要依據來選擇顧問的情況。
操作按鈕和顧問狀態統一放在右側，顧問會有三種狀態（忙碌、在線、離線），而在忙碌和離線狀態【通知TA】Button不可點擊，放置同一側更具關聯性，避免用户產生疑惑。
數據信息單排展示，因為此前在APP和小程序中已經建立了完整的評價體系，顧問所有服務評價均可調用，所以在這裏以服務數據做為主要評判依據，這需要有高效、清晰的辨識度；
3.交互優化
查看詳情由跳轉頁面改為向下展開，由於屏幕材質的問題不適合複雜的交互手勢和多步驟的交互路徑，所以通過點擊展開來查看內容。
點擊【通知TA】後彈窗提示增加文案“請您耐心等待，銷售顧問馬上聯繫您”。在用户操作結束後給到相對應的反饋是非常必要的。
增加細節交互，用户任意點擊操作後浮框提示“掃一掃”，引導用户與顧問建立聯繫。
作者：YuZJ設計，公眾號：YuZJ Design
本文由 @YuZJ設計 原創發佈於人人都是產品經理，未經許可，禁止轉載
題圖來自 Unsplash，基於 CC0 協議