一文讀懂產(chǎn)品設(shè)計(jì)的五層架構(gòu):從戰(zhàn)略規(guī)劃到具體呈現(xiàn)

0 評(píng)論 620 瀏覽 1 收藏 23 分鐘

在產(chǎn)品設(shè)計(jì)這個(gè)領(lǐng)域,有個(gè)特別經(jīng)典的做法,就是咱們得回歸到產(chǎn)品設(shè)計(jì)的源頭去思考,這樣往往能把那些一直困擾我們的問(wèn)題想明白。具體來(lái)說(shuō),我們可以從戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層這五個(gè)層面,來(lái)仔細(xì)分析問(wèn)題,踏踏實(shí)實(shí)地開(kāi)展相關(guān)工作。

一、戰(zhàn)略層:給產(chǎn)品定方向

在開(kāi)始做一款產(chǎn)品之前,咱們必須先搞清楚兩個(gè)特別重要的問(wèn)題:我們想通過(guò)這個(gè)產(chǎn)品得到啥?用戶又能借助這個(gè)產(chǎn)品收獲什么?弄明白這兩個(gè)問(wèn)題,我們就能確定產(chǎn)品目標(biāo)和用戶需求啦。

1. 產(chǎn)品目標(biāo)

  1. 商業(yè)目標(biāo):為啥說(shuō)產(chǎn)品目標(biāo),而不是只講商業(yè)目標(biāo)呢?因?yàn)椴皇撬泄緝?nèi)部做的產(chǎn)品都是為了賺錢(qián)。不過(guò)一般來(lái)講,產(chǎn)品存在的意義,要么是幫企業(yè)多賺錢(qián),要么是幫企業(yè)省錢(qián),或者兩者都能做到。但這兩個(gè)目標(biāo)沒(méi)辦法直接告訴我們產(chǎn)品具體該怎么做,而且目標(biāo)也不能定得太細(xì)。我們做任何跟用戶體驗(yàn)有關(guān)的事兒,都得先把目標(biāo)摸透了,可不能稀里糊涂就做決定。
  2. 品牌識(shí)別:品牌識(shí)別是產(chǎn)品很重要的一個(gè)目標(biāo)。一提到品牌識(shí)別,大家首先想到的可能就是商標(biāo)、顏色還有字體這些能看到的東西。但其實(shí)啊,品牌還包括一些概念,能給用戶帶來(lái)情緒反應(yīng),這些用戶也都會(huì)注意到。品牌形象是靠用戶體驗(yàn)慢慢樹(shù)立起來(lái)的,要是能把品牌形象清楚地寫(xiě)進(jìn)產(chǎn)品目標(biāo)里,就更容易讓品牌給用戶留下好印象。
  3. 成功標(biāo)準(zhǔn):我們得知道咋樣才算把產(chǎn)品做成功了,成功標(biāo)準(zhǔn)就是用來(lái)衡量這個(gè)的。它是一些能跟蹤的數(shù)據(jù),等產(chǎn)品上線后,看看是不是達(dá)到了我們自己定的目標(biāo),還有滿足用戶的需求。好的成功標(biāo)準(zhǔn),不僅能影響項(xiàng)目每個(gè)階段的決策,還能幫我們知道用戶體驗(yàn)工作到底有沒(méi)有價(jià)值。對(duì)決定用戶體驗(yàn)來(lái)說(shuō),有用的成功標(biāo)準(zhǔn),一定得跟用戶的行為能聯(lián)系上。像平時(shí)常見(jiàn)的日活、月活、留存率這些指標(biāo),就能幫我們做決策,看看用戶體驗(yàn)好不好。

2. 用戶需求

我們常常會(huì)覺(jué)得自己是在給那種理想化的用戶設(shè)計(jì)產(chǎn)品,就好像這些用戶跟我們一模一樣。但實(shí)際上,我們可能根本就不是產(chǎn)品的真正用戶。所以,要了解用戶需求,第一步就是找到真正的用戶,好好去理解他們。用戶的需求很復(fù)雜,不同的用戶群體差別特別大。我們得搞清楚誰(shuí)是我們的目標(biāo)用戶,問(wèn)問(wèn)他們的想法,看看他們的行為,這樣才能知道用戶用我們產(chǎn)品的時(shí)候到底想要啥,同時(shí)也能幫我們給需求排個(gè)優(yōu)先級(jí)。

  1. 用戶細(xì)分:為了更好地管理用戶需求,我們可以把用戶分成不同的組。不同組的用戶,個(gè)人信息、公司信息不一樣,對(duì)產(chǎn)品的理解和掌握的技能也不同,需求自然就不一樣。而且,不同用戶群體的需求有時(shí)候還會(huì)互相矛盾,比如說(shuō)專家用戶喜歡有更多自主操作的空間,新手用戶就喜歡簡(jiǎn)單直接的。遇到這種情況,我們要么針對(duì)某一類(lèi)用戶設(shè)計(jì),要么給不同用戶群體設(shè)計(jì)不同的方案。不管怎么選,需求的決定都會(huì)影響用戶體驗(yàn)。
  2. 可用性和用戶研究:要想知道用戶到底想要啥,就得對(duì)用戶做研究。像問(wèn)卷調(diào)查、找用戶聊聊或者搞焦點(diǎn)小組這些方法,能收集到用戶大概的看法和感覺(jué);用戶測(cè)試或者去現(xiàn)場(chǎng)調(diào)研,就能看到用戶具體的行為,還有他們跟產(chǎn)品互動(dòng)的時(shí)候是啥樣。做市場(chǎng)調(diào)研的時(shí)候,我們得把想要知道的信息想清楚,問(wèn)題問(wèn)得越具體,得到的答案就越準(zhǔn)確。去現(xiàn)場(chǎng)調(diào)研又費(fèi)時(shí)間又費(fèi)力氣,看的用戶數(shù)量也有限,這時(shí)候可以試試任務(wù)分析這個(gè)辦法。就是讓用戶在做像注冊(cè)賬號(hào)這樣的具體任務(wù)的時(shí)候和產(chǎn)品互動(dòng),我們仔細(xì)把用戶完成任務(wù)的步驟拆解開(kāi)。任務(wù)分解可以讓用戶自己說(shuō),也可以我們?cè)谂赃呌^察。用戶測(cè)試就是請(qǐng)用戶來(lái)幫忙試試產(chǎn)品,重點(diǎn)是看產(chǎn)品有沒(méi)有問(wèn)題,不是去考驗(yàn)用戶。我們可以用測(cè)試的網(wǎng)站、產(chǎn)品的原型,甚至是帶信息的卡片,來(lái)收集用戶的反饋。
  3. 創(chuàng)建人物角色:人物角色,也就是用戶畫(huà)像,是把真實(shí)用戶的需求集合起來(lái),虛構(gòu)出一個(gè)代表。做這個(gè)的時(shí)候,可以參考用戶畫(huà)像的方法。定戰(zhàn)略的時(shí)候,不光戰(zhàn)略專家、領(lǐng)導(dǎo)和資深用戶要參與,普通員工也得加入,因?yàn)樗麄兛赡芨宄恍?shí)際的需求。而且戰(zhàn)略也不是一成不變的,是可以根據(jù)情況變化和改進(jìn)的。

二、范圍層:確定產(chǎn)品要做啥

根據(jù)戰(zhàn)略層定好的目標(biāo)和需求,我們就得給產(chǎn)品的范圍畫(huà)個(gè)圈了,保證做出來(lái)的產(chǎn)品是有價(jià)值的。

1. 需求管理

我們得用需求文檔來(lái)記錄和管理需求,這樣團(tuán)隊(duì)里每個(gè)人都知道目標(biāo)是啥,不會(huì)大家想的都不一樣。需求文檔里得寫(xiě)清楚要求,這樣責(zé)任就能分得更明白,大家一起干活的效率也能提高。那些不符合戰(zhàn)略需求,但是又有點(diǎn)想法的,我們可以先收集起來(lái),找個(gè)合適的辦法,看能不能放到長(zhǎng)期計(jì)劃里。要不然,需求就會(huì)越來(lái)越亂,最后可能就控制不住了。要是有些需求現(xiàn)在實(shí)現(xiàn)不了,那就可以留著作為下一個(gè)版本的基礎(chǔ),這樣產(chǎn)品開(kāi)發(fā)就能一環(huán)接一環(huán)地進(jìn)行下去。

2. 功能與內(nèi)容需求

  1. 功能規(guī)格:范圍層要確定產(chǎn)品的功能需求和內(nèi)容需求,功能需求里其實(shí)也包含著內(nèi)容需求,比如說(shuō)頁(yè)面上出現(xiàn)輸入錯(cuò)誤的提示,這就是內(nèi)容需求沒(méi)做好。需求寫(xiě)得詳細(xì)還是簡(jiǎn)單,得看項(xiàng)目的大小和復(fù)雜程度。哪怕項(xiàng)目只是整個(gè)網(wǎng)站的一小部分,要是項(xiàng)目本身很復(fù)雜,需求也得寫(xiě)得明明白白、詳詳細(xì)細(xì)。用戶是需求的一個(gè)重要來(lái)源,但很多時(shí)候,需求也來(lái)自那些跟項(xiàng)目利益相關(guān),還想影響產(chǎn)品的人。想知道大家想要啥,直接問(wèn)是個(gè)好辦法,不過(guò)得注意,他們說(shuō)想要的,不一定就是產(chǎn)品真正需要的功能。有意思的是,那些很少去想產(chǎn)品新方向的人,往往是做產(chǎn)品創(chuàng)建和設(shè)計(jì)最深入的人。我們要多聽(tīng)聽(tīng)不同角度對(duì)產(chǎn)品的看法,鼓勵(lì)大家從各個(gè)方面去想產(chǎn)品開(kāi)發(fā)遇到的問(wèn)題和解決辦法。另外,考慮需求的時(shí)候,還得看看硬件條件能不能支持。想需求的時(shí)候,既要想著用戶的特點(diǎn),也要想想用戶在什么場(chǎng)景下用產(chǎn)品,這樣就能形成用戶故事,幫我們發(fā)現(xiàn)一些潛在的需求。還有,我們可以看看競(jìng)爭(zhēng)對(duì)手的產(chǎn)品,學(xué)學(xué)他們是怎么解決戰(zhàn)略問(wèn)題的,就算不是直接競(jìng)爭(zhēng)的產(chǎn)品,只要有相似的地方,也能給我們一些啟發(fā),讓我們做出比別人更好的產(chǎn)品。
  2. 功能規(guī)格文檔:功能規(guī)格得寫(xiě)成文檔,但沒(méi)人喜歡看那種特別啰嗦的細(xì)節(jié)描述,所以寫(xiě)文檔的時(shí)候要又快又簡(jiǎn)單。文檔本身不能解決問(wèn)題,關(guān)鍵是要把定義寫(xiě)清楚。文檔不用寫(xiě)得特別詳細(xì),但得讓人看得明白、準(zhǔn)確,把設(shè)計(jì)和開(kāi)發(fā)的時(shí)候可能搞混的功能定義寫(xiě)清楚就行,只寫(xiě)確定下來(lái)的內(nèi)容,別去寫(xiě)以后理想化的狀態(tài)。寫(xiě)文檔的時(shí)候要注意幾點(diǎn):一是要往好的方面寫(xiě),就是說(shuō)系統(tǒng)要做什么來(lái)防止不好的情況發(fā)生,別光說(shuō)不做什么;二是要寫(xiě)得具體,把情況解釋清楚,這樣才能知道功能有沒(méi)有實(shí)現(xiàn);三是別用那種主觀的說(shuō)法,得寫(xiě)得明明白白,別讓人有誤會(huì),比如說(shuō)別光說(shuō)風(fēng)格很時(shí)尚,得說(shuō)風(fēng)格要符合品牌的要求。
  3. 內(nèi)容需求:內(nèi)容需求包括文字、圖片、視頻、音頻這些東西,這些內(nèi)容的大小和規(guī)模會(huì)對(duì)用戶體驗(yàn)影響很大。提前知道這些內(nèi)容元素的情況,我們?cè)谠O(shè)計(jì)的時(shí)候就能做出更好的決定。還有,內(nèi)容更新的頻率得根據(jù)產(chǎn)品的戰(zhàn)略目標(biāo)來(lái)定。要是有些功能特性不符合現(xiàn)在項(xiàng)目的戰(zhàn)略目標(biāo),就得通過(guò)范圍定義把它去掉。要是有個(gè)功能特性雖然不在范圍里,但看著確實(shí)挺好,那就得重新看看戰(zhàn)略目標(biāo)是不是得調(diào)整。要是經(jīng)常需要重新看戰(zhàn)略目標(biāo),可能說(shuō)明我們太早開(kāi)始定需求了,這時(shí)候就得好好再看看戰(zhàn)略。

三、結(jié)構(gòu)層:搭建產(chǎn)品的框架

前面戰(zhàn)略層和范圍層講的東西比較抽象,到了結(jié)構(gòu)層,就開(kāi)始接觸更具體的設(shè)計(jì)內(nèi)容啦。

1. 交互設(shè)計(jì)

交互設(shè)計(jì)主要就是研究用戶可能會(huì)有啥行為,然后確定系統(tǒng)怎么配合和回應(yīng)這些行為。

  1. 概念模型:用戶心里對(duì)交互組件怎么工作的想法,就是“概念模型”。比如說(shuō)電商網(wǎng)站里的購(gòu)物車(chē),大家都覺(jué)得它像個(gè)裝東西的容器,這個(gè)概念模型不僅影響了購(gòu)物車(chē)的樣子,還影響了界面上用的語(yǔ)言。一般情況下,我們會(huì)用大家都熟悉的概念模型,要是想打破傳統(tǒng),也得有個(gè)好理由,而且得準(zhǔn)備一個(gè)能讓用戶接受,又符合邏輯的概念模型。一個(gè)不太常見(jiàn)的概念模型,得用戶能理解、會(huì)用才行,不過(guò)也不用專門(mén)跟用戶解釋概念模型,不然反而容易把他們弄糊涂。
  2. 錯(cuò)誤處理:為了讓用戶用著舒服,我們可以從這幾個(gè)方面防止用戶犯錯(cuò):首先,把系統(tǒng)設(shè)計(jì)得讓用戶不容易犯錯(cuò),就像自動(dòng)擋汽車(chē),只有掛到 P 檔才能啟動(dòng),這樣就不會(huì)突然往前跑發(fā)生危險(xiǎn)。其次,就算有可能犯錯(cuò),也得讓錯(cuò)誤不容易發(fā)生,要是真犯錯(cuò)了,系統(tǒng)得幫用戶找到錯(cuò)誤,然后改正。有些錯(cuò)誤是做完一些操作之后才發(fā)現(xiàn)的,這時(shí)候系統(tǒng)得能讓用戶從錯(cuò)誤里恢復(fù)過(guò)來(lái),比如說(shuō)撤銷(xiāo)功能??偟膩?lái)說(shuō),交互設(shè)計(jì)要從預(yù)防錯(cuò)誤、改正錯(cuò)誤、恢復(fù)錯(cuò)誤這三個(gè)層面來(lái)處理,讓更多用戶有好的體驗(yàn)。

2. 信息架構(gòu)

信息架構(gòu)研究的是人們?cè)趺蠢斫夂徒邮招畔?,?duì)產(chǎn)品來(lái)說(shuō),就是要保證呈現(xiàn)給用戶的信息合理、有意義。

1)結(jié)構(gòu)化內(nèi)容:對(duì)于主要是內(nèi)容的網(wǎng)站,信息架構(gòu)的主要工作就是設(shè)計(jì)分類(lèi)和導(dǎo)航的結(jié)構(gòu),這個(gè)結(jié)構(gòu)不光得能幫用戶找到東西,還得能給用戶傳遞知識(shí)、通知消息或者說(shuō)服用戶。信息架構(gòu)分類(lèi)有從上到下和從下到上兩種辦法,這兩種都有缺點(diǎn)。從上到下可能會(huì)漏掉一些重要的小細(xì)節(jié),從下到上可能以后不好擴(kuò)展和變化。設(shè)計(jì)結(jié)構(gòu)的時(shí)候,別規(guī)定死了必須幾步完成操作,結(jié)構(gòu)好不好,關(guān)鍵是用戶覺(jué)得每一步是不是合理,這一步是不是接著上一步自然地往下走。要是發(fā)現(xiàn)得重新調(diào)整結(jié)構(gòu),那用戶可能已經(jīng)被折騰得不太舒服了。所以,一個(gè)好的信息架構(gòu)得能適應(yīng)產(chǎn)品的發(fā)展和變化。

2)結(jié)構(gòu)方法:信息架構(gòu)最基本的單位是節(jié)點(diǎn),節(jié)點(diǎn)可以是頁(yè)面、文檔或者組件這些信息片段或者組合。節(jié)點(diǎn)的排列方式大概有這幾種:

  • 層級(jí)結(jié)構(gòu):節(jié)點(diǎn)之間有父子關(guān)系,這種結(jié)構(gòu)用戶很容易明白,軟件也常用這種方式工作,是最常見(jiàn)的結(jié)構(gòu)。
  • 矩陣結(jié)構(gòu):用戶可以在節(jié)點(diǎn)之間按照兩個(gè)或者更多的方向移動(dòng),比如說(shuō)買(mǎi)衣服能按顏色找,也能按尺碼找。但是導(dǎo)航的維度不能太多,人很難同時(shí)處理四個(gè)或者更多維度的信息。
  • 自然結(jié)構(gòu):這種結(jié)構(gòu)沒(méi)有固定的模式,適合探索那些關(guān)系不太明確,或者一直在變化的內(nèi)容,像一些娛樂(lè)或者教育類(lèi)的網(wǎng)站。不過(guò)這種結(jié)構(gòu)沒(méi)辦法給用戶很明確的指示。
  • 線性結(jié)構(gòu):適合書(shū)、文章、視頻這些內(nèi)容,或者是順序很重要的功能。

3)組織原則:產(chǎn)品最上面那層的組織原則,得跟網(wǎng)站的目標(biāo)和用戶的需求緊密相關(guān)。下面層級(jí)的結(jié)構(gòu),內(nèi)容和功能的需求會(huì)對(duì)組織原則有很大影響。戰(zhàn)略告訴我們用戶需要啥,范圍告訴我們啥樣的信息能滿足這些需求,好的用戶體驗(yàn)就是能提前想到用戶的期望,然后設(shè)計(jì)到產(chǎn)品里。

4)語(yǔ)言和元數(shù)據(jù):信息架構(gòu)弄好之后,得用用戶能聽(tīng)懂的話,而且要保持一致。有一種叫受控詞典的工具,能幫我們保證語(yǔ)言的一致性,這里面的語(yǔ)言得讓用戶覺(jué)得自然,別用專業(yè)術(shù)語(yǔ)。還有一種更細(xì)的辦法叫類(lèi)詞詞典,把常用但是不在標(biāo)準(zhǔn)用語(yǔ)里的詞列出來(lái),再加上一些術(shù)語(yǔ)、俗語(yǔ)、縮寫(xiě),還有這些詞之間的關(guān)系和用法建議。用受控詞典或者類(lèi)詞詞典,對(duì)建立有元數(shù)據(jù)的系統(tǒng)很有幫助,元數(shù)據(jù)就是關(guān)于信息的信息,用一種有條理的方式來(lái)描述內(nèi)容。結(jié)構(gòu)層最后得畫(huà)一個(gè)架構(gòu)圖,把網(wǎng)站或者產(chǎn)品的結(jié)構(gòu)清楚地展示出來(lái),最重要的是把關(guān)系標(biāo)明白,哪些類(lèi)別要放在一起,哪些要分開(kāi),各種步驟怎么配合。還可以畫(huà)個(gè)視覺(jué)詞典樣圖,讓人更容易理解信息架構(gòu)。

四、框架層:確定產(chǎn)品的具體樣子

框架層就是要確定產(chǎn)品用啥功能和形式來(lái)實(shí)現(xiàn),還要搞清楚這些組件之間的關(guān)系。

1. 交互設(shè)計(jì)要點(diǎn)

在做交互設(shè)計(jì)的時(shí)候,要注意順著用戶的習(xí)慣,少用比喻。每做一個(gè)設(shè)計(jì)決定,都得有充分的理由,這樣才能做出讓用戶體驗(yàn)好的產(chǎn)品。

2. 界面設(shè)計(jì)

界面設(shè)計(jì)就是要選對(duì)界面元素,讓用戶更容易明白和使用產(chǎn)品功能。好的界面設(shè)計(jì),能讓用戶一下子就看到最重要的東西,不重要的東西,要么別讓用戶注意到,要么干脆別放上去。

3. 導(dǎo)航設(shè)計(jì)

導(dǎo)航設(shè)計(jì)得給用戶提供在網(wǎng)站里跳轉(zhuǎn)的辦法,導(dǎo)航里的元素得能引導(dǎo)用戶去操作。具體來(lái)說(shuō),導(dǎo)航得讓人一看就知道元素和里面內(nèi)容的關(guān)系,還有內(nèi)容和用戶正在看的頁(yè)面的關(guān)系。常見(jiàn)的導(dǎo)航系統(tǒng)有這些:

  1. 全局導(dǎo)航:通過(guò)這個(gè)導(dǎo)航,用戶能去網(wǎng)站的任何地方。
  2. 局部導(dǎo)航:能讓用戶在當(dāng)前的架構(gòu)里找到附近相關(guān)的內(nèi)容。
  3. 輔助導(dǎo)航:提供一個(gè)快速找到某些內(nèi)容的通道。
  4. 上下文導(dǎo)航:就在頁(yè)面內(nèi)容里面的導(dǎo)航,像文字里的超鏈接。
  5. 友好導(dǎo)航:用戶平時(shí)可能不太用,但有時(shí)候用起來(lái)很方便,比如法律聲明的鏈接。
  6. 遠(yuǎn)程導(dǎo)航:跟網(wǎng)站本身的內(nèi)容和功能沒(méi)直接關(guān)系的導(dǎo)航。
  7. 網(wǎng)站地圖:給用戶一個(gè)簡(jiǎn)單的單頁(yè),能快速看到網(wǎng)站的整體結(jié)構(gòu)。
  8. 索引表:按照字母順序排的,能鏈接到相關(guān)頁(yè)面的列表。

4. 信息設(shè)計(jì)

信息設(shè)計(jì)就是把元素和功能結(jié)合起來(lái),有時(shí)候通過(guò)視覺(jué)表現(xiàn),有時(shí)候得按照用戶的思考方式,幫他們完成任務(wù)、實(shí)現(xiàn)目標(biāo)的方式,來(lái)分類(lèi)和排列信息元素。

5. 線框圖

線框圖把信息設(shè)計(jì)、界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)整合到一起,形成一個(gè)完整、協(xié)調(diào)的架構(gòu),也叫原型圖。通過(guò)合理安排界面元素來(lái)做好界面設(shè)計(jì),通過(guò)確定核心導(dǎo)航系統(tǒng)來(lái)完善導(dǎo)航設(shè)計(jì),通過(guò)給信息部分排好優(yōu)先級(jí)并放對(duì)位置來(lái)優(yōu)化信息設(shè)計(jì)。

五、表現(xiàn)層:讓產(chǎn)品好看好用

表現(xiàn)層就是要解決產(chǎn)品怎么被人感覺(jué)到的問(wèn)題,像視覺(jué)、聽(tīng)覺(jué)、嗅覺(jué)、味覺(jué)、觸覺(jué)這些,我們最常接觸的就是視覺(jué)。

1. 視覺(jué)引導(dǎo)

首先,要讓用戶的眼睛在頁(yè)面上能順著一個(gè)流暢的路徑看。要是有人覺(jué)得一個(gè)設(shè)計(jì)看著亂糟糟、擠巴巴的,那就是設(shè)計(jì)沒(méi)引導(dǎo)好,用戶的眼睛在各種元素之間亂跳,每個(gè)元素都在搶著吸引用戶注意。其次,在不讓用戶被太多細(xì)節(jié)嚇著的前提下,設(shè)計(jì)得能給用戶一些有用的引導(dǎo),幫他們完成目標(biāo)或者任務(wù),還不能分散他們的注意力。

2. 對(duì)比與一致性

對(duì)比能讓用戶看清楚元素之間的關(guān)系,設(shè)計(jì)的時(shí)候得讓這種對(duì)比很明顯。一致性能讓用戶不覺(jué)得困惑、焦慮。柵格系統(tǒng)可以保證一致性,但也別太死板。

  1. 內(nèi)部和外部一致性:內(nèi)部一致性說(shuō)的是產(chǎn)品不同地方的設(shè)計(jì)方法不一樣,外部一致性說(shuō)的是產(chǎn)品和公司其他產(chǎn)品的設(shè)計(jì)風(fēng)格不一樣。解決這些問(wèn)題,最好把頁(yè)面元素單獨(dú)拿出來(lái),在不同環(huán)境里試試,不合適就調(diào)整。一個(gè)好的設(shè)計(jì),不光每個(gè)元素得設(shè)計(jì)得好,還得能把這些元素組成一個(gè)整體,讓產(chǎn)品看起來(lái)很協(xié)調(diào)。統(tǒng)一的品牌識(shí)別形象能讓產(chǎn)品在用戶(像客戶、潛在客戶、領(lǐng)導(dǎo)、員工或者其他訪問(wèn)的人)面前更有一致性,這種一致性在每個(gè)設(shè)計(jì)層面都得體現(xiàn)出來(lái)。
  2. 配色方案和排版:配色方案也要注意對(duì)比和一致性,比如亮色、顯眼的顏色可以當(dāng)前景色,暗一點(diǎn)的顏色當(dāng)背景。文字排版得能通過(guò)設(shè)計(jì)把產(chǎn)品的形象傳達(dá)出來(lái)。整個(gè)設(shè)計(jì)過(guò)程得有個(gè)權(quán)威的《風(fēng)格指南》,里面得包括大大小小所有元素,像設(shè)計(jì)柵格、配色方案、字體標(biāo)準(zhǔn)、標(biāo)志怎么用這些全局標(biāo)準(zhǔn),還有產(chǎn)品每個(gè)模塊或者功能的具體標(biāo)準(zhǔn)。《風(fēng)格指南》得寫(xiě)得詳細(xì)點(diǎn),這樣大家做決策的時(shí)候就能有依據(jù),雖然大部分想法指南里都寫(xiě)了。

3. 決策要點(diǎn)

解決用戶體驗(yàn)問(wèn)題,方法有好有壞,關(guān)鍵就看兩點(diǎn):一是得清楚自己要解決啥問(wèn)題,二是得知道解決辦法會(huì)帶來(lái)啥后果。用戶體驗(yàn)的決策會(huì)出現(xiàn)在各種情況下,像根據(jù)現(xiàn)在的情況做設(shè)計(jì)、照著別人的樣子做設(shè)計(jì)、聽(tīng)領(lǐng)導(dǎo)的決定做設(shè)計(jì)等等。在實(shí)際設(shè)計(jì)的時(shí)候,我們得把這些都考慮進(jìn)去,這樣才能做出用戶體驗(yàn)更好的產(chǎn)品。

以上就是一個(gè)大體的設(shè)計(jì)過(guò)程,希望可以幫助到你。

本文由 @人工不智能 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!