2021-3-26 資深UI設(shè)計(jì)者
編輯導(dǎo)語(yǔ)：用戶的體驗(yàn)感對(duì)于一個(gè)產(chǎn)品來(lái)說(shuō)，是至關(guān)重要的。一個(gè)好的產(chǎn)品能夠充分照顧到用戶的感受，從而擁有大批的忠實(shí)用戶，而品牌升級(jí)則是體現(xiàn)產(chǎn)品定位和發(fā)展策略的不二之選。當(dāng)體驗(yàn)設(shè)計(jì)遇到品牌升級(jí)，設(shè)計(jì)師該如何做？本文作者對(duì)此展開分析討論，一起來(lái)看看~
01 用戶體驗(yàn)設(shè)計(jì)的現(xiàn)狀
過(guò)去，我們?cè)谟脩趔w驗(yàn)中一直強(qiáng)調(diào)以用戶為中心，追求給用戶帶來(lái)更好的體驗(yàn)，不斷強(qiáng)調(diào)一致性、易用性、可用性等等。但如今，我們放眼手機(jī)里的app的用戶體驗(yàn)，在過(guò)去十幾年的積累下，用戶的使用習(xí)慣、用戶的認(rèn)知都得到了很大的提升，產(chǎn)品的基礎(chǔ)體驗(yàn)也基本都做到了使用流暢、一致性的現(xiàn)狀。
但這卻帶來(lái)一個(gè)問(wèn)題：同質(zhì)化嚴(yán)重。
比如，當(dāng)我們打開電商類的app，發(fā)現(xiàn)某東越來(lái)越像某寶，xx越來(lái)越像xx?？赡芪覀兡ㄈチ薼ogo之后就不知道這究竟是哪家app了。
甚至，我還發(fā)現(xiàn)有的公司在設(shè)計(jì)時(shí)是從B抄個(gè)設(shè)計(jì)樣式，再?gòu)腁抄個(gè)設(shè)計(jì)樣式，最后在從T上抄個(gè)樣式，最后設(shè)計(jì)結(jié)果成了大家看到的現(xiàn)象：設(shè)計(jì)越來(lái)越趨同。
大廠的動(dòng)向
最近這兩年，我們頻頻看到大廠的一些設(shè)計(jì)動(dòng)作：品牌升級(jí)、設(shè)計(jì)語(yǔ)言升級(jí)。
很多外行人站在一個(gè)旁觀者角色對(duì)升級(jí)的設(shè)計(jì)嗤之以鼻：“這升級(jí)了什么？怎么跟沒(méi)做一樣？”“花了幾百萬(wàn)就做了個(gè)這，真不值”…………
實(shí)際上，其中的背后不是簡(jiǎn)單的設(shè)計(jì)樣式更換，而是戰(zhàn)略定位的調(diào)整。
比如支付寶去年突然換了logo的顏色，而這背后的戰(zhàn)略調(diào)整是支付寶升級(jí)成生活開放平臺(tái)的戰(zhàn)略。
比如淘寶去年也換了字體logo的設(shè)計(jì)，而這背后的戰(zhàn)略是新淘寶要更好的鏈接內(nèi)容、用戶、商業(yè)。
所以，看到這里，我們首先明確了品牌升級(jí)、設(shè)計(jì)語(yǔ)言升級(jí)不僅僅是設(shè)計(jì)樣式變化，不是設(shè)計(jì)師隨隨便便設(shè)計(jì)畫了個(gè)圖形，隨隨便便吸了個(gè)顏色，而是基于品牌定位與品牌戰(zhàn)略調(diào)整的背景，是通過(guò)多維度調(diào)研，積累了很多有價(jià)值的信息，經(jīng)過(guò)科學(xué)的分析推導(dǎo)明確了設(shè)計(jì)方向，最終才形成可落地的品牌升級(jí)設(shè)計(jì)方案。
那么，問(wèn)題來(lái)了！既然品牌升級(jí)了，在用戶體驗(yàn)設(shè)計(jì)中如何體現(xiàn)新升級(jí)的品牌感呢，如何能體現(xiàn)品牌的定位和戰(zhàn)略呢？
當(dāng)我們?cè)谑盏狡放圃O(shè)計(jì)方案后，就開始面臨到體驗(yàn)設(shè)計(jì)升級(jí)如何體現(xiàn)品牌感了，這個(gè)時(shí)候不是倉(cāng)促的先定義新升級(jí)的顏色等樣式問(wèn)題，而是需要先充分理解戰(zhàn)略背后的意義，理解用戶、理解目標(biāo)、理解新商業(yè)方向……，再聚焦收攏在關(guān)鍵點(diǎn)上，從而針對(duì)體驗(yàn)設(shè)計(jì)中的設(shè)計(jì)體系定義好設(shè)計(jì)原則，在最終落地到設(shè)計(jì)元素上，比如顏色、控件、交互等。
設(shè)計(jì)過(guò)程：品牌戰(zhàn)略理解-收攏關(guān)鍵點(diǎn)-定義設(shè)計(jì)規(guī)則-落地設(shè)計(jì)元素
戰(zhàn)略理解實(shí)質(zhì)上就是公司未來(lái)業(yè)務(wù)調(diào)整，方向調(diào)整，目標(biāo)調(diào)整，我們的設(shè)計(jì)一定是基于這個(gè)方向的。
比如2016年我在公司一次紅藍(lán)戰(zhàn)略定位后進(jìn)行了2.0生態(tài)電商改版，這個(gè)紅藍(lán)戰(zhàn)略從字面意思理解很抽象，但實(shí)質(zhì)是內(nèi)容化、視頻化的業(yè)務(wù)方向，我根據(jù)這樣的戰(zhàn)略定位設(shè)計(jì)了創(chuàng)新的2.0的生態(tài)電商設(shè)計(jì)方案獲得了認(rèn)可。
理解完戰(zhàn)略方向后，一般會(huì)進(jìn)行一些發(fā)散性的收集。比如滴滴在早期幾年前的一次品牌升級(jí)分享案例里，那時(shí)候升級(jí)前品牌語(yǔ)是“滴滴一下美好出行”，后來(lái)在專車、順風(fēng)車業(yè)務(wù)發(fā)展后，各業(yè)務(wù)定位模糊，需要針對(duì)業(yè)務(wù)重新定位梳理，經(jīng)過(guò)發(fā)散了很多關(guān)鍵詞，最后針對(duì)不同業(yè)務(wù)線聚焦在舒適、活力、正式三個(gè)關(guān)鍵詞，形成新的滴滴設(shè)計(jì)語(yǔ)言。
資料來(lái)源：滴滴李大聲《c12d調(diào)分享》
設(shè)計(jì)原則也就是我們?cè)O(shè)計(jì)中的一份指南，是建立在前面的分析推導(dǎo)后，他所傳達(dá)的是設(shè)計(jì)價(jià)值觀。指導(dǎo)我們?cè)谠O(shè)計(jì)中什么該做什么不該做。
說(shuō)到這里，這就讓我想起來(lái)經(jīng)常看到很多設(shè)計(jì)團(tuán)隊(duì)定義自己的設(shè)計(jì)原則是：清晰、高效、簡(jiǎn)潔。這么一看沒(méi)毛病，的確設(shè)計(jì)是要保持信息的清晰傳達(dá)、有效的展示、簡(jiǎn)潔一些。但這些定義太過(guò)寬泛，毫無(wú)意義，根本無(wú)法指導(dǎo)實(shí)際的設(shè)計(jì)。
設(shè)計(jì)規(guī)則應(yīng)符合什么規(guī)則呢？
首先，設(shè)計(jì)規(guī)則要貼近業(yè)務(wù)，真實(shí)而有效。
比如做外賣的要突出快、服務(wù)、準(zhǔn)時(shí)的定位。做出行的要突出安全的定位。做金融的要突出收益增長(zhǎng)等等，我們不能就籠統(tǒng)的把所有的不同行業(yè)業(yè)務(wù)規(guī)則都定義成清晰、高效、簡(jiǎn)潔，這并不能形成差異。
以平臺(tái)要升級(jí)為“安全”為例，我們需要知道什么才是“安全”的設(shè)計(jì)規(guī)則，除了綠色、藍(lán)色，還有什么行為才會(huì)產(chǎn)生產(chǎn)生信任安全感。比如規(guī)范、統(tǒng)一、征信公信力、理性的設(shè)計(jì)。
這樣我們就可以針對(duì)升級(jí)“安全”的設(shè)計(jì)體系規(guī)范起來(lái)，把信息以用理性化的設(shè)計(jì)來(lái)呈現(xiàn)表達(dá)。
設(shè)計(jì)規(guī)則要有態(tài)度
實(shí)際上，每個(gè)設(shè)計(jì)都是有意義的，每個(gè)規(guī)則的背后都是不平凡的工作。舉個(gè)動(dòng)效的例子，有的設(shè)計(jì)師會(huì)認(rèn)為動(dòng)效看起來(lái)很酷，那就加的越多越好，結(jié)果適得其反，用戶可能因?yàn)閯?dòng)效太多太酷不知道該干什么了。
谷歌在他的設(shè)計(jì)體系里提到“每個(gè)動(dòng)效都是有意義的”，可見谷歌對(duì)動(dòng)效的態(tài)度表達(dá)了自己獨(dú)特的設(shè)計(jì)規(guī)則的魅力。
螞蟻金服在自己設(shè)計(jì)體系里提到的獨(dú)特四點(diǎn)設(shè)計(jì)價(jià)值觀：自然、確定、生長(zhǎng)、意義
這每一點(diǎn)都不是簡(jiǎn)單的“清晰高效”這么簡(jiǎn)單，具有深遠(yuǎn)的設(shè)計(jì)指導(dǎo)意義。以“自然”為例，用戶對(duì)圖形、色彩、圖標(biāo)等視覺(jué)感受的信息，遵從自然規(guī)律，降低用戶認(rèn)知成本。舉例：明明紅色是總所周知的警戒顏色，我們用綠色來(lái)做警戒色，這就違背了自然規(guī)律。
說(shuō)到這里，我們大概就能清楚明白設(shè)計(jì)原則的意義了，當(dāng)面對(duì)市面各種設(shè)計(jì)潮流：抽屜設(shè)計(jì)風(fēng)、大字體設(shè)計(jì)風(fēng)、新擬物設(shè)計(jì)風(fēng)來(lái)臨時(shí)，我們就可以從設(shè)計(jì)原則來(lái)理性判斷如何取其精華，去其糟粕，為我們的業(yè)務(wù)和品牌傳播來(lái)使用，而不是盲目的追趕潮流
最后，從設(shè)計(jì)規(guī)則推導(dǎo)出來(lái)后，到具體的設(shè)計(jì)元素：顏色、圖標(biāo)、配圖、文字設(shè)計(jì)等，我們還需要結(jié)合品牌找到具有記憶性的點(diǎn)，形成dna記憶符號(hào)，這個(gè)記憶符號(hào)給用戶在視覺(jué)、觸覺(jué)等感官上加深印象。
說(shuō)到最具有品牌記憶點(diǎn)的無(wú)疑是耐克、阿迪、可口可樂(lè)這些圖形深入人心，還有蒂芙尼藍(lán)等等。
比如最近要上市的知乎，核心定位是社區(qū)價(jià)值，他的logo以及app的開屏都體現(xiàn)了社區(qū)交流的屬性。
比如最具阿里云更新的品牌升級(jí)，利用光標(biāo)這個(gè)符號(hào)貫穿整個(gè)設(shè)計(jì)體系，形成獨(dú)特的超級(jí)符號(hào)，可以說(shuō)是一個(gè)很經(jīng)典的案例。
資料來(lái)源：阿里公眾號(hào)
當(dāng)然，提煉出具有記憶點(diǎn)的品牌dna的超級(jí)符號(hào)是需要經(jīng)過(guò)長(zhǎng)期推演和長(zhǎng)期傳播形成的品牌記憶點(diǎn)。
最后，總的來(lái)說(shuō)，當(dāng)體驗(yàn)設(shè)計(jì)遇到品牌升級(jí)，不是簡(jiǎn)單的畫個(gè)圖形，吸個(gè)顏色，每個(gè)設(shè)計(jì)背后都有遵循的依據(jù)，都有背后的科學(xué)分析推導(dǎo)。所以，我們不要再盲目拿清晰、高效、簡(jiǎn)潔來(lái)作為設(shè)計(jì)語(yǔ)言的理念了，需要探索真正有獨(dú)特觀點(diǎn)，貼近業(yè)務(wù)，貼近戰(zhàn)略規(guī)劃的設(shè)計(jì)價(jià)值理念，來(lái)指導(dǎo)未來(lái)長(zhǎng)遠(yuǎn)的設(shè)計(jì)發(fā)展。
文章來(lái)源：人人都是產(chǎn)品經(jīng)理 作者：Hellen詠舍
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com