首頁(yè)

162024-2

一、字面含義

我們首先簡(jiǎn)單談?wù)?ldquo;視覺(jué)沖擊”這個(gè)詞本身在說(shuō)什么。

人有五感，俗稱(chēng)“形、聲、聞、味、觸”，分別對(duì)應(yīng)視覺(jué)、聽(tīng)覺(jué)、嗅覺(jué)、味覺(jué)跟觸覺(jué)。

所以視覺(jué)感知的是“形形色色”，一切映入眼簾的圖形色彩理論上都能讓人產(chǎn)生“感覺(jué)”，這些感覺(jué)跟味覺(jué)一樣會(huì)分程度，比方白粥很淡，辣醬很辣，果醋很酸，開(kāi)水無(wú)味等。

因此，沖擊才會(huì)基于對(duì)比產(chǎn)生，造成沖擊的原因主要是非常規(guī)的東西出現(xiàn)了，比如“地獄拉面”，會(huì)辣到讓人叫救命，再比如自然界中的海嘯會(huì)沖擊沙灘，颶風(fēng)會(huì)沖擊小島等。

所以產(chǎn)生“視覺(jué)沖擊”的源頭首先是我們眼睛忽然看到“非常規(guī)”的東西，但請(qǐng)注意，這個(gè)過(guò)程的沖擊可能不單純只作用于視覺(jué)。

比如夜半出門(mén)，忽然看到村口一人披著白床單在月下漫步，難免會(huì)嚇得大叫，然后冷汗直冒，心跳急速，所以人的機(jī)體都一并受到強(qiáng)烈沖擊，但“視覺(jué)”往往排在第一，其在五感中的順序中也是如此。

有時(shí)候，我們發(fā)現(xiàn)一些人看著一張畫(huà)久了居然會(huì)落淚，這個(gè)層面就不能只用視覺(jué)沖擊來(lái)解釋?zhuān)话銜?huì)包含這個(gè)成分。

基于研究，我認(rèn)為“視覺(jué)沖擊”本質(zhì)上源自三種路徑。

其一為驚訝，其二為新鮮，其三為極致。

這三點(diǎn)有概念疊加的部分，但同時(shí)又不是完全的一回事，后面會(huì)專(zhuān)門(mén)舉例說(shuō)明。

同時(shí)，我們要清楚談?wù)撛O(shè)計(jì)中的視覺(jué)沖擊應(yīng)該是積極、正面、美好的范疇，不然暴力、情色與血腥等元素一樣能帶來(lái)強(qiáng)烈的視覺(jué)沖擊，但不為我們所取。

例如歷史上的波蘭海報(bào)風(fēng)格，基于當(dāng)時(shí)其民族遭受磨難的背景，有一部分創(chuàng)作者就選取了很多詭異視角進(jìn)行創(chuàng)作，視覺(jué)沖擊確實(shí)強(qiáng)烈，但同時(shí)會(huì)給人帶來(lái)心靈上的不安。

下面我們展開(kāi)談一談上述的三種路徑。

二、驚訝

“驚訝就會(huì)產(chǎn)生凝視”。

這句話(huà)借用于華楠，華楠在創(chuàng)立“華與華藝術(shù)工作室”時(shí)候拍攝了一個(gè)紀(jì)錄片，我對(duì)此話(huà)邏輯上的合理性印象深刻。

而且“凝視”是視覺(jué)被沖擊后的第一種反應(yīng)，也是設(shè)計(jì)師需要受眾的反應(yīng)。

至于驚訝是一種什么樣的情緒感受呢？主要就是感到意外，同時(shí)略有贊嘆。

驚在《說(shuō)文解字》中形容為“馬駭也”，馬收到驚嚇的反應(yīng)就是典型“驚”的范式。

而“訝”在古語(yǔ)中有“露齒而笑”的含義，所以有“訝客”這樣的用法，因此我們碰到很久不見(jiàn)的老友會(huì)說(shuō)：看到你可真驚訝！

而不會(huì)說(shuō)驚奇，驚怕或者驚嚇。

那么設(shè)計(jì)上的驚訝效應(yīng)一般怎么產(chǎn)生呢，主要源于符號(hào)元素或者慣有觀念上的沖突。

過(guò)去我們談過(guò)誕生于瑞士的達(dá)達(dá)主義，這種設(shè)計(jì)風(fēng)格就容易給人營(yíng)造強(qiáng)烈的視覺(jué)沖擊，根本原因在于其在觀念上的顛覆跟我們的常識(shí)產(chǎn)生了沖突。

比如達(dá)達(dá)主義經(jīng)常不依照邏輯對(duì)設(shè)計(jì)元素進(jìn)行隨意的組合安排，手部可以長(zhǎng)出眼睛，腳可以擺放在頭上，文字可以進(jìn)行曲線排版，酒瓶能做交通工具等。

這些圖像的呈現(xiàn)都會(huì)讓人驚訝，繼而凝視，然后沉思，最后留下印象，或者做出行為。

在觀念上制造沖突的其實(shí)還有超現(xiàn)實(shí)主義風(fēng)格、未來(lái)主義風(fēng)格等。

而在符號(hào)元素上制造沖突一般首先表現(xiàn)為色彩，這方面可以參考后印象派、表現(xiàn)主義、野獸派等風(fēng)格，他們時(shí)常會(huì)知其不可為而為之，用一些極端色彩進(jìn)行搭配，但卻做出了美感。

華楠在談驚訝的概念時(shí)舉了一個(gè)例子，就是石頭本身會(huì)給人一種“堅(jiān)硬”印象，印象有時(shí)候就是符號(hào)本身，所以要通過(guò)創(chuàng)作去破除符號(hào)本身意義，驚訝就產(chǎn)生了，比如讓石頭形成流水一樣的視覺(jué)感受，大家想想，其實(shí)超現(xiàn)實(shí)主義流派中的達(dá)利就運(yùn)用了這一招。

以上手法談起來(lái)只是幾句話(huà)，但落實(shí)到設(shè)計(jì)上需要深刻思考與扎實(shí)手藝，大部分設(shè)計(jì)師時(shí)常碰到的問(wèn)題并非想不到，而是做不到，或者做得不夠好。

紅跟綠碰撞很刺激，但如果不加上白色來(lái)緩沖，那種短兵相接的粗暴給視覺(jué)帶來(lái)的就只會(huì)是刺激，而非沖擊，所以設(shè)計(jì)操作上如果知其一不知其二就容易產(chǎn)生強(qiáng)差人意的效果。

這方面可以參看喜力啤酒的包裝設(shè)計(jì)。

視覺(jué)沖擊應(yīng)該建立在美感的基礎(chǔ)上，美感則來(lái)自節(jié)奏、韻律、布局及其相關(guān)細(xì)節(jié)安排，這些綜合因素也是設(shè)計(jì)師必須把握的。

其實(shí)如今很多流量迅猛的短視頻也抓住了這樣的“驚訝”思路，比如清秀英俊肌肉發(fā)達(dá)的和尚居然在臺(tái)上唱搖滾，就是個(gè)典型案例。

三、新鮮

新鮮一般用于形容蔬果，我想了很久到底用新穎，新奇還是新意進(jìn)行表達(dá)，最后還是選擇新鮮，因?yàn)樾迈r是對(duì)比出來(lái)的，所以嚴(yán)謹(jǐn)一些應(yīng)該是“新鮮感”。

新鮮感也是形成視覺(jué)沖擊的重要因素，我首先想到印象派。

印象派一出現(xiàn)就直接挑戰(zhàn)了千年沉淀的古典寫(xiě)實(shí)繪畫(huà)市場(chǎng)，畫(huà)作原來(lái)可以不寫(xiě)實(shí)，可以不用絕對(duì)色，可以寥寥幾筆進(jìn)行寫(xiě)意表達(dá)。

印象派的誕生自然要追溯到日本浮世繪在歐洲的流行，浮世繪畫(huà)風(fēng)對(duì)傳統(tǒng)的新古典主義創(chuàng)作者而言就極具新鮮感，這種帶有東方哲學(xué)立場(chǎng)的美學(xué)形式因此極具視覺(jué)沖擊力。

我們將場(chǎng)景拉到當(dāng)代設(shè)計(jì)師的日常，我印象深刻的一件事情是大致15年前，平面設(shè)計(jì)是喜歡做立體元素的，比方3d人一類(lèi)很流行，然后裝飾上也喜歡陰影漸變，不久后“扁平化”風(fēng)格因?yàn)樘O(píng)果手機(jī)的誕生而橫空出世，大家都感覺(jué)眼前一亮。

因?yàn)楸馄交瘜?duì)于立體陰影漸變的表達(dá)而言，太新鮮了。

但扁平化是一種全新開(kāi)創(chuàng)嗎？非也，其風(fēng)格源頭可以追溯到“瑞士平面設(shè)計(jì)風(fēng)格”，再往上走是包豪斯，再往上走是風(fēng)格派...

甚至極端一點(diǎn)看，史前藝術(shù)有一部分就是扁平化的，比如彩陶上的符號(hào)紋理，我這樣推導(dǎo)的目的是想告訴各位：

視覺(jué)沖擊可以從新鮮感出發(fā)，新鮮感則基于對(duì)比，而且并非憑空產(chǎn)生，歸根到底要從歷史中尋找，但尋找也并非刻板，而是要跟當(dāng)代技術(shù)結(jié)合。

比如喬布斯的扁平化跟網(wǎng)絡(luò)技術(shù)的功能性需求密切相關(guān)，扁平化元素有助于界面產(chǎn)生“彈性”，也就是瀏覽器兼容性（這種問(wèn)題曾經(jīng)極大困擾了程序員很久很久），并且緩沖速度會(huì)更快。

此時(shí)我們又想想摩天大樓之父路易斯沙利文（Louis Sullivan）100年前就說(shuō)過(guò)的“功能決定形式”，所以真理就那些，看你是否重視。

我們?cè)倏碅I時(shí)代，北邦老師創(chuàng)作的《湘野行尸》系列就極具視覺(jué)沖擊力，讓人達(dá)到一種無(wú)法形容的驚嘆，可這種復(fù)雜繁瑣而細(xì)致的表現(xiàn)效果如果不依賴(lài)于算法數(shù)據(jù)的堆疊，僅憑手藝打磨設(shè)計(jì)師一定會(huì)哭，而且還完成不了，或者是遙遙無(wú)期的交稿日。

《湘野行尸》表現(xiàn)的“新”有三個(gè)層面，其一是北邦老師創(chuàng)作思路的新，其二是中國(guó)神怪元素碰撞西式CG的新，其三則是創(chuàng)作手段及工具的新。

但我們必須清楚，新很快又會(huì)變舊，可舊到一定程度又會(huì)化作新的營(yíng)養(yǎng)，整個(gè)設(shè)計(jì)藝術(shù)風(fēng)格及時(shí)常的演變規(guī)律就是如此循環(huán)的。

你的“新”應(yīng)該怎么來(lái)，自己好好想想。

四、極致

最后是關(guān)于極致，這方面很好理解，就是將一個(gè)形式進(jìn)行最夸張最極致的設(shè)計(jì)表達(dá)，同樣能形成強(qiáng)烈的視覺(jué)沖擊。

首先想到的例子是美國(guó)1960年代的“抽象表現(xiàn)主義”，這個(gè)運(yùn)動(dòng)當(dāng)中出現(xiàn)了兩種分支，一種稱(chēng)為“行動(dòng)派”，其繪畫(huà)特征就是繁復(fù)的極致，代表人物為杰克遜.波洛克。

這種通過(guò)堆疊元素的表達(dá)方式像一杯烈酒，刺激人的感官，而過(guò)去歷史上的很多工藝品設(shè)計(jì)都走了這種路線，關(guān)于這方面有個(gè)解釋?zhuān)蟹爆嵶屓司次贰?/span>

假設(shè)我們看到一些非常復(fù)雜但又條理清晰的平面設(shè)計(jì)時(shí)，也確實(shí)會(huì)感到敬畏，比方可以看“新浪潮風(fēng)格”中魏納特的平面作品。

亂中有序，是這種繁復(fù)設(shè)計(jì)的表現(xiàn)核心。

而“抽象表現(xiàn)主義”的另一派被稱(chēng)為“色域繪畫(huà)”，畫(huà)面簡(jiǎn)單到只剩下色塊，是簡(jiǎn)約的極致，這樣的畫(huà)面同樣能給人帶來(lái)視覺(jué)沖擊。

再比如20世紀(jì)初，蘇聯(lián)藝術(shù)家馬列維奇的至上主義風(fēng)格繪畫(huà)，其中的《白色背景上的黑方塊》及《白上白》都是通過(guò)極致的少來(lái)達(dá)到表現(xiàn)目的。

在當(dāng)時(shí)還流行新古典與現(xiàn)實(shí)主義繪畫(huà)的時(shí)代中，這樣的畫(huà)面猶如晴天霹靂，直接是心靈的沖擊。

運(yùn)用極簡(jiǎn)制造視覺(jué)沖擊的最典型設(shè)計(jì)莫過(guò)于無(wú)印良品，這樣的風(fēng)格首先由田中一光奠定，隨后被原研哉發(fā)揚(yáng)光大。

其中最讓人印象深刻是那一組地平線海報(bào)，比如茫茫雪地之中出現(xiàn)一個(gè)非常渺小的人物背景，或者廣闊草地上有幾個(gè)零散而同樣渺少的蒙古包。

所以能合理運(yùn)用好這種極致表現(xiàn)手法，同樣可以制造視覺(jué)沖擊。

五、視覺(jué)沖擊的陷阱

視覺(jué)沖擊的好處不言而喻，主要是能快速吸引大家的注意力，但要注意過(guò)分追求視覺(jué)沖擊可能會(huì)導(dǎo)致設(shè)計(jì)目的的偏離。

我看過(guò)一些字體設(shè)計(jì)年鑒，發(fā)現(xiàn)大部分字體都存在設(shè)計(jì)過(guò)度的情況，最后連字本身是什么都看得很費(fèi)勁，于是設(shè)計(jì)的本義喪失了，只因?yàn)檫^(guò)分追求視覺(jué)沖擊或者“設(shè)計(jì)感”。

同樣的情況會(huì)發(fā)生在各行各業(yè)，比如汽車(chē)設(shè)計(jì)，我印象深刻的是日產(chǎn)天籟曾經(jīng)有個(gè)新版“藍(lán)鳥(niǎo)”，造型很新穎，讓人一眼就印象深刻，但這樣的設(shè)計(jì)并不耐看，看多幾次就會(huì)覺(jué)得厭倦。

目前這款車(chē)已經(jīng)在市面上消失，類(lèi)似情況在起亞、福特、本田等品牌的某些車(chē)型中都發(fā)生過(guò)。

而真正經(jīng)典且銷(xiāo)售成績(jī)也好的通常是那些耐看而不張揚(yáng)的車(chē)型，比如奧迪跟奔馳汽車(chē)，他們的設(shè)計(jì)特征就是“不大改”，追求潤(rùn)物細(xì)無(wú)聲的設(shè)計(jì)優(yōu)化。

所以視覺(jué)沖擊的一個(gè)副作用就是不持久，就好比一個(gè)極樂(lè)派對(duì)無(wú)法持續(xù)幾天，因?yàn)樘钢Ь珰馍瘢^樂(lè)極能生悲。

因此希望為設(shè)計(jì)提升視覺(jué)沖擊的時(shí)候，要學(xué)會(huì)跟功能做適當(dāng)平衡，同時(shí)看應(yīng)用場(chǎng)合跟設(shè)計(jì)載體。

比如為一個(gè)活動(dòng)設(shè)計(jì)宣傳海報(bào)，那么視覺(jué)沖擊力更強(qiáng)是對(duì)的，但為家居設(shè)計(jì)一個(gè)裝飾畫(huà)報(bào)，則需要更加平和與耐看。

作者：設(shè)計(jì)史太濃
來(lái)源：站酷

藍(lán)藍(lán)設(shè)計(jì)(www.devb.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話(huà)：01063334945。

關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

評(píng)論(0) 瀏覽(1304)

162024-2

設(shè)計(jì)師的3個(gè)大腦

博博

寫(xiě)作跟設(shè)計(jì)兩者存在互動(dòng)，假設(shè)你習(xí)慣于寫(xiě)作。

每當(dāng)設(shè)計(jì)實(shí)踐進(jìn)行到一定程度，就會(huì)產(chǎn)生體悟，這些體悟需要經(jīng)過(guò)思維整理沉淀為肌肉記憶（條件反射），能力跟效率提升就來(lái)自這些沉淀。

而寫(xiě)作是思維整理的最優(yōu)解，當(dāng)你針對(duì)一個(gè)困惑自問(wèn)自答，寫(xiě)作會(huì)促使你進(jìn)入深度思考，這種思考可以去蕪存菁，撥開(kāi)云霧，最后找到適合自己的答案。

當(dāng)然，如果不喜歡寫(xiě)作，跟比自己更勝一籌的朋友探討也是不錯(cuò)的方式。

本次談個(gè)話(huà)題，就是我認(rèn)為優(yōu)秀設(shè)計(jì)師需要運(yùn)用到3個(gè)大腦，我嘗試將它們概括為：

理性腦，感性腦，神助腦。

接下來(lái)簡(jiǎn)述一下它們各自的作用，以及如何鍛煉它們。

理性腦

設(shè)計(jì)一定要理性先行，以品牌設(shè)計(jì)為例，當(dāng)我們接到項(xiàng)目需求，會(huì)先進(jìn)行溝通，了解客戶(hù)行業(yè)，產(chǎn)品，核心優(yōu)勢(shì)，資源稟賦，對(duì)標(biāo)品牌狀況，自身企業(yè)發(fā)展階段等資訊。

這方面就需要采用理性腦，理性腦的作用是認(rèn)識(shí)客觀現(xiàn)實(shí)，從理性角度先思考設(shè)計(jì)的功能方面問(wèn)題，簡(jiǎn)單點(diǎn)說(shuō)，就是設(shè)計(jì)要解決什么問(wèn)題，怎么解決會(huì)最佳。

比如一個(gè)凳子首先要坐得舒服，坐得安全，材質(zhì)運(yùn)用符合預(yù)算定位，滿(mǎn)足了這個(gè)限度才能進(jìn)一步思考裝飾，美觀，創(chuàng)意這個(gè)限度，設(shè)計(jì)就是限度管理（之前的文章已經(jīng)談過(guò)）。

很多設(shè)計(jì)師一上來(lái)就動(dòng)手是典型的勤奮掩蓋懶惰，表面做了很多功夫，但難免無(wú)效居多，在錯(cuò)誤或者未明的方向中虛耗精力。

我當(dāng)然也經(jīng)歷過(guò)這種階段很長(zhǎng)時(shí)間，內(nèi)心往往在努力思考怎么將設(shè)計(jì)做出視覺(jué)沖擊，但可能連基本的創(chuàng)意傳達(dá)功能都沒(méi)有做好，或者跟品牌氣質(zhì)定位不吻合。

后來(lái)我發(fā)現(xiàn)很多客戶(hù)都會(huì)如此，他們往往帶著表面訴求跟設(shè)計(jì)師溝通，也是視覺(jué)沖擊一類(lèi)說(shuō)法，但其根本目的是為了“更好傳達(dá)”，“更好賣(mài)”或者“更能引發(fā)關(guān)注”。

如果我們只著眼在表面，很容易誤導(dǎo)自己，一張椅子既好看又好坐不會(huì)沖突，但很好看不好坐就很麻煩，除非客戶(hù)是孟菲斯風(fēng)格一類(lèi)的定位，概念先行不管體驗(yàn)。

因此設(shè)計(jì)師需要時(shí)刻理性腦在線，跟客戶(hù)多探討設(shè)計(jì)前端的問(wèn)題，多說(shuō)真話(huà)，多問(wèn)問(wèn)題，多點(diǎn)傾聽(tīng)，從客觀分析中尋找能有效解決客戶(hù)問(wèn)題的設(shè)計(jì)思路。

甚至有時(shí)候分析完后發(fā)現(xiàn)這件事情成功率太低，也要直接提出來(lái)，不要為了賺錢(qián)浪費(fèi)彼此的時(shí)間跟機(jī)會(huì)成本，當(dāng)然，客戶(hù)堅(jiān)持能行我們還是能上。

比如最近有位服裝本業(yè)的朋友希望嘗試做餐飲，原因是他在藏區(qū)吃到了美味菜肴，希望將其引進(jìn)深圳，走出一片天地。

他將希望寄托在兩個(gè)方面，其一是資金，他有融資把握跟資源，其二則是優(yōu)秀設(shè)計(jì)。

他感覺(jué)有了兩者加持，藏區(qū)菜肴一定能在深圳獲得成功，理性腦告訴我此處最少有三大問(wèn)題。

其一，藏區(qū)餐飲為什么至今在深圳沒(méi)有成功品牌（也許有，是我不知道），具備他這樣條件的人一定存在，為為什么對(duì)方?jīng)]做，或者做了沒(méi)成功，是否有些盲區(qū)我們沒(méi)看到？

其二，餐飲是高度成熟行業(yè)（尤其在大城市），餐飲策劃在深圳也高度成熟，但參與探討的這群人都不在其中，因此核心競(jìng)爭(zhēng)力從何而來(lái)？就是投資人經(jīng)常要問(wèn)的“為什么成功的會(huì)是你？”

其三，可行性分析不代表可行本身，同時(shí)不能夸大設(shè)計(jì)的作用。

此處尤其要談一下“不要夸大設(shè)計(jì)的作用”，作為設(shè)計(jì)師多年，我會(huì)經(jīng)常這樣提醒客戶(hù)：要重視設(shè)計(jì)的作用，但不能高估。

設(shè)計(jì)就像藥引，要藥本身有效并且對(duì)癥，才能發(fā)揮關(guān)鍵作用，

我相信大家都一定看過(guò)不少裝潢設(shè)計(jì)都非常好的餐飲店做不下去。

當(dāng)然，如果設(shè)計(jì)本身足夠突出也能作為長(zhǎng)版優(yōu)勢(shì)牽引其他短板進(jìn)步，讓品牌走向成功，

但需要把握時(shí)間，這方面在百花齊放的電動(dòng)車(chē)企業(yè)中就有案例，具體品牌就不說(shuō)了。

我們公司的slogan為“助品牌，成品牌”其實(shí)就是理性腦行先的一種表現(xiàn)。

鍛煉理性腦的有效方式是要多學(xué)習(xí)市場(chǎng)策略，品牌營(yíng)銷(xiāo)，消費(fèi)心理，傳播媒介等方面的知識(shí)，多跟各行各業(yè)的精英朋友請(qǐng)教專(zhuān)業(yè)問(wèn)題，同時(shí)要常關(guān)注時(shí)政方面資訊。

感性腦

感性腦主要是感知美，美很抽象，但也可以很具體。

具體而言，美就是色彩、形態(tài)、裝飾等規(guī)律，這些規(guī)律植根在自然當(dāng)中，

造物主就是最牛的設(shè)計(jì)師，由她制定美的原則，這些原則刻畫(huà)在人類(lèi)基因中，將我們完全拿捏。

任何藝術(shù)跟設(shè)計(jì)都是從模仿自然開(kāi)啟，就像小朋友會(huì)模仿成年人，落后文化會(huì)模仿先進(jìn)文化，聞道有先后，殊途會(huì)同歸。

我研究設(shè)計(jì)史多年，

發(fā)現(xiàn)史前人類(lèi)感知的美至今都仍然有效，只是隨著歲月沉淀呈現(xiàn)多元面貌，這種多元只是一種分化，合久必分，分久必合。

隨著地球村的進(jìn)程推進(jìn)

，很多文化都在走向兼容，這種兼容也許不是相遇，只是重逢。

比如為什么我們會(huì)覺(jué)得對(duì)稱(chēng)很舒服，因?yàn)樯锲毡閷?duì)稱(chēng)，所以我們?cè)O(shè)計(jì)怪物時(shí)候就要弄得不對(duì)稱(chēng)，比如我們看到白色都會(huì)感覺(jué)純凈，光明，充滿(mǎn)希望，因?yàn)槿祟?lèi)對(duì)陽(yáng)光的感知就是白色，為什么我們看到曲線會(huì)感到活躍，是因?yàn)樯酱魉c汪洋大海。

唯心一點(diǎn)看，美丑就是人類(lèi)潛意識(shí)中的喜惡，是對(duì)客觀世界的統(tǒng)一情緒投射，比如除了精神病因素，極少人能欣賞大便的美。

當(dāng)然你也可以說(shuō)對(duì)稱(chēng)不舒服，白色很臟，曲線很平靜，這些個(gè)性差異也會(huì)存在，但個(gè)性要基于共性才有意義，大家都覺(jué)得對(duì)稱(chēng)舒服的時(shí)候，你感到不舒服才叫個(gè)性，標(biāo)新立異就是如此。

所以感性腦就是對(duì)美學(xué)原則及美學(xué)法則的認(rèn)識(shí)。

原則跟法則是不同體系，原則是大家根據(jù)研究統(tǒng)計(jì)一致認(rèn)同的規(guī)律，而法則是靠攏這些原則的具體方法論。

比如由包豪斯學(xué)院伊頓總結(jié)的三大構(gòu)成是典型設(shè)計(jì)法則，這套法則沿用至今是因?yàn)樗鼰o(wú)限靠攏美學(xué)原則。

中國(guó)民間針對(duì)色彩運(yùn)用也總結(jié)了不少順口溜，比如“要想精，加點(diǎn)青”、“紅靠黃，亮晃晃”、“青見(jiàn)紫，不如死”，都屬于法則行列。

在設(shè)計(jì)行為當(dāng)中，感性腦的鍛煉是理論與實(shí)踐動(dòng)態(tài)印證的過(guò)程，純粹靠看書(shū)面對(duì)實(shí)際問(wèn)題仍然會(huì)一籌莫展，純粹自己試驗(yàn)沒(méi)有理論修正又難免進(jìn)步遲緩，因此需要兩者結(jié)合。

我們公司的主創(chuàng)就經(jīng)常會(huì)給我們分享一些實(shí)戰(zhàn)方法，這些方法具體到理論難以覆蓋，角度刁鉆出人意表，但在實(shí)戰(zhàn)中非常有效。

感性腦的主要作用就是讓設(shè)計(jì)展現(xiàn)合乎功能需求的美。

鍛煉重點(diǎn)是先牢牢掌握理論基礎(chǔ)，然后通過(guò)大量實(shí)踐進(jìn)行理論內(nèi)化及積累經(jīng)驗(yàn)，最終掌握一套屬于自己的美學(xué)方法論。

神助腦

對(duì)于成事，我們喜歡說(shuō)天時(shí)地利人和，其實(shí)還有一個(gè)因素常被忽略，姑且叫神助。

理性腦跟感性腦可以保障設(shè)計(jì)師做出優(yōu)秀正確的設(shè)計(jì)，但在卓越設(shè)計(jì)中神助就顯得非常重要，因?yàn)樗乒軇?chuàng)意跟靈感。

神助是種隱蔽力量或者無(wú)形之手，也能用通俗的運(yùn)氣形容，但運(yùn)氣其實(shí)也能鍛煉，我常說(shuō)“幸運(yùn)之人，自制幸運(yùn)”就是這個(gè)道理。

南宋詩(shī)人陸游曾經(jīng)寫(xiě)下詩(shī)句“文章本天成，妙手偶得之”，感覺(jué)很謙虛，但說(shuō)了個(gè)實(shí)情，我們?cè)谠O(shè)計(jì)實(shí)踐當(dāng)中偶爾會(huì)感嘆“這樣都居然被我想到了”，其實(shí)就是舉頭三尺有神明。

設(shè)計(jì)師的神助力量其實(shí)來(lái)自設(shè)計(jì)之外，就是我們要廣泛接觸設(shè)計(jì)之外的學(xué)問(wèn)，所謂創(chuàng)新通常是移花接木的把戲。

我們發(fā)現(xiàn)，在音樂(lè)圈中往往是非科班歌手能有顛覆性創(chuàng)新，因?yàn)樗麄儗⒁魳?lè)之外的元素成功嫁接到自身風(fēng)格當(dāng)中，尤其是草根為主的樂(lè)隊(duì)。

比如樂(lè)迷經(jīng)常笑稱(chēng)“搖滾樂(lè)中有很多教父，但只有一個(gè)教母”的梁龍，他領(lǐng)銜的二手玫瑰就將東北二人轉(zhuǎn)、傳統(tǒng)民樂(lè)等元素融合到搖滾樂(lè)當(dāng)中。

還有最近爭(zhēng)議很大的福祿壽樂(lè)隊(duì)被稱(chēng)為道教曲風(fēng)，看了一下其代表作《我用什么把你留住》在網(wǎng)易音樂(lè)中的評(píng)論都突破16萬(wàn)+了。

最近我在看李皖老師《多少次散場(chǎng)忘記了憂(yōu)傷—六十年三地歌》一書(shū)，其中類(lèi)似例子更是不勝枚舉，當(dāng)中描寫(xiě)的音樂(lè)人有科班有非科班，其成功原理基本類(lèi)似。

比如中國(guó)臺(tái)灣的劉家昌（詞曲俱佳）曾經(jīng)雄霸樂(lè)壇20多年，其曲風(fēng)難辨其宗，其實(shí)就是融合了老派爵士、中國(guó)古典詩(shī)詞跟戲曲行腔，單音喜歡一波三折，韻味十足。

差不多同期，中國(guó)香港則出了歌神許冠杰，他則是將西方流行樂(lè)跟本土粵語(yǔ)跟市井俚語(yǔ)進(jìn)行嫁接，大獲成功，開(kāi)創(chuàng)出一個(gè)粵語(yǔ)歌時(shí)代。

以音樂(lè)為例是方便大家形象理解，一個(gè)科班人士沿著教材終生攻讀是比較難有突破性創(chuàng)新的。

此處借用潘虎老師的一句話(huà)：”設(shè)計(jì)師首先得是個(gè)生活家“（大致意思如此），需要懂得體味生活的酸甜苦辣，愛(ài)玩，懂得玩，不能一直埋頭苦干。

某程度而言，如果有條件能厚養(yǎng)自身效果更佳，比如做項(xiàng)目掙錢(qián)了真心要給自己買(mǎi)些好衣服，好酒，好車(chē)，因?yàn)槟阋嬲?jiàn)識(shí)過(guò)好的東西，才能為客戶(hù)設(shè)計(jì)出好的東西

。

比如可可·香奈兒女士自己有房產(chǎn)，但她在大名鼎鼎的巴黎麗茲酒店住了34年直到去世，她的理由是通過(guò)住在世界頂尖酒店來(lái)時(shí)刻提醒自己必須設(shè)計(jì)出一流頂尖的產(chǎn)品。

所以神助腦的培養(yǎng)要基于設(shè)計(jì)圈拓寬見(jiàn)識(shí)，我自身研究設(shè)計(jì)藝術(shù)史就獲益匪淺，歷史內(nèi)容中不但能了解到過(guò)去風(fēng)格、流派跟人物，還能清楚相關(guān)的政治地理，文化思想，社會(huì)運(yùn)動(dòng)，科學(xué)工藝發(fā)展等，看待設(shè)計(jì)的眼界慢慢寬廣，最后這些積累會(huì)形成設(shè)計(jì)師的氣質(zhì)。

最近我撰寫(xiě)《中國(guó)設(shè)計(jì)史》系列就感覺(jué)又打開(kāi)了一個(gè)新世界，讓我重新看待中國(guó)風(fēng)這件事情，恰巧最近我們?cè)跒闅W美品牌做一系列國(guó)風(fēng)包裝，學(xué)以致用，奇妙無(wú)窮，過(guò)程中，偶爾就有神助的感受。

因此神助腦屬于廣泛跨界積累的條件發(fā)射，量變到質(zhì)變，再量變到再質(zhì)變，靈感跟創(chuàng)意會(huì)相對(duì)容易浮現(xiàn)。

但此處大家務(wù)必注意，神助腦必須基于完善的理性腦及感性腦，不然創(chuàng)意無(wú)法落地，或者不切實(shí)際，我們都遇過(guò)不少想法天馬行空的客戶(hù)，先不說(shuō)想法好壞，首先是其對(duì)設(shè)計(jì)流程不了解的表現(xiàn)，五彩斑斕的黑就屬此列。

再比如很多朋友想法不錯(cuò)，但手藝跟不上，認(rèn)識(shí)不正確，審美不在線，設(shè)計(jì)表現(xiàn)自然就做不好，一切也就白搭。

移花接木的前提是首先了解花木。

結(jié)案陳詞：一個(gè)客戶(hù)的故事

三個(gè)大腦排名需分先后，但重要性旗鼓相當(dāng)，同時(shí)每個(gè)人的稟賦有差異，三個(gè)腦子的發(fā)達(dá)情況不同，比如一些朋友特別能處理功能問(wèn)題，一些朋友善于讓設(shè)計(jì)出彩，而一些朋友則靈感創(chuàng)意不斷。

無(wú)論如何，在設(shè)計(jì)工作中我們要重視三個(gè)大腦的健全，可以重點(diǎn)強(qiáng)化薄弱的一方。

關(guān)于理性腦的部分我還想補(bǔ)充幾句，這幾句關(guān)于項(xiàng)目承接。

就是當(dāng)你

遇到一些對(duì)你不信任的客戶(hù)時(shí)需要謹(jǐn)慎合作，甚至拒絕合作，

我們最近遇到一位奇怪客戶(hù)，其實(shí)這個(gè)奇怪也不復(fù)雜，就是她似乎詳盡辦法希望白嫖。

對(duì)方咨詢(xún)的是品牌設(shè)計(jì)，前面一切溝通似乎很爽快，中間希望我們附贈(zèng)相關(guān)服務(wù)，因?yàn)槭烊私榻B，且前面確實(shí)合作過(guò)兩個(gè)小設(shè)計(jì)，我們就同意了贈(zèng)送一部分服務(wù)。

但沒(méi)想到提供合同后對(duì)方居然提出要初稿滿(mǎn)意才支付預(yù)款，我們一口回絕，然后她又提出只愿意支付預(yù)款的10%，相當(dāng)于項(xiàng)目總價(jià)的二十分之一（正常預(yù)款是總價(jià)50%），讓我感覺(jué)非常滑稽。

我提出合作前不信任其實(shí)不必合作，她繼續(xù)糾纏說(shuō)了很多不著邊際的話(huà)，想著過(guò)去曾經(jīng)合作，我最后同意40%的費(fèi)用啟動(dòng)項(xiàng)目，然后我就沒(méi)有跟她繼續(xù)討論，當(dāng)時(shí)我已經(jīng)不希望承接這個(gè)項(xiàng)目，所以第二天也沒(méi)有發(fā)出合同。

沒(méi)想到隔了兩天她又提出怎么不發(fā)合同，我想了想，還是將合同發(fā)出讓其自行修改付款比例。

如此這般足足又隔了12天，過(guò)程中我并沒(méi)有主動(dòng)詢(xún)問(wèn)任何情況，她忽然又將合同回發(fā)說(shuō)調(diào)整了一點(diǎn)內(nèi)容，我一看居然增加了多項(xiàng)設(shè)計(jì)，而且將原本7個(gè)工作日的周期改為2個(gè)工作日。

當(dāng)時(shí)的我已經(jīng)生氣，直接回絕無(wú)法再增加附送設(shè)計(jì)，當(dāng)她還是扯東扯西的時(shí)候我就提出：請(qǐng)另請(qǐng)高明，我們無(wú)法滿(mǎn)足你們的條件。

本以為就這樣結(jié)束奇遇，沒(méi)想到她又回應(yīng)可以將新贈(zèng)送部分拿掉，還是希望能合作，我也不想讓她難堪，于是也同意了。

修改好的合同她又一次確認(rèn)，但到了打款階段又再提出各種說(shuō)法折騰了幾天，比如可以付費(fèi)先做海報(bào)設(shè)計(jì)之類(lèi)，直到如今都沒(méi)有真正合作，讓我感覺(jué)非常無(wú)語(yǔ)。

其實(shí)她真正的訴求就是希望不花錢(qián)或者少花錢(qián)將自己需要的設(shè)計(jì)完成，

做生意以和為貴，我也不想直白的戳穿她。

作者：設(shè)計(jì)史太濃
來(lái)源：站酷

評(píng)論(0) 瀏覽(964)

162024-2

設(shè)計(jì)師，一定要會(huì)做設(shè)計(jì)推動(dòng)！

博博

01）做設(shè)計(jì)推動(dòng)的價(jià)值

設(shè)計(jì)之前的定位是支持角色，主要的能力有兩點(diǎn)：

作為產(chǎn)品和用戶(hù)之間的翻譯官，把復(fù)雜的業(yè)務(wù)邏輯翻譯成用戶(hù)能了解的方案，讓用戶(hù)使用的更順暢。

作為產(chǎn)品和研發(fā)之間的橋梁，把功能的界面描述，變成具體的操作流程、原型、標(biāo)注切圖，來(lái)提供給研發(fā)，讓他們能把功能具現(xiàn)化的實(shí)現(xiàn)。

在這其中，很多團(tuán)隊(duì)設(shè)計(jì)和產(chǎn)品的工作是高度融合的，很多idea都是一起討論出來(lái)的，所以無(wú)法對(duì)設(shè)計(jì)的貢獻(xiàn)做具體量化，這就是不好回答設(shè)計(jì)價(jià)值貢獻(xiàn)的原因。

為了解決這個(gè)問(wèn)題，越來(lái)越多的設(shè)計(jì)團(tuán)隊(duì)在開(kāi)始做設(shè)計(jì)推動(dòng)，通過(guò)設(shè)計(jì)來(lái)找到業(yè)務(wù)的問(wèn)題，然后通過(guò)方案來(lái)解決，這樣就體現(xiàn)了設(shè)計(jì)對(duì)于業(yè)務(wù)的獨(dú)立貢獻(xiàn)。

在設(shè)計(jì)推動(dòng)中，設(shè)計(jì)是項(xiàng)目的onwer，對(duì)項(xiàng)目的體驗(yàn)有更強(qiáng)的把控，很多有價(jià)值的體驗(yàn)點(diǎn)都可以按期落地。
除此之外，設(shè)計(jì)推動(dòng)還可以提升設(shè)計(jì)團(tuán)隊(duì)在業(yè)務(wù)中的影響力，獲得更多的資源，讓設(shè)計(jì)在業(yè)務(wù)決策占有更多的主動(dòng)性。

02）做設(shè)計(jì)推動(dòng)的難點(diǎn)

做設(shè)計(jì)推動(dòng)，對(duì)設(shè)計(jì)師提出了很大的挑戰(zhàn)，需要他們?cè)跇I(yè)務(wù)的角度，去了解業(yè)務(wù)、了解數(shù)據(jù)、挖掘問(wèn)題。

通過(guò)對(duì)這3個(gè)維度的了解，來(lái)找到設(shè)計(jì)可以解決的切入點(diǎn)，并形成可以落地的方案，還要驗(yàn)證方案的可行性、推動(dòng)方案能落地上線，來(lái)為業(yè)務(wù)解決問(wèn)題，帶來(lái)核心指標(biāo)上的大幅提升。

我們準(zhǔn)備了一個(gè)4步法，來(lái)讓大家更容易做設(shè)計(jì)推動(dòng)。話(huà)不多說(shuō)，就來(lái)看看是4步吧。

03）4步教你做設(shè)計(jì)推動(dòng)

第一：了解業(yè)務(wù)

對(duì)業(yè)務(wù)有全局的了解。很多設(shè)計(jì)師只關(guān)注需求相關(guān)的內(nèi)容，對(duì)業(yè)務(wù)全貌并不了解，在這種情況下挖掘的問(wèn)題，要不就是不被業(yè)務(wù)認(rèn)可，要不就是解決后帶來(lái)的價(jià)值不高。所以我們要了解：

了解業(yè)務(wù)目標(biāo)
我們一定要了解業(yè)務(wù)的目標(biāo)，不然就會(huì)出現(xiàn)，優(yōu)化點(diǎn)雖然產(chǎn)品團(tuán)隊(duì)認(rèn)可，但并不在他們的計(jì)劃內(nèi)，就會(huì)導(dǎo)致優(yōu)先級(jí)很低，在非常長(zhǎng)的一段時(shí)間內(nèi)，不能被安排排期。
所以，我們一定要了解產(chǎn)品的目標(biāo)，這樣做的內(nèi)容才是他們想要的，才能有資源安排上。

了解業(yè)務(wù)的運(yùn)轉(zhuǎn)關(guān)系
我們要了解業(yè)務(wù)下面各個(gè)功能模塊之間的關(guān)系，包括數(shù)據(jù)的流動(dòng)關(guān)系，數(shù)據(jù)和信息在不同功能模塊之間的傳遞方式。不同功能模塊的交互關(guān)系、不同功能模塊之間的依賴(lài)關(guān)系，包括硬性依賴(lài)（一個(gè)功能模塊的輸出是另一個(gè)模塊的輸入）和軟性依賴(lài)（合作、決策等），這有助于識(shí)別潛在的風(fēng)險(xiǎn)和瓶頸。

參與業(yè)務(wù)討論和會(huì)議
多參與業(yè)務(wù)討論的會(huì)議，這樣就可以了解業(yè)務(wù)的動(dòng)態(tài)和重要決策，這將有助于你更好地把握業(yè)務(wù)的方向。如果后續(xù)需要和業(yè)務(wù)進(jìn)溝通，也會(huì)因?yàn)槟樖欤瑴贤〞?huì)更方便。

了解各個(gè)角色的分工
需要確定不同部門(mén)和崗位的角色和職責(zé)，了解他們?cè)跇I(yè)務(wù)運(yùn)作中的定位和協(xié)作方式。
需要了解各個(gè)部門(mén)和模塊之間的溝通和協(xié)作方式，包括例會(huì)、項(xiàng)目管理工具、文檔共享等。
這樣我們可以知道角色對(duì)于項(xiàng)目有幫助，或者如果出現(xiàn)了問(wèn)題，可以找到誰(shuí)來(lái)解決。

第二：挖掘問(wèn)題

問(wèn)題的挖掘有很多渠道，通過(guò)對(duì)數(shù)據(jù)的了解、通過(guò)調(diào)研、通過(guò)業(yè)務(wù)的反饋，無(wú)論哪種方式，都要和業(yè)務(wù)目標(biāo)靠近。

數(shù)據(jù)埋點(diǎn)
主動(dòng)提埋點(diǎn)需求。很多情況下，設(shè)計(jì)師感覺(jué)這里有問(wèn)題，但是沒(méi)有客觀的依據(jù)就沒(méi)法證明問(wèn)題的存在。數(shù)據(jù)分析是一個(gè)極好的方式，但遺憾的是，很多公司的數(shù)據(jù)埋點(diǎn)是產(chǎn)品提出的，設(shè)計(jì)需要統(tǒng)計(jì)的數(shù)據(jù)可能沒(méi)有，這是就需要設(shè)計(jì)師提出對(duì)應(yīng)的埋點(diǎn)需求。

用戶(hù)研究
通過(guò)日常對(duì)用戶(hù)的研究，來(lái)積累用戶(hù)相關(guān)的問(wèn)題，作為后續(xù)設(shè)計(jì)點(diǎn)的依舊來(lái)源。
通過(guò)這些訪談中的反饋，我們可以把問(wèn)題的影響、出現(xiàn)的頻次、用戶(hù)的使用場(chǎng)景的內(nèi)容都描述清楚。
如果要邀請(qǐng)其他角色加入，就要讓其他人了解問(wèn)題的對(duì)應(yīng)的背景、緊迫性、重要性，這樣才讓對(duì)方更有意愿一起來(lái)解決問(wèn)題。
這種協(xié)作和問(wèn)題解決的過(guò)程，有助于設(shè)計(jì)推動(dòng)項(xiàng)目的成功實(shí)施。

日常觀察和使用
在日常工作中，無(wú)論是設(shè)計(jì)師還是其他團(tuán)隊(duì)成員，都可能發(fā)現(xiàn)產(chǎn)品的問(wèn)題或體驗(yàn)瑕疵，比如用戶(hù)的吐槽、發(fā)現(xiàn)的 bug，或者體驗(yàn)上的障礙等等。這些問(wèn)題可以成為推動(dòng)項(xiàng)目的切入點(diǎn)。

第三：推動(dòng)方案

方案定義
一旦找到了設(shè)計(jì)切入點(diǎn)，就可以來(lái)定義：

設(shè)定設(shè)計(jì)目標(biāo)：設(shè)計(jì)能解決問(wèn)題的方向，以及和挖掘問(wèn)題之間的關(guān)系
制定設(shè)計(jì)策略：解決這些問(wèn)題的手段是什么
確定衡量指標(biāo)：解決這些問(wèn)題后，能帶來(lái)怎樣的價(jià)值，以及價(jià)值和設(shè)計(jì)的關(guān)系是什么

通過(guò)上面內(nèi)容的定義，可以確定此方案的可行性，以及對(duì)于業(yè)務(wù)的價(jià)值。
目標(biāo)和策略的定義，最好簡(jiǎn)單點(diǎn)說(shuō)，不要說(shuō)那些高大上的黑話(huà)，譬如頂層邏輯，底層閉環(huán)，鏈路賦能之類(lèi)的。本來(lái)設(shè)計(jì)的專(zhuān)業(yè)名詞讓其他人理解就有成本，再加上這些黑話(huà)，就會(huì)讓人不明所以然，就讓人不容易理解。
反正就是要說(shuō)人話(huà)，最好公司的保潔都能聽(tīng)懂。

為了能讓多方認(rèn)可方案，通常會(huì)開(kāi)會(huì)匯報(bào)，來(lái)邀請(qǐng)更多的與會(huì)者，橫向拉通共識(shí)，然后就可以開(kāi)干了。這個(gè)方案包括：

定義內(nèi)容：包括設(shè)計(jì)目標(biāo)、設(shè)計(jì)策略、衡量指標(biāo)等內(nèi)容
方案初稿：具體的方案，建議以交互方案為主。在這個(gè)解決更多是闡述可行性，放視覺(jué)內(nèi)容有些浪費(fèi)，可能后續(xù)會(huì)有較大的調(diào)整
演示demo：制作演示demo要比干巴巴的講ppt更有畫(huà)面感。但是要注意時(shí)間投入，不要在demo上花費(fèi)太多時(shí)間。demo是點(diǎn)睛之筆，不是必要內(nèi)容，如果在上面花的時(shí)間太多，就有些本末倒置。如果有些公司不用ppt演示，用word或思維腦圖匯報(bào)，我建議就不用加演示。

匯報(bào)要挑重點(diǎn)內(nèi)容講，大家的注意力是有限的，不要講述太多細(xì)節(jié)，老板更在乎的是這件事解決后能帶來(lái)什么價(jià)值，以及方案的運(yùn)轉(zhuǎn)邏輯是否合理。這個(gè)匯報(bào)一定要讓你的老板參加，如果遇到一些棘手的問(wèn)題，他可以幫助你解答。

還有，在方案設(shè)計(jì)階段，最好邀請(qǐng)產(chǎn)品來(lái)做把關(guān)，他們可以為設(shè)計(jì)提供業(yè)務(wù)視角的建議，可以作為對(duì)方案的有益補(bǔ)充，這樣可以增加提案通過(guò)的成功率。而且大老板們也希望看到多多團(tuán)隊(duì)在一起共創(chuàng)，體現(xiàn)了員工的主動(dòng)性。

第四：落地把控

對(duì)于設(shè)計(jì)推動(dòng)項(xiàng)目來(lái)說(shuō)，最擔(dān)心的就是推動(dòng)過(guò)程中的風(fēng)險(xiǎn)問(wèn)題。因?yàn)樵O(shè)計(jì)推動(dòng)不像產(chǎn)品需求，有流程來(lái)保駕護(hù)航，有項(xiàng)目經(jīng)理來(lái)進(jìn)行把控管理（有些公司沒(méi)有項(xiàng)目經(jīng)理，就是由產(chǎn)品兼職），全程都是設(shè)計(jì)在推動(dòng)，稍有不慎就會(huì)導(dǎo)致項(xiàng)目的夭折。所以和多個(gè)角色溝通，識(shí)別潛在風(fēng)險(xiǎn)，確保項(xiàng)目能安穩(wěn)落地。

邀請(qǐng)項(xiàng)目管理角色
如果可能，專(zhuān)業(yè)的事情就應(yīng)該交給專(zhuān)業(yè)的人來(lái)做，最好能要到項(xiàng)目管理的角色，來(lái)幫你分擔(dān)這部分風(fēng)險(xiǎn)，確保項(xiàng)目的安穩(wěn)落地。而且落地過(guò)程中的瑣事非常多，有很多不是設(shè)計(jì)師擅長(zhǎng)處理的，有這個(gè)角色的存在，還能讓你安心投入推動(dòng)項(xiàng)目中，減少無(wú)意義時(shí)間的損耗。

邀請(qǐng)產(chǎn)品來(lái)共創(chuàng)
如果可能，最好能和產(chǎn)品一起共創(chuàng)，通過(guò)這個(gè)過(guò)程，設(shè)計(jì)團(tuán)隊(duì)能夠更好地與產(chǎn)品團(tuán)隊(duì)協(xié)作，確保設(shè)計(jì)與業(yè)務(wù)目標(biāo)保持一致。這種緊密的協(xié)作方式有助于雙邊的合作信任，實(shí)現(xiàn)設(shè)計(jì)推動(dòng)的成功落地。
如果有產(chǎn)品介入，就可以讓他來(lái)寫(xiě)PRD。如果讓設(shè)計(jì)師來(lái)寫(xiě)PRD，就會(huì)有質(zhì)量問(wèn)題，譬如缺少重要環(huán)節(jié)，策略寫(xiě)的不完善等等，畢竟設(shè)計(jì)師不是專(zhuān)業(yè)的。在落地過(guò)程中就會(huì)暴露這些內(nèi)容的缺失，然后在進(jìn)行補(bǔ)充，這非常影響工期。

作者：紀(jì)笙
來(lái)源：站酷

評(píng)論(0) 瀏覽(953)

162024-2

競(jìng)品分析流程講解及實(shí)戰(zhàn)經(jīng)驗(yàn)分享

博博

什么是競(jìng)品分析
競(jìng)品分析是指：對(duì)競(jìng)爭(zhēng)對(duì)手的產(chǎn)品，從不同維度進(jìn)行分析對(duì)比，找到競(jìng)爭(zhēng)對(duì)手和自家產(chǎn)品的優(yōu)勢(shì)、劣勢(shì)，通過(guò)數(shù)據(jù)分析，找出自身哪些優(yōu)勢(shì)需要發(fā)揚(yáng)、哪些劣勢(shì)需要優(yōu)化，別人的哪些優(yōu)點(diǎn)可以吸取、哪些缺點(diǎn)需要避開(kāi)，同時(shí)找出未發(fā)現(xiàn)的機(jī)會(huì)點(diǎn)。進(jìn)而推導(dǎo)出自家產(chǎn)品下一步的方向。最終為戰(zhàn)略部署、產(chǎn)品設(shè)計(jì)、運(yùn)營(yíng)策略等環(huán)節(jié)提供建議和參考。

而競(jìng)品分析對(duì)象可分為：直接競(jìng)品、間接競(jìng)品、潛在競(jìng)品
直接競(jìng)品：與自己的產(chǎn)品，業(yè)態(tài)相同，目標(biāo)用戶(hù)相同，產(chǎn)品功能相似
間接競(jìng)品：與自己的產(chǎn)品，存在相近的功能或客戶(hù)需求
潛在競(jìng)品：與自己的產(chǎn)品，無(wú)競(jìng)爭(zhēng)關(guān)系，某些功能、流程、界面值得借鑒

競(jìng)品分析的定義，相信大家都很熟悉，知道了什么是競(jìng)品分析，那我們?cè)诠ぷ髦袘?yīng)該在什么節(jié)點(diǎn)進(jìn)行競(jìng)品的收集與分析呢？
何時(shí)做
眾所周知我們的產(chǎn)品存在的生命周期大致分為：開(kāi)拓期、成長(zhǎng)期、成熟期
而競(jìng)品分析是貫穿在產(chǎn)品的各個(gè)生命周期中，為每個(gè)周期階段提供不同側(cè)重點(diǎn)的數(shù)據(jù)分析報(bào)告。
開(kāi)拓期--》關(guān)注行業(yè)情況、產(chǎn)品定位、用戶(hù)需求
成長(zhǎng)期--》關(guān)注功能框架、業(yè)務(wù)流程、交互視覺(jué)
成熟期--》關(guān)注體驗(yàn)細(xì)節(jié)、運(yùn)營(yíng)策略、新的創(chuàng)意

上面從產(chǎn)品生命周期的維度，簡(jiǎn)單介紹了競(jìng)品分析的側(cè)重點(diǎn)。
那在實(shí)際產(chǎn)品產(chǎn)研流程中，競(jìng)品分析又該何時(shí)進(jìn)行？
多數(shù)公司產(chǎn)研流程大致包含：市場(chǎng)分析、用戶(hù)調(diào)研、需求設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、交互設(shè)計(jì)、程序開(kāi)發(fā)、程序測(cè)試、產(chǎn)品發(fā)布
而競(jìng)品分析則需要從市場(chǎng)分析階段開(kāi)始，以便結(jié)合分析數(shù)據(jù)，協(xié)助產(chǎn)品敲定產(chǎn)品功能、確定業(yè)務(wù)流程、擬定運(yùn)營(yíng)方向。

當(dāng)然，不同的公司，流程上會(huì)略有不同。
有些公司會(huì)根據(jù)市場(chǎng)、用戶(hù)調(diào)研數(shù)據(jù)來(lái)擬定產(chǎn)品目標(biāo)方向，然后再根據(jù)此目標(biāo)來(lái)擴(kuò)散，最終經(jīng)過(guò)產(chǎn)研流程推動(dòng)產(chǎn)品發(fā)布上線；而有些公司會(huì)根據(jù)高層初定的產(chǎn)品方向，在此方向的基礎(chǔ)上，通過(guò)調(diào)研擬定流程，最終推動(dòng)產(chǎn)品上線。前者調(diào)研范圍和方向更廣更泛，多以業(yè)務(wù)營(yíng)銷(xiāo)指標(biāo)為調(diào)研目標(biāo)；后者則更加明確具體，多以功能交互流程為調(diào)研目標(biāo)。（前者類(lèi)似非命題作為，后者類(lèi)似命題作文）

如何做
理論講的差不多了，下面說(shuō)說(shuō)競(jìng)品分析如何做。我將結(jié)合我經(jīng)歷項(xiàng)目，對(duì)競(jìng)品分析步驟進(jìn)行拆解介紹。
這里先說(shuō)說(shuō)我們的項(xiàng)目背景：
在已有“電商”功能的基礎(chǔ)上，結(jié)合新的社區(qū)功能，通過(guò)發(fā)布社區(qū)內(nèi)容關(guān)聯(lián)商品；推出達(dá)人功能，通過(guò)評(píng)分機(jī)制，對(duì)作者進(jìn)行達(dá)人評(píng)比，獲得達(dá)人稱(chēng)號(hào)后可獲得對(duì)應(yīng)獎(jiǎng)勵(lì)；同時(shí)對(duì)電商產(chǎn)品進(jìn)行升級(jí)，視覺(jué)及體驗(yàn)需要優(yōu)化。從而達(dá)到拉新、提升日活及轉(zhuǎn)化率的效果。

而競(jìng)品分析的流程分為：明確目標(biāo)、選擇競(jìng)品、確定維度、競(jìng)品收集、對(duì)比與分析。

下面我們按步驟介紹：

01確定目標(biāo)
首先分析我們的產(chǎn)品其實(shí)是處在開(kāi)拓期和成熟期兩個(gè)階段之間，既有較成熟的電商功能，又需要加入新的社區(qū)功能。那我們的競(jìng)品分析則需要包含這2個(gè)階段所有的側(cè)重點(diǎn)。

產(chǎn)品階段：開(kāi)拓期與成長(zhǎng)期之間
產(chǎn)品屬性：到家服務(wù)+社區(qū)功能
分析目標(biāo)：行業(yè)情況、產(chǎn)品定位、用戶(hù)需求+功能框架、業(yè)務(wù)流程、交互視覺(jué)
調(diào)研目的：產(chǎn)品升級(jí)、視覺(jué)升級(jí)、體驗(yàn)升級(jí)、業(yè)務(wù)升級(jí)

02選擇競(jìng)品
確定好分析目標(biāo)后，我們需要確定分析對(duì)象，前面有說(shuō)到分析對(duì)象分為：直接競(jìng)品、間接競(jìng)品、潛在競(jìng)品。而我們的功能既包含電商和社區(qū)，所以在選擇對(duì)象時(shí)要包含兩者各自的業(yè)務(wù)屬性。

我們的產(chǎn)品擬定是社區(qū)發(fā)文帶貨的形式，根據(jù)功能要求，所以我們進(jìn)行了直接、間接、潛在競(jìng)品的篩選。

03確定維度
分析維度通常分為戰(zhàn)略層、范圍層、結(jié)構(gòu)層、架構(gòu)層、表現(xiàn)層5個(gè)大的維度。
產(chǎn)品側(cè)可從戰(zhàn)略、市場(chǎng)、功能、技術(shù)、設(shè)計(jì)等維度；
用戶(hù)側(cè)可從感知、性能、易用、包裝、價(jià)格等維度。

分析維度可根據(jù)具體需求、功能以及業(yè)務(wù)屬性來(lái)定。結(jié)合我們當(dāng)前工作的需求，我們大概收攏了一下收集的范圍，從情緒傳遞和流程功能布局2個(gè)大的維度來(lái)收集。情緒傳遞包含：應(yīng)用名稱(chēng)、slogan、界面色調(diào)/配色、文案風(fēng)格、圖標(biāo)風(fēng)格；功能布局包含：頁(yè)面布局、應(yīng)用功能、功能流程等等；

04競(jìng)品收集
確定好分析的競(jìng)品和維度后，我們就可以進(jìn)行具體的精品收集啦。
對(duì)于數(shù)據(jù)類(lèi)的收集，我們可以通過(guò)各大數(shù)據(jù)資訊網(wǎng)站來(lái)獲取。
例如，我們的項(xiàng)目需要確定產(chǎn)品名稱(chēng)和slogan。通過(guò)查閱各大應(yīng)用排行網(wǎng)站，查詢(xún)相關(guān)業(yè)務(wù)排行靠前的產(chǎn)品命名方式，然后去前10的產(chǎn)品官網(wǎng)，收集對(duì)應(yīng)產(chǎn)品的slogan、產(chǎn)品簡(jiǎn)介和服務(wù)亮點(diǎn)，從而推導(dǎo)出競(jìng)品命名的方法及slogan傳遞的價(jià)值。

通過(guò)分析這些數(shù)據(jù)，結(jié)合我們的公司戰(zhàn)略方向、目標(biāo)用戶(hù)群及產(chǎn)品功能特點(diǎn)，最終討論確定產(chǎn)品名稱(chēng)和slogan。同時(shí)slogan傳遞的業(yè)務(wù)價(jià)值，也為后期運(yùn)營(yíng)初定了一個(gè)方向，運(yùn)營(yíng)可圍繞slogan傳遞的價(jià)值來(lái)進(jìn)行方案的擬定。
而頁(yè)面布局類(lèi)功能流程類(lèi)的收集，就需要親自體驗(yàn)了。找到競(jìng)品產(chǎn)品，按照定好的維度，體驗(yàn)并記錄產(chǎn)品功能流程，體驗(yàn)過(guò)程中隨時(shí)截圖/錄屏留存。同時(shí)需要記錄使用時(shí)的體驗(yàn)感受，根據(jù)調(diào)研維度，形成初步的體驗(yàn)記錄。

05對(duì)比與分析
競(jìng)品信息收集好后，就需要靜下心來(lái)，對(duì)比分析了
競(jìng)品分析的方法有多種，比較常見(jiàn)的有SWOT分析、競(jìng)品分析矩陣、Yes/No表格法、精益畫(huà)布、競(jìng)品畫(huà)布、視覺(jué)解剖等。

這些分析方法很多時(shí)候需要多個(gè)結(jié)合來(lái)分析，最終得出更加有效分析結(jié)果。而我這次使用的是競(jìng)品分析矩陣，然后結(jié)合SWOT分析法推導(dǎo)出產(chǎn)品改版升級(jí)建議。分析結(jié)果出來(lái)后，就需要與團(tuán)隊(duì)內(nèi)其他成員共同討論，確定產(chǎn)品最終的升級(jí)方案了。當(dāng)然討論過(guò)程即是思維碰撞的過(guò)程，在討論過(guò)程中，隊(duì)友會(huì)在一些點(diǎn)上提出自己不同的建議，這時(shí)就需要根據(jù)這些問(wèn)題點(diǎn)，繼續(xù)收集相關(guān)資料進(jìn)行對(duì)比分析后得出結(jié)論。
總之競(jìng)品分析并不是一次性的工作，時(shí)間有限的情況下，單次的競(jìng)品分析難免存在調(diào)研對(duì)象不夠全面、數(shù)據(jù)不夠精準(zhǔn)的情況，所以分析需要在團(tuán)隊(duì)討論、碰撞中不斷補(bǔ)充優(yōu)化，

OK，以上是我本次競(jìng)品分析過(guò)程。整個(gè)流程從分析自家產(chǎn)品確定目標(biāo)，分析市場(chǎng)確定競(jìng)品，分析競(jìng)品得出分析數(shù)據(jù)，最終團(tuán)隊(duì)討論確定產(chǎn)品迭代/升級(jí)方案。當(dāng)然，由于項(xiàng)目和團(tuán)隊(duì)背景，此次的分析涵蓋面其實(shí)是不全的，只著重在范圍、結(jié)構(gòu)、框架3個(gè)層級(jí)上進(jìn)行了收集與分析，但已滿(mǎn)足團(tuán)隊(duì)當(dāng)前的需要。

避坑點(diǎn)

介入時(shí)間
競(jìng)品分析介入的時(shí)間必須前置。因?yàn)楦?jìng)品分析是為了后期確定產(chǎn)品方向、產(chǎn)品功能、業(yè)務(wù)流程、交互形式等等輸出有參考價(jià)值的分析報(bào)告，對(duì)后期的整個(gè)產(chǎn)研流程都有影響。
若競(jìng)品分析過(guò)于滯后，可能導(dǎo)致產(chǎn)品規(guī)劃沒(méi)有參考分析數(shù)據(jù)來(lái)規(guī)劃，與市場(chǎng)行情、產(chǎn)品趨勢(shì)、用戶(hù)習(xí)慣脫節(jié)；也可能導(dǎo)致分析時(shí)間不夠，調(diào)研樣本數(shù)據(jù)不夠廣，數(shù)據(jù)分析結(jié)果不精準(zhǔn)。
如果碰到那種拍腦袋定方案的項(xiàng)目，那競(jìng)品分析就更需要提前讓團(tuán)隊(duì)了解，避免產(chǎn)生大量的“無(wú)用功”。

輸出形式
網(wǎng)上的競(jìng)品分析輸出形式有很多種，個(gè)人覺(jué)得輸出形式不需要太刻意，重要的是將客觀的分析結(jié)果展示清楚，并且方便你的團(tuán)隊(duì)成員查看即可。像我這次，競(jìng)品分析報(bào)告會(huì)包含很多競(jìng)品的截圖，我是直接在fimga上收納文件，整理成矩陣表，將所有的圖和表格都在一起，方便其他成員查看。

持續(xù)關(guān)注
對(duì)于調(diào)研的樣本，需要持續(xù)關(guān)注他的動(dòng)向，特別是直接競(jìng)品。要及時(shí)發(fā)現(xiàn)隨著市場(chǎng)變化，競(jìng)品產(chǎn)品采取的措施或改動(dòng)，進(jìn)而分析市場(chǎng)行情、業(yè)態(tài)變動(dòng)，也為自家產(chǎn)品迭代方向收集相應(yīng)的數(shù)據(jù)支撐。

作者：BDZJason
來(lái)源：站酷

評(píng)論(0) 瀏覽(1117)

112024-2

設(shè)計(jì)心理學(xué)-稟賦效應(yīng)

博博

什么是稟賦效應(yīng)

當(dāng)一個(gè)物品用戶(hù)沒(méi)有擁有時(shí)，對(duì)他的價(jià)值感相對(duì)較低，當(dāng)用戶(hù)擁有時(shí)會(huì)高估和珍惜物品的價(jià)值。

它是怎么產(chǎn)生的

心理學(xué)家 Daniel Kahneman、Jack Knetsch 和 Richard Thaler 對(duì)稟賦效應(yīng)進(jìn)行了實(shí)驗(yàn)，并在他們 1990 年的論文“稟賦效應(yīng)和粗略定理的實(shí)驗(yàn)檢驗(yàn)”中展示了這一概念，這一現(xiàn)象可以用行為金融學(xué)中的“損失厭惡”理論來(lái)解釋?zhuān)摾碚撜J(rèn)為一定量的損失給人們帶來(lái)的效用降低要多過(guò)相同的收益給人們帶來(lái)的效用增加。因此人們?cè)跊Q策過(guò)程中對(duì)利害的權(quán)衡是不均衡的，對(duì)“避害”的考慮遠(yuǎn)大于對(duì)“趨利”的考慮。出于對(duì)損失的畏懼，人們?cè)诔鲑u(mài)商品時(shí)往往索要過(guò)高的價(jià)格。

比如我們過(guò)生日收到的禮物，在沒(méi)有得到這件禮物之前，我們對(duì)他的價(jià)值或者吸引力往往沒(méi)那么高，但是當(dāng)這件禮物通過(guò)生日的形式送給你的時(shí)候，他就具有一定的意義并且這件禮物是屬于你的，假如此時(shí)有人花市場(chǎng)價(jià)購(gòu)買(mǎi)你的禮物，內(nèi)心更多的想法是不舍得賣(mài)，因?yàn)檫@件禮物已經(jīng)屬于你了。

講個(gè)自己真實(shí)的故事，我自己是對(duì)一些財(cái)富手串、事業(yè)手串等等相關(guān)的東西不感興趣的，哪怕他很便宜我也不會(huì)去買(mǎi)，但是有一天女朋友從雍和宮幫我求來(lái)一個(gè)財(cái)富手串并且還是開(kāi)過(guò)光的，以后我就每天帶著這個(gè)手串形影不離，有一次放在某個(gè)地方找不到了，當(dāng)時(shí)我就很焦慮，感覺(jué)自己損失了很大一筆錢(qián)，這個(gè)其實(shí)就是稟賦效應(yīng)作祟，因?yàn)檫@件東西通過(guò)很特別的方式才到我手里，我已經(jīng)認(rèn)定這就是我的東西了，所以他對(duì)我的價(jià)值是極其高，哪怕我之前對(duì)這種手串不感興趣。

產(chǎn)品中的應(yīng)用

賦予更高的價(jià)值

最常見(jiàn)的產(chǎn)品設(shè)計(jì)場(chǎng)景中就是分享的場(chǎng)景，例如我們常見(jiàn)的一些分享都是底部彈出一些第三方鏈接方式，那么想一下這樣的方式分享率極低，我們可以利用稟賦效應(yīng)去強(qiáng)化產(chǎn)品的價(jià)值感，在學(xué)習(xí)產(chǎn)品中把學(xué)習(xí)數(shù)據(jù)融入分享頁(yè)面中提升讓用戶(hù)感受到學(xué)習(xí)的價(jià)值增加分享欲望，在旅游產(chǎn)品中一般都會(huì)記錄用戶(hù)的旅游足跡，此時(shí)把用戶(hù)經(jīng)過(guò)的城市以地圖的形式融入在分享頁(yè)面中，激發(fā)用戶(hù)的旅游價(jià)值，稟賦效應(yīng)在分享產(chǎn)品中不止這些玩法，商品收貨時(shí)、貴重物品分享時(shí)等等。

誘導(dǎo)稟賦效應(yīng)

誘導(dǎo)即是向用戶(hù)贈(zèng)送免費(fèi)的東西，通過(guò)這種方式提供免費(fèi)試用服務(wù)或者是一些優(yōu)惠禮包等，當(dāng)?shù)玫矫赓M(fèi)服務(wù)或者優(yōu)惠時(shí)由于稟賦效應(yīng)用戶(hù)可能會(huì)去進(jìn)行付費(fèi)或者深度使用，讓用戶(hù)感受到這是它自己的東西，對(duì)產(chǎn)品的價(jià)值感加倍。（但是我感覺(jué)這種方式效果提升不是很明顯，但是確實(shí)可以利用這種心理去嘗試可能會(huì)有意外收獲。）

個(gè)性化價(jià)值

誘發(fā)稟賦效應(yīng)的另一個(gè)重要因素是用戶(hù)的主人翁意識(shí)，在一些產(chǎn)品中會(huì)有一些個(gè)性化的設(shè)置，用戶(hù)可以根據(jù)自己的喜好去進(jìn)行設(shè)置，這樣可以讓用戶(hù)與產(chǎn)品產(chǎn)生價(jià)值聯(lián)動(dòng)，比如谷歌瀏覽器的背景和同步功能就是我一直使用的原因，雖然其他瀏覽器也有同樣的功能，但是在互聯(lián)網(wǎng)初期谷歌可是用這個(gè)功能吸引了不少用戶(hù)，在比如app中常見(jiàn)的換膚、換色等功能。

反面效應(yīng)

有正向的也就有反向的，反向指的就是厭惡效應(yīng)，人們對(duì)自己所擁有的東西更加珍視，所以對(duì)于損失所表現(xiàn)出來(lái)的厭惡要比獲取收益表現(xiàn)出的愉悅強(qiáng)烈得多，我們往往會(huì)對(duì)所損失的東西更為敏感，有心理學(xué)家實(shí)驗(yàn)過(guò)，股票下跌的損失要用雙倍的漲幅才能挽回心理痛苦，在產(chǎn)品中常見(jiàn)的就是會(huì)員試用服務(wù)，當(dāng)我們給用戶(hù)7天或者30天的試用期后，時(shí)間一到大部分用戶(hù)都會(huì)選擇付費(fèi)，因?yàn)樗麄兡J(rèn)這些服務(wù)已經(jīng)擁有不愿損失。

總結(jié)

情緒和社會(huì)會(huì)影響一個(gè)人的決策，因此根據(jù)行為經(jīng)濟(jì)學(xué)，當(dāng)我們了解這些因素時(shí)，我們可以構(gòu)建設(shè)計(jì)來(lái)幫助用戶(hù)做出可能的最佳決策，產(chǎn)品設(shè)計(jì)師可以通過(guò)使用價(jià)值賦能、個(gè)性化、免費(fèi)試用等簡(jiǎn)單方法，利用這種效果來(lái)提高產(chǎn)品的留存率和滲透率。

作者：愛(ài)吃貓的魚(yú)___
來(lái)源：站酷

評(píng)論(0) 瀏覽(1134)

112024-2

設(shè)計(jì)心理學(xué)-五架帽理論

博博

什么是五架帽理論

五架帽理論簡(jiǎn)稱(chēng)為L(zhǎng)ATCH原則，它定義了在好的組織性信息才能提升用戶(hù)體驗(yàn)，使設(shè)計(jì)更易于理解、靈活和可維護(hù)。

它是怎么產(chǎn)生的

LATCH的概念最初由Richard Saul Wurman在他的設(shè)計(jì)原則和設(shè)計(jì)模式中提到，后來(lái)在他的《信息架構(gòu)》的書(shū)中重新定義了五架帽概念。

LATCH即是Location位置，Alphabet字母，Time時(shí)間，Category類(lèi)別和Hierarchy視覺(jué)層級(jí)組成，這五種方式目標(biāo)都是通過(guò)高效的信息呈現(xiàn)來(lái)提升用戶(hù)體驗(yàn)。

產(chǎn)品中怎么用

Location位置

理論上講的是通過(guò)位置來(lái)組織信息，其實(shí)比較好理解，我們可以理解為你本人所在位置是一個(gè)坐標(biāo)點(diǎn)，所有的信息形成都是圍繞你的坐標(biāo)點(diǎn)來(lái)組成的。

例如地圖軟件中你的當(dāng)前位置不斷變換，手機(jī)屏幕中不斷加載出新的地標(biāo)建筑，在一些游戲場(chǎng)景，例如絕地求生，隨著你的位置變換，不同的建筑環(huán)境、人、道具等都會(huì)隨著在你周?chē)霈F(xiàn)，當(dāng)一些信息組成對(duì)用戶(hù)非常重視時(shí)則會(huì)優(yōu)先出現(xiàn)，比如駕駛過(guò)程中當(dāng)前位置不變，地圖會(huì)優(yōu)先加載道路信息，其次是建筑信息（網(wǎng)絡(luò)波動(dòng)的時(shí)候比較明顯）。

并且隨著VR/元宇宙等技術(shù)，基于位置變換組織信息已經(jīng)是非常重要的一環(huán)。

總結(jié)：通過(guò)位置結(jié)合時(shí)間能夠給用戶(hù)展示高效率的信息

Time字母

與字面意思一樣，按字母順序排列信息，當(dāng)數(shù)據(jù)量很大時(shí)，它是組織信息的最佳方法之一，在產(chǎn)品應(yīng)用中常見(jiàn)的就是像通訊錄、目錄等能夠快速的定位到信息，通過(guò)這種方式延伸出其他場(chǎng)景的排序方式，例如電商產(chǎn)品中的側(cè)邊分類(lèi)，就是利用英文字母的邏輯把商品類(lèi)別進(jìn)行分類(lèi)，在一種就是按照時(shí)間的維度進(jìn)行信息分類(lèi)。

Category類(lèi)別

當(dāng)信息具有相同性需要排序的時(shí)候，使用分類(lèi)的方式能夠最快的提升用戶(hù)篩選效率，在我們生活我們每個(gè)人都有分類(lèi)的習(xí)慣，如電腦桌上會(huì)放置一些小物件或電子設(shè)備相關(guān)的，衣柜里統(tǒng)一都放衣服每一層放不同季節(jié)的衣服，每當(dāng)我們想使用到某件物品時(shí)第一時(shí)間就能定位到它的位置。

在產(chǎn)品中使用最多的是分類(lèi)和導(dǎo)航，例如同樣的鞋子可以用品牌分類(lèi)，也可以按照季節(jié)分類(lèi)或者性別分類(lèi)......音樂(lè)可以用流行、搖滾、民謠等等分類(lèi)......

類(lèi)別是該理論中比較關(guān)鍵的一環(huán)，它定義事物按照分類(lèi)的方式能夠讓用戶(hù)快速的查找信息組織。

Hierarchy視覺(jué)層級(jí)

上面位置、字母、類(lèi)別都是提高信息查找效率，視覺(jué)層級(jí)與字面意思相同，當(dāng)我們滿(mǎn)足基本的查找效率后可以使用不同的視覺(jué)層級(jí)來(lái)凸顯重要性。

例如在產(chǎn)品設(shè)計(jì)中可以從顏色、大小等方式來(lái)滿(mǎn)足我們想要的層級(jí)梯度，讓產(chǎn)品/用戶(hù)的核心價(jià)值快速的讓用戶(hù)察覺(jué)到。

總結(jié)

上面只是對(duì)每條規(guī)則單獨(dú)拆出來(lái)解析，實(shí)際中它們是可以共存的，如位置結(jié)合時(shí)間能夠讓用戶(hù)第一時(shí)間看到重要信息，類(lèi)別結(jié)合字母就出現(xiàn)了我們看到的通訊錄，類(lèi)別結(jié)合視覺(jué)層級(jí)能夠讓分類(lèi)更加重要等。

五架帽理論最終目的都是為了提升用戶(hù)使用產(chǎn)品時(shí)的信息效率，它的五條設(shè)計(jì)規(guī)則也是在產(chǎn)品設(shè)計(jì)中的必須要遵守的，為什么說(shuō)要遵守，因?yàn)樵O(shè)計(jì)中我們可以仔細(xì)回想下，基本上每一個(gè)頁(yè)面的誕生都與這五條規(guī)則相關(guān)，一但違背，這個(gè)頁(yè)面的可用性或者美觀就會(huì)有所缺失。

作者：愛(ài)吃貓的魚(yú)___
來(lái)源：站酷

評(píng)論(0) 瀏覽(1116)

092024-2

設(shè)計(jì)心理學(xué)-峰終定律

博博

什么是峰終定律

用戶(hù)在使用一個(gè)產(chǎn)品流程時(shí)的高峰體驗(yàn)和結(jié)尾體驗(yàn)。

用峰終法則提升用戶(hù)在整個(gè)產(chǎn)品上或某個(gè)功能上的體驗(yàn)，需要先對(duì)用戶(hù)在整個(gè)產(chǎn)品上或某個(gè)功能上的使用行為與想法進(jìn)行分析，并繪制出用戶(hù)的情緒曲線，根據(jù)情緒的峰值節(jié)點(diǎn)和使用流程的結(jié)尾，這兩個(gè)“關(guān)鍵時(shí)刻”，進(jìn)行體驗(yàn)上的重點(diǎn)打造。

它是怎么產(chǎn)生的

2002年的諾貝爾經(jīng)濟(jì)學(xué)獎(jiǎng)得主、美國(guó)心理學(xué)家丹尼爾•卡尼曼經(jīng)過(guò)深入研究，發(fā)現(xiàn)人們對(duì)體驗(yàn)的記憶由兩個(gè)因素決定，即高峰（無(wú)論是正向的還是負(fù)向的）時(shí)與結(jié)束時(shí)的感覺(jué)，這就是“峰終定律”。關(guān)于峰終定律有這樣一個(gè)實(shí)驗(yàn)：讓兩組人員聽(tīng)相同時(shí)間的強(qiáng)噪音，然后一組停下來(lái)，另一組接著再聽(tīng)一段時(shí)間的弱噪音，就實(shí)際遭遇來(lái)講，后一組比前一組受了更多的折磨，但是聽(tīng)到更長(zhǎng)時(shí)間噪音的后一組的痛苦指數(shù)卻要比前一組低很多，原因就是對(duì)于兩組人員來(lái)講，結(jié)束時(shí)刻的噪音給他們留下的感受最為深刻，因而他們的痛苦指數(shù)主要是由噪音結(jié)束時(shí)的刺激程度所決定的。在另外一種情況下，令兩組人員聽(tīng)相同時(shí)間的噪音，其中一組的噪音強(qiáng)度較高，另外一組的噪音強(qiáng)度較低，但是其中某一時(shí)刻聽(tīng)到了極其刺耳的超強(qiáng)度的噪音，結(jié)果就是，后一組的痛苦指數(shù)要高于前一組，盡管就總體而言，后一組所聽(tīng)到的噪音強(qiáng)度要低許多。

這體現(xiàn)的就是感受過(guò)程中的“高峰”一刻的決定作用。依照峰終定律，高峰和結(jié)束時(shí)的體驗(yàn)主宰了人們這段感受的性質(zhì)和強(qiáng)弱的程度，而跟感受的總的比重以及體驗(yàn)時(shí)間的長(zhǎng)短無(wú)關(guān)。也就是說(shuō)，如果在一段體驗(yàn)的高峰和結(jié)尾，體驗(yàn)是愉悅的，那么對(duì)整個(gè)體驗(yàn)的感受就是愉悅的，即使這次體驗(yàn)更多的是痛苦或不愉快的感受。

需要我們記住

用戶(hù)根據(jù)體驗(yàn)的高峰和結(jié)束來(lái)判斷產(chǎn)品體驗(yàn)是否好壞，并不是根據(jù)用戶(hù)使用產(chǎn)品的每一個(gè)節(jié)點(diǎn)感受的平均值來(lái)判定，我們可以理解為結(jié)果比過(guò)程重要。

就像我們看電影時(shí)，一個(gè)電影2小時(shí)前1小時(shí)都枯燥無(wú)味，突然中間有5分鐘讓你的情緒上升，此時(shí)你可能覺(jué)得這個(gè)電影還行，至少讓你達(dá)到了情緒高潮，當(dāng)你繼續(xù)觀看時(shí)電影片段又變得枯燥無(wú)味，突然最后10分鐘和結(jié)束時(shí)出現(xiàn)了電影彩蛋，并且這10分鐘的內(nèi)容特別符合你的胃口，這時(shí)候你就會(huì)出現(xiàn)一種“嗯，這個(gè)電影不錯(cuò)，結(jié)局挺好”這樣的心理暗示，此時(shí)會(huì)發(fā)現(xiàn)接近100多分鐘的枯燥內(nèi)容都被你忽略掉了，或者你也記得但是你默認(rèn)了電影90%的枯燥。

產(chǎn)品中該怎么用

強(qiáng)化峰值

一些app里在用戶(hù)購(gòu)買(mǎi)成功后，將已購(gòu)商品以一種具有儀式感的收藏卡形式展示給用戶(hù)，給用戶(hù)驚喜的體驗(yàn)，在盲盒星球內(nèi)購(gòu)買(mǎi)盲盒成功后會(huì)彈出卡片，把用戶(hù)獲得感拉滿(mǎn)，在網(wǎng)易云音樂(lè)直播間內(nèi)如果是新手用戶(hù)就會(huì)彈出新人見(jiàn)面禮，通過(guò)視覺(jué)的表現(xiàn)形式把氛圍拉拉滿(mǎn)，當(dāng)然還有一種反向峰值，當(dāng)有一些產(chǎn)品進(jìn)行抽獎(jiǎng)時(shí)，如果用戶(hù)未中獎(jiǎng)會(huì)彈出情感化彈窗，對(duì)用戶(hù)進(jìn)行安慰降低用戶(hù)的挫敗感。

上面講的偏向于業(yè)務(wù)彈窗，還有一種是功能性彈窗，當(dāng)用戶(hù)使用某個(gè)產(chǎn)品流程時(shí)，這個(gè)流程可能通過(guò)多個(gè)維度才能到達(dá)最終的節(jié)點(diǎn)，在最后用戶(hù)完成操作時(shí)通過(guò)情感化彈窗進(jìn)行提示，又或者在版本升級(jí)時(shí)需要引導(dǎo)用戶(hù)進(jìn)行更新，使用情感化的表現(xiàn)，能夠?qū)a(chǎn)品與用戶(hù)產(chǎn)生情緒共鳴，增加趣味性，提升體驗(yàn)。

降低負(fù)面峰值

當(dāng)用戶(hù)使用產(chǎn)品去完成目標(biāo)時(shí)，突然中間步驟出現(xiàn)網(wǎng)絡(luò)波動(dòng)、網(wǎng)絡(luò)斷開(kāi)等不可抗拒的因素，此時(shí)在頁(yè)面中添加一些情感化設(shè)計(jì)，會(huì)緩解用戶(hù)焦慮情緒，甚至可以在空狀態(tài)中添加動(dòng)效來(lái)提升趣味性。

我是這么做的

近期在工作中做了一個(gè)直播項(xiàng)目，其中的一個(gè)功能就涉及到直播抽獎(jiǎng)，因?yàn)楫a(chǎn)品獎(jiǎng)品比例較多且輪數(shù)也多，用戶(hù)的中獎(jiǎng)幾率也比較高，所以導(dǎo)致用戶(hù)在中獎(jiǎng)后基本就退出直播間，因此在做設(shè)計(jì)的過(guò)程中為了避免這個(gè)問(wèn)題，我在中間彈窗上做了優(yōu)化。

通過(guò)情感的中獎(jiǎng)彈窗形式來(lái)強(qiáng)化用戶(hù)的感知度，在直播過(guò)程中提升興奮感，提升用戶(hù)觀看的直播的欲望。

最后一定是終值

在講一個(gè)案例，去年我們做一個(gè)刷題功能的體驗(yàn)優(yōu)化，用戶(hù)在刷題場(chǎng)景下會(huì)面對(duì)幾十道甚至上百道題目，整個(gè)過(guò)程非常漫長(zhǎng)，并且舊版的功能交互上并沒(méi)有展示總共還有多少題的這個(gè)提示，用戶(hù)在刷題過(guò)程中會(huì)非常焦慮，為了解決這個(gè)問(wèn)題，通過(guò)這三個(gè)手段改進(jìn)，1）我在刷題過(guò)程中以進(jìn)度條的形式去實(shí)時(shí)告知用戶(hù)刷題進(jìn)度，減少用戶(hù)焦慮，2）用戶(hù)在最后幾題的場(chǎng)景中會(huì)添加鼓勵(lì)話(huà)語(yǔ)，強(qiáng)化用戶(hù)峰值，3）在結(jié)果頁(yè)面為用戶(hù)展示直觀的數(shù)據(jù)變化，強(qiáng)化用戶(hù)的滿(mǎn)足感，同時(shí)激勵(lì)用戶(hù)進(jìn)行持續(xù)性刷題。

總結(jié)

用戶(hù)只記得使用過(guò)程中體驗(yàn)高的場(chǎng)景和結(jié)束時(shí)的場(chǎng)景。
無(wú)論是在交互還是視覺(jué)上我們都可以利用峰終定律幫助用戶(hù)達(dá)到好的使用體驗(yàn)。

作者：愛(ài)吃貓的魚(yú)___
來(lái)源：站酷

評(píng)論(0) 瀏覽(1172)

072024-2

從用戶(hù)體驗(yàn)到細(xì)節(jié)之美：移動(dòng)端彈窗設(shè)計(jì)

博博

在當(dāng)今的移動(dòng)應(yīng)用設(shè)計(jì)中，彈窗作為一種重要的交互元素，對(duì)于提升用戶(hù)體驗(yàn)和增強(qiáng)應(yīng)用的可用性具有舉足輕重的作用。然而，彈窗設(shè)計(jì)并非簡(jiǎn)單的堆砌信息，它需要考慮到用戶(hù)的使用習(xí)慣、心理預(yù)期以及操作流程等多個(gè)方面。因此，如何設(shè)計(jì)出優(yōu)秀的移動(dòng)端彈窗，成為了一個(gè)值得探討的話(huà)題。

本文旨在為設(shè)計(jì)師們提供一份全面的移動(dòng)端彈窗設(shè)計(jì)指南。我們將從彈窗的定義與重要性、類(lèi)型與使用場(chǎng)景、設(shè)計(jì)原則以及不同場(chǎng)景下的彈窗設(shè)計(jì)等方面進(jìn)行深入探討。希望通過(guò)本文的分享，能夠幫助設(shè)計(jì)師們更好地掌握移動(dòng)端彈窗設(shè)計(jì)的技巧，提升應(yīng)用的用戶(hù)體驗(yàn)。

從用戶(hù)體驗(yàn)到細(xì)節(jié)之美：移動(dòng)端彈窗設(shè)計(jì)

彈窗是用戶(hù)界面中的一種重要元素，它是一種臨時(shí)性的、可交互的窗口，用于向用戶(hù)展示信息、提示、警告或提供額外的功能。在移動(dòng)應(yīng)用中，彈窗通常用于在用戶(hù)執(zhí)行某些操作或觸發(fā)某些事件時(shí)提供反饋或額外的信息。

彈窗設(shè)計(jì)的好壞直接影響到用戶(hù)體驗(yàn)和應(yīng)用的易用性。一個(gè)好的彈窗設(shè)計(jì)能夠提供清晰、簡(jiǎn)潔、易于理解的信息，同時(shí)不會(huì)干擾用戶(hù)的操作流程。而一個(gè)不好的彈窗設(shè)計(jì)可能會(huì)讓用戶(hù)感到困惑或不便，甚至可能導(dǎo)致誤操作。

1、阻斷式彈窗

模態(tài)彈窗是一種需要用戶(hù)進(jìn)行響應(yīng)的彈窗。它通常會(huì)覆蓋整個(gè)屏幕，并阻止用戶(hù)進(jìn)行其他操作，直到用戶(hù)對(duì)彈窗做出響應(yīng)。打斷用戶(hù)當(dāng)前的操作流程，屬于強(qiáng)勢(shì)的干擾行為，通常用于需要用戶(hù)確認(rèn)或選擇的操作，例如刪除數(shù)據(jù)、確認(rèn)操作等。

2、非阻斷式彈窗

非模態(tài)彈窗是一種不會(huì)覆蓋整個(gè)屏幕的彈窗。它通常會(huì)以小窗口的形式出現(xiàn)在屏幕的一角或下方，用于提供一些簡(jiǎn)短的信息提示或警告。是一種輕量級(jí)的反饋，不會(huì)對(duì)用戶(hù)流程產(chǎn)生干擾，同時(shí)又給了用戶(hù)反饋和信息。并且有時(shí)間限制，在一定時(shí)間里自動(dòng)消失。不需要用戶(hù)進(jìn)行點(diǎn)擊操作，只需要讓用戶(hù)看到即可，常見(jiàn)的非模態(tài)彈窗包括Toast提示框、Snackbar提示對(duì)話(huà)框等。

1、彈窗設(shè)計(jì)尺寸定義

移動(dòng)UI彈窗的設(shè)計(jì)尺寸通常取決于多個(gè)因素，通常需要考慮設(shè)備的屏幕尺寸和分辨率。以下是一些常見(jiàn)的移動(dòng)端彈窗設(shè)計(jì)尺寸定義規(guī)范：

① 彈窗寬度

在移動(dòng)設(shè)備上，彈窗的寬度通常會(huì)與設(shè)備屏幕寬度相適應(yīng)。因此，彈窗的寬度可以設(shè)置為設(shè)備屏幕寬度的80%至90%，這樣可以確保彈窗在不同屏幕尺寸上都能良好地展示。

② 彈窗高度

移動(dòng)端彈窗的高度應(yīng)該根據(jù)內(nèi)容的多少進(jìn)行自適應(yīng)，但要避免過(guò)高導(dǎo)致用戶(hù)需要滾動(dòng)查看。通常建議彈窗的最大高度不超過(guò)設(shè)備屏幕高度的80%。

③ 按鈕大小

在移動(dòng)端彈窗中，按鈕的大小應(yīng)該足夠大，以便用戶(hù)能夠輕松點(diǎn)擊。按鈕的大小一般建議在44px至56px之間，同時(shí)保持足夠的間距，避免誤觸。

④ 字體大小

移動(dòng)端彈窗中的字體大小應(yīng)該適中，既要保證內(nèi)容的可讀性，又要避免過(guò)大或過(guò)小導(dǎo)致視覺(jué)上的不適。通常建議標(biāo)題字體大小在16px至20px之間，正文字體大小在14px至16px之間。

這些尺寸定義規(guī)范可以幫助我們?cè)谝苿?dòng)設(shè)備上創(chuàng)建具有良好用戶(hù)體驗(yàn)的彈窗。然而，需要注意的是，這些規(guī)范并非絕對(duì)，在實(shí)際設(shè)計(jì)中還需要根據(jù)具體需求和場(chǎng)景進(jìn)行調(diào)整。同時(shí)，考慮到不同設(shè)備和操作系統(tǒng)的差異，還需要進(jìn)行充分的測(cè)試和調(diào)整，以確保彈窗在各種情況下都能提供最佳的用戶(hù)體驗(yàn)。

2、彈窗設(shè)計(jì)版式

彈窗的版式設(shè)計(jì)可以根據(jù)需求進(jìn)行多種多樣的變化，但一般來(lái)說(shuō)，以下幾種版式設(shè)計(jì)是比較常見(jiàn)的：

① 文字列表框

在頁(yè)面底部出現(xiàn)，以簡(jiǎn)潔的功能描述性文字展示功能按鈕，敏感的功能操作一般顏色字體標(biāo)出。

在進(jìn)行此類(lèi)彈窗設(shè)計(jì)時(shí)，有幾個(gè)關(guān)鍵要點(diǎn)需要特別關(guān)注：

首先，文案必須簡(jiǎn)潔明了，直接傳達(dá)核心信息。避免使用冗長(zhǎng)或復(fù)雜的措辭，以免用戶(hù)產(chǎn)生困惑。

其次，為了突出核心內(nèi)容，可以采用一些視覺(jué)上的設(shè)計(jì)技巧，如加粗、變色或增大字體大小。這樣有助于迅速吸引用戶(hù)的注意力。

在顏色、字體和布局方面，保持一致性至關(guān)重要。這樣可以增強(qiáng)應(yīng)用的品牌識(shí)別度，并為用戶(hù)提供更加統(tǒng)一和連貫的體驗(yàn)。

再次，對(duì)于包含大量文字信息的彈窗，可讀性是關(guān)鍵。合理使用標(biāo)題、段落和列表來(lái)組織內(nèi)容，避免布局過(guò)于擁擠或空白過(guò)多。這樣可以提高信息的可讀性和易理解性。

最后，考慮彈窗在不同尺寸屏幕上的適應(yīng)性是必要的。通過(guò)合理的設(shè)計(jì)布局和響應(yīng)式設(shè)計(jì)，確保彈窗在實(shí)際使用中的顯示效果和用戶(hù)體驗(yàn)不受屏幕尺寸的影響。

② 圖文排列

當(dāng)功能按鈕數(shù)量很多的時(shí)候，將文字和圖片按照一定的排列方式組合在一起，以吸引用戶(hù)的注意力并傳達(dá)信息。這種樣式下需要注意彈窗內(nèi)各功能按鈕的UI設(shè)計(jì)和排列布局。

以下是一些常見(jiàn)的圖文排列類(lèi)型的彈窗設(shè)計(jì)方式：

2.1 文字居中，圖片居側(cè)

這種方式將文字居中顯示，而圖片則位于文字的一側(cè)。這種設(shè)計(jì)方式常用于一些需要強(qiáng)調(diào)文字信息的彈窗，例如確認(rèn)框或者提示框。

2.2 圖片居中，文字居側(cè)

這種方式將圖片居中顯示，而文字則位于圖片的一側(cè)。這種設(shè)計(jì)方式常用于一些需要展示圖片的彈窗，例如相冊(cè)或者圖片查看器。

2.3 文字在下方，圖片在上方

這種方式將文字放置在圖片的下方，以增強(qiáng)文字與圖片的聯(lián)系。這種設(shè)計(jì)方式常用于一些需要展示產(chǎn)品或者文章的彈窗，例如產(chǎn)品詳情頁(yè)或者新聞?wù)?/div>

2.4 文字和圖片交錯(cuò)排列

這種方式將文字和圖片交錯(cuò)排列在一起，以增強(qiáng)信息的層次感和視覺(jué)沖擊力。這種設(shè)計(jì)方式常用于一些需要展示多個(gè)信息的彈窗，例如表單或者調(diào)查問(wèn)卷。

無(wú)論采用哪種圖文排列類(lèi)型的彈窗設(shè)計(jì)方式，都需要注重文字和圖片的協(xié)調(diào)性和統(tǒng)一感，以保證彈窗的整體美觀度和易用性。同時(shí)，還需要根據(jù)具體的彈窗類(lèi)型和目的來(lái)選擇合適的設(shè)計(jì)方式，以便更好地傳遞信息并吸引用戶(hù)的注意力。

③ 選擇列表框

用選項(xiàng)代替了功能按鈕，這種設(shè)計(jì)方式的好處是減少了功能流程中的頁(yè)面跳轉(zhuǎn)，但如果選項(xiàng)很多而且描述文字較多的時(shí)候，還是設(shè)計(jì)成選項(xiàng)詳情頁(yè)更好些。

以下是一些常見(jiàn)的選擇列表框的類(lèi)型：

3.1 單選列表框

這種方式只允許用戶(hù)選擇一個(gè)選項(xiàng)，常用于一些需要用戶(hù)做出唯一選擇的場(chǎng)景，例如性別選擇、國(guó)家選擇等。

3.2 多選列表框

這種方式允許用戶(hù)選擇多個(gè)選項(xiàng)，常用于一些需要用戶(hù)做出多個(gè)選擇的場(chǎng)景，例如定制化需求、標(biāo)簽選擇等。

3.3 下拉列表框

這種方式將所有選項(xiàng)折疊在一個(gè)下拉列表中，用戶(hù)可以通過(guò)滑動(dòng)或者點(diǎn)擊來(lái)查看并選擇選項(xiàng)。這種設(shè)計(jì)方式常用于一些需要節(jié)省空間或者隱藏復(fù)雜選項(xiàng)的場(chǎng)景。

3.4 彈出式列表框

這種方式將選項(xiàng)以彈出式的方式展示在彈窗中，用戶(hù)可以通過(guò)點(diǎn)擊來(lái)查看并選擇選項(xiàng)。這種設(shè)計(jì)方式常用于一些需要快速選擇的場(chǎng)景，例如快捷菜單、操作菜單等。

作者：散落的那些
鏈接：https://www.zcool.com.cn/article/ZMTYwNDQ2NA==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

評(píng)論(0) 瀏覽(1242)

072024-2

探究UI設(shè)計(jì)中形狀的創(chuàng)意與應(yīng)用

博博

在UI設(shè)計(jì)中，形狀設(shè)計(jì)是一個(gè)至關(guān)重要的環(huán)節(jié)。對(duì)其選擇和排列會(huì)直接影響到界面的美觀度和用戶(hù)的交互體驗(yàn)。接下來(lái)將詳細(xì)探討UI設(shè)計(jì)中的形狀設(shè)計(jì)，包括其重要性、基本原則和實(shí)際應(yīng)用。

形狀可以幫助用戶(hù)理解和操作界面。一個(gè)優(yōu)秀的形狀設(shè)計(jì)應(yīng)該具有清晰、簡(jiǎn)潔和易于理解的特點(diǎn)，我們?cè)谄綍r(shí)做設(shè)計(jì)中，需要將這些原則深入到每一個(gè)細(xì)節(jié)中。

在設(shè)計(jì)中，形狀的識(shí)別和理解是至關(guān)重要的。一個(gè)成功的形狀設(shè)計(jì)應(yīng)該能夠快速地被用戶(hù)識(shí)別并理解。例如，一個(gè)常見(jiàn)的形狀可以使用不同的顏色和大小來(lái)區(qū)分主要內(nèi)容和次要內(nèi)容，從而引導(dǎo)用戶(hù)的注意力。

1、形狀的一致性

在UI設(shè)計(jì)中，一致性是一個(gè)非常重要的原則。一個(gè)好的形狀設(shè)計(jì)應(yīng)該在整個(gè)應(yīng)用程序中保持一致，從而使用戶(hù)可以輕松地導(dǎo)航和操作。例如，閑魚(yú)APP里的所有的按鈕可以使用相同的形狀和顏色，以便用戶(hù)可以輕松地識(shí)別并操作。

2、形狀的個(gè)性化與品牌識(shí)別

一個(gè)獨(dú)特的形狀設(shè)計(jì)可以幫助品牌在競(jìng)爭(zhēng)激烈的市場(chǎng)中脫穎而出。一個(gè)好的形狀設(shè)計(jì)應(yīng)該能夠體現(xiàn)品牌的個(gè)性和價(jià)值觀，從而增強(qiáng)品牌的識(shí)別度。使用獨(dú)特的圖標(biāo)和標(biāo)志來(lái)傳達(dá)其品牌形象和價(jià)值觀。例如：小米的logo、京東狗、淘寶天貓。

1、按鈕設(shè)計(jì)

按鈕是UI設(shè)計(jì)中最重要的元素之一。一個(gè)好的按鈕設(shè)計(jì)應(yīng)該具有清晰的形狀和易于理解的標(biāo)簽。

按鈕形狀主要有直角、小圓角、全圓角三種樣式。

① 直角按鈕具有嚴(yán)謹(jǐn)、力量、高端的特點(diǎn)，適用于大牌美妝、奢侈品類(lèi)產(chǎn)品；

② 小圓角按鈕具有穩(wěn)定、中性的感覺(jué)，適用于用戶(hù)跨度較大的常規(guī)類(lèi)產(chǎn)品中，例如微信、滴滴、抖音等；

③ 全圓角按鈕更加溫和、親切，適用于電商類(lèi)和兒童類(lèi)的產(chǎn)品中。

按鈕尺寸和比例根據(jù)iOS和Android的規(guī)范，按鈕尺寸至少高于5.5毫米（36 pt），否則用戶(hù)點(diǎn)擊時(shí)會(huì)較為困難。同時(shí)，按鈕長(zhǎng)度固定，文字長(zhǎng)度變化或是按鈕長(zhǎng)度根據(jù)文字長(zhǎng)短而變化的設(shè)計(jì)方式也需要考慮文字距離按鈕上下左右邊距的比例關(guān)系。

總的來(lái)說(shuō)，UI中按鈕形狀的設(shè)計(jì)需要結(jié)合具體的產(chǎn)品屬性和界面風(fēng)格，以及用戶(hù)的使用習(xí)慣來(lái)進(jìn)行綜合考慮。

2、圖標(biāo)設(shè)計(jì)

圖標(biāo)是UI設(shè)計(jì)中另一種重要的具有高度概括性和視覺(jué)傳達(dá)性的小尺寸圖像元素。可以幫助用戶(hù)快速地識(shí)別和理解功能和信息，是靠文案無(wú)法實(shí)現(xiàn)的。

例如，天氣圖標(biāo)通過(guò)其形狀、色彩和設(shè)計(jì)元素直觀地傳達(dá)不同的天氣狀況和氣象信息，幫助人們更好地了解天氣狀況。又如衛(wèi)生間男女圖標(biāo)的設(shè)計(jì)讓人們易于識(shí)別和理解。

在UI設(shè)計(jì)中，圖標(biāo)的圓角度通常是怎么定義的呢？

① 大圓角：應(yīng)用在以圓潤(rùn)、可愛(ài)為主要風(fēng)格的UI設(shè)計(jì)中，以營(yíng)造出更加柔和、親切的視覺(jué)效果。

② 小圓角：小圓角作為一種微妙的細(xì)節(jié)元素，可以增加圖標(biāo)的層次感和細(xì)節(jié)。在追求設(shè)計(jì)質(zhì)感的界面中，適當(dāng)添加小圓角可以使圖標(biāo)更加精致和有品質(zhì)感。

③ 無(wú)圓角：應(yīng)用在科技或現(xiàn)代感的UI設(shè)計(jì)中，以營(yíng)造出更加硬朗、冷峻的視覺(jué)效果。但使用需要克制，過(guò)多的直角可能會(huì)讓整個(gè)界面顯得生硬和冷感。

補(bǔ)充一點(diǎn)，我發(fā)現(xiàn)一個(gè)重要細(xì)節(jié)，就是很多人在計(jì)算內(nèi)圓角數(shù)值時(shí)都存在困擾。自工作以來(lái)，我注意到這個(gè)問(wèn)題影響了很多人，他們不知道如何正確地計(jì)算內(nèi)圓角的數(shù)值。為了解決這個(gè)問(wèn)題，通過(guò)以下方式幫助大家更好地掌握計(jì)算內(nèi)圓角數(shù)值的方法。

3、輸入框設(shè)計(jì)

輸入框是用戶(hù)輸入信息的重要區(qū)域。在UI設(shè)計(jì)中，輸入框的形狀設(shè)計(jì)可以根據(jù)實(shí)際需求和設(shè)計(jì)風(fēng)格進(jìn)行變化。以下是一些常見(jiàn)的輸入框形狀設(shè)計(jì)：

① 方型輸入框：這是最常見(jiàn)的輸入框形狀，它以方形的形式呈現(xiàn)，可以在其中輸入文本或信息。這種設(shè)計(jì)簡(jiǎn)單明了，易于使用，適用于大多數(shù)場(chǎng)景。

② 圓角矩形輸入框：這種輸入框在四個(gè)角上采用了圓角設(shè)計(jì)，使得整個(gè)輸入框看起來(lái)更加柔和、友好。這種設(shè)計(jì)在一些需要強(qiáng)調(diào)用戶(hù)輸入的場(chǎng)景下較為常見(jiàn)。

③ 下拉菜單輸入框：這種輸入框可以讓用戶(hù)從下拉菜單中選擇一個(gè)選項(xiàng)，而不是直接在文本框中輸入。這種設(shè)計(jì)適用于一些固定選項(xiàng)的場(chǎng)景，可以減少用戶(hù)的輸入操作。

④ 按鈕式輸入框：這種輸入框?qū)⑤斎肟蚝桶粹o結(jié)合在一起，用戶(hù)可以點(diǎn)擊按鈕來(lái)輸入信息。這種設(shè)計(jì)適用于一些需要強(qiáng)調(diào)點(diǎn)擊操作的場(chǎng)景，例如站酷的登錄。

⑤ 語(yǔ)音識(shí)別輸入框：這種輸入框允許用戶(hù)通過(guò)語(yǔ)音來(lái)輸入信息，而不是手動(dòng)輸入。這種設(shè)計(jì)適用于一些需要快速輸入或不方便手動(dòng)輸入的場(chǎng)景，例如駕車(chē)、寫(xiě)字等。

總的來(lái)說(shuō)，輸入框的形狀設(shè)計(jì)應(yīng)根據(jù)實(shí)際需求和設(shè)計(jì)風(fēng)格來(lái)進(jìn)行選擇，同時(shí)也要考慮用戶(hù)的使用習(xí)慣和操作體驗(yàn)。

4、導(dǎo)航欄設(shè)計(jì)

導(dǎo)航欄是UI設(shè)計(jì)中重要的組成部分之一。它幫助用戶(hù)在不同的頁(yè)面之間進(jìn)行切換和導(dǎo)航。在設(shè)計(jì)導(dǎo)航欄時(shí)，應(yīng)考慮其位置、顏色和形狀等因素。以下是一些常見(jiàn)的導(dǎo)航欄形狀設(shè)計(jì)：

① 頂部導(dǎo)航欄：這是最常見(jiàn)的導(dǎo)航模式，位于頁(yè)面頂部，可以包含網(wǎng)站的名稱(chēng)、主要的導(dǎo)航選項(xiàng)、搜索框等元素。這種設(shè)計(jì)簡(jiǎn)單明了，易于使用，適用于大多數(shù)場(chǎng)景。

② 側(cè)邊導(dǎo)航欄：這種導(dǎo)航模式位于頁(yè)面左側(cè)，通常用于二級(jí)導(dǎo)航或輔助導(dǎo)航。側(cè)邊導(dǎo)航欄可以以垂直或水平方向呈現(xiàn)，根據(jù)實(shí)際需求進(jìn)行選擇。

③ 底部導(dǎo)航欄：這種導(dǎo)航模式位于頁(yè)面底部，通常用于一級(jí)目錄的導(dǎo)航。底部導(dǎo)航欄可以包含網(wǎng)站的名稱(chēng)、主要的導(dǎo)航選項(xiàng)、搜索框等元素。這種設(shè)計(jì)操作方便，用戶(hù)體驗(yàn)好，適用于大多數(shù)場(chǎng)景。

④ 彈出式導(dǎo)航欄：這種導(dǎo)航模式通常用于移動(dòng)端應(yīng)用，通過(guò)點(diǎn)擊或滑動(dòng)屏幕上的按鈕或圖標(biāo)來(lái)喚出導(dǎo)航菜單。彈出式導(dǎo)航欄可以以垂直或水平方向呈現(xiàn)，根據(jù)實(shí)際需求進(jìn)行選擇。

總的來(lái)說(shuō)，導(dǎo)航欄的形狀設(shè)計(jì)應(yīng)根據(jù)實(shí)際的導(dǎo)航模式和設(shè)計(jì)風(fēng)格來(lái)進(jìn)行選擇，同時(shí)也要考慮用戶(hù)的使用習(xí)慣和操作體驗(yàn)。好的導(dǎo)航設(shè)計(jì)應(yīng)該簡(jiǎn)單明了、易于使用，能夠提供清晰的信息架構(gòu)和層級(jí)關(guān)系，幫助用戶(hù)快速找到所需內(nèi)容。

5、作為底紋設(shè)計(jì)

將形狀用作底紋，可以增加圖形的視覺(jué)層次感和趣味性。尤其是當(dāng)使用如圓圈、條紋、曲線等形狀時(shí)，可以使底紋呈現(xiàn)出動(dòng)態(tài)感和動(dòng)感。

也可以強(qiáng)調(diào)文字或圖片中的某些元素，用來(lái)引導(dǎo)觀者的視線，以創(chuàng)造出視覺(jué)焦點(diǎn)。比如，在一個(gè)沉悶的黑色背景上使用鮮艷的彩色形狀作為底紋，可以將觀者的注意力集中在那些形狀上。

但是，必須著重強(qiáng)調(diào)的是，底紋的使用應(yīng)當(dāng)與整體的設(shè)計(jì)風(fēng)格和主題相得益彰。若應(yīng)用不當(dāng)，可能會(huì)對(duì)畫(huà)面的整體美感產(chǎn)生破壞性的影響。因此，在決定是否使用底紋時(shí)，必須慎重考慮其與整體設(shè)計(jì)的和諧度。

1、動(dòng)態(tài)形狀設(shè)計(jì)

隨著技術(shù)的不斷發(fā)展，動(dòng)態(tài)形狀設(shè)計(jì)已經(jīng)成為一種趨勢(shì)。通過(guò)使用動(dòng)畫(huà)和過(guò)渡效果，可以創(chuàng)建更具吸引力和互動(dòng)性的界面。例如，使用漸變效果來(lái)平滑地轉(zhuǎn)換不同的頁(yè)面或狀態(tài)。

2、3D和立體形狀設(shè)計(jì)

3D和立體形狀設(shè)計(jì)為UI設(shè)計(jì)師提供了更多的可能性。通過(guò)使用陰影、光照和深度效果，可以創(chuàng)建更立體、更有層次感的界面。例如，使用3D旋轉(zhuǎn)效果來(lái)突出主要內(nèi)容或使用陰影效果來(lái)增加界面的深度感。

3、可定制形狀設(shè)計(jì)

隨著用戶(hù)對(duì)個(gè)性化需求的不斷增加，可定制的形狀設(shè)計(jì)變得越來(lái)越重要。用戶(hù)希望根據(jù)自己的喜好和需求來(lái)調(diào)整界面。例如，允許用戶(hù)自定義選擇自己喜歡的頁(yè)面主題風(fēng)格。

作者：散落的那些
來(lái)源：站酷

評(píng)論(0) 瀏覽(919)

072024-2

B端組件設(shè)計(jì)如何支撐產(chǎn)品體驗(yàn)，什么樣的界面算好用

博博

用戶(hù)覺(jué)得軟件不好用通常是由于操作界面不符合常識(shí)，交互邏輯出人意料導(dǎo)致的。用什么樣的設(shè)計(jì)來(lái)支撐產(chǎn)品體驗(yàn)值得我們深入的思考。

什么樣的界面算好用?

用戶(hù)覺(jué)得軟件不好用通常是由于操作界面不符合常識(shí)，交互邏輯出人意料導(dǎo)致的。

這里我們要引入三個(gè)模型的概念:實(shí)現(xiàn)模型，心理模型和呈現(xiàn)模型。

設(shè)計(jì)師要理解業(yè)務(wù)訴求?

用戶(hù)是真的想要一匹很快的馬嗎？或許吧。

然后福特就發(fā)明了汽車(chē)，很好的滿(mǎn)足了的客戶(hù)的需求。

嗯！這個(gè)可能是一個(gè)很好的滿(mǎn)足了這個(gè)客戶(hù)以及一群客戶(hù)的需求。

這個(gè)故事告訴我們，我們需要挖掘客戶(hù)真正想要的東西，而不是停留在現(xiàn)有客戶(hù)所說(shuō)事物的表面，傻傻去找一匹很快的“馬”。

接到需求后產(chǎn)品經(jīng)理一般會(huì)在PRD評(píng)審時(shí)向設(shè)計(jì)側(cè)講解需求背景和功能邏輯，在這個(gè)階段我們可以了解到產(chǎn)品經(jīng)理規(guī)劃中的用戶(hù)流程和使用方式。產(chǎn)品原型呈現(xiàn)的只是無(wú)數(shù)解決方案中的一種，了解了業(yè)務(wù)訴求再回顧原型方案，經(jīng)常可以帶來(lái)全新的視野，并由此推導(dǎo)設(shè)計(jì)方案。

下面我們就看下如何從組件，結(jié)構(gòu)，功能，狀態(tài)幾個(gè)層面解決設(shè)計(jì)問(wèn)題。

一.明確功能用途

1.1 信達(dá)雅的文案

文案是界面的重要構(gòu)成，卻是界面設(shè)計(jì)中最不被重視的一部分。很多軟件之所以用起來(lái)有一層朦朧的隔閡感，罪魁禍?zhǔn)拙褪腔逎奈陌浮：?jiǎn)單的糾正文案可能會(huì)帶來(lái)煥然一新的使用感受。

信:語(yǔ)義準(zhǔn)確，明確事件的主體客體。
達(dá):避免無(wú)效或重復(fù)文案，減少被動(dòng)語(yǔ)態(tài)，簡(jiǎn)潔通順地進(jìn)行描述。
雅:優(yōu)雅且有涵養(yǎng)地與用戶(hù)溝通。
配圖:有些流程或者用詞比較特殊，單用語(yǔ)言難以描述，配上圖一目了然。

1.2 視覺(jué)線索

圖形用戶(hù)界面誕生之初，界面元素對(duì)物理世界的模擬是為了便于用戶(hù)將現(xiàn)實(shí)中的常識(shí)套用到虛擬界面上:擬物化通過(guò)質(zhì)感暗示用戶(hù)界面的交互方式;在扁平化時(shí)代，提供視覺(jué)線索仍然是必要的原則。拿拖拽操作來(lái)說(shuō)，首先可以拖動(dòng)的組件上要有把手，暗示可以撿起。組件被拿起來(lái)時(shí)要明顯擴(kuò)大的投影樣式描繪高度，并在列表中顯示一條瞄準(zhǔn)線便于用戶(hù)精確定位。

再比如卡片式設(shè)計(jì)，和現(xiàn)實(shí)中的卡片相同，它可以明確地劃分出功能和信息的關(guān)系。要注意的是，視覺(jué)分區(qū)越多，頁(yè)面復(fù)雜度越高，設(shè)計(jì)時(shí)需要控制平衡。

1.3 熟悉的組件

用戶(hù)點(diǎn)擊下拉選擇器的時(shí)候，自然會(huì)期望在周?chē)鷱楅_(kāi)一個(gè)選項(xiàng)浮層，因?yàn)樗麄冇眠^(guò)的所有軟件交互都是這樣。這個(gè)就是習(xí)慣用法范式的應(yīng)用（盡可能套用常規(guī)的交互方式讓軟件的操作容易預(yù)測(cè)，用戶(hù)理解成本低）。

然而在常規(guī)組件無(wú)法承載實(shí)際需求時(shí)，有必要跳出慣用范式，通過(guò)差異的視覺(jué)樣式給用戶(hù)思想準(zhǔn)備。例如一些原型圖中的選擇器使用了下拉的樣式，觸發(fā)的卻是選擇抽屜或者彈窗。這種意外的發(fā)生或多或少會(huì)降低用戶(hù)使用時(shí)的信心，因?yàn)樗麄冊(cè)僖膊淮_定點(diǎn)擊下拉后會(huì)發(fā)生什么。通過(guò)特殊與常規(guī)的區(qū)分，其實(shí)也維護(hù)了慣用范式的一致性。

你一定遇到過(guò)這種棘手的原型:頁(yè)面導(dǎo)航又多又深，林林總總地鋪酒在導(dǎo)航區(qū)和功能區(qū)，信息密度堪比柯林斯英漢辭典。頁(yè)面導(dǎo)航是界面的基本框架，處理系統(tǒng)的導(dǎo)航方式是頁(yè)面設(shè)計(jì)早期就需要完成的工作。

二. 幾種反例

主導(dǎo)航級(jí)數(shù)過(guò)多:視覺(jué)樣式復(fù)雜，操作時(shí)需要頻繁卷展。
內(nèi)容區(qū)頭部導(dǎo)航堆積:用戶(hù)先看到的不是內(nèi)容而是導(dǎo)航，瀏覽效率較低
橫向?qū)Ш椒峙洳缓侠恚翰缓侠淼慕Y(jié)構(gòu)會(huì)影響視線掃描和點(diǎn)選，且空間利用率低。以圖中的結(jié)構(gòu)為例，一級(jí)導(dǎo)航下不一定都會(huì)有二級(jí)或三級(jí)導(dǎo)航，就會(huì)導(dǎo)致頁(yè)面版式差異過(guò)大。

2.1 控制一級(jí)導(dǎo)航深度

一級(jí)導(dǎo)航過(guò)深時(shí)，有必要進(jìn)行降級(jí)。頂欄導(dǎo)航可以向邊欄導(dǎo)航轉(zhuǎn)移。邊欄導(dǎo)航是一級(jí)時(shí)，可將最低級(jí)的導(dǎo)航放到內(nèi)容區(qū)吸頂;若層級(jí)仍然不夠用或?qū)Ш綏l目較多，可以再增加一個(gè)縱向?qū)Ш健?/p>

2.2 平衡內(nèi)容區(qū)導(dǎo)航

吸頂導(dǎo)航會(huì)占用內(nèi)容區(qū)的縱向空間，但可以隨時(shí)跳轉(zhuǎn)。

內(nèi)容區(qū)內(nèi)的導(dǎo)航性質(zhì)更類(lèi)似于篩選，能夠隨內(nèi)容滾，不便于隨時(shí)切換。

頁(yè)簽類(lèi)型區(qū)別大或是需要切換對(duì)比時(shí)，可以將導(dǎo)航吸頂;頁(yè)簽下內(nèi)容形式近似或需要更多瀏覽空間時(shí)，可以將導(dǎo)航放在內(nèi)容區(qū)。

2.3 減少空間浪費(fèi)

很多原型會(huì)習(xí)慣性地在頁(yè)面頂部配置一個(gè)頂欄。實(shí)際上里面的商標(biāo)，賬戶(hù)信息，設(shè)置等功能可以整合到邊欄中，這樣內(nèi)容區(qū)上方會(huì)多一些縱向空間。

三.合理布置功能

3.1分級(jí)展示功能

比如一些的圖表類(lèi)頁(yè)面主要用于瀏覽而不是編輯，這種情況下將操作隱藏到省略號(hào)或者漢堡菜單中，不僅可以減少信息干擾，還能避免誤操作。

高級(jí)功能的隱藏很好理解，比如 macOS 的網(wǎng)絡(luò)配置只顯示基礎(chǔ)的連接功能，DNS 配置等高級(jí)操作被整理到了一個(gè)按鈕中。你可以想象如果所有的配置項(xiàng)都展示一個(gè)頁(yè)面，對(duì)于用戶(hù)日常聯(lián)網(wǎng)操作會(huì)有多么不友好。

3.2 拆分功能

除了分級(jí)，當(dāng)頁(yè)面或區(qū)域內(nèi)的功能過(guò)于集中時(shí)，可以進(jìn)行拆分以降低信息壓力。

分離檢索與查看:列表同時(shí)兼具瀏覽與管理的功能，但在字段眾多，空間有限的情況下，可以選擇其中有代表性的字段在單元行中顯示，便于快速掃描和管理，完整的單元行信息放到下一個(gè)層級(jí)顯示。

分離表單區(qū)塊:當(dāng)表單存在區(qū)塊表單時(shí)，可以只在表單中顯示區(qū)塊的預(yù)覽，將區(qū)塊的新增和配置放到抽屜中進(jìn)行，由此減少功能堆積。

3.3 數(shù)據(jù)的編輯

涉及數(shù)據(jù)編輯的頁(yè)面存在四種設(shè)計(jì)方式，需要綜合考慮表單的數(shù)量，用戶(hù)的操作頻次和使用方式來(lái)判斷采用哪種。

查看模式:帶查看模式的頁(yè)面視覺(jué)效果整齊，信息干擾最小，且不會(huì)誤操作。但需要進(jìn)入編輯模式修改頁(yè)面內(nèi)容。

直接編輯模式:用戶(hù)到達(dá)頁(yè)面時(shí)，數(shù)據(jù)就可以被修改生效。常見(jiàn)于設(shè)置類(lèi)頁(yè)面。該模式使用效率最高。但由于容易誤操作且視覺(jué)信息冗雜，不太適合大型表單。

行內(nèi)編輯模式:頁(yè)面樣式類(lèi)似查看模式，當(dāng)鼠標(biāo)懸停在數(shù)據(jù)上，界面會(huì)提示用戶(hù)此處可以編輯，用戶(hù)點(diǎn)擊后可以快速針對(duì)局部數(shù)據(jù)做修改。該模式只適用表單項(xiàng)少的情況。

實(shí)時(shí)保存:頁(yè)面長(zhǎng)期處于編輯模式，系統(tǒng)會(huì)自動(dòng)保存用戶(hù)的操作。常見(jiàn)于線上文檔工具。該模式誤操作風(fēng)險(xiǎn)最高，需要提供版本控制和操作撤回功能。

3.4減輕視覺(jué)壓力

業(yè)務(wù)層面上無(wú)法避免單頁(yè)出現(xiàn)大量表單時(shí)，可以在視覺(jué)上分節(jié)。注意!和真正的分步不同，這里的只是從視覺(jué)層面對(duì)頁(yè)面信息進(jìn)行處理，沒(méi)有流程先后的概念，所以盡可能不要拆分頁(yè)面。

以下圖為例，通過(guò)視覺(jué)上的劃分，即使在同一個(gè)頁(yè)面顯示同樣數(shù)量的表單，版面空間的呼吸給予了用戶(hù)喘歇的余地。錨點(diǎn)導(dǎo)航是個(gè)錦上添花的控件，空間允許時(shí)可以加上。

四.補(bǔ)救意外情況

4.1空狀態(tài)引導(dǎo)

一個(gè)列表出現(xiàn)空狀態(tài)的可能性有:

確實(shí)沒(méi)有條目:如果能添加的話(huà)，可以提示用戶(hù)如何添加。
應(yīng)用了過(guò)多篩選器:提示用戶(hù)嘗試其他篩選方式或重置篩選器。
加載異常:提示用戶(hù)刷新頁(yè)面。

雖然后果一樣，但問(wèn)題本質(zhì)不同，解決方式自然也不同，此時(shí)需要分別給出對(duì)應(yīng)的引導(dǎo)。

4.2 異常引導(dǎo)

再?zèng)]有什么比一行“操作失敗”的提示更讓人絕望，用戶(hù)不知道哪出了問(wèn)題，也不清楚如何解決。異常流程時(shí)有發(fā)生，此時(shí)系統(tǒng)的引導(dǎo)會(huì)起到至關(guān)重要的作用，它能夠帶用戶(hù)走回正軌，減少無(wú)助感。

4.3 標(biāo)明功能不可用的原因

該問(wèn)題的重災(zāi)區(qū)是工具類(lèi)軟件，用著用著一些功能突然就灰掉了，只能慢慢摸索是哪里的問(wèn)題。功能之所以不可用肯定有個(gè)原因，不論是直接顯示還是鼠標(biāo)懸停時(shí)顯示，有必要要讓用戶(hù)明白原由或者如何解決，避免把用戶(hù)困在死胡同。

4.4提供幫助

新手教程特別考驗(yàn)用戶(hù)的記憶力，尤其是在新接觸軟件的學(xué)習(xí)爬坡階段，而且很難保證在一段時(shí)間不用后，用戶(hù)還能記得如何操作。當(dāng)系統(tǒng)引入了晦澀概念或復(fù)雜交互時(shí)，最好在該功能周?chē)峁┱f(shuō)明，或懸停時(shí)展示 tooltip.使用戶(hù)無(wú)需長(zhǎng)期記憶，在用到該功能時(shí)又可以快速上手。

結(jié)語(yǔ)

圖形界面的本質(zhì)是人與機(jī)器交流的語(yǔ)言。與現(xiàn)實(shí)生活一樣，我們傾向與禮貌體貼的對(duì)象溝通。所以下手設(shè)計(jì)時(shí)要盡最大可能從人類(lèi)的本性出發(fā)，才能在業(yè)務(wù)和產(chǎn)品邏輯的限制下，為用戶(hù)塑造更具親和力的界面模型。

作者：逸爵
來(lái)源：站酷

評(píng)論(0) 瀏覽(860)

« 1 2 3 4 5 6 7 ... 68 »

分類(lèi)

日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.devb.cn

存檔