首頁

騰訊文檔品牌升級(jí)

資深UI設(shè)計(jì)者

為什么要做品牌升級(jí)?


“效率一直是公共輿論中的一個(gè)重要話題:在古希臘人眼中,它是政治和社會(huì)運(yùn)轉(zhuǎn)的方式;工業(yè)革命早期,亞當(dāng)·斯密將其視作提升生產(chǎn)力的強(qiáng)勁動(dòng)力?!睍r(shí)至今日,它被奉為公共生活的首要目標(biāo),效率升級(jí)實(shí)質(zhì)是廣義世界里生產(chǎn)力的一次革新。


科技和物聯(lián)網(wǎng)以看不見的方式正重塑這個(gè)世界,從生活到工作,科技把每一張有形的辦公桌移到了云端,讓每一場(chǎng)可能發(fā)生的對(duì)話跨過了坐標(biāo)的限制。技術(shù)開放地定義著我們所理解的現(xiàn)實(shí)工作環(huán)境,騰訊文檔以對(duì)效率協(xié)作世界新的理解重新歸來。


我們希望“讓協(xié)作更高效,讓創(chuàng)作更輕松?!?站在新舊交替的路口,是時(shí)候以全新的設(shè)計(jì)語言,讓工具退去冷冰的外殼,走進(jìn)與智能隔空對(duì)話的新世界。



產(chǎn)品感知關(guān)鍵詞:






Phase 1

——————————

Concept 品牌理念



我們把騰訊文檔的品牌因子比做是架落與兩岸的,從時(shí)間空間的角度,連接現(xiàn)在與未來。在這里,代表效率協(xié)作先進(jìn)生產(chǎn)力創(chuàng)造的新世界,轉(zhuǎn)承著龐大信息流的無限可能性。希望在這里發(fā)生的每一次虛擬與現(xiàn)實(shí)間的交流都是如此貼近你。





數(shù)字之美

在此,我們賦予這個(gè)新世界以“數(shù)字”之名為前綴:                                              


在數(shù)的數(shù)字(number)里,從有限0到無限∞;在物的數(shù)字(digital)里,從有形到無形。


就像霍金所說,宇宙最根本的東西首先是空間,其次是物質(zhì),再次是時(shí)間。因?yàn)槲镔|(zhì)的存在和運(yùn)動(dòng)必須是在空間里進(jìn)行。而沒有物質(zhì),談?wù)摃r(shí)間是沒有意義的。

而在這個(gè)廣闊的效率世界里,由無形的空間結(jié)構(gòu)支持,答應(yīng)著無聲的時(shí)鐘….


關(guān)鍵詞的聯(lián)想:


連結(jié)、握手、相遇、構(gòu)建、樂高、晶體、方塊、魔術(shù)、火花、夢(mèng)想、成就、有序、幾何、空間、數(shù)字、代碼、窗口




從聯(lián)想中提煉具有關(guān)鍵的隱喻和形式:


把關(guān)鍵性的隱喻抽象出來,找到表現(xiàn)形式,使其更簡(jiǎn)潔純粹,更容易被組合




品牌關(guān)鍵詞





秩序是一切天體、物質(zhì)、時(shí)間、生命、形態(tài)和形式秩序狀態(tài)運(yùn)行的最基本法則。


萬物有序,雖然呈現(xiàn)的現(xiàn)象千變?nèi)f化,但褪去復(fù)雜的外表,內(nèi)在規(guī)律卻是不變的。以更規(guī)整和原始的抽象基礎(chǔ)形為所有應(yīng)用元素的開端,以秩序作為布局的基本準(zhǔn)則。


正如我們騰訊文檔一直在思考的,尋找秩序中的效率,再從效率中找到變化的規(guī)律。






早在上世紀(jì),透明性和通透感就追隨著設(shè)計(jì)的平面到立面。從沃德裝飾語言的中立性到密斯凡德羅建造的清晰,以形式的通透對(duì)內(nèi)容的冗雜,以材質(zhì)的純粹對(duì)結(jié)構(gòu)的多樣。


在這里,我們用“輕和透”來體現(xiàn)技術(shù)帶來的未來感,在畫面中敘述的更多是余白空間所帶來的無邊想象力。






“光從來都是為了它所照亮的事物存在而不是為了它本身?!?


流質(zhì)的光影和顏色是整體設(shè)計(jì)中氛圍的基調(diào),用顏色之間緩慢的漸變預(yù)演空間中正在發(fā)生或者即將發(fā)生的故事。


我們用了色盤中相對(duì)沉靜的極光色系(藍(lán)紫綠),拓寬空間的邊界感。


與正在交融和變化的顏色中間態(tài),一同隱喻了智能和科技作用下的每一次協(xié)作和創(chuàng)作的真實(shí)實(shí)現(xiàn)。





Phase 2

——————————

DNA cube 演化



Metaphor Box 協(xié)作盒子,我們用一個(gè)變化的立方隱喻一個(gè)協(xié)作空間站。在這里有可能發(fā)生的是各種各樣的碰撞。思想的火花,創(chuàng)作的靈感,執(zhí)行的高效。這里有屬于一個(gè)也有屬于一群人的精彩。



Phase 3

——————————

Application 應(yīng)用設(shè)計(jì)


最終我們將騰訊文檔的Logo圖形化,賦予Metaphor Box協(xié)作空間的概念。利用有序的幾何線條為空間背景構(gòu)圖。在原本的智慧的品牌藍(lán)基礎(chǔ)上,添加了一點(diǎn)靈動(dòng)偏暖的漸變色,為整體畫面增添生命力及親和力。最終完善后應(yīng)用到官網(wǎng)、官網(wǎng)登錄頁、閃屏頁、空頁面的場(chǎng)景。


閃屏




在閃屏的延展中,我們基于大的品牌理念延展出兩個(gè)不一樣的方向。


A. 以騰訊文檔logo的形狀為視覺元素載體空間,向里呈現(xiàn)一個(gè)輕盈有機(jī)的未來世界。



B. 以騰訊文檔產(chǎn)品“協(xié)作盒子”的概念,立體的展現(xiàn)一個(gè)代表科技為基底,多方協(xié)同運(yùn)轉(zhuǎn)的動(dòng)力世界。



最終,我們選擇了整體畫面更為清晰,主體更為清透明確的主圖形。



調(diào)整細(xì)節(jié)后應(yīng)用到閃屏





官網(wǎng)

官網(wǎng)首頁Banner是最直接、最具感染力的視覺傳達(dá)路徑,我們需要讓用戶在進(jìn)入 docs.qq.com 即刻形成品牌印象,通過Slogan傳達(dá)騰訊文檔的產(chǎn)品價(jià)值,同時(shí)在Slogan的字段上添加了正在編輯態(tài)的光標(biāo)元素,體現(xiàn)文檔高效的協(xié)作能力,最終以響應(yīng)式的方式適配到移動(dòng)端。



在官網(wǎng)的其他頁面,我們將品牌語言進(jìn)一步落地。




空頁面


在騰訊文檔空狀態(tài)的設(shè)計(jì)中,我們以幾何的ip形象為頁面穿插一個(gè)個(gè)不一樣的故事性敘白。傳遞騰訊文檔平易近人的智能語調(diào)。



在畫面的整體構(gòu)成中,我們?cè)黾恿艘恍┹p透的質(zhì)感元素,結(jié)合幾何形的整體圖形語言,讓畫面輕盈也豐富。





——————————

寫在最后


古爾德在《奇妙的生命》一書中寫道:“有些人覺得(人類是唯一智慧生命的)前景令人沮喪,我卻總為之感到振奮。我將它當(dāng)成是一個(gè)源泉,它帶來了自由,也帶來了道德上的責(zé)任?!毙实谋澈蟛恢故顷P(guān)于工作方式的改變,仍然需要不負(fù)所望:構(gòu)建責(zé)任。


我們?cè)谥鸩竭M(jìn)化騰訊文檔的整體視覺語言系統(tǒng)。后續(xù)我們將推出下篇,向大家展示騰訊文檔品牌在UI語言和其他品牌延展中的更多設(shè)計(jì)。


在這個(gè)快時(shí)代,精耕出自己的風(fēng)格,打造更舒適的用戶體驗(yàn),敬請(qǐng)期待......


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。 

作者:騰訊ISUX團(tuán)隊(duì)    來源:站酷


分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司






騰訊文檔 | 數(shù)據(jù)化設(shè)計(jì)

資深UI設(shè)計(jì)者

2015年之后的中國互聯(lián)網(wǎng),人口紅利、流量紅利逐漸退場(chǎng)。2019年遭遇第一場(chǎng)資本寒冬,上半年投資總金額同比下降了58.5%。也在2019年,“精益創(chuàng)業(yè)”、“精益數(shù)據(jù)分析”、“增長(zhǎng)黑客”等一系列數(shù)據(jù)思潮開始流行。而UX設(shè)計(jì)師作為半個(gè)產(chǎn)品經(jīng)理,我們很容易將這股“數(shù)據(jù)熱”遷移到自己身上:每個(gè)UX設(shè)計(jì)師都要學(xué)數(shù)據(jù)分析了嗎?數(shù)據(jù)和設(shè)計(jì)是什么關(guān)系?天天盯數(shù)據(jù)會(huì)限制設(shè)計(jì)師的想象力嗎?數(shù)據(jù)到底要怎么用?……




Preview

——————————

數(shù)據(jù)熱

過往,設(shè)計(jì)師一般不會(huì)把“數(shù)據(jù)”掛在嘴邊。我們提倡“以用戶為中心,打磨極致用戶體驗(yàn)”,較少考慮成本和商業(yè)效益。


通俗來說,就是產(chǎn)品經(jīng)理負(fù)責(zé)“生意”,設(shè)計(jì)師負(fù)責(zé)“體驗(yàn)”。以“造鞋”為例子,產(chǎn)品經(jīng)理做了市場(chǎng)調(diào)研,決定要生產(chǎn)兒童運(yùn)動(dòng)鞋,設(shè)計(jì)師負(fù)責(zé)設(shè)計(jì)“適合4-11歲的兒童在城市公園玩鬧”的鞋子應(yīng)該長(zhǎng)什么樣、穿著它跑跑跳跳是不是舒服的。但是設(shè)計(jì)師不需要擔(dān)心運(yùn)動(dòng)鞋的銷量,產(chǎn)品經(jīng)理則要跟老板匯報(bào)銷量業(yè)績(jī)。


在紅利消退、產(chǎn)品同質(zhì)化嚴(yán)重和快速迭代的多重壓力下,UX設(shè)計(jì)迎來了更高的挑戰(zhàn):僅憑主觀判斷“好不好用、好不好看”來打磨產(chǎn)品內(nèi)在體驗(yàn),不考慮產(chǎn)品的生存、增長(zhǎng)和盈利,很難在行業(yè)立足。與此同時(shí),隨著數(shù)據(jù)采集工具的日漸成熟,數(shù)據(jù)以“客觀”和“便捷”兩大特點(diǎn),幫助我們更快獲得“設(shè)計(jì)的依據(jù)”。精益化設(shè)計(jì)是必然趨勢(shì),而“數(shù)據(jù)分析”是精益化設(shè)計(jì)的手段之一。



沿用“設(shè)計(jì)鞋”的案例,UX設(shè)計(jì)師要在自己所在領(lǐng)域思考:在設(shè)計(jì)調(diào)研的過程中,我們用什么數(shù)據(jù)指標(biāo)來衡量這個(gè)兒童鞋好穿、好賣?在鞋進(jìn)行批量生產(chǎn)前,我們有沒有數(shù)據(jù)資源支持我們研究父母/小孩對(duì)鞋子外觀的偏好、小孩運(yùn)動(dòng)時(shí)容易受到哪些物理傷害等等?如果有條件進(jìn)行小范圍的數(shù)據(jù)實(shí)驗(yàn),我們?nèi)绾卧O(shè)計(jì)數(shù)據(jù)實(shí)驗(yàn)來評(píng)估好穿好賣?





PART 01

——————————

數(shù)據(jù)的定義

“理解任何事物都需要先對(duì)它進(jìn)行定義,這樣才能夠在頭腦中清楚地知道正在討論的是這個(gè)東西,而不是其他東西?!狈浅O矚g美國經(jīng)濟(jì)學(xué)家Thomas Sowell在《經(jīng)濟(jì)學(xué)的思維方式》里說的這句話。


如果我們對(duì)“數(shù)據(jù)”下定義,那么產(chǎn)品設(shè)計(jì)語境中的“數(shù)據(jù)”具體是什么?數(shù)據(jù)是怎么產(chǎn)生的?


從數(shù)據(jù)采集手段來看,互聯(lián)網(wǎng)產(chǎn)品的數(shù)據(jù)來源主要有3個(gè):二手資料數(shù)據(jù)、問卷調(diào)研數(shù)據(jù)和應(yīng)用埋點(diǎn)數(shù)據(jù)。




1/ 二手資料數(shù)據(jù)

行業(yè)數(shù)據(jù)和競(jìng)品數(shù)據(jù)一般通過二手資料獲得,包括商業(yè)交易數(shù)據(jù)、用戶群的態(tài)度和意愿、用戶輿論指數(shù)、競(jìng)品的用戶規(guī)模和盈利狀況等宏觀數(shù)據(jù)。常用的搜索渠道有:百度指數(shù)、企鵝智酷、艾瑞、尼爾森、各大科技資訊平臺(tái)等。


我們可以將這些理解為“市場(chǎng)數(shù)據(jù)”,在立項(xiàng)期對(duì)產(chǎn)品方向有一定指導(dǎo)意義,能快速了解市場(chǎng)概況,也能幫助產(chǎn)品思考差異化定位的問題。



以“騰訊文檔為”項(xiàng)目為例,我們想提高騰訊文檔用戶創(chuàng)建文檔的成功率,通過模板創(chuàng)建文檔是關(guān)鍵路徑之一。研究用戶通過模板創(chuàng)建的路徑時(shí),想大概了解用戶找模板時(shí)可能會(huì)在意什么。于是我們嘗試使用百度指數(shù)搜索“模板”、“文檔模板”、“PPT模板”、“Word模板”、“Excel模板”,從搜索量得知:PPT模板搜索量最高,符合我們的推測(cè);Word模板內(nèi)容中,簡(jiǎn)歷、合同需求量較大,而部分用戶只是想要好看的Word背景等等。雖然我們得到的有效信息不多,但我們能夠通過二手資料的方式,快速了解用戶需求的基本面。



2/ 問卷調(diào)研數(shù)據(jù)

問卷調(diào)研數(shù)據(jù)是通過向目標(biāo)用戶發(fā)放問卷獲得的,側(cè)重于收集人口學(xué)信息、用戶自述的歷史行為、主觀態(tài)度或意愿,比如用戶滿意度調(diào)查、流失用戶原因調(diào)查等。本質(zhì)上是通過建立假設(shè)、再進(jìn)行抽樣統(tǒng)計(jì)的方法來得到用戶口述的答案。也就是,問卷傾向于聽用戶說了什么、而看不見用戶真正做了什么。嚴(yán)謹(jǐn)?shù)膯柧矸治鲆矔?huì)比對(duì)后臺(tái)數(shù)據(jù),校驗(yàn)用戶說的和做的是否一致,以清洗無效數(shù)據(jù)。




3/ 應(yīng)用埋點(diǎn)數(shù)據(jù)

較之于問卷調(diào)研數(shù)據(jù),我們想看“用戶做了什么”,則通過分析應(yīng)用埋點(diǎn)數(shù)據(jù)獲得。

“應(yīng)用埋點(diǎn)數(shù)據(jù)”也叫“埋點(diǎn)數(shù)據(jù)”、“前端頁面數(shù)據(jù)”,我們可以簡(jiǎn)單理解為“通過技術(shù)手段獲得用戶在應(yīng)用內(nèi)(網(wǎng)站、客戶端、小程序等)的操作行為數(shù)據(jù)”。其背后原理是:用戶和界面發(fā)生交互,系統(tǒng)需要向服務(wù)器發(fā)送請(qǐng)求和返回請(qǐng)求,把這些請(qǐng)求預(yù)埋一段計(jì)數(shù)代碼,就能得到頁面的曝光數(shù)據(jù)和用戶的操作數(shù)據(jù)。

埋點(diǎn)需要產(chǎn)品經(jīng)理或設(shè)計(jì)師做好數(shù)據(jù)指標(biāo)的定義,跟開發(fā)工程師提前溝通,讓開發(fā)工程師在代碼中嵌入埋點(diǎn)。一個(gè)埋點(diǎn)由多個(gè)字段組成,規(guī)范地定義字段,有利于我們?cè)跀?shù)據(jù)平臺(tái)搜索埋點(diǎn)更方便。當(dāng)我們懷疑數(shù)據(jù)有效性時(shí),也更方便排查埋點(diǎn)問題。




埋點(diǎn)類型可分為曝光埋點(diǎn)、操作埋點(diǎn)和時(shí)長(zhǎng)埋點(diǎn):

1. 曝光埋點(diǎn)可以捕捉頁面被展示的次數(shù),可以是針對(duì)整個(gè)頁面,也可以是頁面中的某個(gè)區(qū)域。即我們常說的PV、UV。


2. 操作埋點(diǎn)則是在用戶對(duì)頁面某個(gè)區(qū)域(按鈕、卡片、提示條等)進(jìn)行手勢(shì)操作(點(diǎn)擊、雙擊、長(zhǎng)按、滑動(dòng)等)時(shí),進(jìn)行打點(diǎn)記錄。對(duì)應(yīng)的,也稱之為某個(gè)操作的PV、UV。


3. 時(shí)長(zhǎng)埋點(diǎn)是通過標(biāo)記以上兩類埋點(diǎn)、并計(jì)算時(shí)間差獲得的。比如,我們記錄用戶選取模板耗費(fèi)的時(shí)長(zhǎng),可以通過離開頁面的時(shí)間(t2)-進(jìn)入頁面的時(shí)間(t1)計(jì)算。而離開頁面則用點(diǎn)擊左上角返回按鈕、點(diǎn)擊具體模板等“離開”操作來核算。



基于以上3種原始數(shù)據(jù),我們可以運(yùn)算得出點(diǎn)擊率、功能滲透率、人均點(diǎn)擊次數(shù)、人均使用時(shí)長(zhǎng)等具有對(duì)比價(jià)值的數(shù)據(jù)。


較之于二手資料和調(diào)研數(shù)據(jù),埋點(diǎn)數(shù)據(jù)更加貼近用戶的真實(shí)表現(xiàn),作為反饋指標(biāo)的靈敏度更高,可挖掘性更強(qiáng),也能作為客觀衡量指標(biāo)引入到每一次產(chǎn)品迭代中。


設(shè)計(jì)師理解埋點(diǎn)的原理,有助于在數(shù)據(jù)采集環(huán)節(jié)跟數(shù)據(jù)開發(fā)更好地溝通,并提出合理的數(shù)據(jù)需求。另外,當(dāng)我們拿到一組數(shù)據(jù),也需要從根本原理上去判斷數(shù)據(jù)的信度和效度,確保數(shù)據(jù)沒有質(zhì)量問題再進(jìn)行下一步分析。




PART 02

——————————

數(shù)據(jù)之于設(shè)計(jì)

數(shù)據(jù)分析能力會(huì)在UX設(shè)計(jì)師的崗位招聘要求中被提及,但除了電商和廣告行業(yè)的數(shù)據(jù)化設(shè)計(jì)知識(shí)體系較為成熟,其他領(lǐng)域還在探索。另外,相比于市場(chǎng)營銷、產(chǎn)品經(jīng)理、產(chǎn)品運(yùn)營等職能,設(shè)計(jì)師的分析框架是相對(duì)晚熟的。


實(shí)際上,我們很難從招聘廣告中歸納“具備數(shù)據(jù)分析能力的設(shè)計(jì)師”長(zhǎng)什么樣,但我們期望這樣的設(shè)計(jì)師對(duì)數(shù)據(jù)的感知力強(qiáng)、分析邏輯清晰、數(shù)據(jù)經(jīng)驗(yàn)豐富,對(duì)某個(gè)垂直領(lǐng)域的數(shù)據(jù)儀表盤了如指掌等等。


數(shù)據(jù)對(duì)UX設(shè)計(jì)有什么用?或者說,在設(shè)計(jì)鏈路的哪一個(gè)環(huán)節(jié),數(shù)據(jù)和設(shè)計(jì)才能發(fā)生化學(xué)反應(yīng)?



UX設(shè)計(jì)日常流程為:得到一個(gè)需求(需求評(píng)審/需求挖掘)——輸出設(shè)計(jì)方案(設(shè)計(jì)決策)——驗(yàn)證設(shè)計(jì)方案(設(shè)計(jì)實(shí)驗(yàn))。順著這個(gè)流程,我們來看看數(shù)據(jù)在UX設(shè)計(jì)各階段的作用。



1/ 需求評(píng)審:以提升最終業(yè)務(wù)數(shù)據(jù)為目標(biāo),評(píng)估需求的價(jià)值貢獻(xiàn)和優(yōu)先級(jí)

肖恩·凱利斯在《增長(zhǎng)黑客》開篇就提到“倉筒組織”這個(gè)概念:職能組織有各自的KPI,但未必對(duì)最終的業(yè)務(wù)目標(biāo)都有利。比如開發(fā)人力有限的情況下,產(chǎn)品經(jīng)理想上線新功能,市場(chǎng)運(yùn)營想搞推廣活動(dòng),設(shè)計(jì)想做UI大改版做炫酷的動(dòng)畫——就像N匹馬有N個(gè)方向,馬車跑不快。


尤其是當(dāng)產(chǎn)品進(jìn)入成長(zhǎng)期,我們會(huì)發(fā)現(xiàn)“能做的事情真的太多了”!不僅僅是來自老板和產(chǎn)品經(jīng)理的需求,每天都有用戶想教你做產(chǎn)品,剛剛競(jìng)爭(zhēng)對(duì)手又上線了N個(gè)新功能等等。另外,當(dāng)多個(gè)產(chǎn)品經(jīng)理分管不同業(yè)務(wù)線,每個(gè)產(chǎn)品經(jīng)理都會(huì)認(rèn)為自己提的需求優(yōu)先級(jí)最高。那么,ABCD這幾個(gè)需求,哪個(gè)更值得即刻實(shí)現(xiàn)?


有目標(biāo)導(dǎo)向和成本意識(shí)的設(shè)計(jì)師,不會(huì)拿到PRD就開始畫稿,而是做需求評(píng)審。下次產(chǎn)品經(jīng)理給你提需求,或者自己想要主動(dòng)提案,不妨從下面幾個(gè)問題開始思考效益。


如果這個(gè)新功能上線或?qū)σ延泄δ茏鲞@些優(yōu)化點(diǎn):


|正向評(píng)估:如果做,能使哪些用戶在什么場(chǎng)景受益?用戶會(huì)因此使用、消費(fèi)、甚至推薦我們的產(chǎn)品嗎?

|負(fù)向評(píng)估:如果不做,是否會(huì)造成用戶口碑變差,甚至棄用我們的產(chǎn)品?

|數(shù)據(jù)導(dǎo)向:預(yù)估這個(gè)需求對(duì)大盤數(shù)據(jù)(AARRR)有何貢獻(xiàn)?如果無法在短期看到對(duì)大盤數(shù)據(jù)的直接提升,應(yīng)該取什么樣的數(shù)據(jù)指標(biāo)來評(píng)估其價(jià)值(GSM模型)?

|比對(duì)優(yōu)先級(jí):目前有ABCD四個(gè)需求,而人力資源有限,當(dāng)下最應(yīng)該解決哪個(gè)數(shù)據(jù)環(huán)節(jié)的問題?


我們以騰訊文檔的Excel按行填寫功能為例,闡述如何在需求評(píng)審階段就思考數(shù)據(jù)效益。


一開始,我們只是從用戶吐槽中了解到在手機(jī)端使用Excel錄入信息的困擾:協(xié)作人之間容易竄行誤刪誤改別人填寫的行,甚至把創(chuàng)建人輸入的表頭信息都給刪掉了。


我們模擬信息收集場(chǎng)景,摘出Excel移動(dòng)端輸入的體驗(yàn)節(jié)點(diǎn),發(fā)現(xiàn)“在有限的屏幕內(nèi)去處理表格信息,需要來回滾動(dòng)/縮放表格,再回到自己的行再輸入”這一點(diǎn)最容易發(fā)生錯(cuò)誤,尤其在沒有凍結(jié)首行的情況下。



我們有收集表功能,也支持表格轉(zhuǎn)收集表,但是都依賴創(chuàng)建人主動(dòng)去使用這個(gè)品類/這個(gè)功能。我們是否可以在創(chuàng)建人不干預(yù)的情況下,直接把來回滾動(dòng)的表格輸入變成縱向的表單輸入?



以上都是從“感知”角度發(fā)現(xiàn)和分析問題,確認(rèn)了“存在這么一個(gè)問題”,然后提出了一個(gè)可行的想法。往往這個(gè)時(shí)候,我們?nèi)菀诪橹d奮。


但是如果我們堅(jiān)持更精益的投入產(chǎn)出比,我們應(yīng)當(dāng)評(píng)估“這是不是一個(gè)要優(yōu)先解決的問題”,即評(píng)估收益:改變Excel移動(dòng)端的輸入體驗(yàn),能帶來什么收益?


首先,我們做正負(fù)向評(píng)估。


|正向評(píng)估:如果做,用戶可以在手機(jī)端更順暢地錄入信息,避免串行刪改的錯(cuò)誤。雖然這不足以吸引新用戶使用我們的產(chǎn)品,但這個(gè)體驗(yàn)未在競(jìng)品實(shí)現(xiàn),能形成差異化的記憶點(diǎn),也許能帶來好的口碑。

|負(fù)向評(píng)估:如果不做,手機(jī)端的Excel輸入體驗(yàn)跟其他競(jìng)品無差,用戶倒不會(huì)因此流失,但是創(chuàng)建人會(huì)因?yàn)閰f(xié)作者的犯錯(cuò)苦惱,也許會(huì)因此轉(zhuǎn)為采用“IM一對(duì)一溝通”來避免出錯(cuò)。


然后是設(shè)定數(shù)據(jù)目標(biāo):如果這個(gè)功能落到數(shù)據(jù)板上,能作何貢獻(xiàn)?


|數(shù)據(jù)導(dǎo)向:我們預(yù)期這個(gè)功能能夠通過提升手機(jī)端的輸入體驗(yàn),來避免用戶出錯(cuò),降低創(chuàng)建人整理數(shù)據(jù)的負(fù)擔(dān),以提高用戶留存(而非預(yù)期這是一個(gè)拉新功能)。并且,設(shè)計(jì)假設(shè)正確,應(yīng)該能通過一些數(shù)據(jù)指標(biāo)看到用戶的行為變化。




最后,對(duì)比同期提出的幾個(gè)產(chǎn)品需求,評(píng)估優(yōu)先級(jí)。


|比對(duì)優(yōu)先級(jí):假設(shè)Excel按行填寫的需求是A(圖中黃色點(diǎn)),同期有一個(gè)影響文檔安全分享的需求B。如果我們按照正負(fù)向評(píng)估去考量?jī)?yōu)先級(jí),將AB兩個(gè)需求都放在象限圖里,越外層越應(yīng)該優(yōu)先處理,那么我們就應(yīng)該優(yōu)先處理需求B。



以上是為了將思維可視化呈現(xiàn)給讀者,實(shí)操時(shí)更重要的是數(shù)據(jù)意識(shí)和敏感度。圖示僅供參考,用何種形式表達(dá)不重要。


掌握一套清晰的需求評(píng)審思路,才有話語權(quán)去討論這個(gè)需求是做還是不做、即刻要做還是延后再做。這不僅僅是UX設(shè)計(jì)師需要具備的目標(biāo)導(dǎo)向思維和需求分析能力,而是整個(gè)團(tuán)隊(duì)都應(yīng)該建立的數(shù)據(jù)意識(shí)和工作流。這也適用于對(duì)設(shè)計(jì)師提案的自我審查,避免自娛自樂。


2/ 需求挖掘:數(shù)據(jù)作為產(chǎn)品健康度的體檢指標(biāo),為設(shè)計(jì)圈定問題域

產(chǎn)品在不同的成長(zhǎng)階段關(guān)注的短期效益會(huì)有所不同。初創(chuàng)期,產(chǎn)品先要驗(yàn)證其假設(shè)的需求是不是用戶真實(shí)需求、商業(yè)模式是否可行。當(dāng)產(chǎn)品發(fā)展到一定的用戶規(guī)模,我們可以通過對(duì)比關(guān)鍵數(shù)據(jù)指標(biāo),去判斷現(xiàn)階段是否符合預(yù)期。這就像我們?nèi)メt(yī)院抽血做體檢,血樣指標(biāo)可以反映我們當(dāng)前是否健康。


如何檢驗(yàn)產(chǎn)品健康度呢?我們首先關(guān)注宏觀的數(shù)據(jù)轉(zhuǎn)化是否符合預(yù)期,即AARRR。海盜指標(biāo)這一套,想必大家耳熟能詳。但對(duì)設(shè)計(jì)師來說,難點(diǎn)在于如何將宏觀數(shù)據(jù)轉(zhuǎn)化與具體的用戶使用場(chǎng)景進(jìn)行關(guān)聯(lián),進(jìn)而落實(shí)到具體的設(shè)計(jì)任務(wù)。


以騰訊文檔為例,在線文檔的核心用戶價(jià)值是“從創(chuàng)作到協(xié)作的多人多端無縫同步”,因此我們定義用戶的關(guān)鍵路徑是“創(chuàng)作→分享→協(xié)作”,即:



基于關(guān)鍵路徑,我們繼續(xù)下鉆分析每一個(gè)環(huán)節(jié),建立用于監(jiān)控“轉(zhuǎn)化質(zhì)量”的行為漏斗。比如在“分享”這一步,落到APP里,這個(gè)行為漏斗是:



我們發(fā)現(xiàn)僅30%的創(chuàng)建人在分享文檔前設(shè)置了非私密權(quán)限——這個(gè)數(shù)據(jù)并不符合我們的預(yù)期,因?yàn)檫@會(huì)導(dǎo)致創(chuàng)建人分享文檔后,協(xié)作人無法直接查看或編輯文檔。協(xié)作人需要進(jìn)行權(quán)限申請(qǐng),創(chuàng)建人則需要處理相應(yīng)的權(quán)限申請(qǐng)通知或更改權(quán)限,從“申請(qǐng)權(quán)限”到“審批通過”的時(shí)間差降低了協(xié)作效率。



我們進(jìn)一步去找關(guān)聯(lián)的數(shù)據(jù)指標(biāo),來確認(rèn)“這給用戶造成了困擾”——“有多少用戶在文檔分享出去之后再返回來設(shè)置權(quán)限”‘、“一個(gè)創(chuàng)建者平均要處理多少次權(quán)限申請(qǐng)”等等。


通過小范圍的用戶測(cè)試,我們了解到“權(quán)限設(shè)置”是一個(gè)視覺盲區(qū)。于是,我們優(yōu)化分享頁的信息展示,來改善“用戶看不見權(quán)限設(shè)置”這個(gè)問題。另外,當(dāng)創(chuàng)建人在處理權(quán)限申請(qǐng)的通知時(shí),提供修改權(quán)限的入口,以避免重復(fù)處理同一個(gè)文檔的申請(qǐng)消息。



最終,我們將“分享前進(jìn)行權(quán)限設(shè)置”的轉(zhuǎn)化提高到80%——吹牛的,業(yè)務(wù)數(shù)據(jù)太敏感,無法以真實(shí)數(shù)據(jù)跟大家分享,本文的數(shù)字皆為脫敏數(shù)據(jù)。


這就像一個(gè)剝洋蔥的過程。先找到產(chǎn)品的核心價(jià)值和對(duì)應(yīng)的主路徑,再拆解到對(duì)應(yīng)的多個(gè)用戶任務(wù)流,關(guān)注微觀的某個(gè)環(huán)節(jié)轉(zhuǎn)化是否有問題。利用數(shù)據(jù)診斷產(chǎn)品健康度,然后繼續(xù)用數(shù)據(jù)或其他研究方法下鉆,下鉆到可以落地到設(shè)計(jì)點(diǎn)的層面。



3/ 設(shè)計(jì)決策:借鑒用戶行為數(shù)據(jù),對(duì)方案進(jìn)行快速?zèng)Q策

2016年聽了白木彰老師在杭州的一次現(xiàn)場(chǎng)分享,他對(duì)“Design”的理解非常透徹?!癝ign”是“標(biāo)志”,應(yīng)該是大家最共通的常識(shí),就像國旗是這個(gè)國家的sign。那“De”是什么?臺(tái)下有人回答“重新定義”,而白木彰很自信地說:“不,這是一個(gè)否定詞”。

對(duì)于UX來說,同理。每一次的設(shè)計(jì)都是一次否定,否定現(xiàn)有體驗(yàn)的合理性,否定現(xiàn)有的產(chǎn)品、服務(wù)或某一功能完全滿足需求。反過來想,則是審問自己的設(shè)計(jì)方案:每一次的“否定”,真的更好嗎?


這里舉一個(gè)“小需求”為例:騰訊文檔Excel的PC端右鍵菜單高度優(yōu)化。筆者目前負(fù)責(zé)騰訊文檔編輯模塊的UX工作,日常就是很多這樣的“小優(yōu)化”,其實(shí)這更加考驗(yàn)數(shù)據(jù)敏感度和對(duì)“嚴(yán)謹(jǐn)”的堅(jiān)持。


需求背景就是用戶反饋“右鍵菜單太長(zhǎng)了,小屏幕看不到菜單底部的內(nèi)容”。


“展示問題”的解法有很多:


解法1/ 用UI手段,降低單個(gè)menu item的高度。



解法2/ 重新歸類,通過折疊來縮短菜單。



解法3/ 當(dāng)菜單無法完整展示,重新錨定其在屏幕的坐標(biāo)。




對(duì)比競(jìng)品,確實(shí)有表格產(chǎn)品通過(2)去解決這個(gè)問題,但是我們撈數(shù)據(jù)發(fā)現(xiàn):右鍵菜單中,插入行列是高頻操作(紅色部分),點(diǎn)擊次數(shù)比其他功能高5~130倍,且人均點(diǎn)擊量分別是3次和2次。我們決定不去對(duì)增加行列進(jìn)行菜單折疊,因?yàn)檫@樣做雖然我們解決了“菜單太高”的問題,但降低了點(diǎn)擊效率。



接到某個(gè)需求的“A問題”,我們?nèi)菀滓蝗~障目。但是,會(huì)不會(huì)因?yàn)槲覀兘鉀Q了A問題而引發(fā)B問題呢?數(shù)據(jù)幫助我們快速?zèng)Q策,避免B問題的出現(xiàn)。謹(jǐn)慎對(duì)待每一次小設(shè)計(jì),因?yàn)槊恳淮涡≡O(shè)計(jì)都是一次否定。


4/ 設(shè)計(jì)實(shí)驗(yàn):采用數(shù)據(jù)實(shí)驗(yàn)對(duì)設(shè)計(jì)方案進(jìn)行擇優(yōu)或改進(jìn)

大家對(duì)數(shù)據(jù)實(shí)驗(yàn)應(yīng)該不陌生,常用的方法有AB測(cè)試和灰度測(cè)試,是一種控制變量的抽樣實(shí)驗(yàn)方法。


AB測(cè)試是指通過抽取抽取等量用戶樣本進(jìn)行AB兩個(gè)設(shè)計(jì)方案的投放,對(duì)比兩組數(shù)據(jù),進(jìn)行方案擇優(yōu)。這兩個(gè)方案的差異要嚴(yán)格控制在“僅有一個(gè)因素的差異”。這跟我們初中做生物實(shí)驗(yàn)論證“一棵小樹的生長(zhǎng)需要陽光”的思路一樣:兩組等量的小樹,一組有陽光,一組沒有陽光,經(jīng)歷相同的時(shí)間后對(duì)比生長(zhǎng)的平均高度差。水、空氣、養(yǎng)分等其他條件要嚴(yán)格一致。因此大改版等“多變量”的設(shè)計(jì)并不適用于AB測(cè)試去印證。


大改版則通過灰度測(cè)試或拆分變量去做AB測(cè)試來確保效果?;叶葴y(cè)試是指如果軟件要在不久的將來推出一個(gè)全新的功能,或者做一次比較重大的改版的話,要先進(jìn)行一個(gè)小范圍的嘗試工作,然后再慢慢放量,直到這個(gè)全新的功能覆蓋到所有用戶。也就是說在全量發(fā)布的黑白之間有一個(gè)灰,所以這種方法也通常被稱為灰度測(cè)試。


設(shè)計(jì)師需要觀察綜合的數(shù)據(jù)指標(biāo),以騰訊文檔為例常規(guī)的指標(biāo)有:PV、UV、人均點(diǎn)擊次數(shù)、功能滲透率、使用該功能的留存率等等。另外是多渠道收集用戶反饋,包括騰訊文檔的“吐個(gè)槽”社區(qū)、微博搜索關(guān)鍵詞、隨訪身邊的用戶朋友等。



Conclusion

——————————

結(jié)語

數(shù)據(jù)化設(shè)計(jì)不是對(duì)“精心打磨體驗(yàn)”的否定。恰恰相反,對(duì)設(shè)計(jì)工匠來說,數(shù)據(jù)分析能力是一種新的“打磨工具”,提倡在設(shè)計(jì)實(shí)施和決策過程中更科學(xué)和客觀。UX和數(shù)據(jù)的關(guān)系,就像我們期望鞋子被量產(chǎn)之前能夠有數(shù)據(jù)佐證“這款鞋好看好穿好賣”,而不是否定“好看又好穿的鞋子能帶來更好的銷量”。


最后,“價(jià)值-設(shè)計(jì)-數(shù)據(jù)”是一個(gè)動(dòng)態(tài)課題,必然隨著業(yè)界經(jīng)驗(yàn)的沉淀和數(shù)據(jù)工具的發(fā)展,不斷迭代。



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。 



作者:騰訊ISUX團(tuán)隊(duì)    來源:站酷





分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

平面設(shè)計(jì)和演示設(shè)計(jì)的區(qū)別

seo達(dá)人



Keynote是Mac用戶使用的幻燈片軟件,我們平??吹降奶O果發(fā)布會(huì),國內(nèi)手機(jī)發(fā)布會(huì)基本都用的是Keynote。當(dāng)然Mac系統(tǒng)也兼容PPT。Keynote因?yàn)槠浜?jiǎn)約而高級(jí)的動(dòng)效而備受青睞,很多企業(yè)開發(fā)布會(huì)首選就是Keynote。我做了幾張動(dòng)效圖來示意一下發(fā)布會(huì)的高級(jí)效果。





演示設(shè)計(jì)這個(gè)概念,包含了上述PPT,Keynote發(fā)布會(huì)。常見的PPT商業(yè)定制項(xiàng)目包含: 企業(yè)介紹PPT、產(chǎn)品型發(fā)布會(huì)PPT、白皮書、商業(yè)計(jì)劃書等等。我們今天討論的不是這兩款軟件跟平面設(shè)計(jì)PS AI的區(qū)別, 我們要討論的是平面設(shè)計(jì)和演示設(shè)計(jì)的區(qū)別,所以下文的闡述中,我有可能一會(huì)兒講PPT,一會(huì)兒講Keynote,講的都是一碼事,都叫(幻燈片)演示設(shè)計(jì)。

對(duì)PPT感到非常詫異

在沒有接觸演示設(shè)計(jì)之前, 我一直是做平面設(shè)計(jì)(這些年做過UI,平面海報(bào),電商類,游戲視覺,官網(wǎng))。這兩年才剛接觸PPT,算是一個(gè)跨界選手了。當(dāng)我第一次聽到PPT居然還需要設(shè)計(jì),我感到十分詫異。我不是很能理解一款毫不起眼的Microsoft PowerPoint,我意思是說,一款職場(chǎng)人士的常用的幻燈片演示軟件,一款根本算不上是設(shè)計(jì)軟件的PowerPoint,能跟設(shè)計(jì)有什么掛鉤的呢?有什么沾邊呢?

讓我感到更詫異的是,還有專門PPT設(shè)計(jì)師這種職業(yè)的嗎?他們的日常工作是怎么樣的?PPT設(shè)計(jì)師跟平面設(shè)計(jì)師有什么區(qū)別呢?如果說設(shè)計(jì)是為了解決問題,優(yōu)化體驗(yàn)。那么,PPT設(shè)計(jì)需要解決的是什么樣的問題呢?什么樣的客戶,有這類需求呢?有多少這樣的群體,愿意為毫不起眼的PPT而付費(fèi)呢?我剛接觸PPT那會(huì)兒,我實(shí)在是太多的疑惑了。

第一直覺,好丑,好Low.

作為一個(gè)資深平面設(shè)計(jì)師,當(dāng)?shù)谝淮慰吹揭恍┧^很“不錯(cuò)”的PPT作品,我第一反應(yīng)真的是看吐了。感覺好丑好low?。∵@就是我的第一直覺。有一些配色,一些陰影,很多細(xì)節(jié),簡(jiǎn)直完全侮辱我這么多年的審美。這也更加加深了我對(duì)PPT的疑惑:

· 就這玩意,這么土的效果,以我的技術(shù)不是隨便降維碾壓這些人么?
· 為什么會(huì)有這么丑的PPT?
· PPT設(shè)計(jì)不遵循平面的規(guī)則嗎(透視,顏色,投影等)?
· 要是我來做的話,肯定能做的更好。
· 就這些東西,居然還有那么多人說好?





發(fā)布會(huì),不就是大圖疊字么?簡(jiǎn)單!

在沒有跨入這個(gè)行業(yè)之前,如果你問我對(duì)PPT和發(fā)布會(huì)的第一直覺,我會(huì)這么回答你:不就是大圖配文字嗎?如果說讓我來操刀發(fā)布會(huì), 我所認(rèn)為的演示設(shè)計(jì),難道不應(yīng)該是高逼格大圖加簡(jiǎn)約而且少的文字么?發(fā)布會(huì)不應(yīng)該就是這樣的嗎?是的,我的第一直覺沒有錯(cuò)。我們現(xiàn)在看到的比如小米、華為、OV、蘋果,汽車發(fā)布會(huì)等等,都是大圖配字。



這樣的設(shè)計(jì),背后的邏輯是什么呢?設(shè)計(jì)看起來很簡(jiǎn)單,真的做起來很容易嗎?

演示設(shè)計(jì)的邏輯

回想一下,我們是什么時(shí)候開始接觸PPT這款軟件?我想大部分人基本都是從學(xué)生時(shí)代開始吧。老師講課都會(huì)用到PPT。在學(xué)生時(shí)代如果老師講課講得無聊,那臺(tái)下的學(xué)生肯定就打瞌睡了,要么就在竊竊私語或者玩手機(jī),總而言之,注意力肯定被分散了。無聊的老師講課,PPT大片大片的文字,丑陋的配色,臺(tái)下學(xué)生總是不愛聽,講課生動(dòng)的老師往往更受歡迎。


同樣道理,教室的場(chǎng)景換成了發(fā)布會(huì)現(xiàn)場(chǎng),老師角色換成了演講人,黑板換成了演示大屏幕。人依然還是從學(xué)生時(shí)代過來的人。

一切都沒有變。


發(fā)布會(huì)演示設(shè)計(jì),如果你不能抓住觀眾的眼球,那臺(tái)下就沒人聽你講了,場(chǎng)面也會(huì)逐漸失控,臺(tái)下的人玩手機(jī)的玩手機(jī),交流的交流,甚至還會(huì)有人覺得浪費(fèi)時(shí)間直接走了。就像看一部乏味的電影,繼續(xù)看下去也是在浪費(fèi)時(shí)間。還不如睡覺。這種情況的出現(xiàn),對(duì)于臺(tái)上演講人來講,也是一種巨大的壓力。


所以,演示設(shè)計(jì)要考慮一個(gè)非常重要的問題就是,如何讓每一頁的呈現(xiàn),深入人心,抓人眼球。這就是為什么發(fā)布會(huì),總是用無比震撼的大圖或者視頻,簡(jiǎn)約的大字文案來呈現(xiàn)。因?yàn)榫实膬?nèi)容(圖片和視頻)可以吸引觀眾的注意力,再配合演講人高超的演講技巧,把要傳遞的信息,借著幻燈片傳遞出去。發(fā)布會(huì)的主體是人?;脽羝禽o助演講人的工具。你不會(huì)見到有人會(huì)把一大堆的文字放巨大的屏幕上吧?那坐后排的觀眾看著多費(fèi)勁。那觀眾到底是自己閱讀大屏幕上面的字呢,還是聽人(演講人)講呢?

請(qǐng)記住,最沒吸引力的當(dāng)然是枯燥乏味的文字,而且是大段大段的文字。這里我做一個(gè)案例展示你感受一下你就明白了。假設(shè)你現(xiàn)在正在觀看一場(chǎng)蘋果發(fā)布會(huì),這一個(gè)頁面密密麻麻排滿了iPhone 14的相關(guān)參數(shù)和文字介紹。這里無意冒犯 , 只是想通過一個(gè)錯(cuò)誤的案例展示來表達(dá)我自己的觀點(diǎn)。



抓住觀眾的注意力

不管是平面設(shè)計(jì)還是演示設(shè)計(jì),有一條永恒不變的設(shè)計(jì)規(guī)則,那就是觀眾的注意力特別容易走神。我就拿官網(wǎng)舉例子。做過官網(wǎng)的同學(xué)應(yīng)該有所體會(huì),首頁Banner區(qū)域的位置,一般不會(huì)超過5張Banner圖,每一張圖片的輪播時(shí)間,一般不會(huì)超過3秒。你的Banner如果不能第一時(shí)間吸引用戶注意力,逗留時(shí)間再長(zhǎng)也沒用。并且,如果第一張Banner停留時(shí)間過長(zhǎng),將影響用戶注意后面幾張banner。用戶的注意力非常有限。同理,偌大的會(huì)場(chǎng),巨大的屏幕, 臺(tái)下成千上萬的觀眾,發(fā)布會(huì)如何能吸引用戶的注意力?按照設(shè)計(jì)的邏輯,要想吸引觀眾的注意力,畫面視覺呈現(xiàn)上能用動(dòng)態(tài)元素優(yōu)先用動(dòng)態(tài)(視頻、三維),其次是圖片(吸引眼球的圖片),最后才是文字(盡量少而精簡(jiǎn))。當(dāng)然一整場(chǎng)發(fā)布會(huì)下來不可能全是視頻,這樣也會(huì)造成視覺疲勞,仿佛看了一場(chǎng)兩三小時(shí)的電影。 這樣源文件也會(huì)超負(fù)荷過大,硬件設(shè)備也未必跟得上。所以一場(chǎng)發(fā)布會(huì),是需要控制好視頻,圖片,占總頁數(shù)的比例。

演示設(shè)計(jì),就是推演+視覺展示。

說到這里,我給演示設(shè)計(jì)下一個(gè)定義。平面設(shè)計(jì)是用符號(hào),文字,圖形等一系列的元素進(jìn)行排列組合成視覺呈現(xiàn)出去給受眾群體。演示設(shè)計(jì)則是,通過符號(hào),文字,形象,圖形,動(dòng)畫等等,運(yùn)用合理的視覺化,用復(fù)合邏輯的手段去推演,去展示,把關(guān)鍵的point,有力power地傳達(dá)出去給臺(tái)下受眾。


演示演示,就是推演+視覺展示。和平面設(shè)計(jì)不同的是,幻燈片演示,不適合在一頁內(nèi)容上去表達(dá)過多的信息,要保持簡(jiǎn)約和克制。所以你會(huì)看到尤其是手機(jī)發(fā)布會(huì),演講的文字內(nèi)容一大段一大段,但是畫面上字少卻鏗鏘有力,圖片大氣且震撼。



當(dāng)我第一次動(dòng)手實(shí)戰(zhàn)的時(shí)候,我錯(cuò)了。

前面說到我剛開始接觸演示設(shè)計(jì)的時(shí)候,我的認(rèn)知就是,做PPT不就找符合文案意境的圖,然后把字?jǐn)[上去嘛。比如講企業(yè)愿景,大概率就是配高山,大海,攀登,地球等等元素。比如講醫(yī)療的時(shí)候,就是配醫(yī)生,實(shí)驗(yàn)室等等配圖。這樣的認(rèn)知也沒錯(cuò)。



當(dāng)我第一次做項(xiàng)目實(shí)戰(zhàn)的時(shí)候,我也是這么干的。 然而我又犯錯(cuò)了,我對(duì)PPT又有了新的認(rèn)知。

首先是用途。用途上分為 閱讀型PPT 和 講解型PPT。

| 閱讀型PPT

如果PPT是用作商業(yè)計(jì)劃書,項(xiàng)目提案,品牌介紹,白皮書等等這類場(chǎng)景,這一類型的PPT稱為閱讀型PPT。 閱讀型PPT頁面上承載了很多的信息,頁面布局整整齊齊,板塊分明。這一類型的PPT一般是發(fā)給其他受眾去仔細(xì)閱讀的,尺寸一般為16:9,4:3,或者2:1 , 3:1。



| 講解型PPT

如果PPT是用在大型發(fā)布會(huì)現(xiàn)場(chǎng)這類場(chǎng)景,這一類的PPT稱為講解型的PPT。 這一類PPT,上面也提到過,演講的主體是人,PPT只是輔助的工具,整場(chǎng)發(fā)布會(huì)下來主要靠演講人把PPT的內(nèi)容給講清楚,所以發(fā)布會(huì)級(jí)別的PPT,一般字少,大圖,大背景,配合動(dòng)畫,三維去演繹。



我第一次動(dòng)手做商業(yè)項(xiàng)目的時(shí)候,我錯(cuò)就錯(cuò)在我的需求是閱讀型PPT,我卻按照講解型的思路去做。每一頁P(yáng)PT把內(nèi)容大部分都刪了, 只留下部分重要的信息,再配以大圖。下面這個(gè)就是一個(gè)反面教材,隨便找個(gè)圖片胡糊過去,No Way。

當(dāng)我再次實(shí)戰(zhàn)做發(fā)布會(huì)時(shí), 我又犯錯(cuò)了。

犯了一次錯(cuò),我弄明白了什么是講解型的PPT,什么是閱讀型PPT。在我第二次接到發(fā)布會(huì)需求的時(shí)候,我記得當(dāng)時(shí)是給一個(gè)醫(yī)療項(xiàng)目做發(fā)布會(huì),我配了一張水珠的超高清大圖。我當(dāng)時(shí)認(rèn)為這個(gè)圖片非常匹配畫面要表達(dá)的場(chǎng)景,但現(xiàn)實(shí)又再一次給我打臉。

我記得客戶的反饋就是這個(gè)圖過于素材化,一看就是免費(fèi)攝影圖庫,不符合他們企業(yè)的調(diào)性。我這才意識(shí)到原來我們平??吹降陌l(fā)布會(huì)級(jí)別的演示,一張大圖配的一些剪短而有力的文案,這個(gè)圖片的來由不是網(wǎng)絡(luò)上找張圖貼上去,或者請(qǐng)攝影師拍一張那么簡(jiǎn)單。反過來想,找個(gè)合適的圖或者付費(fèi)買一張合適的圖然后直接打文字上去,真有那么容易,那發(fā)布會(huì)也太容易做了,錢哪有那么好賺呢,對(duì)吧。



最合適的圖片來自哪里?

那如果圖片不是找一張匹配的圖就能完成演示設(shè)計(jì)的工作,那最合適的圖片從哪里找呢?他們大廠發(fā)布會(huì)的圖從哪里來呢?答案是,網(wǎng)絡(luò)上從來就不存在100%合適匹配的圖片,如果你隨便找一張圖就能糊弄甲方過稿,說明你的甲方好忽悠,或者說要求并不高。

我們拿蘋果來舉例子。你去看蘋果的每一次新品發(fā)布會(huì),你去看蘋果的官網(wǎng)上面的圖,他們的選圖絕對(duì)不會(huì)是隨便在網(wǎng)絡(luò)上找合適的圖片,他們的圖片,視頻,一定是團(tuán)隊(duì)親力親為拍攝的。尤其是在展示自己的大樓,車間,生產(chǎn)線,員工,企業(yè)文化等等,網(wǎng)絡(luò)上怎么可能存在匹配合適的圖片呢?最優(yōu)質(zhì),最合適的圖片一定是請(qǐng)專業(yè)攝影團(tuán)隊(duì)拍攝。這是解決商業(yè)需求首選的方案。

下圖為 蘋果官網(wǎng)截圖





大多數(shù)客戶沒有這個(gè)預(yù)算,要求咱去網(wǎng)絡(luò)找圖。預(yù)算充足的甲方能讓設(shè)計(jì)師用上付費(fèi)高質(zhì)圖片。預(yù)算不足的,設(shè)計(jì)師只能靠免費(fèi)圖庫。這里我拿一個(gè)我之前做過的商業(yè)案例來給大家展示,這是一頁飛機(jī)稿,由于涉及商業(yè),所以畫面所有信息都去除,我們只看畫面視覺。


這一頁客戶要表達(dá)的是企業(yè)文化,不畏險(xiǎn)阻,勇攀高峰。于是我找了一座高山來表達(dá)這個(gè)意象。當(dāng)然這座山不能直接拿來用,于是我對(duì)這個(gè)照片進(jìn)行了處理。



圖片壓縮有摩爾紋



這個(gè)效果很不錯(cuò)了對(duì)吧。我發(fā)過去給客戶,盡管已經(jīng)對(duì)圖片進(jìn)行了二次處理符合這一次的意象,但是客戶仍然對(duì)圖片提出質(zhì)疑,認(rèn)為這座山光禿禿,而且沒有生命力,攀登起來感覺像是探險(xiǎn)運(yùn)動(dòng),很危險(xiǎn)的感覺。當(dāng)然客戶的顧慮是對(duì)的。后面經(jīng)過了溝通,我把山峰換成了綠油油的有樹林的山,然后才過稿。

你看,哪怕是精心處理過的圖片,它依然沒法100%匹配客戶的要求。PPT商業(yè)定制,著重在定制兩個(gè)字,這就是為什么我每次對(duì)客戶介紹自己的時(shí)候,我給自己的title都是【PPT商業(yè)定制設(shè)計(jì)師】。如果你還不是很明白我在講什么,我用兩件T恤來告訴你,什么叫定制。

左邊是一件純白T恤,是工廠批量生產(chǎn)的類型。價(jià)格也比較親民,大概幾十塊錢左右。那什么叫定制化呢? 右邊的T恤就是定制,根據(jù)客戶的要求私人定制。價(jià)格能翻好幾倍。很多年前就聽聞過某位設(shè)計(jì)大師說過一個(gè)非常經(jīng)典的比喻: 設(shè)計(jì)就好比裁縫做衣服。


作為設(shè)計(jì)師,需要在每一次的項(xiàng)目中傾聽客戶的內(nèi)心需求,再運(yùn)用手里的素材給客戶定制匹配的圖片,對(duì)于反映企業(yè)文化的意象圖片,客戶自然有他自己心中的考量。





字給我再放大點(diǎn)!

有一次做國內(nèi)某知名游戲工作室的發(fā)布會(huì)PPT。 主辦方會(huì)場(chǎng)有3個(gè)屏幕,一個(gè)主屏,兩個(gè)副屏。副屏上基本是放字,來輔助大屏的有獎(jiǎng)問答。我當(dāng)時(shí)在設(shè)計(jì)副屏的時(shí)候,我認(rèn)為字已經(jīng)放得足夠大了,再大就破壞了畫面的平衡和比例,至少在平面領(lǐng)域來講,畫面的字傻大粗,完全沒有美感比例可言。我已經(jīng)調(diào)了五六版了老板還是不滿意,最后老板自己調(diào)了一版超級(jí)大的字,我才意識(shí)到原來我做不好PPT是思維上沒有扭過來,不是因?yàn)榧挤ǖ膯栴}。平面講究的字體大小比例均衡,不適合用在演示項(xiàng)目,尤其是發(fā)布會(huì)項(xiàng)目。為什么呢?我們要從用戶的維度去思考,設(shè)想一下在會(huì)場(chǎng),如果你的字放得不夠大,那么后排的觀眾可能無法閱讀到文字。給觀眾體驗(yàn)感不是很好。所以,為什么發(fā)布會(huì)一般不會(huì)放很多的文字?因?yàn)榇_實(shí)閱讀起來很費(fèi)勁。這就是平面設(shè)計(jì)跟演示設(shè)計(jì)的區(qū)別。

那問題來了, 到底發(fā)布會(huì)現(xiàn)場(chǎng),用多大的字才合適呢?業(yè)內(nèi)有這么一個(gè)公式,可以大概推算出字體用多少號(hào),能夠讓發(fā)布會(huì)現(xiàn)場(chǎng)最后一排的觀眾也能清楚的看見。



A是指現(xiàn)場(chǎng)最后一排座位到大屏幕的距離,

B是發(fā)布會(huì)大屏幕的寬度,

Pa是指人到電腦屏幕的距離,

Pb是指你制作幻燈片時(shí),你電腦屏幕的寬度。


假設(shè)A是16m, 也就是說最后一排到大屏幕的距離大約是16米,B(發(fā)布會(huì)屏幕)的寬度大約是4米,你再用尺子測(cè)量一下你的電腦屏幕寬度(Pb值),假設(shè)Pb值是80cm,那我們可以算出Pa,人到電腦屏幕的距離是320cm. 也就是3.2m. 為什么要推算這個(gè)3.2m這個(gè)數(shù)值呢? 這個(gè)數(shù)值至關(guān)重要,得到3.2m這個(gè)數(shù)值之后,你就站在距離你電腦3.2m的位置,去看你電腦上面的字,能不能看清,如果不能看清就把文字調(diào)試到 你站在3m外還能看清的字號(hào)大小。



我再強(qiáng)調(diào)一遍。此時(shí)在電腦桌前做PPT的你,就站在距離你電腦3.2米的位置,然后去調(diào)試你PPT中的字體,這個(gè)時(shí)候就做個(gè)測(cè)試,字號(hào)大概放多小,仍然能被你自己看得清。那么,這一份PPT在發(fā)布會(huì)現(xiàn)場(chǎng)就能被最后排的觀眾看清。 當(dāng)然允許的話 ,還是盡量把字調(diào)大一點(diǎn)點(diǎn)。


業(yè)內(nèi)這個(gè)粗略的測(cè)試方法, 有點(diǎn)類似于我們小學(xué)數(shù)學(xué)知識(shí)里面的比例尺。這個(gè)方法不是萬能的,如果條件允許的話,最好就是帶著你的電腦去現(xiàn)場(chǎng)控臺(tái)測(cè)試,這是最直觀的方法。因?yàn)榘l(fā)布會(huì)屏幕亮度,現(xiàn)場(chǎng)燈光等等,各方面很多不可控的因素都有可能影響到你的PPT閱讀性。

平面設(shè)計(jì)或許不需要對(duì)文案進(jìn)行提煉。但是演示設(shè)計(jì)需要!

上一篇文章我有提到,演示設(shè)計(jì)師的第一重任,就是要對(duì)客戶想要傳達(dá)的信息進(jìn)行提煉處理?;睘楹?jiǎn),有所取舍。但是平面設(shè)計(jì)尤其是版式設(shè)計(jì),是允許畫面上大片大片文字的存在的。

那么問題來了,客戶如果給了你很多的文字內(nèi)容,都想塞在PPT里面,怎么辦?

答案是,做刪減或者分頁。我們要針對(duì)內(nèi)容和客戶溝通,讓客戶做取舍,刪減提煉。一頁P(yáng)PT保持言簡(jiǎn)意賅的表達(dá)。 如果很多內(nèi)容實(shí)在都想保留,那就拆頁,分開好幾頁來講。記住,就因?yàn)槟闶窃O(shè)計(jì)師,所以你更應(yīng)該引導(dǎo)甲方(牽著甲方走)。而不是讓自己陷入被動(dòng),在設(shè)計(jì)的時(shí)候左右為難,寸步難行不知道該怎么辦。大膽告訴甲方,這一頁內(nèi)容實(shí)在太多了,放不了那么多,影響閱讀。

演示設(shè)計(jì)也遵循平面設(shè)計(jì)排版四大基本準(zhǔn)則

如果要說平面設(shè)計(jì)和演示設(shè)計(jì),有什么共同的點(diǎn)。那我一定要講,從排版上他們都遵循四大基本準(zhǔn)則。從本質(zhì)出發(fā),如果一份設(shè)計(jì)稿,畫面信息排布凌亂不堪,那還不如直接閱讀文字。四大準(zhǔn)則:對(duì)比,對(duì)齊,重復(fù),親密性。這個(gè)已經(jīng)是老生常談的話題了,這里不展開闡述。同樣的,演示設(shè)計(jì)也是需要對(duì)畫面進(jìn)行信息處理,把重要的信息區(qū)分開來。

問題來了: 平面的排版技法用在ppt里面合不合適?

不合適。 前面有提到,PPT最重要的是簡(jiǎn)單,直接,生動(dòng)。如果平面的技法用在PPT上面,很顯然閱讀起來是很費(fèi)勁的。 不信你看下面這兩個(gè)案例。就拿我日常最愛喝的楊枝甘露做一個(gè)例子 左邊是我找的一個(gè)平面案例。很不錯(cuò)對(duì)吧。 但是如果我用這個(gè)排版遷移到發(fā)布會(huì)大屏上,或者16比9的PPT里面,我也不多說了,你就自己對(duì)比一下吧。



你會(huì)發(fā)現(xiàn),在現(xiàn)場(chǎng)大屏幕下,閱讀如此多的信息,會(huì)感到非常費(fèi)勁,

這就是平面設(shè)計(jì)和演示設(shè)計(jì)的區(qū)別。

工作流程的異同之處

做了將近快3年的演示項(xiàng)目,很多流程已經(jīng)算是爛熟于心。今天趁著這個(gè)機(jī)會(huì),把自己心中的方法論,系統(tǒng)地寫下來,方便給各位入行的新人設(shè)計(jì)師指明一條道路。寫,是為了查漏補(bǔ)缺,是為了讓知識(shí)更加系統(tǒng)化,縫合進(jìn)自己的知識(shí)體系。對(duì)自己對(duì)他人都是一件有利的行為。

這里我重點(diǎn)說說,演示設(shè)計(jì)的工作流程。請(qǐng)看下圖:



首先第一步是提煉文稿。甲方會(huì)給你演講人的講稿,大篇的word文字,需要你摘錄分頁放在PPT里。提取關(guān)鍵信息,梳理清楚表達(dá)邏輯。也有一些甲方,會(huì)提前把內(nèi)容已經(jīng)放在PPT里了,對(duì)于內(nèi)容多的閱讀型PPT例如白皮書,需要把布局?jǐn)[整齊。對(duì)于內(nèi)容少的,需要用圖片來撐整個(gè)畫面,有一些還需要進(jìn)行尺寸遷移,比如客戶提供的是16比9, 但是我們要改成發(fā)布會(huì)的超寬屏尺寸。

第二步是看分頁。我們把內(nèi)容分好頁數(shù)之后,需要發(fā)給客戶確認(rèn),客戶可能會(huì)因?yàn)轭A(yù)算不夠,讓設(shè)計(jì)師刪減頁面。因?yàn)镻PT是按頁數(shù)來算錢的,比方說一場(chǎng)發(fā)布會(huì),1頁報(bào)價(jià)1000元,客戶預(yù)算1萬5.但是你卻分頁分出了20頁內(nèi)容,這無疑超出了客戶的預(yù)算,如果乙方這邊不肯讓步的話,甲方只能刪減內(nèi)容了。疫情大環(huán)境下,大家都得勒緊褲腰帶過日子。甲方也不好過。

第三步是溝通風(fēng)格。每一個(gè)行業(yè)其實(shí)風(fēng)格大體上是固定的,比方說黨政風(fēng),水墨風(fēng),地產(chǎn)有地產(chǎn)的風(fēng)格,保險(xiǎn)金融也有保險(xiǎn)金融的風(fēng)格。國內(nèi)手機(jī)大廠發(fā)布會(huì)風(fēng)格,都以簡(jiǎn)約風(fēng)格為主。國內(nèi)新能源汽車發(fā)布會(huì),一律向國外BBA,特斯拉等明星企業(yè)看齊。所以平時(shí)看發(fā)布會(huì),就應(yīng)該多看國外的東西,畢竟很多東西都是借鑒回來的。顏色方面萬變不離其宗。來來去去也就那些。我把定風(fēng)格這件事情說的如此的輕松,是因?yàn)槲乙呀?jīng)參與了大大小小數(shù)百個(gè)商業(yè)定制項(xiàng)目,所以很多風(fēng)格已經(jīng)爛熟于心。

第四步出風(fēng)格稿。風(fēng)格稿一般出3頁就夠了。分好頁之后,選比較能出效果的頁面做風(fēng)格稿,不要選簡(jiǎn)單好做的,尤其是一頁只有一句話,或者只有幾個(gè)詞的,這種頁面無法作為風(fēng)格稿的代表。

第五步定規(guī)范。規(guī)范主要包含以下幾種東西,布局規(guī)范、顏色規(guī)范、字體字號(hào)規(guī)范、元素運(yùn)用規(guī)范、通底。



首先是布局規(guī)范,每一頁P(yáng)PT都應(yīng)該設(shè)定參考線,我們應(yīng)當(dāng)把內(nèi)容規(guī)定在參考線之內(nèi),這樣看起來每一頁都是統(tǒng)一美觀的,這一點(diǎn)對(duì)于閱讀型的PPT尤為重要。布局規(guī)范類似于版式(畫冊(cè)、DM、白皮書)的設(shè)計(jì)規(guī)范。

不管是平面設(shè)計(jì)還是演示設(shè)計(jì),我們都應(yīng)該設(shè)定顏色規(guī)范。主色,次主色,輔助色,顏色一般不要超過三種,這是一句老生常談的話了。字體字號(hào)規(guī)范也是平面設(shè)計(jì)和演示設(shè)計(jì)項(xiàng)目都需要指定的規(guī)范。在演示項(xiàng)目中,需要制定大標(biāo)題、副標(biāo)題、內(nèi)頁標(biāo)題、正文規(guī)范,還有主題字體。

元素規(guī)范是指,通篇設(shè)計(jì)稿中不斷復(fù)用的元素,比如圓圈,三角形,或者某一些光效,標(biāo)題修飾等等。

通底是指每一頁P(yáng)PT的背景。背景通常根據(jù)KV元素色調(diào),或者通用元素來指定,通用背景也是為了讓整套PPT看起來更加規(guī)整。

這里我做了一個(gè)表格,寫了平面設(shè)計(jì)和演示設(shè)計(jì)的工作流程的區(qū)別。當(dāng)然,平面設(shè)計(jì)下面有很多細(xì)分的領(lǐng)域,我這里一個(gè)表格可能沒法闡述全部, 我只挑其中一兩個(gè)范疇來講,大家可以進(jìn)行知識(shí)遷移,舉一反三來對(duì)比一下平面設(shè)計(jì)和演示設(shè)計(jì)的區(qū)別。



設(shè)計(jì)中的設(shè)計(jì)

大家有沒有讀過原研哉的這本書?建議入行幾年的朋友,對(duì)設(shè)計(jì)行業(yè)有一定了解的人,可以讀一下這本非常有深度的書。這里我為什么起這個(gè)標(biāo)題 - 設(shè)計(jì)中的設(shè)計(jì)。設(shè)計(jì)中的設(shè)計(jì),是你看不見的設(shè)計(jì)心思。一場(chǎng)發(fā)布會(huì),除了臺(tái)前幕后的策劃以外,其實(shí)有很多甲方的小心思在里頭。


比如,甲方為了讓觀眾能夠好理解一些復(fù)雜的概念,可能會(huì)提供一些動(dòng)畫視頻讓演示設(shè)計(jì)師放在畫面里。甲方也會(huì)糾結(jié)一些頁面的字眼描述是不是夠嚴(yán)謹(jǐn),會(huì)不會(huì)誤導(dǎo)觀眾引起爭(zhēng)議,他們經(jīng)常會(huì)在現(xiàn)場(chǎng)修改文案;甲方會(huì)針對(duì)整套PPT進(jìn)行一個(gè)全局的梳理,先說哪個(gè),后說哪幾個(gè)點(diǎn),這里的環(huán)節(jié)應(yīng)該說多少分鐘,那個(gè)賣點(diǎn)要讓誰上臺(tái)來講;現(xiàn)場(chǎng)的提詞器需要反復(fù)校對(duì)文稿;怎么樣控制這個(gè)節(jié)奏,才不會(huì)讓觀眾打瞌睡。在哪里穿插亮點(diǎn),或者提問題,能夠和臺(tái)下一起互動(dòng)?哪里需要增加動(dòng)畫?一切策劃細(xì)節(jié),都是人為的設(shè)計(jì)。不要以為設(shè)計(jì)只是呈現(xiàn)在屏幕上。設(shè)計(jì)環(huán)節(jié),也算是設(shè)計(jì)。這些背后的東西,都是設(shè)計(jì)小心思,我把它稱為,設(shè)計(jì)中的設(shè)計(jì)。


原文地址:站酷

作者:我是葉老師

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



設(shè)計(jì)師調(diào)研必備的三張地圖,超全面剖析

seo達(dá)人

在一個(gè)設(shè)計(jì)項(xiàng)目中,設(shè)計(jì)師將會(huì)面對(duì)非常多的決策瞬間。要做好這些決策,絕非只是憑直覺而行的,而需要有強(qiáng)有力的調(diào)研結(jié)果支撐。


此時(shí),優(yōu)秀的設(shè)計(jì)師不僅善用設(shè)計(jì)工具,更擅于選擇合適的設(shè)計(jì)工具。


調(diào)研過程中通常會(huì)涉及到三張非常重要的地圖:利益相關(guān)者地圖、同理心地圖、用戶旅程地圖。


有經(jīng)驗(yàn)的設(shè)計(jì)師或許都知道他們對(duì)于項(xiàng)目管理、用戶洞察、設(shè)計(jì)的關(guān)鍵性決策起著至關(guān)重要的作用。但大多數(shù)人都存在很多疑問:


·這三張地圖的區(qū)別是什么?

·分別該在什么階段使用?

·分別適用于哪些行業(yè)?

·有使用順序嗎?

·我該如何使用?

本期內(nèi)容fabrie就帶大家好好解答一下這些問題,并附上三張地圖的模板,感興趣的朋友可以去我們的模板市場(chǎng)獲取。


01

利益相關(guān)者地圖


適用行業(yè):服務(wù)設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、交互設(shè)計(jì)
適用階段:項(xiàng)目調(diào)研、項(xiàng)目分析
使用目的:梳理和標(biāo)記關(guān)鍵的利益沖突者,助力項(xiàng)目規(guī)劃


在服務(wù)設(shè)計(jì)中,利益相關(guān)者地圖是一個(gè)比較常見的工具。


與其他設(shè)計(jì)行業(yè)不同,服務(wù)設(shè)計(jì)涉及到的是一個(gè)系統(tǒng)。其中會(huì)有大量且復(fù)雜的利益相關(guān)者,包括用戶、供應(yīng)商、公司員工、第三方機(jī)構(gòu)等等。

當(dāng)我們遇到一個(gè)問題,需要構(gòu)思解決辦法或是做出一個(gè)決策的時(shí)候,利益相關(guān)者地圖就可以幫助我們視覺化地將項(xiàng)目相關(guān)人員之間的關(guān)系呈現(xiàn)出來,以此來明確每個(gè)人的訴求、目標(biāo)以及對(duì)于項(xiàng)目造成的影響大小。


為什么要視覺化?


一個(gè)清晰而有邏輯性的mapping可以幫助我們把腦海里的所有碎片化信息集中和串聯(lián)起來,確保信息沒有遺漏。當(dāng)相關(guān)角色的需求和痛點(diǎn)都被充分展示,更能幫助我們發(fā)現(xiàn)潛在的人物關(guān)系以及不易被察覺的風(fēng)險(xiǎn)和機(jī)會(huì)點(diǎn)。


當(dāng)然,這可以是我們制作任何mapping的共同原因和好處。

一般來說,在項(xiàng)目初期階段,我們就需要進(jìn)行利益相關(guān)者的分析,有兩點(diǎn)好處:


一是有助于我們?cè)谡{(diào)研階段,就更全面地掌握項(xiàng)目的內(nèi)外環(huán)境,了解到不同利益相關(guān)者的關(guān)注點(diǎn)、體驗(yàn)和期望,這對(duì)整個(gè)設(shè)計(jì)方向有決定性作用。


二是如果項(xiàng)目周期較長(zhǎng),很多相關(guān)者的信息會(huì)發(fā)生改變,在項(xiàng)目推進(jìn)過程中需要不斷更新和調(diào)整。如果中途再去分析,會(huì)讓我們的判斷產(chǎn)生偏差。


此外,我們使用利益相關(guān)者地圖,其實(shí)更多是為了解決具體的問題。所以我們?cè)谑褂脮r(shí),應(yīng)該是帶著問題找答案。


比如:你發(fā)現(xiàn)投資人提出的需求與用戶的利益相沖突時(shí),就可以通過利益相關(guān)者地圖來分析他們的權(quán)益,推理出對(duì)應(yīng)決策會(huì)帶來的影響或是回報(bào),從而幫助你把控風(fēng)險(xiǎn),做出更好的決定。

這其實(shí)也是為什么要在fabrie中制作利益相關(guān)者地圖的主要原因。它為設(shè)計(jì)師提供了一個(gè)便于上手和制作的模板,但也可以隨時(shí)根據(jù)自己的需求自由調(diào)整,成為一個(gè)實(shí)現(xiàn)高效的捷徑。


制作利益相關(guān)者地圖大致分三步:


1. 頭腦風(fēng)暴


首先頭腦風(fēng)暴出所有跟項(xiàng)目相關(guān)的個(gè)人、群體、組織公司,可以有意識(shí)地用不同顏色的便利貼區(qū)分不同的群體。


建議將文檔一鍵分享給已知的stakeholder,邀請(qǐng)他們加入頭腦風(fēng)暴,不同的思考維度會(huì)幫助你分析出更多潛在相關(guān)的身份。


2. 分類分級(jí)


對(duì)所有識(shí)別出來的相關(guān)者進(jìn)行分類,根據(jù)對(duì)項(xiàng)目的影響程度大致分為核心團(tuán)隊(duì)、強(qiáng)相關(guān)部門、弱相關(guān)部門三個(gè)等級(jí),填入地圖模板中。


不同的分類標(biāo)準(zhǔn)可以根據(jù)自己實(shí)際需要研究的問題自由調(diào)整,靈活運(yùn)用。

3. 建立聯(lián)系


利益相關(guān)者之間往往會(huì)存在相應(yīng)的聯(lián)系,可以用線條將他們關(guān)聯(lián)起來,并描述他們的關(guān)系。

設(shè)計(jì)項(xiàng)目中會(huì)不斷產(chǎn)生問題,所以將利益相關(guān)者地圖放在項(xiàng)目文檔中,讓每一個(gè)團(tuán)隊(duì)成員都能隨時(shí)看到和參考,成為設(shè)計(jì)師溝通項(xiàng)目時(shí)的重要幫手,也是它的使命之一。



02

評(píng)審中組織


適用行業(yè):服務(wù)設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、交互設(shè)計(jì)、工業(yè)設(shè)計(jì)
適用階段:用戶研究
使用目的:深入特定角色的特定場(chǎng)景,理解其行為和需求背后的真正動(dòng)機(jī)


利益相關(guān)者地圖涉及到項(xiàng)目中的每一個(gè)群體,同理心地圖研究的則是用戶,或者說是一組用戶群的想法與需求。


同理心地圖≠用戶畫像,而是制作用戶畫像的必要準(zhǔn)備。


因此我們會(huì)在進(jìn)行某項(xiàng)服務(wù)或產(chǎn)品設(shè)計(jì)之前,就開始使用同理心地圖。它的兩個(gè)主要任務(wù)是:


1. 共情用戶的所思所想,提取真正的用戶需求

2. 建立團(tuán)隊(duì)以及各個(gè)部門的共識(shí),確保對(duì)用戶需求的理解和設(shè)計(jì)方向達(dá)成一致。

很大程度上,同理心地圖的制作離不開協(xié)作。它需要各方共同努力,根據(jù)各自對(duì)用戶的觀察,以及研究收集的數(shù)據(jù),共享對(duì)于目標(biāo)用戶的理解,一起挖掘用戶的行為、動(dòng)機(jī)和關(guān)注點(diǎn)。

fabrie的同理心地圖模板,為團(tuán)隊(duì)節(jié)省了很多前期的繪制準(zhǔn)備,并且讓所有人實(shí)時(shí)在線協(xié)作。


在協(xié)作之前,建議各方成員將自己對(duì)研究用戶的已有調(diào)研資料或者訪談?dòng)涗浄旁谀0迮赃?。大家可以一起花十分鐘的時(shí)間互通信息,再開始一起創(chuàng)建同理心地圖:


1. 確定目標(biāo)


確定我們?cè)诤驼l共情?他們面臨什么處境?需要做出什么決定?

2. 共情用戶


潛入目標(biāo)用戶的大腦,觀察和思考他們的所看、所說、所做、所聞、所想(包括痛點(diǎn)和收獲)。

3. 分析回顧

整理mapping,思考我們還缺哪方面的調(diào)研,我們可以做什么來改變他們的想法和感受。


同理心地圖最后可視化地為我們解釋了用戶行為背后的動(dòng)機(jī),同時(shí)幫助我們?nèi)ジ兄胶芏嗖蝗菀妆话l(fā)現(xiàn)的深層需求。


這既能幫助設(shè)計(jì)師做出可提升用戶體驗(yàn)的解決方案,也會(huì)在某種程度上引導(dǎo)我們走向更有意義的創(chuàng)新。


03

用戶旅程地圖


適用行業(yè):工業(yè)設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、交互設(shè)計(jì)
適用階段:對(duì)于已有產(chǎn)品的用戶體驗(yàn)研究或想要了解預(yù)期產(chǎn)品的用戶體驗(yàn)過程
使用目的:描繪特定用戶與產(chǎn)品或服務(wù)之間的交互過程,找出用戶痛點(diǎn)和產(chǎn)品機(jī)會(huì)點(diǎn)


用戶旅程地圖的核心更偏向于研究人與產(chǎn)品的交互過程,最終優(yōu)化用戶體驗(yàn)。相對(duì)來說,它的必要性和通用性會(huì)更高一些。


我們既可以研究目標(biāo)用戶與已有產(chǎn)品的交互過程,發(fā)現(xiàn)用戶痛點(diǎn)以此來優(yōu)化產(chǎn)品;也可以用來假設(shè)預(yù)期產(chǎn)品與用戶的交互過程,驗(yàn)證自己想要研究的問題,找出產(chǎn)品機(jī)會(huì)點(diǎn)。

用戶旅程地圖通過可視化的方式整理用戶和產(chǎn)品體驗(yàn)的每個(gè)階段,一般需要包括用戶在產(chǎn)品體驗(yàn)階段的目標(biāo)、行為、觸點(diǎn)、想法、情緒、痛點(diǎn)和機(jī)會(huì)點(diǎn)。

相對(duì)來說,用戶旅程地圖需要考慮的細(xì)節(jié)和維度比較多,需要專門繪制,比較麻煩。


fabrie的模板直接給予設(shè)計(jì)師一個(gè)可編輯的框架與思路的引導(dǎo),讓設(shè)計(jì)師更聚焦于思維發(fā)散本身,而不用去關(guān)注排版等細(xì)枝末節(jié)的問題。


當(dāng)然,除了常規(guī)的視角,還可以結(jié)合自己業(yè)務(wù)需求,插入或調(diào)整更多相關(guān)度高的維度。這也是fabrie模板的靈活性,它引導(dǎo)你思考,但不禁錮你的發(fā)散。


然后我們可以按四步走:


1. 確定目標(biāo)人群和旅程目標(biāo)


不同用戶經(jīng)歷的旅程可能天差地別,因此確定好目標(biāo)用戶以及這個(gè)旅程中你想研究的主要問題尤其重要。


2. 描述具體使用步驟


標(biāo)出在對(duì)應(yīng)的語境下,每個(gè)步驟意味著什么,也就是開始研究用戶行為。根據(jù)模板上方的提示,修改成對(duì)應(yīng)我們自己的用戶旅程階段。

3. 完成每個(gè)步驟的多維度描述


在完成用戶旅程階段后,探索每個(gè)階段用戶使用產(chǎn)品時(shí)的體驗(yàn)感受,思考對(duì)應(yīng)的目標(biāo)、行為、觸點(diǎn)、想法、情緒、痛點(diǎn)和機(jī)會(huì)點(diǎn)。

4. 提煉關(guān)鍵洞察


根據(jù)整個(gè)梳理,提煉出關(guān)鍵洞察,也就是我們做這個(gè)用戶旅程地圖的最終目的。

寫在最后


設(shè)計(jì)師在提升設(shè)計(jì)能力的同時(shí),需要慢慢開始主導(dǎo)設(shè)計(jì)項(xiàng)目。這幾個(gè)地圖都是強(qiáng)有力的輔助工具,能幫助我們?nèi)グl(fā)現(xiàn)問題和解決問題。


fabrie模板的意義,就是希望大家不被形式所困擾,而是更自由更聚焦地去思考。


在不斷使用這些設(shè)計(jì)工具的過程中,我們會(huì)形成更科學(xué)完善的設(shè)計(jì)思維,從而做出更好的設(shè)計(jì)決策,提升設(shè)計(jì)格局。


fabrie的模板市場(chǎng),提供了數(shù)十款設(shè)計(jì)相關(guān)的專業(yè)模板。如果你是一個(gè)設(shè)計(jì)新手,它可以幫你更快地上手操作;如果你是一個(gè)有經(jīng)驗(yàn)的設(shè)計(jì)師,模板則可以幫助你提高效率,聚焦于思考本身,不被格式等問題困擾。


原文地址:站酷


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司




UI/UX設(shè)計(jì)作品集中的推理分析該怎么寫

seo達(dá)人



現(xiàn)在很多公司面試UI都會(huì)面試交互能力,問你設(shè)計(jì)方案的推導(dǎo)、怎么量化、怎么分析、怎么做深度的設(shè)計(jì)思考等等,所以呢大部分設(shè)計(jì)師在本身視覺能力沒那么強(qiáng)的情況下,無奈在作品包裝中加入了推導(dǎo)分析的文字部分,結(jié)果,問題又來了,這些分析過程和推導(dǎo)其實(shí)是經(jīng)不起推敲的,因?yàn)橥趯?shí)際工作中,大部分設(shè)計(jì)師沒有真的運(yùn)用過這些方法、數(shù)據(jù),靠的是參考市面上的作品集從而包裝出來,也就經(jīng)不起面試官的深問。最后作品集也成為了四不像的結(jié)果。

那么如果我們的設(shè)計(jì)基本功沒那么強(qiáng),但又想展示自己的思維能力該怎么做呢?我在這里并不是教大家怎么去編和套設(shè)計(jì)流程的框架和理論,而是希望大家能明白,如果要放你的思維過程,應(yīng)該怎么正確的去放,如果真的沒做過,我建議不要去硬套,很容易漏洞百出。

設(shè)計(jì)師的定位和價(jià)值

一個(gè)項(xiàng)目的推導(dǎo)過程首先要明確,你在項(xiàng)目中扮演的是什么角色,你在整個(gè)項(xiàng)目中的價(jià)值是什么,是獨(dú)立負(fù)責(zé)?還是某一個(gè)環(huán)節(jié)的執(zhí)行者?我相信很多同學(xué)都想把自己包裝成一個(gè)獨(dú)立負(fù)責(zé)人,恨不得整個(gè)產(chǎn)品從立項(xiàng)到調(diào)研到分析到執(zhí)行都一個(gè)人包攬,但你越這樣去包裝,作品集內(nèi)容就越零散。

作品集主要展示的是你個(gè)人的能力,而不是讓你去描述和介紹你的產(chǎn)品。很多同學(xué)都變成了后者,比如先描述項(xiàng)目背景、產(chǎn)品的用戶群體是什么、每個(gè)功能模塊分別是什么功能…..這樣的方式去包裝作品真的味同嚼蠟,沒體現(xiàn)能力不說,還很枯燥。




講故事

其實(shí)我們可以用講故事的框架,來整理項(xiàng)目流程以及展示你在項(xiàng)目中的價(jià)值。在上學(xué)的時(shí)候老師會(huì)跟我們說,要講清楚一件事,需要分別理清楚三個(gè)階段,分別是:起因、經(jīng)過、結(jié)果。所以我們現(xiàn)在要講一件什么事呢?我們要講的是,你是如何通過設(shè)計(jì)手段幫助產(chǎn)品/用戶解決問題的。

那么我們就可以用起因、經(jīng)過、結(jié)果三個(gè)階段來闡述我們是怎么解決問題的,把這個(gè)邏輯給梳理出來。

1.起因

起因包含了

1.有哪些問題/機(jī)會(huì)

2.你是怎么發(fā)現(xiàn)問題的(為什么要做這個(gè)項(xiàng)目)

3.導(dǎo)致問題出現(xiàn)的原因是什么



比如我舉個(gè)例子,我發(fā)現(xiàn)我家?guī)鈮﹂_始掉粉脫落,甚至?xí)r不時(shí)的浴室柜下方會(huì)流出一些水,所以我懷疑是不是哪里漏水了,在這里我用的是觀察法,用觀察法很直觀的看到了問題。接下來我要去找到問題的原因,到底是什么原因?qū)е铝送鈮Φ舴勖撀湟约皾B水的問題。于是我先自己做了一個(gè)假設(shè),是不是埋在地下的水管破了?因?yàn)橹坝杏眠^腐蝕性很強(qiáng)的通下水道的藥劑,但是這個(gè)原因被我排除了,因?yàn)槿绻苈┧敲淳蜁?huì)一直漏,而不是間歇性的出水。那還有可能是什么原因呢?浴室柜中下水管堵塞導(dǎo)致水流到了沒做美縫的縫隙中嗎?還是樓上漏水滲下來了?



最后經(jīng)過多個(gè)原因的排除,問題找到了,是由于樓上確實(shí)漏水以及淋浴間下水不暢長(zhǎng)期積水導(dǎo)致水從下水管口子邊上的縫隙流了過去,兩個(gè)原因。

所以我們?cè)倩剡^頭來看,作品包裝中起因應(yīng)該說明哪些事項(xiàng):

1.1和2可以合并在一起寫,比如通過xx方法我們找到了目前產(chǎn)品中存在的問題,也可以寫我們找到了xxx問題,是由于我們用了xxx方法。

2.你是怎么發(fā)現(xiàn)你產(chǎn)品中存在的問題的?是自我經(jīng)驗(yàn)的觀察判斷?還是通過數(shù)據(jù)分析找到的某個(gè)現(xiàn)象(比如一個(gè)板塊的點(diǎn)擊率在逐月下降)還是通過對(duì)用戶訪談或者體驗(yàn)地圖找到了某些體驗(yàn)問題?你得采用一些方法,越客觀越好,比如很多同學(xué)在找問題的時(shí)候總會(huì)用一些比較寬泛的修辭來描述:首頁結(jié)構(gòu)不合理、層次不清晰、體驗(yàn)較差,所以看到這樣的描述,我就想問,那么具體不合理、不清晰、體驗(yàn)較差的點(diǎn)在哪里呢?為什么你覺得不合理、不清晰、體驗(yàn)較差?是你的主觀感受?還是數(shù)據(jù)表現(xiàn)?還是客戶的體驗(yàn)?你得證明出來。所以問題的來源是很多的,有的是你專業(yè)經(jīng)驗(yàn)的判斷,有的是用戶的反饋,有的是數(shù)據(jù)的表現(xiàn),都不一樣。



3.導(dǎo)致問題出現(xiàn)的原因是什么?比如很多同學(xué)做改版,改版原因他們就寫:結(jié)構(gòu)不合理、層次不清晰、體驗(yàn)較差…..這個(gè)是不對(duì)的,改版原因應(yīng)該是,由什么具體事件,導(dǎo)致的結(jié)構(gòu)不合理、層次不清晰、體驗(yàn)較差,比如通過對(duì)用戶在支付任務(wù)流程中的數(shù)據(jù)表現(xiàn),我發(fā)現(xiàn)經(jīng)常有用戶在支付流程中跳失,導(dǎo)致轉(zhuǎn)化率下降,因此我們調(diào)研訪談了10個(gè)在支付流程中跳失的用戶,其中8個(gè)用戶在準(zhǔn)備支付的時(shí)候找不到編輯收貨地址的功能,于是他們放棄了這次支付,這個(gè)問題凸顯的就是核心功能沒有滿足用戶預(yù)期,有效性差。至于樣本量的問題我就不展開了。

很多同學(xué)在第一階段會(huì)放很多產(chǎn)品的一些市場(chǎng)研究、定位,這些其實(shí)一點(diǎn)用也沒有,雷聲大雨點(diǎn)小,一開始切入點(diǎn)很大,結(jié)果這些點(diǎn)對(duì)描述你的設(shè)計(jì)能力沒有任何幫助,并且在后面的設(shè)計(jì)方案和策略中也完全不能體現(xiàn)出來有什么關(guān)聯(lián)。不如聚焦一點(diǎn),針對(duì)問題直接進(jìn)行展開。

小結(jié)一下,起因包含了3個(gè)問題,這三個(gè)問題可以通過幾種方法來解答:

1.你是怎么發(fā)現(xiàn)問題的(經(jīng)驗(yàn)判斷法、渠道反饋法、用戶調(diào)研法、數(shù)據(jù)分析法、可用性測(cè)試…..)

2.有哪些問題(卡片分類法、kano模型、價(jià)值分析法……)

3.導(dǎo)致問題出現(xiàn)的原因是什么(經(jīng)驗(yàn)判斷法、用戶訪談、觀察推測(cè)…...)

2.經(jīng)過

這個(gè)階段就是用來體現(xiàn)你是怎么解決問題的,這里我們就要來講到解決問題的策略和邏輯了。諸葛亮草船借箭大家都聽說過吧,這個(gè)事件的問題在于缺箭,為什么會(huì)缺箭呢?原因是沒有足夠的時(shí)間和材料來制作那么多箭矢,要解決這個(gè)問題怎么辦呢?招募更多的士兵?收集更多的材料?采用緩和之計(jì)爭(zhēng)取時(shí)間?顯然這些策略是無效的,那怎么辦??jī)?nèi)部不行,只能靠外部來解決,于是就有了草船借箭。

再舉個(gè)例子,這兩天有點(diǎn)頭痛(問題),醫(yī)生說頭痛可能有多種因素造成的,例如睡眠不好、頸椎有問題、受涼、壓力大等等(原因),所以為了解決這個(gè)問題,我就可以有幾個(gè)不同的策略,如果是睡眠導(dǎo)致的,那么我就通過改善睡眠質(zhì)量來解決,如果是頸椎導(dǎo)致的,那么我可以去找中醫(yī)做一下推拿,這些都是解決問題的策略。

所以在經(jīng)過階段你必須講明白你是怎么選擇一種合適的策略的。舉個(gè)例子,比如有一個(gè)新的電商產(chǎn)品上線了,并合作了一些大品牌,但是我們發(fā)現(xiàn)這個(gè)品牌的銷量還不如一些不知名的品牌來的高(問題),于是我們通過第一步的研究起因,發(fā)現(xiàn)用戶之所以不買單,是因?yàn)樗麄冇X得這些大品牌在你們平臺(tái)賣的是不是假貨(原因)。那么為了解決這個(gè)問題,我們就要研究一下具體的策略,怎么樣能夠讓用戶對(duì)該品牌產(chǎn)生信賴,而我們又如何才能讓用戶知道這個(gè)品牌是正品呢?




策略1:透出品牌資質(zhì)和曝光度:告知用戶我們有品牌授權(quán)的資質(zhì)

策略2:給予用戶更多保障:給用戶產(chǎn)品質(zhì)量的售后保障和檢測(cè)權(quán)利

策略3:讓用戶提前進(jìn)行體驗(yàn):可以給部分用戶試用

經(jīng)過分析以及成本權(quán)衡,策略2和3實(shí)施起來較為困難,成本高,于是策略1是一個(gè)比較好的選擇。那么具體的方案就要到第三階段來呈現(xiàn)了。

再舉個(gè)例子,抖音大家都有用過吧,在之前的老本版中,有用戶想查看當(dāng)前視頻的上下集,非常不方便(問題),因?yàn)樾枰c(diǎn)擊或者側(cè)滑進(jìn)入作者首頁,然后經(jīng)過滑動(dòng)才能找到當(dāng)前視頻的位置(原因)。所以為了解決這個(gè)問題,如果你是抖音的設(shè)計(jì)師,你會(huì)有哪些策略呢?

策略1.提高用戶查看視頻的效率:直接給用戶定位到當(dāng)前視頻

策略2.提高作者制作系列視頻的便捷性:可以讓用戶不用進(jìn)入主頁也能看到上下集

所以,小結(jié)一下,“經(jīng)過”這個(gè)階段中找策略我們依然也可以用到一些方法:上癮模型、aarrr模型…..但是這些模型我是不建議大家在作品集里寫的,太形式化了,在大廠的設(shè)計(jì)流程中,設(shè)計(jì)策略基本上是通過產(chǎn)品和設(shè)計(jì)的經(jīng)驗(yàn)判斷給出的,不會(huì)真的說是靠這個(gè)模型工具而產(chǎn)生輸出的策略,比如像我們說“給用戶一種溫暖的感覺”,這是一個(gè)設(shè)計(jì)目標(biāo)也可以是一個(gè)策略,但它很難說是由哪個(gè)方法論或者工具提煉出來的。

3.結(jié)果

結(jié)果,也就是我們通過設(shè)計(jì)目標(biāo)和策略,選擇具體的設(shè)計(jì)方案。在作品集中,設(shè)計(jì)方案給面試官展示,這其實(shí)沒那么重要。面試官想看的是什么呢?是你雖然最后給出了a方案,但是在設(shè)計(jì)過程中,有沒有b方案和c方案,最后讓你選擇a方案的理由是什么,你是怎么思考的,也就是方案的由來。

這個(gè)才是我們展示能力的最好表現(xiàn)。以上面的抖音為例,通過策略1,用戶點(diǎn)擊主頁可以直接定位到當(dāng)前視頻的區(qū)域以便用戶查看上下集,如果直接根據(jù)這個(gè)策略設(shè)計(jì)方案是很簡(jiǎn)單和直觀的,只要定好位,并給用戶一個(gè)當(dāng)前正在播放哪個(gè)視頻的狀態(tài),做個(gè)標(biāo)簽即可。

但是最終方案并不是這樣的,而是當(dāng)用戶側(cè)滑或者點(diǎn)擊頭像后先定位到的是用戶主頁的頭部區(qū)域,而在右下方給了一個(gè)“剛剛看過”的按鈕,點(diǎn)擊按鈕才會(huì)定位到剛剛正在看的視頻。



這兩個(gè)方案顯然是有區(qū)別的,為什么不直接定位,而要多給出一個(gè)“按鈕”呢?原因就在于抖音更希望觀看者和作者能夠更多的產(chǎn)生互動(dòng)和鏈接,提高作者的關(guān)注率,讓觀看者先看到作者的主頁,再去查看剛才的視頻,因?yàn)橹挥心汴P(guān)注了作者,作者才有更多動(dòng)力去制作視頻,同時(shí)關(guān)注作者也會(huì)為你個(gè)人的偏好附上一個(gè)大的權(quán)重,以便于做更精準(zhǔn)的推薦。

這是對(duì)于兩種方案的解讀,所以方案a和方案b,為什么選b不選a,這就是理由。當(dāng)你的方案呈現(xiàn)在作品集中,面試官就會(huì)這么問。

通常在做方案的時(shí)候,大家也總會(huì)用到競(jìng)品分析,競(jìng)品分析是一把雙刃劍,它可以讓你的方案至少不會(huì)出大錯(cuò),也可以讓你的方案沒有特點(diǎn),所以這也很考驗(yàn)設(shè)計(jì)師是怎么將產(chǎn)品業(yè)務(wù)的定位、用戶屬性、業(yè)務(wù)目標(biāo)的差異化結(jié)合到方案中去的。競(jìng)品分析大家也很喜歡單獨(dú)拿出一個(gè)板塊放在作品集里,咱先不論有沒有真實(shí)操作過,放在作品集里的內(nèi)容,一定要有目的性,大家仔細(xì)品一下這句話。你想要通過放這塊內(nèi)容告訴面試官什么?是你拿了一堆競(jìng)品做了比較和描述,還是說你能夠結(jié)合自己業(yè)務(wù)和用戶的特性,找到和其他競(jìng)品設(shè)計(jì)差異化的點(diǎn),最后應(yīng)用或指導(dǎo)到你的設(shè)計(jì)方案中去?

結(jié)果階段除了方案的探索、權(quán)衡外,還需要進(jìn)行驗(yàn)證和復(fù)盤。雖然咱們花了很大的力氣,從發(fā)現(xiàn)問題到找到原因,再到定義目標(biāo)和策略,最后選擇方案,但并不意味著最后的結(jié)果是好的,因?yàn)槲覀儾恢牢覀兊姆桨傅降子袥]有解決最一開始的問題,你原來頭痛,最后選擇了吃藥,結(jié)果吃了一個(gè)月,還是沒好,那就說明:1.問題原因不對(duì) 2.策略有問題 3.藥吃錯(cuò)了。所以如果你要以結(jié)果為導(dǎo)向,那么最后的驗(yàn)證和復(fù)盤不可缺少。那有同學(xué)說,我們公司沒有數(shù)據(jù),沒有用戶,那我要怎么驗(yàn)證呢?那我勸你好好跟產(chǎn)品或者老板去談一談,雖然你想操這個(gè)心,但是老板都不在意那也沒有辦法,但是你在面試的時(shí)候需要表達(dá)出這樣的思維。

總結(jié)一下

再說一下,分析推理部分,不是UI/UX作品集必備,你想做純視覺包裝作品集也可以,但我們要清楚,你應(yīng)聘的崗位要求是什么,而你的作品集和崗位要求是否能對(duì)應(yīng)起來?,F(xiàn)在的一些公司要求都很高,UI和UX都成為了標(biāo)配要求,所以我們盡可能要把這兩塊都在作品集里展示出來。有人說,我實(shí)在沒做過這些東西,讓我編也編不出來怎么辦?那就從今天起試著開始主動(dòng)找找產(chǎn)品存在什么問題,然后去解決它,試著走一遍:起因、經(jīng)過、結(jié)果三個(gè)階段,我相信你一定會(huì)有收獲。

原文地址:站酷

作者:應(yīng)駿

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



AE簡(jiǎn)單幾步制作毛玻璃卡片動(dòng)效

seo達(dá)人

大家平常肯定有遇到用其他的設(shè)計(jì)軟件繪制毛玻璃效果,不是無法導(dǎo)入AE,就是導(dǎo)入AE之后毛玻璃效果丟失,變的很詭異。

如果需要做動(dòng)畫,那不妨使用AE來制作毛玻璃咯。

本次除了圖文教程之外,還有視頻教程哦

1080P高清帶字幕版視頻教程觀看地址:

https://www.bilibili.com/video/BV1Ke4y1v76P/?spm_id_from=333.999.0.0

首先繪制好基本圖形,如下圖:

這里的模糊度沒有說一定要設(shè)置多少哈,大家根據(jù)實(shí)際情況來調(diào)整,教程里調(diào)的是 100,感覺效果是我想要的了。

繼續(xù)給調(diào)整圖層添加分形雜色,增加畫面顆粒感,變換里的縮放屬性調(diào)到 1 ,不透明度調(diào)到10%(這里大家可以酌情調(diào)節(jié)哈,數(shù)值越大,效果越明顯),混合模式為 疊加。

使用卡片給調(diào)整圖層進(jìn)行軌道遮罩,這樣模糊的背景就只顯示在卡片的范圍內(nèi)了。

為了增加卡片的立體感,給卡片圖層復(fù)制一層,去掉填充屬性,添加漸變描邊,描邊顏色根據(jù)背景色來調(diào)節(jié),因?yàn)槊柽吺艿江h(huán)境顏色的影響。

漸變色的不透明度大概在20%-40%左右比較合適。

新建攝像機(jī),給卡片以及卡片上的元素開啟3D圖層,把這些元素都綁定父子級(jí)到空對(duì)象,方便整體控制做動(dòng)畫。

然后給空對(duì)象做XYZ三個(gè)軸向的旋轉(zhuǎn),以及Y軸的位移動(dòng)畫。

因?yàn)槭且鲅h(huán)動(dòng)畫,所有最后一組關(guān)鍵幀可以直接復(fù)制粘貼開始的關(guān)鍵幀,即可形成循環(huán)。

最終效果如下圖:

好了,這個(gè)簡(jiǎn)單的毛玻璃動(dòng)效教程就到這里咯,如果對(duì)你有幫助,請(qǐng)點(diǎn)贊支持一波,咱們下次再見~~~



原文地址:站酷

作者:墨染ART

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



提升UI細(xì)節(jié)的34個(gè)技巧

seo達(dá)人



原文地址:站酷

作者:卡洛設(shè)計(jì)鋪

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司


神秘的印度,每幅作品都是設(shè)計(jì)配色的模板?!

seo達(dá)人





五彩斑斕的印度設(shè)計(jì)

每幅都是配色模板


眾所周知,印度是一個(gè)五彩斑斕的國家,在印度無論是哪一個(gè)角落都隨處可見各種色彩,人們身上的服裝、不同的廟宇、裝飾物,甚至是運(yùn)貨的大卡車也是五顏六色相互交織。雖然人們每每是將眾多顏色組合在一起,可是看起來卻不會(huì)讓人覺得雜亂,這就是印度色彩的奇妙之處。


Diwali Playing Cards Gift Box




印度色彩為何強(qiáng)烈?

不全是宗教因素!


色彩與人類的生活息息相關(guān),不同的色彩選擇主要取決于地理環(huán)境和宗教文化的影響,而最初色彩的選擇似乎受到自然地理環(huán)境的影響更大。20世紀(jì)70年代,法國色彩學(xué)家讓·菲利浦·郎科羅(J.P.Lenclos)認(rèn)為不同的地理環(huán)境直接影響到人類、習(xí)俗、文化等方面的形成和發(fā)展,這些因素又共同導(dǎo)致了不同的色彩表現(xiàn)。



一般認(rèn)為,地理位置位于低緯度的熱帶地區(qū)的民族,喜好顏色鮮艷、偏亮且純度高的顏色。因?yàn)闊釒У貐^(qū)紫外線強(qiáng)烈,亮色衣服則能起到一定的防曬作用。而印度大部分位于熱帶地區(qū),氣候環(huán)境比較炎熱干旱。因此,印度的多彩也可以理解了。


印度紗麗裝置藝術(shù)展


不僅是服飾,連建筑也五彩斑斕。比如拉賈斯坦幾乎是印度旅游的名片,這個(gè)國王之地?fù)碛胸S富的歷史文化遺產(chǎn)和人文景觀,而四座色彩之城——杰伊瑟爾梅爾、焦代布爾、烏代布爾、齋普爾——?jiǎng)t是拉賈斯坦最有特色、最富魅力、最容易讓人流連忘返的城池。


黃金之城——杰伊瑟爾梅爾


藍(lán)色之城——焦特布爾


白色之城——烏代布爾


粉色之城——齋普爾





五種印度色彩的含義

如何在設(shè)計(jì)中呈現(xiàn)


對(duì)印度人來說,在宗教和文化中,顏色承擔(dān)著很重要的角色,蘊(yùn)含著非常深刻的寓意,有著超越裝飾價(jià)值的意義。印度的藝術(shù)家以神袛及其著裝的顏色來表征其品性。顏色的合理使用可以營造一種氛圍,置人于一種歡愉的心境。印度的五種代表顏色有什么寓意,又如何在設(shè)計(jì)中體現(xiàn)呢?往下看你就知道!


藍(lán)色:勇敢、剛毅、堅(jiān)定



印度人認(rèn)為,造物主創(chuàng)造自然的時(shí)候用得最多的就是藍(lán)色,天空、大海、河流湖泊,因此藍(lán)色代表著勇敢,剛毅,堅(jiān)定。藍(lán)色也是能應(yīng)對(duì)復(fù)雜事件、冷靜的神袛象征顏色,羅摩神(Lord Rama)和克利須那神(Krishna)畢生致力于保護(hù)人類和打擊邪惡,正因他們的勇敢精神令人們欽佩不已,因此藍(lán)色也成為象征他們的代表顏色,也代表著人們對(duì)兩位神明的尊敬之意。


Lord Ram Wallpaper

01

印度卡車藝術(shù)日歷 2023

Yukta Gupta(印度)


印度的卡車是集有趣的標(biāo)語、五彩斑斕的顏色和無數(shù)令人眼花繚亂的裝飾品于一身的迷幻展示。在印度,卡車融合了藝術(shù)和商業(yè),卡車司機(jī)在車上花費(fèi)的時(shí)間和精力,是他們把卡車當(dāng)作自己的家和禮拜場(chǎng)所的原因,他們把卡車裝飾得像個(gè)新婚的印度新娘。


因此,設(shè)計(jì)師Yukta Gupta決定將印度傳統(tǒng)圖騰與卡車結(jié)合成一個(gè)年日歷,主色調(diào)為藍(lán)色,也是表達(dá)了對(duì)卡車司機(jī)和印度傳統(tǒng)習(xí)俗的敬仰,寄托了印度人民美好祝愿。









02

Spotify Mural Design

Mechi Co. Design(印度)


壁畫是為辦公室的安靜空間或者重點(diǎn)區(qū)域定制設(shè)計(jì)的作品——工作人員如果需要一些“獨(dú)處空間”,他們可以專注在這個(gè)區(qū)域。這個(gè)項(xiàng)目是印度設(shè)計(jì)工作室Mechi Co. Design與Spotify合作,為印度孟買的Spotify辦公室繪制壁畫。


壁畫設(shè)計(jì)概念是“包裹在音樂中”,工作室認(rèn)為通過音樂進(jìn)入思想,即是進(jìn)入我們自己的焦點(diǎn)空間。 壁畫主要視覺元素是一個(gè)人進(jìn)入音樂世界的剪影。










綠色:

和平和歡愉


綠色代表著和平和歡愉,它可以使人內(nèi)心平靜。這種顏色乍一看起來可能是冷色調(diào),但卻又讓人感覺舒服,同時(shí)它也是自然的象征。對(duì)于印度人來說,首飾是日常生活中不可或缺的裝飾品,印度婦女們特別喜歡用綠色,紅色,珊瑚色這些艷麗的色彩做飾品。


abstract art tri color of India flag


個(gè)人3D作品

Khyati Trehan(印度)

網(wǎng)站:https://khyatitrehan.com/



BranD NO.62《畢業(yè)之后:設(shè)計(jì)師成長(zhǎng)計(jì)劃》中,我們很榮幸采訪到這位來自印度的女性設(shè)計(jì)師兼3D視覺藝術(shù)家,Khyati Trehan認(rèn)為印度的獨(dú)特在于其多樣性,因?yàn)槊刻於紩?huì)遇到與她有著完全不同人生的人,才會(huì)進(jìn)而促使她在設(shè)計(jì)中終生踐行同理心。她也會(huì)經(jīng)常在ins上把生活中的思考創(chuàng)作出來。


Khyati的作品力圖使無形的概念變得具體,注重質(zhì)感的呈現(xiàn),富有感情又不失俏皮,經(jīng)常在事物的邊緣探索視覺的可能性。



PAPER FLOWERS

PALMWOOD: CO-CREATE & CONNECT

TRASH






3D視覺藝術(shù)作品:Ecotherapy


02

Forestscaping Identity

Pratyush Gupta(印度)

網(wǎng)站:https://swarpeti.com/


植樹造林有助于將貧瘠的土地開發(fā)成美麗的自然景觀,有助于實(shí)現(xiàn)生態(tài)保護(hù)目標(biāo)。土地被恢復(fù)到自然狀態(tài),便可以作為一個(gè)原始森林,一個(gè)鳥類棲息地,一個(gè)開花的奇跡,一個(gè)冥想的荒野或一個(gè)私人自然保護(hù)區(qū)。


Forestscaping視覺識(shí)別的核心是一個(gè)自信和優(yōu)雅的葉子標(biāo)識(shí)。一片小小的葉子從logo的G中發(fā)芽——微妙地提到了森林和葉子的最初的聯(lián)系。靈感來自印度部落藝術(shù),一個(gè)動(dòng)態(tài)的插圖語言融合了森林,動(dòng)物和人,創(chuàng)造出各種各樣的森林景觀。










黃色:

知識(shí)、冥想、秩序


黃色是知識(shí)和學(xué)習(xí)的標(biāo)志。它象征著冥想、能力和心智的發(fā)展。印度有不少人信奉毗濕奴,他是天的“維護(hù)”之神。依照印度教說法,毗濕奴(Vi??u)以迷惑羅剎等惡鬼神,維護(hù)世界的秩序。而毗濕奴身穿的則是黃衣,象征著他為知識(shí)的化身。


art vi??u via.Marina Diulina


01

Fresty

Rhea Jain(印度)


印度平面設(shè)計(jì)師Rhea Jain為飲料品牌Fresty創(chuàng)造了概念性包裝設(shè)計(jì),這是一種將傳統(tǒng)飲品變?yōu)樗谔嵘窨谖镀姆椒?,旨在抵御炎熱的夏季。從?jīng)典生姜到濃郁芒果的口味,這五款蘇打汽水飲料所帶來的驚喜是無與倫比的。然而,雖然飲料本身的口味呈現(xiàn)出相當(dāng)奇妙的感覺,但包裝風(fēng)格卻是偏傳統(tǒng)和懷舊。包裝正面的幾何元素設(shè)計(jì)簡(jiǎn)約而醒目,這樣盡管整體使用了柔和色調(diào),并不會(huì)因此而削弱產(chǎn)品口味的興奮感。








02

Alikemom Brochure Design

Parth Gupta(印度)

網(wǎng)站:https://builtbydezine.github.io/portfolio/


Alikemom是印度班加羅爾的一家創(chuàng)新食品公司,專注于向遠(yuǎn)離家鄉(xiāng)的年輕人提供有媽媽味道的食物。Alikemom需要一本宣傳冊(cè)來宣傳他們品牌和提供的服務(wù),同時(shí)強(qiáng)調(diào)其背后的價(jià)值。設(shè)計(jì)保持簡(jiǎn)單而有吸引力,注重品牌價(jià)值,使用亮眼的色彩和醒目的字體。







白色:

純粹、睿智


作為七色的混合——白色,它不同程度地象征了每一種顏色的品性。白色則是純粹、整潔、睿智的象征,印度亦隨處可見粉刷白色外墻的廟宇。



01

Pune Design Festival Rebrand

Atharv Kotkar(印度)


來自印度的設(shè)計(jì)師Atharv Kotkar將匯集了一群塑造全球設(shè)計(jì)生態(tài)系統(tǒng)的優(yōu)秀設(shè)計(jì)師的普納設(shè)計(jì)節(jié)作為案例研究分析。這是每個(gè)人都不可錯(cuò)過的設(shè)計(jì)盛典。設(shè)計(jì)師用黑白色調(diào)作為主視覺,混合了不同領(lǐng)域和專業(yè)的邊界,在此尋找超越自己的機(jī)會(huì)。








02

二次創(chuàng)作知名品牌

Kunel Gaur(印度)



Kunel Gaur是一位來自印度的藝術(shù)家,同時(shí)他也是Animal advertising agency的創(chuàng)始人,他決定將一些知名的全球品牌,轉(zhuǎn)變?yōu)橐环N看起來原始且未經(jīng)修飾的樣子。Kunel Gaur試圖通過這樣的嘗試,來傳達(dá)這種極簡(jiǎn)主義的品牌傳播方式。


當(dāng)中包括的都是我們熟悉的品牌:可樂和KFC的包裝設(shè)計(jì)由鮮艷的紅色換成黑白設(shè)計(jì),薯片、巧克力和雪糕等令人垂涎的零食也由原本吸引人的顏色轉(zhuǎn)為黑白設(shè)計(jì)。跟我們?nèi)粘R姷降拇笙鄰酵?,同時(shí)色調(diào)也調(diào)配得十分好,宛然一件藝術(shù)品。









紅色:

生命、活力、熱情


藏紅色代表著生命、活力、朝氣和熱情,它是火的象征,由于不純潔之物一般以火焚燒,所以這種顏色同樣亦是純潔的標(biāo)志,也象征著宗教上的節(jié)制。它是圣者和退隱的苦行者的顏色,紅色表達(dá)了對(duì)光明的祈求。


REALITY BEHIND INCREDIBILITY


01

KICKIN

Yash Tambe(印度)

INS@tambe.psd



Yash Tambe是一名來自印度的建筑系學(xué)生,但他對(duì)平面設(shè)計(jì)也十分有興趣,KICKIN是他的個(gè)人項(xiàng)目,兩年前深受希臘雕像和雕塑的影響,他設(shè)計(jì)了這組海報(bào)。Yash Tambe故意破壞畫面平衡感,制造出緊張感,還融合文字與視覺圖像進(jìn)行版式設(shè)計(jì),通過撞色和文字排版,展現(xiàn)平面的動(dòng)感。







02

Gift Box of Indian Spices

Meno Melo Studio(印度)


盒子的印花圖案來自古印度藝術(shù),如Gond、Pichwai和微型印刷藝術(shù)。這些藝術(shù)形式在平面的設(shè)計(jì)中具有平衡感和對(duì)稱感。它還以裝飾形式描繪了自然元素,紅色等亮眼色彩的印度藝術(shù)圖案總是有節(jié)日的氛圍。






印度人愛好和平、熱情善良,他們喜歡將所有美好的東西都與人分享,他們用豐富的色彩贈(zèng)予對(duì)方祝福,希望每個(gè)人在印度設(shè)計(jì)師的作品里能看到不一樣的印度。



編輯 | 馬君琳   

圖片 | 源自設(shè)計(jì)師網(wǎng)站及網(wǎng)絡(luò)

原文地址:站酷

作者:BranD雜志

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



交互設(shè)計(jì):如何做到驚喜?

seo達(dá)人

01
交互設(shè)計(jì)的驚喜,是什么?

之前的文章,有簡(jiǎn)單定義過交互設(shè)計(jì)的“驚喜”,即為:超出用戶預(yù)期,并讓用戶開心。

具體而言有兩類,分別是:小驚喜、大驚喜。

1 小驚喜

所謂小驚喜,是指一些頗具趣味性或人文屬性的交互設(shè)計(jì)小細(xì)節(jié)。


先說趣味性。常見的有兩類,第一類是比較好玩的動(dòng)效,第二類是一些小功能。第二類有時(shí)也會(huì)包含第一類。

動(dòng)效這塊,大家比較熟悉的,有 iPhone 上刪除應(yīng)用前圖標(biāo)的抖動(dòng),仿佛是嚇的發(fā)抖,也可能是在搖頭求饒;還有移動(dòng)端登錄 B 站、輸入密碼時(shí),動(dòng)畫人物的捂眼捂臉動(dòng)作。

(B 站登錄頁面)

小功能這塊,也可以分成兩類。一類是隱藏的小功能,一類是有趣的小功能


很多隱藏功能,頭幾次用的時(shí)候,多少會(huì)有一些驚喜之感。

比如在訂閱號(hào)消息列表頁,某個(gè)公眾號(hào)你已經(jīng)幾個(gè)月沒看過,對(duì)它失去了興趣和信任。這時(shí),嘗試長(zhǎng)按這個(gè)公眾號(hào)的頭像或名稱,會(huì)呼出一個(gè)包含“刪除消息”和“取關(guān)”功能的彈窗。

(訂閱號(hào)消息列表)

還有些隱藏功能,既能讓用戶覺得驚喜和方便,又能引發(fā)用戶思考。這種思考,可能會(huì)讓用戶感嘆設(shè)計(jì)之妙,也可能也會(huì)給用戶一種猜對(duì)謎語的欣喜之感。

比如用墨刀的時(shí)候,嘗試按數(shù)字鍵 1,會(huì)呼出“內(nèi)置組件”這個(gè)使用頻率非常高的功能,會(huì)讓人覺得墨刀很聰明。

如果再仔細(xì)看一下,會(huì)發(fā)現(xiàn),“內(nèi)置組件”的縮略圖標(biāo),和其他 4 個(gè)諸如“我的組件”、“圖標(biāo)”等功能的縮略圖標(biāo),并成一列。這 5 個(gè)縮略圖標(biāo)的排列順序(上到下),和它們快捷鍵("、"鍵和數(shù)字鍵1、2、3、4)的排列順序(左到右),是完全一致的。不得不說,這是一個(gè)簡(jiǎn)單又巧妙的設(shè)計(jì)。


再比如朋友圈里,某個(gè)不熟的好友每天都發(fā)集贊的小廣告,搞的我們不勝其煩。長(zhǎng)按其頭像,會(huì)呼出設(shè)置權(quán)限(屏蔽等)的功能。

有意思的是,長(zhǎng)按好友名字,則不會(huì)呼出這個(gè)功能。要知道點(diǎn)擊頭像或名字是都能進(jìn)入好友主頁的;另外剛才那個(gè)例子,長(zhǎng)按公眾號(hào)頭像或名字,也都能呼出取關(guān)的彈窗。

個(gè)人的理解,生活中,我們用力長(zhǎng)按一個(gè)人,通常是表達(dá)強(qiáng)烈不滿,比如打架時(shí)。比起長(zhǎng)按名字,長(zhǎng)按頭像更像是長(zhǎng)按真人,所以也更能表達(dá)我們的不滿。


說完隱藏的小功能,再說下有趣的小功能。比如微信聊天里的扔骰子、石頭剪刀布,微信給朋友發(fā)生日快樂后漫天飄落的蛋糕,拍照軟件里的貼紙,等等。

最后說下帶有人文屬性的交互設(shè)計(jì)小細(xì)節(jié)。常見的有如下類型:幫助弱勢(shì)、關(guān)照情緒、表達(dá)情感、保護(hù)隱私。


幫助弱勢(shì)這塊,比如 iPhone 的輔助功能,里面有針對(duì)視力障礙的放大鏡功能、有針對(duì)不識(shí)字群體的旁白功能。

關(guān)照情緒這塊,很重要的一點(diǎn),就是避免引起用戶的負(fù)面情緒。比如微信的刪好友是單方面刪除,被刪時(shí)我們很難察覺到,而且微信也不會(huì)通知我們。個(gè)人覺得,微信之所以不通知我們,其中一點(diǎn),就是不給我們添堵。類似的還有,微信消息沒有“已讀”功能,這就大大減輕了接收者的回復(fù)壓力。

表達(dá)情感這塊,比較為人所知的例子,5 月 20 號(hào)這天,微信紅包的限額,從 200 元升到了 520 元。還有一個(gè)例子,在微信聊天里發(fā)一個(gè)“ohh”,長(zhǎng)按并點(diǎn)翻譯,結(jié)果也是一個(gè)驚喜。

保護(hù)隱私這塊,比如借助 iPhone 的“引導(dǎo)式訪問”功能,可以讓小朋友只能訪問你的某個(gè)視頻應(yīng)用來看動(dòng)畫片。再比如別人用你電腦的時(shí)候,如果你不想讓對(duì)方看到你的微信,就可以通過手機(jī)微信來鎖定或退出電腦版微信。

2 大驚喜

所謂大驚喜,是指那些系統(tǒng)性大創(chuàng)新,并且能夠引領(lǐng)潮流、代表未來的交互設(shè)計(jì)。通常而言,這些大驚喜,最開始給用戶的感覺,就是酷。

iPhone 就是典型例子之一 。

2007 年的初代 iPhone,帶來了當(dāng)時(shí)的大屏幕:3.5 寸屏幕,以及純觸摸屏,和極為靈敏的觸控體驗(yàn)。

2011 年,Siri 同 iPhone 4S 一起問世,為我們帶來了語音交互。如今,在 100 元就能買到品牌類智能音響的情況下,依靠語音交互的智能音響也在慢慢走入尋常百姓家。

也許后喬布斯時(shí)代的 iPhone 創(chuàng)新不如以前,但不可否認(rèn)的是,時(shí)至今日,iPhone 依然在引領(lǐng)潮流,在給我們大驚喜。比如這幾年流行的手機(jī)無線充電和以 AirPods 為代表的極簡(jiǎn)的無線耳機(jī)。

以上是比較廣為人知的交互設(shè)計(jì),還有一些不太為人所知的設(shè)計(jì)。比如在家里網(wǎng)購一條床單,但是不知道床的尺寸,家里又沒有尺子。這時(shí),打開 iPhone 里的測(cè)距儀這款 App,就可以量出床的尺寸,會(huì)不會(huì)覺得有點(diǎn)酷。

(測(cè)距儀 App)

微信在引領(lǐng)潮流方面也有一些建樹,比如極大的普及了二維碼和掃一掃。小程序作為一種體驗(yàn)接近原生 App、同時(shí)又不用下載的產(chǎn)品,也正在引領(lǐng)新一輪的潮流。

還有一個(gè)比較酷的功能,就是以圖搜圖。筆者最早用過百度和谷歌的相關(guān)功能,主要是在電腦上搜索相似的圖片,使用頻率極低。

假設(shè)一個(gè)場(chǎng)景,比如在路上看到一個(gè)陌生人的外套很好看,但又不好意思上前問,就可以拿起手機(jī),利用淘寶的拍立淘功能,拍張照就能馬上看到相同或相似的商品。

如果淘寶上沒有搜到類似商品,還可以用微信的掃一掃識(shí)物。和拍立淘相比,區(qū)別之處有兩點(diǎn)。第一,不用拍,直接能識(shí)別,不過通常得等 1-3 秒;第二,識(shí)物結(jié)果里面,除了商品,可能還會(huì)有百科詞條和資訊。


02
交互設(shè)計(jì):如何做到驚喜?

個(gè)人覺得,有 4 個(gè)要點(diǎn):既要有好奇心,又要有卓越心;既要天馬行空,又要保持自然。

聽起來可能有點(diǎn)亂,且聽筆者一一道來。


1 保持好奇心

筆者觀察身邊讀小學(xué)的小孩,發(fā)現(xiàn),當(dāng)大人聊天時(shí),特別是談?wù)聲r(shí),小孩特別喜歡坐在旁邊聽,而且聽的很認(rèn)真。小孩有時(shí)也會(huì)說兩句,或是問問題,或是發(fā)表自己的看法。

看得出來,小孩對(duì)成年人的世界,懷有極大的好奇心。實(shí)際上,不止于成年人的世界,小孩對(duì)周遭世界都有比較強(qiáng)烈的好奇心。

整體而言,成年人對(duì)周遭世界的好奇心,遠(yuǎn)不如小孩。我們互聯(lián)網(wǎng)從業(yè)者也不例外。

好奇心和交互設(shè)計(jì),有什么關(guān)系?

交互設(shè)計(jì),某種程度上,也是一種創(chuàng)作。好的創(chuàng)作,一定來自生活。這就需要我們?nèi)ビ^察生活。

觀察生活,非常重要的一點(diǎn),就是好奇心,對(duì)周遭人、事、物要有足夠的好奇心。

比如上文提到的例子,在 iPhone 上刪除應(yīng)用前,應(yīng)用圖標(biāo)會(huì)抖。這種抖是一種趣味隱喻,既可以理解成嚇的發(fā)抖,也可以理解成搖頭求生。如果對(duì)生活沒有足夠的好奇心,是很難留意到這種生活細(xì)節(jié),并把它們作為一種隱喻運(yùn)用到交互設(shè)計(jì)中的。

以上是關(guān)于好奇心,還有一種特質(zhì),也是在小孩身上表現(xiàn)突出,同時(shí)也和本文主題有關(guān),那就是:童趣。

還是上文的例子,在 B 站 App 上輸入登錄密碼時(shí),動(dòng)畫人物會(huì)捂眼睛。這個(gè)設(shè)計(jì),可能不會(huì)打動(dòng)所有用戶,但至少一部分用戶會(huì)覺得比較有趣。如果我們內(nèi)心沒有一點(diǎn)童趣,可能也會(huì)覺得,這個(gè)設(shè)計(jì),沒啥意思。

玩是人的天性。對(duì)于比較好玩的交互設(shè)計(jì),大部分人是比較容易產(chǎn)生共鳴的。實(shí)際上,據(jù)筆者觀察,我們大部分從業(yè)者是有童趣的。我們比較缺的,是好奇心。

那么,怎樣判斷自己是否擁有足夠的好奇心,其標(biāo)志是什么?

個(gè)人觀點(diǎn),有兩個(gè)標(biāo)志。第一,是對(duì)與個(gè)人利益無關(guān)的生活小事的關(guān)注,遠(yuǎn)多于對(duì)個(gè)人利益本身的關(guān)注。第二,觀察和思考,遠(yuǎn)多于評(píng)價(jià)和自大;追本和溯源,遠(yuǎn)多于偏見和傲慢。

為什么會(huì)提到個(gè)人利益?

因?yàn)?,通常而言,個(gè)人利益,尤其是短期利益(比如少花時(shí)間設(shè)計(jì)和修改原型),往往會(huì)和用戶體驗(yàn)存在一個(gè)此消彼長(zhǎng)的關(guān)系。

如果過于關(guān)注個(gè)人利益,不僅很難照顧到用戶體驗(yàn),甚至?xí)τ脩趔w驗(yàn)。至于給用戶帶來驚喜,就更無從談起了。

回到現(xiàn)實(shí)當(dāng)中。在時(shí)代洪流面前,好奇心的兩個(gè)標(biāo)志,顯得很難,該如何實(shí)現(xiàn)?

關(guān)鍵在于找到背后的源動(dòng)力。這個(gè)源動(dòng)力,在筆者看來,有兩點(diǎn),分別是:求知若渴、淡泊寧靜。


求知若渴,可以源源不斷的驅(qū)動(dòng)我們?nèi)ビ^察、去思考萬事萬物的規(guī)律和聯(lián)系。

淡泊寧靜,正如諸葛亮在《誡子書》中所說,“非淡泊無以明志,非寧靜無以致遠(yuǎn)”。人的心力和精力終歸是有限的,如果我們沉迷名利、物欲、享樂,就難有興趣和精力去琢磨萬事萬物了。

所以,只要找回自己童年的那種求知若渴,同時(shí)修身養(yǎng)性到淡泊寧靜,這份好奇心,就會(huì)回來。

2 巧妙融合

某種程度上,很多帶給我們驚喜的交互設(shè)計(jì),都是一種巧妙融合。

筆者把這種巧妙融合,初步分成了三類,分別是:簡(jiǎn)單融合、直接融合、委婉融合。


簡(jiǎn)單融合,最常見的就是隱藏功能。把一個(gè)較為簡(jiǎn)單的操作動(dòng)作,比如長(zhǎng)按、雙擊、下拉、左滑等,和一個(gè)合適的功能,融合在一起。用電腦時(shí)我們常說的快捷鍵,也屬于這一類。

通常而言,操作對(duì)應(yīng)什么功能,講究的是合適,并無固定章法束縛。比如在微信朋友圈,發(fā)表文字的功能可以靠長(zhǎng)按(相機(jī)圖標(biāo))喚起,設(shè)置權(quán)限的功能也可以靠長(zhǎng)按(好友頭像)喚起。所以,簡(jiǎn)單融合這塊,可供我們發(fā)揮的空間很大。

另外,簡(jiǎn)單融合最常見的形式——隱藏功能,既實(shí)現(xiàn)了界面的簡(jiǎn)潔,又帶來了一定驚喜。

簡(jiǎn)單融合,既簡(jiǎn)單,又實(shí)用。建議大家充分開發(fā)這一塊。

直接融合,是指將生活中的趣味性,直接搬到軟件中,搬到交互設(shè)計(jì)中。比如微信聊天中的扔骰子、石頭剪刀布,以及漂流瓶、抽獎(jiǎng)等。

這一類融合,有點(diǎn)像商場(chǎng)里的電玩城,雖然我們不會(huì)經(jīng)常去玩,但確實(shí)比較好玩。

委婉融合,是指用明喻或隱喻的手法,將生活中微不足道的一些細(xì)節(jié),移植到交互設(shè)計(jì)中。

這種移植,有時(shí)是直白的。比如 Mac 上打開應(yīng)用時(shí),其圖標(biāo)會(huì)在 dock 欄里有規(guī)律的彈跳,這會(huì)讓我們聯(lián)想到皮球的彈跳。

這種移植,有時(shí)是隱晦的。比如 iPhone 上刪除應(yīng)用前,其圖標(biāo)會(huì)抖。這種抖,是害怕還是求饒,任憑我們想象。

這種移植,有時(shí)是無聲的。比如在朋友圈,要想呼出隱藏的設(shè)置權(quán)限功能,只能長(zhǎng)按頭像,長(zhǎng)按名字則不行。這個(gè)設(shè)計(jì),不乏想象空間。如果不嘗試長(zhǎng)按名字,則不會(huì)發(fā)現(xiàn)這個(gè)細(xì)節(jié)。

委婉融合,有時(shí)會(huì)帶一些趣味性。更為重要的是,它能夠引發(fā)我們的思考和想象,所以是一種很出彩的融合。這種融合,也會(huì)賦予交互設(shè)計(jì),一種禪的味道。

整體而言,筆者非常推薦委婉融合。

3 追求卓越

如果目標(biāo)是小驚喜,則保持好奇心、并做到巧妙融合,基本足矣。

如果目標(biāo)是大驚喜,則需要雄心壯志,需要舍我其誰,需要追求卓越。

日常工作中,可能會(huì)有這樣的對(duì)話?!斑@個(gè)動(dòng)效/功能,實(shí)現(xiàn)不了”。

大驚喜里的幾個(gè)例子,比如初代 iPhone 的觸控體驗(yàn),iPhone 里的測(cè)距儀,微信的掃一掃識(shí)物。這種設(shè)計(jì),意味著要修一條最好的長(zhǎng)城,背后往往有很多技術(shù)難題要攻克,有很多臟活累活要做。

如果團(tuán)隊(duì)文化就是做出最優(yōu)秀的交互設(shè)計(jì),那么,“實(shí)現(xiàn)不了”這句話,估計(jì)就聽不到了。取而代之的,可能是:“還在研究中”,“下個(gè)大版本能上”。

4 自然而然

提到驚喜,還有一款值得研究和學(xué)習(xí)的產(chǎn)品,那就是錘子手機(jī)的 Smartisan OS。

個(gè)人觀點(diǎn),在小驚喜方面,Smartisan OS 頗有建樹。在大驚喜方面,Smartisan OS 也進(jìn)行了一些值得學(xué)習(xí)的探索。

先說小驚喜,比如華麗而細(xì)膩的桌面翻頁動(dòng)畫,比如四指橫劃桌面可以切換桌面背景。還有一些貼心的小功能,比如靜音可以設(shè)置時(shí)間,比如方便的長(zhǎng)截屏。

(靜音可設(shè)置時(shí)間)

(長(zhǎng)截屏)

再說大驚喜。2016 年 10 月發(fā)布的一步和大爆炸,是比較大比較系統(tǒng)的功能,在當(dāng)時(shí)也很新。錘子公司也一直有宣傳這兩個(gè)功能。所以相對(duì)而言,這兩個(gè)功能是 Smartisan OS 的大驚喜。

筆者的備用機(jī)是錘子手機(jī),身邊也有朋友在用錘子手機(jī)。以一步為例,這個(gè)功能,筆者體驗(yàn)過很多次。但平常很少用,身邊朋友的情況也類似。

(一步)

根據(jù)使用情況和主觀感受,個(gè)人覺得,一步這個(gè)大驚喜,還存在進(jìn)步空間,主要有兩個(gè)方面。

第一,宏觀層面。一步作為新生事物,好比一顆新種子。種子破土而出時(shí),是一顆嫩芽,而不是一棵大樹。新生的一步功能繁多,猶如一棵破土而出的大樹,一方面有違自然規(guī)律,另一面因?yàn)楣δ芊倍?,很多用戶無法一下子看懂,看不懂可能就不想用了。

第二,微觀層面。一步這棵新大樹,結(jié)了很多不同的果子,比如拖拽圖片到其他應(yīng)用、切換后臺(tái)應(yīng)用、展示最近圖片/文件等。這些果子,是用戶真正需要的嗎?這個(gè)是要存疑的。

比如拖拽圖片到朋友圈就能發(fā)朋友圈這個(gè)設(shè)計(jì)。通常而言,我們發(fā)到朋友圈的圖片都是精挑細(xì)選的,會(huì)占用一定量的時(shí)間,比如旅游或聚會(huì)結(jié)束后發(fā)的照片。一步解決的是效率問題。發(fā)朋友圈的時(shí)候,少點(diǎn)幾下這種效率問題,優(yōu)先級(jí)是比較靠后的,我們沒那么在乎。

還有拖拽圖片/文件這個(gè)交互動(dòng)作,大家通常在電腦上用的比較多,在手機(jī)上是沒有這個(gè)習(xí)慣的,實(shí)際上應(yīng)用場(chǎng)景也少。在手機(jī)上,大家一般只習(xí)慣拖拽應(yīng)用圖標(biāo)。

還有切換后臺(tái)應(yīng)用這塊,大家第一個(gè)想到的,一定是系統(tǒng)自帶的,已經(jīng)用慣了。而且喚起速度比一步快,點(diǎn)擊面積也比一步大。

總的來說,微觀層面上,比較缺讓大家能馬上想到一步的功能點(diǎn)。

最后,總結(jié)一下。對(duì)于領(lǐng)先時(shí)代、引領(lǐng)潮流的交互設(shè)計(jì),需要做到自然。

具體而言,就是,大驚喜是一種系統(tǒng)性的大功能,好比一棵大樹。這棵大樹,最好有一個(gè)從種子到果子的生長(zhǎng)過程,這樣最自然,生命力也會(huì)最旺盛。

因?yàn)?,從破土而出的嫩芽階段,就可以通過用戶反饋和數(shù)據(jù)來檢驗(yàn),這種嫩芽,是不是真的對(duì)用戶有價(jià)值。如果價(jià)值不大或沒有價(jià)值,還可以再調(diào)整。如果長(zhǎng)成大樹結(jié)滿果子,再去調(diào)整,就很難了。


結(jié)語

交互設(shè)計(jì)小細(xì)節(jié),如果有一定的趣味性或人文屬性,則是小驚喜。

系統(tǒng)性工程的交互設(shè)計(jì),如果最初感覺很酷,而且能引領(lǐng)潮流、代表未來,則是大驚喜。

始終保持孩童身上那種非功利的好奇心,用心觀察并思考生活中的小事;

將生活小事和交互設(shè)計(jì)巧妙融合起來;

以上兩點(diǎn),可以幫我們做出小驚喜類的交互設(shè)計(jì)。

追求卓越,獨(dú)立思考,做最酷最好的交互設(shè)計(jì);

酷是結(jié)果也好,是目標(biāo)也好,都不是最重要的。最重要的是,避免刻意和心切。醞釀大驚喜,猶如培養(yǎng)一個(gè)新生的孩子,需要投入極大耐心和精力,需要讓孩子自然成長(zhǎng)。沒有家長(zhǎng)會(huì)教半歲的孩子唱歌、把 3 歲的孩子送到高中念書。

再加上以上兩點(diǎn),可以幫我們做出大驚喜類的交互設(shè)計(jì)。

最后,用愛因斯坦的一句話來共勉。

想象力比知識(shí)更重要。

原文地址:站酷

作者:snowdesign

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



盛夏的元宇宙之旅-玩轉(zhuǎn)電子沙盤

seo達(dá)人


圖片

經(jīng)過前期的調(diào)研和分析,以及結(jié)合相關(guān)的業(yè)務(wù)訴求,確定了我們的項(xiàng)目目標(biāo),那就是要做出一款為新房營銷賦能的設(shè)計(jì)工具,同時(shí)也總結(jié)出好的電子沙盤要同時(shí)具有這四個(gè)方面的特性:

圖片

圖片

 

1、效果真實(shí)自然

電子沙盤要傳達(dá)的是真實(shí)的地形地貌等信息,使用戶在觀看時(shí)要有身臨其境之感,因此在最終效果上要力求最真實(shí)自然的視覺體驗(yàn),為用戶呈現(xiàn)最好的效果。

圖片

圖片

 

2、覆蓋類型廣泛

在模型的品類方面力求多樣化,這樣整個(gè)場(chǎng)景才會(huì)更接近真實(shí)的效果,在項(xiàng)目中我們使用模塊化的方式,創(chuàng)建了項(xiàng)目資源庫,達(dá)到了建筑、植被、健身器材、公共設(shè)施等全品類覆蓋、共產(chǎn)出植物模型17種,建筑模型36種,器材設(shè)施類模型22種、UE4引擎材質(zhì)260多種,為最終效果的實(shí)現(xiàn)起到了決定性的作用。

圖片

圖片

 

3、模型細(xì)節(jié)精細(xì)

除了周邊環(huán)境要真實(shí)自然,小區(qū)內(nèi)每棟樓的建筑細(xì)節(jié)也非常的豐富,以真實(shí)的建筑結(jié)構(gòu)信息來進(jìn)行模型制作,用戶在使用時(shí)能夠查看到樓盤內(nèi)每一棟建筑的外觀和結(jié)構(gòu)細(xì)節(jié)。

圖片

圖片

 

4、生成策略豐富

區(qū)別于傳統(tǒng)的手動(dòng)建模方式,我們?cè)趯?shí)施階段采用了模塊化資源+智能化生成的方式,首先在數(shù)據(jù)層級(jí)對(duì)整個(gè)項(xiàng)目區(qū)域根據(jù)功能進(jìn)行劃分,針對(duì)每一類區(qū)塊都進(jìn)行了相應(yīng)的生成策略的設(shè)計(jì)。共產(chǎn)出擺放規(guī)則36種,精細(xì)到每一處細(xì)節(jié)都有相應(yīng)的生成規(guī)則。

接下來的部分我們就選取幾種比較典型的區(qū)域擺放規(guī)則看一下。

圖片

圖片

 

圖片

根據(jù)當(dāng)前項(xiàng)目特點(diǎn),在具體實(shí)施階段我們采用了數(shù)據(jù)輸入和智能化生成的整體策略。

 

1、本案小區(qū)樓棟:

樓棟的建模使用了模塊化的方式,使用預(yù)制的窗戶,外墻等模型部件按照規(guī)則將不同的組合部件結(jié)合在一起生成整體的樓棟。

圖片

2、小區(qū)入口:

入口處大門的生成,首先需要在初始數(shù)據(jù)中輸入入口的信息,然后根據(jù)設(shè)計(jì)規(guī)則使用模型庫中預(yù)制的模塊生成入口大門。

圖片

 

3、道路生成:

根據(jù)道路結(jié)構(gòu)進(jìn)行數(shù)據(jù)的分層拆分,然后再將各部分模型組合起來形成道路,這樣就方便了后期添加沿路的樹木,以及根據(jù)車道信息添加車輛等等。

圖片

 

4、配電房,設(shè)備用房:

小區(qū)內(nèi)的配電房,設(shè)備房等首先劃定區(qū)域數(shù)據(jù),然后選擇合適尺寸的模型進(jìn)行擺放,最后做頂點(diǎn)拉伸處理。

圖片

 

5、底商商鋪:

底商的生成與設(shè)備房等類似,但是也有一些區(qū)別,由于每個(gè)樓盤的底商區(qū)域尺度不同,所以要對(duì)模型進(jìn)行相應(yīng)的拉伸去適應(yīng)相應(yīng)的區(qū)域大小,底商部分我們采用了整體拉伸的方式,這樣不會(huì)破壞模型上的一些結(jié)構(gòu)細(xì)節(jié)。

圖片

 

6、小區(qū)廣場(chǎng):

小區(qū)廣場(chǎng)的效果相對(duì)來說比較豐富,模型種類比較多,不適合使用拉伸的方式去生成,這部分采用了對(duì)不同功能的設(shè)備進(jìn)行分塊的方式,比如兒童游樂設(shè)施,成人健身器材等,通過不同的組合可以生成多種方案。

圖片

 

7、地形生成:

地形的創(chuàng)建要依據(jù)真實(shí)的地理信息數(shù)據(jù)來制作,以保證電子沙盤真實(shí)的參考性,這部分我們使用了當(dāng)下比較先進(jìn)的智能化解決方案,根據(jù)數(shù)據(jù)將地面,道路,水系,植被,建筑等分層創(chuàng)建,最終在虛幻引擎中進(jìn)行整合渲染。

 

圖片

這部分看下電子沙盤現(xiàn)階段的最終效果:(點(diǎn)擊圖片前往原文觀看視頻)

 

圖片

經(jīng)過大家的努力,最終我們的電子沙盤獲得了各方的認(rèn)可,在制作過程中也收獲了不少寶貴的經(jīng)驗(yàn),總結(jié)如下:

重視排期和做好階段性任務(wù)的拆分:由于項(xiàng)目周期比較長(zhǎng),所以整個(gè)項(xiàng)目必須有統(tǒng)一的階段性規(guī)劃和排期,按照統(tǒng)籌好的計(jì)劃來一步一步實(shí)現(xiàn)目標(biāo)。

項(xiàng)目參與人員之間的溝通很重要:每個(gè)成員之間對(duì)于進(jìn)度和過程中遇到的問題必須及時(shí)同步和提出,尤其對(duì)于跨部門合作的項(xiàng)目來說,這一點(diǎn)尤為重要。

項(xiàng)目的完成離不開大家的共同努力,在此對(duì)所有人表示感謝。


作者:環(huán)鐵藝術(shù)家

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》盛夏的元宇宙之旅-玩轉(zhuǎn)電子沙盤

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司


日歷

鏈接

個(gè)人資料

存檔