用戶體驗(yàn)五要素大家都很熟悉，很多產(chǎn)品分析、競品分析都會(huì)從這五個(gè)維度去分析，那么今天來看看如何判定一個(gè)框架層的好與壞。

五要素都是環(huán)環(huán)相扣的，框架層的定義離不開前面的鋪墊。那么我們來回憶下這五要素各自的定義：

1. 戰(zhàn)略層：了解企業(yè)與用戶對產(chǎn)品的期望和目標(biāo)，能夠促進(jìn)用戶體驗(yàn)的目標(biāo)確立和制定。
2. 范圍層：明確我的產(chǎn)品需要有什么功能和內(nèi)容？
3. 結(jié)構(gòu)層：是抽象與具體之間的分界線，此處的決策更傾向于抽象化。結(jié)構(gòu)層確定各個(gè)將要呈現(xiàn)給用戶的選項(xiàng)的模式和順序。結(jié)構(gòu)層是用來設(shè)計(jì)用戶如何到達(dá)某個(gè)頁面。并且要考慮他們完成事情之后能夠去哪里。
4. 框架層：產(chǎn)品的框架層：按鈕、控件、照片、文本區(qū)域的位置?？蚣軐邮怯糜趦?yōu)化頁面設(shè)計(jì)布局的，哪些元件該放在什么位置，同樣的內(nèi)容應(yīng)該用那種方法表現(xiàn)等。
5. 表現(xiàn)層：視覺、聽覺、觸覺的體驗(yàn)設(shè)計(jì)。

很多都是說結(jié)構(gòu)層是交互設(shè)計(jì)和信息架構(gòu)；框架層是界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)。

但現(xiàn)在不論競品分析也好，還是設(shè)計(jì)落地，這個(gè)五要素都是大家泛泛而談的一個(gè)東西，因?yàn)樵O(shè)計(jì)體系的越來越成熟，用戶也有很多習(xí)以為常的使用習(xí)慣。所以突破立新是很難的，那么就拿前段時(shí)間自己做的項(xiàng)目做個(gè)總結(jié)，探討下框架層如何確定是合理切符合產(chǎn)品目標(biāo)、企業(yè)目標(biāo)的。

一、如何確定框架層

框架層的質(zhì)量來源于上層的質(zhì)量，做個(gè)假設(shè)，如果上層已知內(nèi)容是一樣的，那么如何在相同的條件下確定更合適的框架層呢？

首先設(shè)定個(gè)前提：你負(fù)責(zé)的模塊可能整體的也可能是部分模塊的，但這些都不影響，理論都是相通的，我們假定一個(gè)新產(chǎn)品需要你去制定底層的框架邏輯，那么如何下手呢。

第一步：按照戰(zhàn)略層指定的用戶目標(biāo)和產(chǎn)品目標(biāo)來確定設(shè)計(jì)目標(biāo)，而最難以平衡的就是產(chǎn)品和用戶目標(biāo)之間的取舍。

最近在做的項(xiàng)目是車載HMI的設(shè)計(jì)，下面是針對車企、用戶兩種群體的目標(biāo)，由于立場不一樣導(dǎo)致的目標(biāo)不同，而設(shè)計(jì)起到的作用就是促成雙方的交易。

企業(yè)目標(biāo)是為了盡可能減少成本達(dá)到最大收益，并且提升汽車銷量。為了達(dá)到這個(gè)目的肯定是在其他可以大幅提升用戶體驗(yàn)，且成本低的方向努力，而新穎的、功能大而全的、帶有科技感的自然能夠帶給用戶不一樣的體驗(yàn)。

用戶目標(biāo)則是希望能夠買到物美價(jià)廉的車，很多用戶買車時(shí)會(huì)先看品牌、業(yè)界評價(jià)、油耗性能、操作手感、造型外觀、價(jià)格等等，綜合各種因素選擇一個(gè)性價(jià)比最高的。而年輕人作為新一批的購車大軍，會(huì)更加追求科技感智能化的體驗(yàn)，在同等價(jià)位上也會(huì)優(yōu)先考慮，但對于用戶來說，能夠溝通過網(wǎng)絡(luò)的便利提升自己的出行體驗(yàn)是再好不過，所以功能的小而精反而是他們想要的。

那么對于上述兩種目標(biāo)的沖突，我們的目標(biāo)還是要以企業(yè)目標(biāo)為準(zhǔn)，用戶目標(biāo)為輔，滿足企業(yè)的各種需要的同時(shí)，盡可能通過優(yōu)化流程框架和界面交互向用戶目標(biāo)靠齊。做乙方的心得，就是站在對方的立場思考，如果我是車企，我要做HMI，什么樣的設(shè)計(jì)、框架能夠滿足未來3-5年的市場要求，并且用戶會(huì)買單，這樣雙方的合作才會(huì)良好進(jìn)行。

第二步：根據(jù)范圍層，思考整體使用流程可以優(yōu)化提升的點(diǎn)。

那么企業(yè)需要有哪些模塊、什么功能都會(huì)有個(gè)需求清單，而且還會(huì)有生態(tài)圈的ppt提供，而這樣的ppt基本都大同小異了，基本都是照搬手機(jī)上的應(yīng)用和功能，企圖做一個(gè)車載版的手機(jī)。但是車機(jī)中控的硬件肯定沒有手機(jī)好，還要裝那么多的功能，卡頓是常有的事，但是企業(yè)為了賣點(diǎn)，為了提高車輛的競爭力，不管好的壞的，都要往里面塞。（關(guān)于這方面的優(yōu)化，后續(xù)會(huì)有文章分析，需求來源于企業(yè)高層，不是我等小設(shè)計(jì)可以干預(yù)的）

比方說為了突出科技感，語音功能是必不可少的，那么如何通過語音打通整個(gè)車載場景，是可以著重設(shè)計(jì)的點(diǎn)，那么為了達(dá)到這個(gè)目的，語音的功能有哪些？可以放的位置有哪些？采用哪種樣式？是否有狀態(tài)變換？語音樣式對其他的應(yīng)用層級是否有影響？和其他層級的信息是否有交互？

第三步：根據(jù)結(jié)構(gòu)層，思考信息傳達(dá)的層次感，如何達(dá)到設(shè)計(jì)目標(biāo)。

比方說為了凸顯車載場景，是否要盡可能多的顯示地圖？音樂是否也可以顯示？是否可以多放點(diǎn)快捷操作的按鈕減少用戶的操作步驟？應(yīng)用中狀態(tài)的變化，快捷操作是否也要同步顯示？如何顯示？信息之間展示的大小比例尺寸如何更好的適應(yīng)企業(yè)要求并滿足用戶的痛點(diǎn)？各個(gè)應(yīng)用的流程如何優(yōu)化可以滿足車載場景？等等

第二步、第三步每個(gè)細(xì)節(jié)展開都是非常多的推導(dǎo)過程，而考慮的條件越多，最終的框架就越合理。

二、如何評估框架合理性

制定框架往往會(huì)受各種不可控力的影響：領(lǐng)導(dǎo)、甲方、需求等各方的影響，設(shè)計(jì)在夾縫中求生存。但是確定了的框架還需要去考慮各種可行性，是否前后有矛盾，是否A狀態(tài)的變化導(dǎo)致B狀態(tài)無法操作等等。

如何評估框架的合理性呢？可以才能夠下面幾方面入手。

第一，層級優(yōu)先級是否合理

車載HMI是一整套車載rom，會(huì)有應(yīng)用層、車控層等等，這些層級都會(huì)制定一個(gè)優(yōu)先級，優(yōu)先級低的會(huì)被優(yōu)先級高的擋住，這個(gè)優(yōu)先級的合理性評估，一是根據(jù)根據(jù)需求優(yōu)先級高低制定；二是交互樣式和性質(zhì)制定，比方說消息都是通知小窗的樣式，不會(huì)擋到太多，而且是一個(gè)臨時(shí)態(tài)，顯示固定時(shí)間就會(huì)消失，那么可以提升這個(gè)層級的優(yōu)先級。

第二，層級之間的跳轉(zhuǎn)是否合理

舉手機(jī)的例子會(huì)更好理解。比方說在A應(yīng)用中，來了消息點(diǎn)擊進(jìn)入B應(yīng)用，如何回到A應(yīng)用，這兩個(gè)之間的層級會(huì)不會(huì)有問題，會(huì)不會(huì)出現(xiàn)由于B層級不夠高導(dǎo)致點(diǎn)擊打開在A的下面無法看到，這都是需要考慮的。

第三，盡量減少系統(tǒng)層級，且提供一個(gè)快速回到首頁的快捷操作

如果沒有快捷操作，而系統(tǒng)層級又有7、8層，那么用戶則需要關(guān)閉很多層應(yīng)用才可回到首頁。

第四，結(jié)合設(shè)計(jì)目標(biāo)，檢查框架是否達(dá)到預(yù)期

最后一個(gè)步驟，期初定的設(shè)計(jì)目標(biāo)，不論是方便快捷，還是智能化，還是簡潔，首頁的排版布局就要有這方面的因素，但不論布局如何變化，導(dǎo)航、多媒體永遠(yuǎn)都是排在前面的剛需。

最后，框架層很多都不太重視，因?yàn)槭謾C(jī)體系很成熟了，但是車載環(huán)境的特殊性讓這領(lǐng)域的體系目前還是空白，而手機(jī)和車載的打通也是很多廠商在做的事情，希望未來的開車體驗(yàn)會(huì)更加友好吧。

作者：青絳，微信公眾號：慕七和大胖

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

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