中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

好的視覺設(shè)計(jì)能激發(fā)起用戶對(duì)你的產(chǎn)品的興趣，如果你的視覺設(shè)計(jì)沒有貼合到目標(biāo)市場(chǎng)客戶對(duì)于他們想要的產(chǎn)品預(yù)期感受，在后期你可能要花費(fèi)更大的力氣去挽留他們。

說在最前面，一款Saas產(chǎn)品的成功要素，肯定還是功能的設(shè)計(jì)、業(yè)務(wù)的穿透力與牽引力，還有使用體驗(yàn)是否能夠恰如其分地產(chǎn)生Ah~ha moment(s)。

但是，如果你說：長得好不好看對(duì)一個(gè)Saas產(chǎn)品而言不重要？嗯，那么祝君好運(yùn)！

一、為什么Saas產(chǎn)品的視覺設(shè)計(jì)變得重要了？

客戶第一次打開你的Saas產(chǎn)品的感受就和人們第一次拿起一本書那一刻的感受一樣，彈指間會(huì)帶來持久的長期印象。

在視覺上贏得受眾認(rèn)同這一點(diǎn)上，所有數(shù)字產(chǎn)品設(shè)計(jì)面對(duì)的挑戰(zhàn)都是一樣的。一些行為設(shè)計(jì)研究告訴我們用戶產(chǎn)生第一印象的時(shí)間窗甚至可以窄到0.05秒（見最近的交互設(shè)計(jì)奇書《The Smarter Screen》），在雨后春筍大家都在爭(zhēng)奪SAAS市場(chǎng)的今天，好的（更重要是對(duì)味的）皮囊很重要。這覺悟麻煩放好在兜里了。

瞎聊一下，如果我們以“認(rèn)識(shí)你—>認(rèn)可你”為onboarding的CX設(shè)計(jì)目標(biāo)（之所以不局限于UX，那是因?yàn)镾aas的onboarding更加多是一個(gè)爭(zhēng)取用戶的跨模態(tài)戰(zhàn)場(chǎng)），視覺設(shè)計(jì)應(yīng)該怎樣有效進(jìn)行。

視覺設(shè)計(jì)整體地定義了你數(shù)字產(chǎn)品的美學(xué)意義上的感染力。它是你組織復(fù)雜信息的方式與統(tǒng)一規(guī)則，各種特定行為的引導(dǎo)。再有就是如何把可讀性、一致性堅(jiān)持在一個(gè)該有的水平以上的手段與方法。

如果非要說一個(gè)唯一的目標(biāo)，好的視覺設(shè)計(jì)就是要爭(zhēng)取對(duì)你產(chǎn)品持有懷疑態(tài)度的客戶的信任，并且激發(fā)起他們對(duì)你產(chǎn)品的興趣。

要達(dá)到這個(gè)目標(biāo)我們可以通過設(shè)置系列設(shè)計(jì)原則并且遵守他們，用恰當(dāng)?shù)姆绞桨炎⒁饬σ龑?dǎo)去恰當(dāng)?shù)膬?nèi)容上面。

設(shè)計(jì)原則通常包括對(duì)layout的定義、信息層級(jí)（hierarchy）劃分的方式規(guī)則、顏色版及使用規(guī)范，字體樣式與icon組合與使用規(guī)則，并將這些設(shè)計(jì)原則通用至每一個(gè)設(shè)計(jì)細(xì)節(jié)中。如果你始終抱著一個(gè)信息傳遞目標(biāo)：“我就是你要解決的問題最佳的產(chǎn)品選擇了，親愛的客戶爸爸”，所有這些設(shè)計(jì)原則都會(huì)變得合理并且是你設(shè)計(jì)時(shí)的工具，而非限制了。

道理很啰嗦，但是這一步真的很關(guān)鍵。如果我們的視覺設(shè)計(jì)沒有貼合到目標(biāo)市場(chǎng)客戶對(duì)于他們想要的產(chǎn)品預(yù)期感受（即便僅僅是onboarding階段），之后留住他們不去投向?qū)耶a(chǎn)品就要花更大的力氣。

明道云與氚云的onboarding page對(duì)比。如果沒有任何外部原因影響了采購選型，希望為公司挑一款流程可配的SAAS的你會(huì)怎么挑？

二、初創(chuàng)階段科技公司在產(chǎn)品視覺設(shè)計(jì)上會(huì)遇到什么問題？

最常見的問題是產(chǎn)品團(tuán)隊(duì)很大程度上依賴現(xiàn)成的、萬金油式的前端框架。

顯而易見，這樣做你的SAAS產(chǎn)品就成功長得和所有不入流的競(jìng)爭(zhēng)對(duì)手一個(gè)樣了。然而不僅如此。大多數(shù)公用前端框架不會(huì)隨著你公司的業(yè)務(wù)增長、多樣化而產(chǎn)生變化的，這一份開發(fā)成本還是早晚要付出的。再者，這些前端框架套裝會(huì)自帶一套與之匹配的設(shè)計(jì)原則，而萬金油設(shè)計(jì)原則基本上不可能起到指引設(shè)計(jì)決定的作用，更不用說用來和產(chǎn)品團(tuán)隊(duì)上下游溝通、統(tǒng)一產(chǎn)品愿景的效果了。

設(shè)計(jì)的過程全如果寄托于修改代碼，結(jié)果可想而知，更不用說反復(fù)修改的過程了…

大多數(shù)科技公司在早期階段也會(huì)嘗試去建立視覺設(shè)計(jì)語言，但大多數(shù)的做法是從不恰當(dāng)?shù)牡胤饺ふ异`感，例如不相關(guān)的產(chǎn)品或者不相關(guān)的新設(shè)計(jì)趨勢(shì)，最終導(dǎo)致全靠個(gè)人品味來做設(shè)計(jì)決定。缺乏專業(yè)的設(shè)計(jì)方法與手段去做往往只會(huì)導(dǎo)致災(zāi)難般的結(jié)果。

缺乏專業(yè)性的設(shè)計(jì)過程而產(chǎn)生的產(chǎn)品往往都會(huì)輸在難以在用戶心中建立信任這一點(diǎn)之上。

三、如何運(yùn)用情緒板去建立合適的視覺設(shè)計(jì)？

即使是SAAS產(chǎn)品，我們也可以利用情緒板去快速定義合適我們產(chǎn)品的體驗(yàn)設(shè)計(jì)方向。就如這個(gè)方法的名稱一樣，我們希望通過情緒板得到的結(jié)果是，當(dāng)客戶第一次接觸我們產(chǎn)品時(shí)，我們希望提供的是一個(gè)什么樣的形象與感受。

1. 盡可能全面地收集產(chǎn)品需求

首先要做的是，我們需要面對(duì)面與利益干系人、目標(biāo)客戶（用戶）去了解他們希望這是一個(gè)什么樣的產(chǎn)品？他們希望達(dá)成什么樣的目的？如果是一個(gè)已經(jīng)存在的產(chǎn)品，那么現(xiàn)有的設(shè)計(jì)、視覺語言是否能夠讓他們產(chǎn)生產(chǎn)品設(shè)計(jì)者所預(yù)設(shè)的共鳴？

競(jìng)品分析、樣例當(dāng)然也是很重要的手段，用于聽取目標(biāo)用戶是如何看待市場(chǎng)上其他競(jìng)爭(zhēng)產(chǎn)品。

通過做這兩點(diǎn)，應(yīng)該在你開始動(dòng)手之前你已經(jīng)可以對(duì)產(chǎn)品、需求有比較全的理解了。如果我們不在產(chǎn)品策劃早期階段就讓設(shè)計(jì)師加入、一同理解需求，那么再往后的設(shè)計(jì)里面出錯(cuò)的空間可以說是無邊際地大，并且容易導(dǎo)致不必要地延長產(chǎn)品設(shè)計(jì)周期。

設(shè)計(jì)師最好能夠爭(zhēng)取參加產(chǎn)品規(guī)劃階段的會(huì)議，以設(shè)計(jì)專業(yè)第一身去感受產(chǎn)品需求。

2. 找設(shè)計(jì)參考的正確姿勢(shì)

其實(shí)就是我們建立產(chǎn)品視覺設(shè)計(jì)情緒板的初期調(diào)研階段。

參考要素可以是來自于多個(gè)方面的，因?yàn)檫@一個(gè)階段的關(guān)鍵是思路開放不要自我局限，否則十分容易淪落成為沖著自己心里面已經(jīng)有的想法去尋找佐證的過程（當(dāng)然，能夠用視覺手段闡述自己已有想法也是種必要能力…）。

怎樣才算思路開放？一個(gè)簡(jiǎn)單的方法是審視參考物的時(shí)候不要以整套的界面作為單位，把思路和眼睛降維到元素級(jí)別、模塊級(jí)別去看別人的作品，例如按鈕、用色系統(tǒng)，因?yàn)閮?yōu)秀的參考物即便在元素級(jí)別也有自己細(xì)微的特性，它的字體組合、icon風(fēng)格是否有花了心思，背后是否有合理的理由讓設(shè)計(jì)師作這樣的挑選。當(dāng)然也要留意有支撐功能級(jí)別的要素如控件、導(dǎo)航系統(tǒng)、數(shù)據(jù)呈現(xiàn)方式的設(shè)計(jì)。

然后按照不同的主題、你希望講的故事思路去組建你的情緒板。假設(shè)你找參考物的時(shí)候并沒有帶著自己的思路去找、也沒有得到一些實(shí)實(shí)在在靈感的話，你講起故事來就難免流于表面，只能聊聊文學(xué)了（瞎用自己都不懂的形容詞，去說一些自己不確定的話語）。這也是情緒板為什么在很多產(chǎn)品團(tuán)隊(duì)里沒有起到什么作用的原因：并不是這種方法沒有用，而是也許沒有太多人真正善用。

一個(gè)曾經(jīng)用過的情緒板例子，一張圖涵蓋的討論點(diǎn)包括了用色、字體組合策略、可參考的導(dǎo)航布局等等。并不是“我要帶給用戶xxx的感覺”之類的話術(shù)

針對(duì)不同的討論點(diǎn)（一些在設(shè)計(jì)層面需要大家共同確定下來的點(diǎn)）去組織你的情緒板、引導(dǎo)設(shè)計(jì)討論。在明確的對(duì)象范圍內(nèi)（比如抽出字體為獨(dú)立討論點(diǎn)）討論怎樣的設(shè)計(jì)樣式給人怎樣的感受與印象，得出可執(zhí)行的設(shè)計(jì)指引。

除了找線上完成度高的參考之外，如果對(duì)自己視覺轉(zhuǎn)譯能力把握比較高的設(shè)計(jì)師，十分鼓勵(lì)擴(kuò)寬參考種類的選取。比如說用色策略，我們可以從該數(shù)字產(chǎn)品服務(wù)的行業(yè)中找取正面的、共鳴性強(qiáng)的照片與畫面，從而找到自己的顏色策略。

所有這些初期運(yùn)用情緒板的設(shè)計(jì)手段無非就是為了達(dá)到兩個(gè)目的：讓你的設(shè)計(jì)一步一步走來有理有據(jù)有故事，讓產(chǎn)品團(tuán)隊(duì)包括你自己認(rèn)同并且對(duì)該設(shè)計(jì)有信心；用這個(gè)方法讓非設(shè)計(jì)背景的大佬們?cè)谠缙谝矃⑴c到共同設(shè)計(jì)當(dāng)中，減少日后因方向改變而帶來的返工風(fēng)險(xiǎn)。

如果知道自己在為何而設(shè)計(jì)，參考資料、創(chuàng)作過程就不怕野一點(diǎn)

四、從參考到實(shí)現(xiàn)：擼起袖子設(shè)計(jì)你的key visuals

無論你是哪個(gè)級(jí)別的設(shè)計(jì)師，你最終還是要交貨的?。

即便你通過情緒板讓大佬們對(duì)于粗略的設(shè)計(jì)要素達(dá)成了共識(shí)，也只是第一小步抬起了腳指頭。因?yàn)閷?duì)于即便是同一個(gè)參考物，不同的人的理解肯定也會(huì)有出入，真正把設(shè)計(jì)方向落實(shí)下來還是要靠你做出若干關(guān)鍵典型頁面，若干討論、修改后敲定。但是這次和之前瞎做然后去開會(huì)然后重做的玩法稍微有點(diǎn)不一樣了，因?yàn)槟阍趧?dòng)手之前已經(jīng)有了對(duì)產(chǎn)品的相對(duì)全面地認(rèn)識(shí)，你也有了一個(gè)模糊的、大家都認(rèn)同的設(shè)計(jì)方向了。

補(bǔ)充一點(diǎn)，隨設(shè)計(jì)流程推進(jìn)，當(dāng)初的情緒板可能對(duì)設(shè)計(jì)的實(shí)際影響會(huì)越來越弱甚至完全已經(jīng)不是那一回事了。但是這并不重要，因?yàn)楫吘顾搅俗詈笾皇且粋€(gè)溝通工具而已。

不妨從onboarding流程入手

我一般會(huì)過濾、整合之前步驟所得，從而得到大致的設(shè)計(jì)方向。干系人將會(huì)被邀請(qǐng)加入到設(shè)計(jì)邏輯的討論中。每次分享以及討論主體都需要有策略地篩選進(jìn)行，以便保證：一來大家都參與其中，二來對(duì)于產(chǎn)出思路的認(rèn)同。但是我們不能以“共創(chuàng)”為借口而事無巨細(xì)牽扯所有利益干系人在內(nèi)，所以每次討論的主體必須達(dá)到：1，有清晰的需要決定的對(duì)象與邊界，該涵蓋的一定要充分討論，邊界以外的要回避漫無止境地發(fā)散；2，談?wù)搶?duì)象需要對(duì)設(shè)計(jì)方向具有里程碑意義，且每次討論應(yīng)該有策略地以可行性輸出點(diǎn)為結(jié)果。

說白了就是，別瞎聊，還要言之有物、言之有果。

我們可以先從onboarding的流程入手，因?yàn)槿缰八砸曈X設(shè)計(jì)在數(shù)字產(chǎn)品中承擔(dān)主要任務(wù)之一是爭(zhēng)取用戶良好且“對(duì)味”的感受，onboarding體驗(yàn)無疑就是最能體現(xiàn)這個(gè)任務(wù)是否完成得漂亮的一把可靠的尺子。如果把握沒有太大，可以先從確認(rèn)登入流程的設(shè)計(jì)開始，定下基調(diào)進(jìn)而在下一輪里面討論首頁。當(dāng)然，如果心有成竹的情況下也不妨直接把登入、初始設(shè)置、首次首頁展示onboarding全流程都一次搞定，這樣的話基本上UI層面的骨架基本上都有了。

這一步也說明了為什么產(chǎn)品設(shè)計(jì)師需要在早期階段加入產(chǎn)品規(guī)劃階段的原因。在調(diào)研、探討階段所找到的無論是參考也好、產(chǎn)品要素也好，訓(xùn)練有素的設(shè)計(jì)師需要懂得怎樣把他們轉(zhuǎn)譯成能夠引起目標(biāo)受眾共鳴的設(shè)計(jì)并且提煉出設(shè)計(jì)原則。

重要的事情再一遍：整個(gè)過程“共創(chuàng)”是最重要的要素。別悶頭自己做。

酒店Saas onboarding流程界面設(shè)計(jì)（非最終設(shè)計(jì)樣式）

另外，設(shè)計(jì)師應(yīng)該至少在從情緒板到視覺設(shè)計(jì)這一步中起到主導(dǎo)、帶頭的作用。作為設(shè)計(jì)師，最起碼動(dòng)手能力、用稿表達(dá)和溝通的能力應(yīng)該還是有的吧？如果這一步完全沒有設(shè)計(jì)師在場(chǎng)而完全依仗于沒有設(shè)計(jì)背景的干系人、工程師去主導(dǎo)的話，往往容易掉進(jìn)怪圈中：有想法但是沒有設(shè)計(jì)思維的利益干系人嘗試用很具體的例子A去表達(dá)意思a，但是往往A包含的遠(yuǎn)遠(yuǎn)不止a，不過因?yàn)闆]有設(shè)計(jì)師在場(chǎng)的談?wù)摦a(chǎn)生了對(duì)具象設(shè)計(jì)的集體誤會(huì)，終將導(dǎo)致至少第一版產(chǎn)品的設(shè)計(jì)就算幾輪返工也“怎么看都不太是那回事兒”。

產(chǎn)品的設(shè)計(jì)需要有整體感，除了交互方式調(diào)性統(tǒng)一當(dāng)然最明顯的還包括通篇統(tǒng)一的視覺語言。在很多非 真?敏捷 開發(fā)環(huán)境的團(tuán)隊(duì)里面，如果設(shè)計(jì)師不在需求出生的現(xiàn)場(chǎng)參與接生，產(chǎn)品往往走著走著就會(huì)偏了。

這個(gè)視覺設(shè)計(jì)過程參與投入的人越多，就越容易得到所有人一致的認(rèn)可。

五、把設(shè)計(jì)原則貫徹始終

在如今數(shù)字產(chǎn)品的大環(huán)境中，Saas產(chǎn)品的用戶已經(jīng)被寵得很挑剔。通過通用的設(shè)計(jì)原則設(shè)計(jì)出好用的數(shù)字產(chǎn)品只能稱為及格線，因?yàn)槟愕母?jìng)爭(zhēng)對(duì)手們都知道ant design是個(gè)好東西。要做到出色，免不了需要過硬可靠的設(shè)計(jì)流程、逐步打造具有特色有特點(diǎn)的設(shè)計(jì)原則并且落實(shí)到產(chǎn)品的每個(gè)角落。

做好調(diào)研功課，找到對(duì)的人（不僅僅是利益干系人，還有客戶和用戶呢）去共創(chuàng)，在細(xì)節(jié)處多流些汗水。我絕對(duì)不是說追求獨(dú)特是我們的設(shè)計(jì)目標(biāo)，Saas設(shè)計(jì)師的專業(yè)性應(yīng)該體現(xiàn)在如何用產(chǎn)品設(shè)計(jì)取信于目標(biāo)用戶。

酒店Saas 統(tǒng)一的設(shè)計(jì)語言（非最終設(shè)計(jì)樣式）

說在最后

總而言之，人還是會(huì)或多或少僅僅通過一張皮囊去產(chǎn)生對(duì)一個(gè)數(shù)字產(chǎn)品的喜惡，Saas產(chǎn)品在公開競(jìng)爭(zhēng)的市場(chǎng)里面視覺設(shè)計(jì)導(dǎo)致的體驗(yàn)差異化變得越來越重要。數(shù)字產(chǎn)品每個(gè)觸點(diǎn)的第一感受對(duì)于最終購買決定的影響必將越來越大。

作者：HaoH，公眾號(hào)：HaoH 大鬼西歸

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

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