如何判定一個(gè)框架層的好壞?

4 評論 10318 瀏覽 55 收藏 10 分鐘

用戶體驗(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é)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 自己都不理解,就別來誤人子弟了吧

    來自江蘇 回復(fù)
  2. 請問答主,這個(gè)框架層和結(jié)構(gòu)層是不是有一點(diǎn)搞混了,我還是沒太明白,結(jié)構(gòu)層不應(yīng)該更多的是頁面設(shè)計(jì)層面的嗎

    回復(fù)
    1. 個(gè)人認(rèn)為結(jié)構(gòu)層應(yīng)該注重的是功能的實(shí)現(xiàn),而框架層是優(yōu)化頁面設(shè)計(jì)和排版布局,體驗(yàn)五要素應(yīng)該也是按輕重緩急和從大到小來排列優(yōu)先級的

      來自湖南 回復(fù)
  3. 公眾號改為 搬磚人員素養(yǎng)
    歡迎關(guān)注

    回復(fù)