2016 企業(yè)信息化服務(wù) | 用戶研究 / 體驗創(chuàng)新 / 交互設(shè)計 / 視覺設(shè)計
項目背景：東風(fēng)汽車集團(tuán)希望通過建設(shè)和部署集團(tuán)統(tǒng)一的產(chǎn)品數(shù)據(jù)管理系統(tǒng)， 對能貫穿產(chǎn)品全生命周期的產(chǎn)品數(shù)據(jù)進(jìn)行管理，優(yōu)化產(chǎn)品數(shù)據(jù)在全價值鏈中的業(yè)務(wù)協(xié)同，實現(xiàn)在整個東風(fēng)自主品牌事業(yè)的全覆蓋，提高產(chǎn)品自主創(chuàng)新能力及提升產(chǎn)品與運(yùn)營效益。我們針對此關(guān)鍵目標(biāo)開始探討和研究，為東風(fēng)汽車集團(tuán)PLM-MSK系統(tǒng)做體驗創(chuàng)新設(shè)計。
項目前期，我們開展了用戶體驗研究。為了解整個產(chǎn)品的架構(gòu)、產(chǎn)品規(guī)劃和需求，我們通過“單人訪談”以及“焦點小組訪談”等方式了解東風(fēng)汽車集團(tuán)“PLM-MSK 操作系統(tǒng)”詳細(xì)的工作流程和真正的使用情景，了解用戶對關(guān)鍵環(huán)節(jié)的印象、想法和操作感受，從中挖掘用戶的內(nèi)在需求、行為習(xí)慣以及操作痛點，聯(lián)合新的角色去共同定義出更符合用戶操作使用的創(chuàng)新體驗設(shè)計和交互設(shè)計。從而提供全新的操作服務(wù)，并做到從界面功能上的可學(xué)習(xí)性，內(nèi)容的可發(fā)現(xiàn)性、可搜索性和可讀性，一般用戶識別的信息和提示等，以及從情感層面上滿足用戶的需求。
我們基于真實人物的行為、觀點和動機(jī)，將這些要素抽象綜合起來建立人物角色。根據(jù)訪談了解得知，在操作過程中由于部分界面功能位置分布不合理，信息主次關(guān)系不明確，導(dǎo)致用戶在操作過程中需要花較長時間學(xué)習(xí)和理解使用流程，操作體驗復(fù)雜影響整體完成任務(wù)的工作效率。 另外，產(chǎn)品線占用位置太多，界面列表水平滾條與豎向滾條同時存在，用戶需通過移動水平滾條才能查看完整的信息內(nèi)容，可抵達(dá)性和易用性操作不達(dá)標(biāo)。
MBOM用戶
SBOM用戶
備案參數(shù)用戶
文檔管理用戶
數(shù)據(jù)管理用戶
數(shù)據(jù)管理用戶
從分析中，我們發(fā)現(xiàn)目前東風(fēng)汽車集團(tuán)PLM-MSK系統(tǒng)界面功能復(fù)雜，不方便易用，操作流程步驟繁瑣不連貫，局限性較大；視覺上，信息主次關(guān)系不清晰，區(qū)域模版不易理解，視覺風(fēng)格沉悶。在交互設(shè)計中，我們將根據(jù)分析結(jié)果轉(zhuǎn)化為能指導(dǎo)設(shè)計落地的交互設(shè)計概念，并對其進(jìn)行共鳴測試和優(yōu)化，確保戰(zhàn)略和設(shè)計的實現(xiàn)。通過設(shè)計改善操作流程，減少信息斷點，讓功能存在于無形之中，達(dá)到優(yōu)化用戶體驗的目標(biāo)，做到所有部門數(shù)據(jù)一體化，提高用戶工作效率，縮短新品研發(fā)周期，從而實現(xiàn)東風(fēng)自主品牌事業(yè)的全覆蓋。
基于探索和調(diào)研中總結(jié)的產(chǎn)品策略定位，我們開始進(jìn)行交互概念設(shè)計。在交互概念設(shè)計中，我們不斷探索更多的可能，從探索中挖掘最符合PLM-MSK系統(tǒng)定位的交互概念，理清概念邏輯，包括具體信息和信息的組織架構(gòu)。通過不斷嘗試，我們終于為東風(fēng)找到符合其產(chǎn)品需求的最佳交互方案。
用戶對產(chǎn)品的體驗和印象是由綜合因素影響的，其中交互起著根本性的作用。為了能突出小交互細(xì)節(jié)，在詳細(xì)交互設(shè)計中，每一處細(xì)節(jié)我們都經(jīng)過大量設(shè)計思維，從中提煉出最優(yōu)的方案。
我們根據(jù)用戶研究和產(chǎn)品需求，制作情緒板、提取色彩和形狀、結(jié)合東風(fēng)的品牌特征強(qiáng)化視覺設(shè)計，從中總結(jié)了五個視覺關(guān)鍵詞，分別為：經(jīng)典、創(chuàng)造、情感化、眼睛思考和快樂工作。
另外，在競品分析過程中，我們發(fā)現(xiàn)普遍產(chǎn)品均以白色／亮色為底色，扁平化風(fēng)格順應(yīng)流行趨勢，局部通過小面積的彩色點綴，提升界面活躍氣氛。所以主風(fēng)格整體色調(diào)采用溫和、內(nèi)斂又穩(wěn)重的藍(lán)色，給人冷靜、輕松的感覺；在內(nèi)容大量顯示情況下，保證閱讀的舒適性；配合多彩圖標(biāo)，在穩(wěn)重內(nèi)斂之余，增加活力氣息；內(nèi)置多套主色調(diào)供用戶選擇，滿足用戶更多差異性需求。
簡潔、清晰、高效、獨具一格的操作體驗，滿足了東風(fēng)汽車員工對汽車制造流程的嚴(yán)苛要求；它的層級清晰明了，以至于用戶在體驗時感覺自然而流暢，讓每一次汽車生產(chǎn)的流程輕松應(yīng)對。它擁有優(yōu)雅而簡易的界面，更針對不同操作流程的用戶予以不同的顏色搭配，給東風(fēng)汽車工作人員帶來一種歸屬感，加強(qiáng)他們對品牌的認(rèn)知感。 而這一切都是為了讓用戶體驗達(dá)到極致。
制造一臺汽車的工序龐大而繁雜，每一個環(huán)節(jié)都不允許出現(xiàn)任何差錯。在視覺設(shè)計上以簡單的黑白灰為主調(diào)，更加著重于功能的呈現(xiàn)和流程的條理清晰；再以專業(yè)穩(wěn)重的藍(lán)色搭配，更顯出東風(fēng)汽車員工對工作的專業(yè)度；最后以紅黃進(jìn)行點綴，讓畫面在專業(yè)之余又具有年輕人的活力，也預(yù)示著東風(fēng)汽車的企業(yè)態(tài)度：快樂工作、嚴(yán)謹(jǐn)專業(yè)。
掃描二維碼
關(guān)注MOMOUX微信公眾號/視頻號
MOMOUX 公眾號
MOMOUX 視頻號