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