我們首先簡(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)排版，酒瓶能做交通工具等。
這些圖像的呈現(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ì)都走了這種路線(xiàn)，關(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)光大。
其中最讓人印象深刻是那一組地平線(xiàn)海報(bào)，比如茫茫雪地之中出現(xiàn)一個(gè)非常渺小的人物背景，或者廣闊草地上有幾個(gè)零散而同樣渺少的蒙古包。
所以能合理運(yùn)用好這種極致表現(xiàn)手法，同樣可以制造視覺(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.b186.net )是一家專(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ì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
藍(lán)藍(lán)設(shè)計(jì)(www.b186.net )是一家專(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ì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
設(shè)計(jì)之前的定位是支持角色，主要的能力有兩點(diǎn)：
在這其中，很多團(tuán)隊(duì)設(shè)計(jì)和產(chǎn)品的工作是高度融合的，很多idea都是一起討論出來(lái)的，所以無(wú)法對(duì)設(shè)計(jì)的貢獻(xiàn)做具體量化，這就是不好回答設(shè)計(jì)價(jià)值貢獻(xià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)方案能落地上線(xiàn)，來(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步吧。
對(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ì)議
問(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ò)這些訪(fǎng)談中的反饋，我們可以把問(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)。
方案定義
一旦找到了設(shè)計(jì)切入點(diǎn)，就可以來(lái)定義：
通過(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è)方案包括：
匯報(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)源：站酷
藍(lán)藍(lán)設(shè)計(jì)(www.b186.net )是一家專(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ì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
什么是競(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)品分析的定義，相信大家都很熟悉，知道了什么是競(jìng)品分析，那我們?cè)诠ぷ髦袘?yīng)該在什么節(jié)點(diǎn)進(jìn)行競(jìng)品的收集與分析呢？
上面從產(chǎn)品生命周期的維度，簡(jiǎn)單介紹了競(jìng)品分析的側(cè)重點(diǎn)。
當(dāng)然，不同的公司，流程上會(huì)略有不同。
下面我們按步驟介紹：
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確定維度
分析維度可根據(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)品收集
通過(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)行方案的擬定。
這些分析方法很多時(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ù)支撐。
藍(lán)藍(lán)設(shè)計(jì)(www.b186.net )是一家專(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ì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
當(dāng)一個(gè)物品用戶(hù)沒(méi)有擁有時(shí)，對(duì)他的價(jià)值感相對(duì)較低，當(dāng)用戶(hù)擁有時(shí)會(huì)高估和珍惜物品的價(jià)值。
心理學(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ì)這種手串不感興趣。
最常見(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)即是向用戶(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ì)有意外收獲。）
誘發(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)，人們對(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)擁有不愿損失。
情緒和社會(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)品的留存率和滲透率。
藍(lán)藍(lán)設(shè)計(jì)(www.b186.net )是一家專(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ì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
五架帽理論簡(jiǎn)稱(chēng)為L(zhǎng)ATCH原則，它定義了在好的組織性信息才能提升用戶(hù)體驗(yàn)，使設(shè)計(jì)更易于理解、靈活和可維護(hù)。
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)。
理論上講的是通過(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ù)展示高效率的信息
與字面意思一樣，按字母順序排列信息，當(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)。
當(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ù)快速的查找信息組織。
上面位置、字母、類(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é)到。
上面只是對(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)源：站酷
藍(lán)藍(lán)設(shè)計(jì)(www.b186.net )是一家專(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ì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
用戶(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ù)的情緒曲線(xiàn)，根據(jù)情緒的峰值節(jié)點(diǎn)和使用流程的結(jié)尾，這兩個(gè)“關(guān)鍵時(shí)刻”，進(jìn)行體驗(yàn)上的重點(diǎ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%的枯燥。
一些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)。
當(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ù)性刷題。
用戶(hù)只記得使用過(guò)程中體驗(yàn)高的場(chǎng)景和結(jié)束時(shí)的場(chǎng)景。
無(wú)論是在交互還是視覺(jué)上我們都可以利用峰終定律幫助用戶(hù)達(dá)到好的使用體驗(yàn)。
藍(lán)藍(lán)設(shè)計(jì)(www.b186.net )是一家專(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ì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
藍(lán)藍(lán)設(shè)計(jì)(www.b186.net )是一家專(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ì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
在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)使用如圓圈、條紋、曲線(xiàn)等形狀時(shí)，可以使底紋呈現(xiàn)出動(dòng)態(tài)感和動(dòng)感。
也可以強(qiáng)調(diào)文字或圖片中的某些元素，用來(lái)引導(dǎo)觀者的視線(xiàn)，以創(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án)藍(lán)設(shè)計(jì)(www.b186.net )是一家專(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ì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
用戶(hù)覺(jué)得軟件不好用通常是由于操作界面不符合常識(shí)，交互邏輯出人意料導(dǎo)致的。用什么樣的設(shè)計(jì)來(lái)支撐產(chǎn)品體驗(yàn)值得我們深入的思考。
用戶(hù)覺(jué)得軟件不好用通常是由于操作界面不符合常識(shí)，交互邏輯出人意料導(dǎo)致的。
這里我們要引入三個(gè)模型的概念:實(shí)現(xiàn)模型，心理模型和呈現(xiàn)模型。
用戶(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)題。
文案是界面的重要構(gòu)成，卻是界面設(shè)計(jì)中最不被重視的一部分。很多軟件之所以用起來(lái)有一層朦朧的隔閡感，罪魁禍?zhǔn)拙褪腔逎奈陌浮：?jiǎn)單的糾正文案可能會(huì)帶來(lái)煥然一新的使用感受。
圖形用戶(hù)界面誕生之初，界面元素對(duì)物理世界的模擬是為了便于用戶(hù)將現(xiàn)實(shí)中的常識(shí)套用到虛擬界面上:擬物化通過(guò)質(zhì)感暗示用戶(hù)界面的交互方式;在扁平化時(shí)代，提供視覺(jué)線(xiàn)索仍然是必要的原則。拿拖拽操作來(lái)說(shuō)，首先可以拖動(dòng)的組件上要有把手，暗示可以撿起。組件被拿起來(lái)時(shí)要明顯擴(kuò)大的投影樣式描繪高度，并在列表中顯示一條瞄準(zhǔn)線(xià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ì)早期就需要完成的工作。
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)于線(xiàn)上文檔工具。該模式誤操作風(fēng)險(xiǎn)最高，需要提供版本控制和操作撤回功能。
業(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í)可以加上。
一個(gè)列表出現(xiàn)空狀態(tài)的可能性有:
雖然后果一樣，但問(wèn)題本質(zhì)不同，解決方式自然也不同，此時(shí)需要分別給出對(duì)應(yīng)的引導(dǎo)。
再?zèng)]有什么比一行“操作失敗”的提示更讓人絕望，用戶(hù)不知道哪出了問(wèn)題，也不清楚如何解決。異常流程時(shí)有發(fā)生，此時(shí)系統(tǒng)的引導(dǎo)會(huì)起到至關(guān)重要的作用，它能夠帶用戶(hù)走回正軌，減少無(wú)助感。
該問(wèn)題的重災(zāi)區(qū)是工具類(lèi)軟件，用著用著一些功能突然就灰掉了，只能慢慢摸索是哪里的問(wèn)題。功能之所以不可用肯定有個(gè)原因，不論是直接顯示還是鼠標(biāo)懸停時(shí)顯示，有必要要讓用戶(hù)明白原由或者如何解決，避免把用戶(hù)困在死胡同。
新手教程特別考驗(yàn)用戶(hù)的記憶力，尤其是在新接觸軟件的學(xué)習(xí)爬坡階段，而且很難保證在一段時(shí)間不用后，用戶(hù)還能記得如何操作。當(dāng)系統(tǒng)引入了晦澀概念或復(fù)雜交互時(shí)，最好在該功能周?chē)峁┱f(shuō)明，或懸停時(shí)展示 tooltip.使用戶(hù)無(wú)需長(zhǎng)期記憶，在用到該功能時(shí)又可以快速上手。
圖形界面的本質(zhì)是人與機(jī)器交流的語(yǔ)言。與現(xiàn)實(shí)生活一樣，我們傾向與禮貌體貼的對(duì)象溝通。所以下手設(shè)計(jì)時(shí)要盡最大可能從人類(lèi)的本性出發(fā)，才能在業(yè)務(wù)和產(chǎn)品邏輯的限制下，為用戶(hù)塑造更具親和力的界面模型。
藍(lán)藍(lán)設(shè)計(jì)(www.b186.net )是一家專(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ì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.b186.net