我們首先簡單談?wù)?ldquo;視覺沖擊”這個(gè)詞本身在說什么。
人有五感，俗稱“形、聲、聞、味、觸”，分別對應(yīng)視覺、聽覺、嗅覺、味覺跟觸覺。
所以視覺感知的是“形形色色”，一切映入眼簾的圖形色彩理論上都能讓人產(chǎn)生“感覺”，這些感覺跟味覺一樣會分程度，比方白粥很淡，辣醬很辣，果醋很酸，開水無味等。
因此，沖擊才會基于對比產(chǎn)生，造成沖擊的原因主要是非常規(guī)的東西出現(xiàn)了，比如“地獄拉面”，會辣到讓人叫救命，再比如自然界中的海嘯會沖擊沙灘，颶風(fēng)會沖擊小島等。
所以產(chǎn)生“視覺沖擊”的源頭首先是我們眼睛忽然看到“非常規(guī)”的東西，但請注意，這個(gè)過程的沖擊可能不單純只作用于視覺。
比如夜半出門，忽然看到村口一人披著白床單在月下漫步，難免會嚇得大叫，然后冷汗直冒，心跳急速，所以人的機(jī)體都一并受到強(qiáng)烈沖擊，但“視覺”往往排在第一，其在五感中的順序中也是如此。
有時(shí)候，我們發(fā)現(xiàn)一些人看著一張畫久了居然會落淚，這個(gè)層面就不能只用視覺沖擊來解釋，但一般會包含這個(gè)成分。
基于研究，我認(rèn)為“視覺沖擊”本質(zhì)上源自三種路徑。
其一為驚訝，其二為新鮮，其三為極致。
這三點(diǎn)有概念疊加的部分，但同時(shí)又不是完全的一回事，后面會專門舉例說明。
同時(shí)，我們要清楚談?wù)撛O(shè)計(jì)中的視覺沖擊應(yīng)該是積極、正面、美好的范疇，不然暴力、情色與血腥等元素一樣能帶來強(qiáng)烈的視覺沖擊，但不為我們所取。
例如歷史上的波蘭海報(bào)風(fēng)格，基于當(dāng)時(shí)其民族遭受磨難的背景，有一部分創(chuàng)作者就選取了很多詭異視角進(jìn)行創(chuàng)作，視覺沖擊確實(shí)強(qiáng)烈，但同時(shí)會給人帶來心靈上的不安。
下面我們展開談一談上述的三種路徑。
“驚訝就會產(chǎn)生凝視”。
這句話借用于華楠，華楠在創(chuàng)立“華與華藝術(shù)工作室”時(shí)候拍攝了一個(gè)紀(jì)錄片，我對此話邏輯上的合理性印象深刻。
而且“凝視”是視覺被沖擊后的第一種反應(yīng)，也是設(shè)計(jì)師需要受眾的反應(yīng)。
至于驚訝是一種什么樣的情緒感受呢？主要就是感到意外，同時(shí)略有贊嘆。
驚在《說文解字》中形容為“馬駭也”，馬收到驚嚇的反應(yīng)就是典型“驚”的范式。
而“訝”在古語中有“露齒而笑”的含義，所以有“訝客”這樣的用法，因此我們碰到很久不見的老友會說：看到你可真驚訝！
而不會說驚奇，驚怕或者驚嚇。
那么設(shè)計(jì)上的驚訝效應(yīng)一般怎么產(chǎn)生呢，主要源于符號元素或者慣有觀念上的沖突。
過去我們談過誕生于瑞士的達(dá)達(dá)主義，這種設(shè)計(jì)風(fēng)格就容易給人營造強(qiáng)烈的視覺沖擊，根本原因在于其在觀念上的顛覆跟我們的常識產(chǎn)生了沖突。
比如達(dá)達(dá)主義經(jīng)常不依照邏輯對設(shè)計(jì)元素進(jìn)行隨意的組合安排，手部可以長出眼睛，腳可以擺放在頭上，文字可以進(jìn)行曲線排版，酒瓶能做交通工具等。
這些圖像的呈現(xiàn)都會讓人驚訝，繼而凝視，然后沉思，最后留下印象，或者做出行為。
在觀念上制造沖突的其實(shí)還有超現(xiàn)實(shí)主義風(fēng)格、未來主義風(fēng)格等。
而在符號元素上制造沖突一般首先表現(xiàn)為色彩，這方面可以參考后印象派、表現(xiàn)主義、野獸派等風(fēng)格，他們時(shí)常會知其不可為而為之，用一些極端色彩進(jìn)行搭配，但卻做出了美感。
華楠在談驚訝的概念時(shí)舉了一個(gè)例子，就是石頭本身會給人一種“堅(jiān)硬”印象，印象有時(shí)候就是符號本身，所以要通過創(chuàng)作去破除符號本身意義，驚訝就產(chǎn)生了，比如讓石頭形成流水一樣的視覺感受，大家想想，其實(shí)超現(xiàn)實(shí)主義流派中的達(dá)利就運(yùn)用了這一招。
以上手法談起來只是幾句話，但落實(shí)到設(shè)計(jì)上需要深刻思考與扎實(shí)手藝，大部分設(shè)計(jì)師時(shí)常碰到的問題并非想不到，而是做不到，或者做得不夠好。
紅跟綠碰撞很刺激，但如果不加上白色來緩沖，那種短兵相接的粗暴給視覺帶來的就只會是刺激，而非沖擊，所以設(shè)計(jì)操作上如果知其一不知其二就容易產(chǎn)生強(qiáng)差人意的效果。
這方面可以參看喜力啤酒的包裝設(shè)計(jì)。
視覺沖擊應(yīng)該建立在美感的基礎(chǔ)上，美感則來自節(jié)奏、韻律、布局及其相關(guān)細(xì)節(jié)安排，這些綜合因素也是設(shè)計(jì)師必須把握的。
其實(shí)如今很多流量迅猛的短視頻也抓住了這樣的“驚訝”思路，比如清秀英俊肌肉發(fā)達(dá)的和尚居然在臺上唱搖滾，就是個(gè)典型案例。
新鮮一般用于形容蔬果，我想了很久到底用新穎，新奇還是新意進(jìn)行表達(dá)，最后還是選擇新鮮，因?yàn)樾迈r是對比出來的，所以嚴(yán)謹(jǐn)一些應(yīng)該是“新鮮感”。
新鮮感也是形成視覺沖擊的重要因素，我首先想到印象派。
印象派一出現(xiàn)就直接挑戰(zhàn)了千年沉淀的古典寫實(shí)繪畫市場，畫作原來可以不寫實(shí)，可以不用絕對色，可以寥寥幾筆進(jìn)行寫意表達(dá)。
印象派的誕生自然要追溯到日本浮世繪在歐洲的流行，浮世繪畫風(fēng)對傳統(tǒng)的新古典主義創(chuàng)作者而言就極具新鮮感，這種帶有東方哲學(xué)立場的美學(xué)形式因此極具視覺沖擊力。
我們將場景拉到當(dāng)代設(shè)計(jì)師的日常，我印象深刻的一件事情是大致15年前，平面設(shè)計(jì)是喜歡做立體元素的，比方3d人一類很流行，然后裝飾上也喜歡陰影漸變，不久后“扁平化”風(fēng)格因?yàn)樘O果手機(jī)的誕生而橫空出世，大家都感覺眼前一亮。
因?yàn)楸馄交瘜τ诹Ⅲw陰影漸變的表達(dá)而言，太新鮮了。
但扁平化是一種全新開創(chuàng)嗎？非也，其風(fēng)格源頭可以追溯到“瑞士平面設(shè)計(jì)風(fēng)格”，再往上走是包豪斯，再往上走是風(fēng)格派...
甚至極端一點(diǎn)看，史前藝術(shù)有一部分就是扁平化的，比如彩陶上的符號紋理，我這樣推導(dǎo)的目的是想告訴各位：
視覺沖擊可以從新鮮感出發(fā)，新鮮感則基于對比，而且并非憑空產(chǎn)生，歸根到底要從歷史中尋找，但尋找也并非刻板，而是要跟當(dāng)代技術(shù)結(jié)合。
比如喬布斯的扁平化跟網(wǎng)絡(luò)技術(shù)的功能性需求密切相關(guān)，扁平化元素有助于界面產(chǎn)生“彈性”，也就是瀏覽器兼容性（這種問題曾經(jīng)極大困擾了程序員很久很久），并且緩沖速度會更快。
此時(shí)我們又想想摩天大樓之父路易斯沙利文（Louis Sullivan）100年前就說過的“功能決定形式”，所以真理就那些，看你是否重視。
我們再看AI時(shí)代，北邦老師創(chuàng)作的《湘野行尸》系列就極具視覺沖擊力，讓人達(dá)到一種無法形容的驚嘆，可這種復(fù)雜繁瑣而細(xì)致的表現(xiàn)效果如果不依賴于算法數(shù)據(jù)的堆疊，僅憑手藝打磨設(shè)計(jì)師一定會哭，而且還完成不了，或者是遙遙無期的交稿日。
《湘野行尸》表現(xiàn)的“新”有三個(gè)層面，其一是北邦老師創(chuàng)作思路的新，其二是中國神怪元素碰撞西式CG的新，其三則是創(chuàng)作手段及工具的新。
但我們必須清楚，新很快又會變舊，可舊到一定程度又會化作新的營養(yǎng)，整個(gè)設(shè)計(jì)藝術(shù)風(fēng)格及時(shí)常的演變規(guī)律就是如此循環(huán)的。
你的“新”應(yīng)該怎么來，自己好好想想。
最后是關(guān)于極致，這方面很好理解，就是將一個(gè)形式進(jìn)行最夸張最極致的設(shè)計(jì)表達(dá)，同樣能形成強(qiáng)烈的視覺沖擊。
首先想到的例子是美國1960年代的“抽象表現(xiàn)主義”，這個(gè)運(yùn)動當(dāng)中出現(xiàn)了兩種分支，一種稱為“行動派”，其繪畫特征就是繁復(fù)的極致，代表人物為杰克遜.波洛克。
這種通過堆疊元素的表達(dá)方式像一杯烈酒，刺激人的感官，而過去歷史上的很多工藝品設(shè)計(jì)都走了這種路線，關(guān)于這方面有個(gè)解釋，叫繁瑣讓人敬畏。
假設(shè)我們看到一些非常復(fù)雜但又條理清晰的平面設(shè)計(jì)時(shí)，也確實(shí)會感到敬畏，比方可以看“新浪潮風(fēng)格”中魏納特的平面作品。
亂中有序，是這種繁復(fù)設(shè)計(jì)的表現(xiàn)核心。
而“抽象表現(xiàn)主義”的另一派被稱為“色域繪畫”，畫面簡單到只剩下色塊，是簡約的極致，這樣的畫面同樣能給人帶來視覺沖擊。
再比如20世紀(jì)初，蘇聯(lián)藝術(shù)家馬列維奇的至上主義風(fēng)格繪畫，其中的《白色背景上的黑方塊》及《白上白》都是通過極致的少來達(dá)到表現(xiàn)目的。
在當(dāng)時(shí)還流行新古典與現(xiàn)實(shí)主義繪畫的時(shí)代中，這樣的畫面猶如晴天霹靂，直接是心靈的沖擊。
運(yùn)用極簡制造視覺沖擊的最典型設(shè)計(jì)莫過于無印良品，這樣的風(fēng)格首先由田中一光奠定，隨后被原研哉發(fā)揚(yáng)光大。
其中最讓人印象深刻是那一組地平線海報(bào)，比如茫茫雪地之中出現(xiàn)一個(gè)非常渺小的人物背景，或者廣闊草地上有幾個(gè)零散而同樣渺少的蒙古包。
所以能合理運(yùn)用好這種極致表現(xiàn)手法，同樣可以制造視覺沖擊。
視覺沖擊的好處不言而喻，主要是能快速吸引大家的注意力，但要注意過分追求視覺沖擊可能會導(dǎo)致設(shè)計(jì)目的的偏離。
我看過一些字體設(shè)計(jì)年鑒，發(fā)現(xiàn)大部分字體都存在設(shè)計(jì)過度的情況，最后連字本身是什么都看得很費(fèi)勁，于是設(shè)計(jì)的本義喪失了，只因?yàn)檫^分追求視覺沖擊或者“設(shè)計(jì)感”。
同樣的情況會發(fā)生在各行各業(yè)，比如汽車設(shè)計(jì)，我印象深刻的是日產(chǎn)天籟曾經(jīng)有個(gè)新版“藍(lán)鳥”，造型很新穎，讓人一眼就印象深刻，但這樣的設(shè)計(jì)并不耐看，看多幾次就會覺得厭倦。
目前這款車已經(jīng)在市面上消失，類似情況在起亞、福特、本田等品牌的某些車型中都發(fā)生過。
而真正經(jīng)典且銷售成績也好的通常是那些耐看而不張揚(yáng)的車型，比如奧迪跟奔馳汽車，他們的設(shè)計(jì)特征就是“不大改”，追求潤物細(xì)無聲的設(shè)計(jì)優(yōu)化。
所以視覺沖擊的一個(gè)副作用就是不持久，就好比一個(gè)極樂派對無法持續(xù)幾天，因?yàn)樘钢Ь珰馍瘢^樂極能生悲。
因此希望為設(shè)計(jì)提升視覺沖擊的時(shí)候，要學(xué)會跟功能做適當(dāng)平衡，同時(shí)看應(yīng)用場合跟設(shè)計(jì)載體。
比如為一個(gè)活動設(shè)計(jì)宣傳海報(bào)，那么視覺沖擊力更強(qiáng)是對的，但為家居設(shè)計(jì)一個(gè)裝飾畫報(bào)，則需要更加平和與耐看。
作者：設(shè)計(jì)史太濃
來源：站酷
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
設(shè)計(jì)之前的定位是支持角色，主要的能力有兩點(diǎn)：
在這其中，很多團(tuán)隊(duì)設(shè)計(jì)和產(chǎn)品的工作是高度融合的，很多idea都是一起討論出來的，所以無法對設(shè)計(jì)的貢獻(xiàn)做具體量化，這就是不好回答設(shè)計(jì)價(jià)值貢獻(xiàn)的原因。
做設(shè)計(jì)推動，對設(shè)計(jì)師提出了很大的挑戰(zhàn)，需要他們在業(yè)務(wù)的角度，去了解業(yè)務(wù)、了解數(shù)據(jù)、挖掘問題。
通過對這3個(gè)維度的了解，來找到設(shè)計(jì)可以解決的切入點(diǎn)，并形成可以落地的方案，還要驗(yàn)證方案的可行性、推動方案能落地上線，來為業(yè)務(wù)解決問題，帶來核心指標(biāo)上的大幅提升。
我們準(zhǔn)備了一個(gè)4步法，來讓大家更容易做設(shè)計(jì)推動。話不多說，就來看看是4步吧。
對業(yè)務(wù)有全局的了解。很多設(shè)計(jì)師只關(guān)注需求相關(guān)的內(nèi)容，對業(yè)務(wù)全貌并不了解，在這種情況下挖掘的問題，要不就是不被業(yè)務(wù)認(rèn)可，要不就是解決后帶來的價(jià)值不高。所以我們要了解：
了解業(yè)務(wù)目標(biāo)
我們一定要了解業(yè)務(wù)的目標(biāo)，不然就會出現(xiàn)，優(yōu)化點(diǎn)雖然產(chǎn)品團(tuán)隊(duì)認(rèn)可，但并不在他們的計(jì)劃內(nèi)，就會導(dǎo)致優(yōu)先級很低，在非常長的一段時(shí)間內(nèi)，不能被安排排期。
所以，我們一定要了解產(chǎn)品的目標(biāo)，這樣做的內(nèi)容才是他們想要的，才能有資源安排上。
了解業(yè)務(wù)的運(yùn)轉(zhuǎn)關(guān)系
我們要了解業(yè)務(wù)下面各個(gè)功能模塊之間的關(guān)系，包括數(shù)據(jù)的流動關(guān)系，數(shù)據(jù)和信息在不同功能模塊之間的傳遞方式。不同功能模塊的交互關(guān)系、不同功能模塊之間的依賴關(guān)系，包括硬性依賴（一個(gè)功能模塊的輸出是另一個(gè)模塊的輸入）和軟性依賴（合作、決策等），這有助于識別潛在的風(fēng)險(xiǎn)和瓶頸。
參與業(yè)務(wù)討論和會議
問題的挖掘有很多渠道，通過對數(shù)據(jù)的了解、通過調(diào)研、通過業(yè)務(wù)的反饋，無論哪種方式，都要和業(yè)務(wù)目標(biāo)靠近。
數(shù)據(jù)埋點(diǎn)
主動提埋點(diǎn)需求。很多情況下，設(shè)計(jì)師感覺這里有問題，但是沒有客觀的依據(jù)就沒法證明問題的存在。數(shù)據(jù)分析是一個(gè)極好的方式，但遺憾的是，很多公司的數(shù)據(jù)埋點(diǎn)是產(chǎn)品提出的，設(shè)計(jì)需要統(tǒng)計(jì)的數(shù)據(jù)可能沒有，這是就需要設(shè)計(jì)師提出對應(yīng)的埋點(diǎn)需求。
用戶研究
通過日常對用戶的研究，來積累用戶相關(guān)的問題，作為后續(xù)設(shè)計(jì)點(diǎn)的依舊來源。
通過這些訪談中的反饋，我們可以把問題的影響、出現(xiàn)的頻次、用戶的使用場景的內(nèi)容都描述清楚。
如果要邀請其他角色加入，就要讓其他人了解問題的對應(yīng)的背景、緊迫性、重要性，這樣才讓對方更有意愿一起來解決問題。
這種協(xié)作和問題解決的過程，有助于設(shè)計(jì)推動項(xiàng)目的成功實(shí)施。
日常觀察和使用
在日常工作中，無論是設(shè)計(jì)師還是其他團(tuán)隊(duì)成員，都可能發(fā)現(xiàn)產(chǎn)品的問題或體驗(yàn)瑕疵，比如用戶的吐槽、發(fā)現(xiàn)的 bug，或者體驗(yàn)上的障礙等等。這些問題可以成為推動項(xiàng)目的切入點(diǎn)。
方案定義
一旦找到了設(shè)計(jì)切入點(diǎn)，就可以來定義：
通過上面內(nèi)容的定義，可以確定此方案的可行性，以及對于業(yè)務(wù)的價(jià)值。
目標(biāo)和策略的定義，最好簡單點(diǎn)說，不要說那些高大上的黑話，譬如頂層邏輯，底層閉環(huán)，鏈路賦能之類的。本來設(shè)計(jì)的專業(yè)名詞讓其他人理解就有成本，再加上這些黑話，就會讓人不明所以然，就讓人不容易理解。
反正就是要說人話，最好公司的保潔都能聽懂。
為了能讓多方認(rèn)可方案，通常會開會匯報(bào)，來邀請更多的與會者，橫向拉通共識，然后就可以開干了。這個(gè)方案包括：
匯報(bào)要挑重點(diǎn)內(nèi)容講，大家的注意力是有限的，不要講述太多細(xì)節(jié)，老板更在乎的是這件事解決后能帶來什么價(jià)值，以及方案的運(yùn)轉(zhuǎn)邏輯是否合理。這個(gè)匯報(bào)一定要讓你的老板參加，如果遇到一些棘手的問題，他可以幫助你解答。
還有，在方案設(shè)計(jì)階段，最好邀請產(chǎn)品來做把關(guān)，他們可以為設(shè)計(jì)提供業(yè)務(wù)視角的建議，可以作為對方案的有益補(bǔ)充，這樣可以增加提案通過的成功率。而且大老板們也希望看到多多團(tuán)隊(duì)在一起共創(chuàng)，體現(xiàn)了員工的主動性。
對于設(shè)計(jì)推動項(xiàng)目來說，最擔(dān)心的就是推動過程中的風(fēng)險(xiǎn)問題。因?yàn)樵O(shè)計(jì)推動不像產(chǎn)品需求，有流程來保駕護(hù)航，有項(xiàng)目經(jīng)理來進(jìn)行把控管理（有些公司沒有項(xiàng)目經(jīng)理，就是由產(chǎn)品兼職），全程都是設(shè)計(jì)在推動，稍有不慎就會導(dǎo)致項(xiàng)目的夭折。所以和多個(gè)角色溝通，識別潛在風(fēng)險(xiǎn)，確保項(xiàng)目能安穩(wěn)落地。
邀請項(xiàng)目管理角色
如果可能，專業(yè)的事情就應(yīng)該交給專業(yè)的人來做，最好能要到項(xiàng)目管理的角色，來幫你分擔(dān)這部分風(fēng)險(xiǎn)，確保項(xiàng)目的安穩(wěn)落地。而且落地過程中的瑣事非常多，有很多不是設(shè)計(jì)師擅長處理的，有這個(gè)角色的存在，還能讓你安心投入推動項(xiàng)目中，減少無意義時(shí)間的損耗。
邀請產(chǎn)品來共創(chuàng)
如果可能，最好能和產(chǎn)品一起共創(chuàng)，通過這個(gè)過程，設(shè)計(jì)團(tuán)隊(duì)能夠更好地與產(chǎn)品團(tuán)隊(duì)協(xié)作，確保設(shè)計(jì)與業(yè)務(wù)目標(biāo)保持一致。這種緊密的協(xié)作方式有助于雙邊的合作信任，實(shí)現(xiàn)設(shè)計(jì)推動的成功落地。
如果有產(chǎn)品介入，就可以讓他來寫PRD。如果讓設(shè)計(jì)師來寫PRD，就會有質(zhì)量問題，譬如缺少重要環(huán)節(jié)，策略寫的不完善等等，畢竟設(shè)計(jì)師不是專業(yè)的。在落地過程中就會暴露這些內(nèi)容的缺失，然后在進(jìn)行補(bǔ)充，這非常影響工期。
作者：紀(jì)笙
來源：站酷
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
什么是競品分析
競品分析是指：對競爭對手的產(chǎn)品，從不同維度進(jìn)行分析對比，找到競爭對手和自家產(chǎn)品的優(yōu)勢、劣勢，通過數(shù)據(jù)分析，找出自身哪些優(yōu)勢需要發(fā)揚(yáng)、哪些劣勢需要優(yōu)化，別人的哪些優(yōu)點(diǎn)可以吸取、哪些缺點(diǎn)需要避開，同時(shí)找出未發(fā)現(xiàn)的機(jī)會點(diǎn)。進(jìn)而推導(dǎo)出自家產(chǎn)品下一步的方向。最終為戰(zhàn)略部署、產(chǎn)品設(shè)計(jì)、運(yùn)營策略等環(huán)節(jié)提供建議和參考。
而競品分析對象可分為：直接競品、間接競品、潛在競品
競品分析的定義，相信大家都很熟悉，知道了什么是競品分析，那我們在工作中應(yīng)該在什么節(jié)點(diǎn)進(jìn)行競品的收集與分析呢？
上面從產(chǎn)品生命周期的維度，簡單介紹了競品分析的側(cè)重點(diǎn)。
當(dāng)然，不同的公司，流程上會略有不同。
下面我們按步驟介紹：
01確定目標(biāo)
首先分析我們的產(chǎn)品其實(shí)是處在開拓期和成熟期兩個(gè)階段之間，既有較成熟的電商功能，又需要加入新的社區(qū)功能。那我們的競品分析則需要包含這2個(gè)階段所有的側(cè)重點(diǎn)。
產(chǎn)品階段：開拓期與成長期之間
產(chǎn)品屬性：到家服務(wù)+社區(qū)功能
分析目標(biāo)：行業(yè)情況、產(chǎn)品定位、用戶需求+功能框架、業(yè)務(wù)流程、交互視覺
調(diào)研目的：產(chǎn)品升級、視覺升級、體驗(yàn)升級、業(yè)務(wù)升級
02選擇競品
確定好分析目標(biāo)后，我們需要確定分析對象，前面有說到分析對象分為：直接競品、間接競品、潛在競品。而我們的功能既包含電商和社區(qū)，所以在選擇對象時(shí)要包含兩者各自的業(yè)務(wù)屬性。
我們的產(chǎn)品擬定是社區(qū)發(fā)文帶貨的形式，根據(jù)功能要求，所以我們進(jìn)行了直接、間接、潛在競品的篩選。
03確定維度
分析維度可根據(jù)具體需求、功能以及業(yè)務(wù)屬性來定。結(jié)合我們當(dāng)前工作的需求，我們大概收攏了一下收集的范圍，從情緒傳遞和流程功能布局2個(gè)大的維度來收集。情緒傳遞包含：應(yīng)用名稱、slogan、界面色調(diào)/配色、文案風(fēng)格、圖標(biāo)風(fēng)格；功能布局包含：頁面布局、應(yīng)用功能、功能流程等等；
04競品收集
通過分析這些數(shù)據(jù)，結(jié)合我們的公司戰(zhàn)略方向、目標(biāo)用戶群及產(chǎn)品功能特點(diǎn)，最終討論確定產(chǎn)品名稱和slogan。同時(shí)slogan傳遞的業(yè)務(wù)價(jià)值，也為后期運(yùn)營初定了一個(gè)方向，運(yùn)營可圍繞slogan傳遞的價(jià)值來進(jìn)行方案的擬定。
這些分析方法很多時(shí)候需要多個(gè)結(jié)合來分析，最終得出更加有效分析結(jié)果。而我這次使用的是競品分析矩陣，然后結(jié)合SWOT分析法推導(dǎo)出產(chǎn)品改版升級建議。分析結(jié)果出來后，就需要與團(tuán)隊(duì)內(nèi)其他成員共同討論，確定產(chǎn)品最終的升級方案了。當(dāng)然討論過程即是思維碰撞的過程，在討論過程中，隊(duì)友會在一些點(diǎn)上提出自己不同的建議，這時(shí)就需要根據(jù)這些問題點(diǎn)，繼續(xù)收集相關(guān)資料進(jìn)行對比分析后得出結(jié)論。
總之競品分析并不是一次性的工作，時(shí)間有限的情況下，單次的競品分析難免存在調(diào)研對象不夠全面、數(shù)據(jù)不夠精準(zhǔn)的情況，所以分析需要在團(tuán)隊(duì)討論、碰撞中不斷補(bǔ)充優(yōu)化，
OK，以上是我本次競品分析過程。整個(gè)流程從分析自家產(chǎn)品確定目標(biāo)，分析市場確定競品，分析競品得出分析數(shù)據(jù)，最終團(tuán)隊(duì)討論確定產(chǎn)品迭代/升級方案。當(dāng)然，由于項(xiàng)目和團(tuán)隊(duì)背景，此次的分析涵蓋面其實(shí)是不全的，只著重在范圍、結(jié)構(gòu)、框架3個(gè)層級上進(jìn)行了收集與分析，但已滿足團(tuán)隊(duì)當(dāng)前的需要。
避坑點(diǎn)
介入時(shí)間
競品分析介入的時(shí)間必須前置。因?yàn)楦偲贩治鍪菫榱撕笃诖_定產(chǎn)品方向、產(chǎn)品功能、業(yè)務(wù)流程、交互形式等等輸出有參考價(jià)值的分析報(bào)告，對后期的整個(gè)產(chǎn)研流程都有影響。
若競品分析過于滯后，可能導(dǎo)致產(chǎn)品規(guī)劃沒有參考分析數(shù)據(jù)來規(guī)劃，與市場行情、產(chǎn)品趨勢、用戶習(xí)慣脫節(jié)；也可能導(dǎo)致分析時(shí)間不夠，調(diào)研樣本數(shù)據(jù)不夠廣，數(shù)據(jù)分析結(jié)果不精準(zhǔn)。
如果碰到那種拍腦袋定方案的項(xiàng)目，那競品分析就更需要提前讓團(tuán)隊(duì)了解，避免產(chǎn)生大量的“無用功”。
輸出形式
網(wǎng)上的競品分析輸出形式有很多種，個(gè)人覺得輸出形式不需要太刻意，重要的是將客觀的分析結(jié)果展示清楚，并且方便你的團(tuán)隊(duì)成員查看即可。像我這次，競品分析報(bào)告會包含很多競品的截圖，我是直接在fimga上收納文件，整理成矩陣表，將所有的圖和表格都在一起，方便其他成員查看。
持續(xù)關(guān)注
對于調(diào)研的樣本，需要持續(xù)關(guān)注他的動向，特別是直接競品。要及時(shí)發(fā)現(xiàn)隨著市場變化，競品產(chǎn)品采取的措施或改動，進(jìn)而分析市場行情、業(yè)態(tài)變動，也為自家產(chǎn)品迭代方向收集相應(yīng)的數(shù)據(jù)支撐。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
當(dāng)一個(gè)物品用戶沒有擁有時(shí)，對他的價(jià)值感相對較低，當(dāng)用戶擁有時(shí)會高估和珍惜物品的價(jià)值。
心理學(xué)家 Daniel Kahneman、Jack Knetsch 和 Richard Thaler 對稟賦效應(yīng)進(jìn)行了實(shí)驗(yàn)，并在他們 1990 年的論文“稟賦效應(yīng)和粗略定理的實(shí)驗(yàn)檢驗(yàn)”中展示了這一概念，這一現(xiàn)象可以用行為金融學(xué)中的“損失厭惡”理論來解釋，該理論認(rèn)為一定量的損失給人們帶來的效用降低要多過相同的收益給人們帶來的效用增加。因此人們在決策過程中對利害的權(quán)衡是不均衡的，對“避害”的考慮遠(yuǎn)大于對“趨利”的考慮。出于對損失的畏懼，人們在出賣商品時(shí)往往索要過高的價(jià)格。
比如我們過生日收到的禮物，在沒有得到這件禮物之前，我們對他的價(jià)值或者吸引力往往沒那么高，但是當(dāng)這件禮物通過生日的形式送給你的時(shí)候，他就具有一定的意義并且這件禮物是屬于你的，假如此時(shí)有人花市場價(jià)購買你的禮物，內(nèi)心更多的想法是不舍得賣，因?yàn)檫@件禮物已經(jīng)屬于你了。
講個(gè)自己真實(shí)的故事，我自己是對一些財(cái)富手串、事業(yè)手串等等相關(guān)的東西不感興趣的，哪怕他很便宜我也不會去買，但是有一天女朋友從雍和宮幫我求來一個(gè)財(cái)富手串并且還是開過光的，以后我就每天帶著這個(gè)手串形影不離，有一次放在某個(gè)地方找不到了，當(dāng)時(shí)我就很焦慮，感覺自己損失了很大一筆錢，這個(gè)其實(shí)就是稟賦效應(yīng)作祟，因?yàn)檫@件東西通過很特別的方式才到我手里，我已經(jīng)認(rèn)定這就是我的東西了，所以他對我的價(jià)值是極其高，哪怕我之前對這種手串不感興趣。
最常見的產(chǎn)品設(shè)計(jì)場景中就是分享的場景，例如我們常見的一些分享都是底部彈出一些第三方鏈接方式，那么想一下這樣的方式分享率極低，我們可以利用稟賦效應(yīng)去強(qiáng)化產(chǎn)品的價(jià)值感，在學(xué)習(xí)產(chǎn)品中把學(xué)習(xí)數(shù)據(jù)融入分享頁面中提升讓用戶感受到學(xué)習(xí)的價(jià)值增加分享欲望，在旅游產(chǎn)品中一般都會記錄用戶的旅游足跡，此時(shí)把用戶經(jīng)過的城市以地圖的形式融入在分享頁面中，激發(fā)用戶的旅游價(jià)值，稟賦效應(yīng)在分享產(chǎn)品中不止這些玩法，商品收貨時(shí)、貴重物品分享時(shí)等等。
誘導(dǎo)即是向用戶贈送免費(fèi)的東西，通過這種方式提供免費(fèi)試用服務(wù)或者是一些優(yōu)惠禮包等，當(dāng)?shù)玫矫赓M(fèi)服務(wù)或者優(yōu)惠時(shí)由于稟賦效應(yīng)用戶可能會去進(jìn)行付費(fèi)或者深度使用，讓用戶感受到這是它自己的東西，對產(chǎn)品的價(jià)值感加倍。（但是我感覺這種方式效果提升不是很明顯，但是確實(shí)可以利用這種心理去嘗試可能會有意外收獲。）
誘發(fā)稟賦效應(yīng)的另一個(gè)重要因素是用戶的主人翁意識，在一些產(chǎn)品中會有一些個(gè)性化的設(shè)置，用戶可以根據(jù)自己的喜好去進(jìn)行設(shè)置，這樣可以讓用戶與產(chǎn)品產(chǎn)生價(jià)值聯(lián)動，比如谷歌瀏覽器的背景和同步功能就是我一直使用的原因，雖然其他瀏覽器也有同樣的功能，但是在互聯(lián)網(wǎng)初期谷歌可是用這個(gè)功能吸引了不少用戶，在比如app中常見的換膚、換色等功能。
有正向的也就有反向的，反向指的就是厭惡效應(yīng)，人們對自己所擁有的東西更加珍視，所以對于損失所表現(xiàn)出來的厭惡要比獲取收益表現(xiàn)出的愉悅強(qiáng)烈得多，我們往往會對所損失的東西更為敏感，有心理學(xué)家實(shí)驗(yàn)過，股票下跌的損失要用雙倍的漲幅才能挽回心理痛苦，在產(chǎn)品中常見的就是會員試用服務(wù)，當(dāng)我們給用戶7天或者30天的試用期后，時(shí)間一到大部分用戶都會選擇付費(fèi)，因?yàn)樗麄兡J(rèn)這些服務(wù)已經(jīng)擁有不愿損失。
情緒和社會會影響一個(gè)人的決策，因此根據(jù)行為經(jīng)濟(jì)學(xué)，當(dāng)我們了解這些因素時(shí)，我們可以構(gòu)建設(shè)計(jì)來幫助用戶做出可能的最佳決策，產(chǎn)品設(shè)計(jì)師可以通過使用價(jià)值賦能、個(gè)性化、免費(fèi)試用等簡單方法，利用這種效果來提高產(chǎn)品的留存率和滲透率。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
五架帽理論簡稱為LATCH原則，它定義了在好的組織性信息才能提升用戶體驗(yàn)，使設(shè)計(jì)更易于理解、靈活和可維護(hù)。
LATCH的概念最初由Richard Saul Wurman在他的設(shè)計(jì)原則和設(shè)計(jì)模式中提到，后來在他的《信息架構(gòu)》的書中重新定義了五架帽概念。
LATCH即是Location位置，Alphabet字母，Time時(shí)間，Category類別和Hierarchy視覺層級組成，這五種方式目標(biāo)都是通過高效的信息呈現(xiàn)來提升用戶體驗(yàn)。
理論上講的是通過位置來組織信息，其實(shí)比較好理解，我們可以理解為你本人所在位置是一個(gè)坐標(biāo)點(diǎn)，所有的信息形成都是圍繞你的坐標(biāo)點(diǎn)來組成的。
例如地圖軟件中你的當(dāng)前位置不斷變換，手機(jī)屏幕中不斷加載出新的地標(biāo)建筑，在一些游戲場景，例如絕地求生，隨著你的位置變換，不同的建筑環(huán)境、人、道具等都會隨著在你周圍出現(xiàn)，當(dāng)一些信息組成對用戶非常重視時(shí)則會優(yōu)先出現(xiàn)，比如駕駛過程中當(dāng)前位置不變，地圖會優(yōu)先加載道路信息，其次是建筑信息（網(wǎng)絡(luò)波動的時(shí)候比較明顯）。
并且隨著VR/元宇宙等技術(shù)，基于位置變換組織信息已經(jīng)是非常重要的一環(huán)。
總結(jié)：通過位置結(jié)合時(shí)間能夠給用戶展示高效率的信息
與字面意思一樣，按字母順序排列信息，當(dāng)數(shù)據(jù)量很大時(shí)，它是組織信息的最佳方法之一，在產(chǎn)品應(yīng)用中常見的就是像通訊錄、目錄等能夠快速的定位到信息，通過這種方式延伸出其他場景的排序方式，例如電商產(chǎn)品中的側(cè)邊分類，就是利用英文字母的邏輯把商品類別進(jìn)行分類，在一種就是按照時(shí)間的維度進(jìn)行信息分類。
當(dāng)信息具有相同性需要排序的時(shí)候，使用分類的方式能夠最快的提升用戶篩選效率，在我們生活我們每個(gè)人都有分類的習(xí)慣，如電腦桌上會放置一些小物件或電子設(shè)備相關(guān)的，衣柜里統(tǒng)一都放衣服每一層放不同季節(jié)的衣服，每當(dāng)我們想使用到某件物品時(shí)第一時(shí)間就能定位到它的位置。
在產(chǎn)品中使用最多的是分類和導(dǎo)航，例如同樣的鞋子可以用品牌分類，也可以按照季節(jié)分類或者性別分類......音樂可以用流行、搖滾、民謠等等分類......
類別是該理論中比較關(guān)鍵的一環(huán)，它定義事物按照分類的方式能夠讓用戶快速的查找信息組織。
上面位置、字母、類別都是提高信息查找效率，視覺層級與字面意思相同，當(dāng)我們滿足基本的查找效率后可以使用不同的視覺層級來凸顯重要性。
例如在產(chǎn)品設(shè)計(jì)中可以從顏色、大小等方式來滿足我們想要的層級梯度，讓產(chǎn)品/用戶的核心價(jià)值快速的讓用戶察覺到。
上面只是對每條規(guī)則單獨(dú)拆出來解析，實(shí)際中它們是可以共存的，如位置結(jié)合時(shí)間能夠讓用戶第一時(shí)間看到重要信息，類別結(jié)合字母就出現(xiàn)了我們看到的通訊錄，類別結(jié)合視覺層級能夠讓分類更加重要等。
五架帽理論最終目的都是為了提升用戶使用產(chǎn)品時(shí)的信息效率，它的五條設(shè)計(jì)規(guī)則也是在產(chǎn)品設(shè)計(jì)中的必須要遵守的，為什么說要遵守，因?yàn)樵O(shè)計(jì)中我們可以仔細(xì)回想下，基本上每一個(gè)頁面的誕生都與這五條規(guī)則相關(guān)，一但違背，這個(gè)頁面的可用性或者美觀就會有所缺失。
作者：愛吃貓的魚___
來源：站酷
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
用戶在使用一個(gè)產(chǎn)品流程時(shí)的高峰體驗(yàn)和結(jié)尾體驗(yàn)。
用峰終法則提升用戶在整個(gè)產(chǎn)品上或某個(gè)功能上的體驗(yàn)，需要先對用戶在整個(gè)產(chǎn)品上或某個(gè)功能上的使用行為與想法進(jìn)行分析，并繪制出用戶的情緒曲線，根據(jù)情緒的峰值節(jié)點(diǎn)和使用流程的結(jié)尾，這兩個(gè)“關(guān)鍵時(shí)刻”，進(jìn)行體驗(yàn)上的重點(diǎn)打造。
2002年的諾貝爾經(jīng)濟(jì)學(xué)獎(jiǎng)得主、美國心理學(xué)家丹尼爾•卡尼曼經(jīng)過深入研究，發(fā)現(xiàn)人們對體驗(yàn)的記憶由兩個(gè)因素決定，即高峰（無論是正向的還是負(fù)向 的）時(shí)與結(jié)束時(shí)的感覺，這就是“峰終定律”。關(guān)于峰終定律有這樣一個(gè)實(shí)驗(yàn)：讓兩組人員聽相同時(shí)間的強(qiáng)噪音，然后一組停下來，另一組接著再聽一段時(shí)間的弱噪音，就實(shí)際遭遇來講，后一組比前一組受了更多的折磨，但是聽到更長時(shí)間噪音的后一組的痛苦指數(shù)卻要比前一組低很多，原因就是對于兩組人員來講，結(jié)束時(shí)刻的噪音給他們留下的感受最為深刻，因而他們的痛苦指數(shù)主要是由噪音結(jié)束時(shí)的刺激程度所決定的。在另 外一種情況下，令兩組人員聽相同時(shí)間的噪音，其中一組的噪音強(qiáng)度較高，另 外一組的噪音強(qiáng)度較低，但是其中某一時(shí)刻聽到了極其刺耳的超強(qiáng)度的噪音， 結(jié)果就是，后一組的痛苦指數(shù)要高于前一組，盡管就總體而言，后一組所聽到 的噪音強(qiáng)度要低許多。
這體現(xiàn)的就是感受過程中的“高峰”一刻的決定作用。依照峰終定律，高峰和結(jié)束時(shí)的體驗(yàn)主宰了人們這段感受的性質(zhì)和強(qiáng)弱的 程度，而跟感受的總的比重以及體驗(yàn)時(shí)間的長短無關(guān)。也就是說，如果在一段 體驗(yàn)的高峰和結(jié)尾，體驗(yàn)是愉悅的，那么對整個(gè)體驗(yàn)的感受就是愉悅的，即使 這次體驗(yàn)更多的是痛苦或不愉快的感受。
用戶根據(jù)體驗(yàn)的高峰和結(jié)束來判斷產(chǎn)品體驗(yàn)是否好壞，并不是根據(jù)用戶使用產(chǎn)品的每一個(gè)節(jié)點(diǎn)感受的平均值來判定，我們可以理解為結(jié)果比過程重要。
就像我們看電影時(shí)，一個(gè)電影2小時(shí)前1小時(shí)都枯燥無味，突然中間有5分鐘讓你的情緒上升，此時(shí)你可能覺得這個(gè)電影還行，至少讓你達(dá)到了情緒高潮，當(dāng)你繼續(xù)觀看時(shí)電影片段又變得枯燥無味，突然最后10分鐘和結(jié)束時(shí)出現(xiàn)了電影彩蛋，并且這10分鐘的內(nèi)容特別符合你的胃口，這時(shí)候你就會出現(xiàn)一種“嗯，這個(gè)電影不錯(cuò)，結(jié)局挺好”這樣的心理暗示，此時(shí)會發(fā)現(xiàn)接近100多分鐘的枯燥內(nèi)容都被你忽略掉了，或者你也記得但是你默認(rèn)了電影90%的枯燥。
一些app里在用戶購買成功后，將已購商品以一種具有儀式感的收藏卡形式展示給用戶，給用戶驚喜的體驗(yàn)，在盲盒星球內(nèi)購買盲盒成功后會彈出卡片，把用戶獲得感拉滿，在網(wǎng)易云音樂直播間內(nèi)如果是新手用戶就會彈出新人見面禮，通過視覺的表現(xiàn)形式把氛圍拉拉滿，當(dāng)然還有一種反向峰值，當(dāng)有一些產(chǎn)品進(jìn)行抽獎(jiǎng)時(shí)，如果用戶未中獎(jiǎng)會彈出情感化彈窗，對用戶進(jìn)行安慰降低用戶的挫敗感。
上面講的偏向于業(yè)務(wù)彈窗，還有一種是功能性彈窗， 當(dāng)用戶使用某個(gè)產(chǎn)品流程時(shí)，這個(gè)流程可能通過多個(gè)維度才能到達(dá)最終的節(jié)點(diǎn)，在最后用戶完成操作時(shí)通過情感化彈窗進(jìn)行提示，又或者在版本升級時(shí)需要引導(dǎo)用戶進(jìn)行更新，使用情感化的表現(xiàn)，能夠?qū)a(chǎn)品與用戶產(chǎn)生情緒共鳴，增加趣味性，提升體驗(yàn)。
當(dāng)用戶使用產(chǎn)品去完成目標(biāo)時(shí)，突然中間步驟出現(xiàn)網(wǎng)絡(luò)波動、網(wǎng)絡(luò)斷開等不可抗拒的因素，此時(shí)在頁面中添加一些情感化設(shè)計(jì)，會緩解用戶焦慮情緒，甚至可以在空狀態(tài)中添加動效來提升趣味性。
近期在工作中做了一個(gè)直播項(xiàng)目，其中的一個(gè)功能就涉及到直播抽獎(jiǎng)，因?yàn)楫a(chǎn)品獎(jiǎng)品比例較多且輪數(shù)也多，用戶的中獎(jiǎng)幾率也比較高，所以導(dǎo)致用戶在中獎(jiǎng)后基本就退出直播間，因此在做設(shè)計(jì)的過程中為了避免這個(gè)問題，我在中間彈窗上做了優(yōu)化。
通過情感的中獎(jiǎng)彈窗形式來強(qiáng)化用戶的感知度，在直播過程中提升興奮感，提升用戶觀看的直播的欲望。
在講一個(gè)案例，去年我們做一個(gè)刷題功能的體驗(yàn)優(yōu)化，用戶在刷題場景下會面對幾十道甚至上百道題目，整個(gè)過程非常漫長，并且舊版的功能交互上并沒有展示總共還有多少題的這個(gè)提示，用戶在刷題過程中會非常焦慮，為了解決這個(gè)問題，通過這三個(gè)手段改進(jìn)，1）我在刷題過程中以進(jìn)度條的形式去實(shí)時(shí)告知用戶刷題進(jìn)度，減少用戶焦慮，2）用戶在最后幾題的場景中會添加鼓勵(lì)話語，強(qiáng)化用戶峰值，3）在結(jié)果頁面為用戶展示直觀的數(shù)據(jù)變化，強(qiáng)化用戶的滿足感，同時(shí)激勵(lì)用戶進(jìn)行持續(xù)性刷題。
用戶只記得使用過程中體驗(yàn)高的場景和結(jié)束時(shí)的場景。
無論是在交互還是視覺上我們都可以利用峰終定律幫助用戶達(dá)到好的使用體驗(yàn)。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
在UI設(shè)計(jì)中，形狀設(shè)計(jì)是一個(gè)至關(guān)重要的環(huán)節(jié)。對其選擇和排列會直接影響到界面的美觀度和用戶的交互體驗(yàn)。接下來將詳細(xì)探討UI設(shè)計(jì)中的形狀設(shè)計(jì)，包括其重要性、基本原則和實(shí)際應(yīng)用。
形狀可以幫助用戶理解和操作界面。一個(gè)優(yōu)秀的形狀設(shè)計(jì)應(yīng)該具有清晰、簡潔和易于理解的特點(diǎn)，我們在平時(shí)做設(shè)計(jì)中，需要將這些原則深入到每一個(gè)細(xì)節(jié)中。
在設(shè)計(jì)中，形狀的識別和理解是至關(guān)重要的。一個(gè)成功的形狀設(shè)計(jì)應(yīng)該能夠快速地被用戶識別并理解。例如，一個(gè)常見的形狀可以使用不同的顏色和大小來區(qū)分主要內(nèi)容和次要內(nèi)容，從而引導(dǎo)用戶的注意力。
1、形狀的一致性
在UI設(shè)計(jì)中，一致性是一個(gè)非常重要的原則。一個(gè)好的形狀設(shè)計(jì)應(yīng)該在整個(gè)應(yīng)用程序中保持一致，從而使用戶可以輕松地導(dǎo)航和操作。例如，閑魚APP里的所有的按鈕可以使用相同的形狀和顏色，以便用戶可以輕松地識別并操作。
2、形狀的個(gè)性化與品牌識別
一個(gè)獨(dú)特的形狀設(shè)計(jì)可以幫助品牌在競爭激烈的市場中脫穎而出。一個(gè)好的形狀設(shè)計(jì)應(yīng)該能夠體現(xiàn)品牌的個(gè)性和價(jià)值觀，從而增強(qiáng)品牌的識別度。使用獨(dú)特的圖標(biāo)和標(biāo)志來傳達(dá)其品牌形象和價(jià)值觀。例如：小米的logo、京東狗、淘寶天貓。
1、按鈕設(shè)計(jì)
按鈕是UI設(shè)計(jì)中最重要的元素之一。一個(gè)好的按鈕設(shè)計(jì)應(yīng)該具有清晰的形狀和易于理解的標(biāo)簽。
按鈕形狀主要有直角、小圓角、全圓角三種樣式。
① 直角按鈕具有嚴(yán)謹(jǐn)、力量、高端的特點(diǎn)，適用于大牌美妝、奢侈品類產(chǎn)品；
② 小圓角按鈕具有穩(wěn)定、中性的感覺，適用于用戶跨度較大的常規(guī)類產(chǎn)品中，例如微信、滴滴、抖音等；
③ 全圓角按鈕更加溫和、親切，適用于電商類和兒童類的產(chǎn)品中。
按鈕尺寸和比例根據(jù)iOS和Android的規(guī)范，按鈕尺寸至少高于5.5毫米（36 pt），否則用戶點(diǎn)擊時(shí)會較為困難。同時(shí)，按鈕長度固定，文字長度變化或是按鈕長度根據(jù)文字長短而變化的設(shè)計(jì)方式也需要考慮文字距離按鈕上下左右邊距的比例關(guān)系。
總的來說，UI中按鈕形狀的設(shè)計(jì)需要結(jié)合具體的產(chǎn)品屬性和界面風(fēng)格，以及用戶的使用習(xí)慣來進(jìn)行綜合考慮。
2、圖標(biāo)設(shè)計(jì)
圖標(biāo)是UI設(shè)計(jì)中另一種重要的具有高度概括性和視覺傳達(dá)性的小尺寸圖像元素?？梢詭椭脩艨焖俚刈R別和理解功能和信息，是靠文案無法實(shí)現(xiàn)的。
例如，天氣圖標(biāo)通過其形狀、色彩和設(shè)計(jì)元素直觀地傳達(dá)不同的天氣狀況和氣象信息，幫助人們更好地了解天氣狀況。又如衛(wèi)生間男女圖標(biāo)的設(shè)計(jì)讓人們易于識別和理解。
在UI設(shè)計(jì)中，圖標(biāo)的圓角度通常是怎么定義的呢？
① 大圓角：應(yīng)用在以圓潤、可愛為主要風(fēng)格的UI設(shè)計(jì)中，以營造出更加柔和、親切的視覺效果。
② 小圓角：小圓角作為一種微妙的細(xì)節(jié)元素，可以增加圖標(biāo)的層次感和細(xì)節(jié)。在追求設(shè)計(jì)質(zhì)感的界面中，適當(dāng)添加小圓角可以使圖標(biāo)更加精致和有品質(zhì)感。
③ 無圓角：應(yīng)用在科技或現(xiàn)代感的UI設(shè)計(jì)中，以營造出更加硬朗、冷峻的視覺效果。但使用需要克制，過多的直角可能會讓整個(gè)界面顯得生硬和冷感。
補(bǔ)充一點(diǎn)，我發(fā)現(xiàn)一個(gè)重要細(xì)節(jié)，就是很多人在計(jì)算內(nèi)圓角數(shù)值時(shí)都存在困擾。自工作以來，我注意到這個(gè)問題影響了很多人，他們不知道如何正確地計(jì)算內(nèi)圓角的數(shù)值。為了解決這個(gè)問題，通過以下方式幫助大家更好地掌握計(jì)算內(nèi)圓角數(shù)值的方法。
3、輸入框設(shè)計(jì)
輸入框是用戶輸入信息的重要區(qū)域。在UI設(shè)計(jì)中，輸入框的形狀設(shè)計(jì)可以根據(jù)實(shí)際需求和設(shè)計(jì)風(fēng)格進(jìn)行變化。以下是一些常見的輸入框形狀設(shè)計(jì)：
① 方型輸入框：這是最常見的輸入框形狀，它以方形的形式呈現(xiàn)，可以在其中輸入文本或信息。這種設(shè)計(jì)簡單明了，易于使用，適用于大多數(shù)場景。
② 圓角矩形輸入框：這種輸入框在四個(gè)角上采用了圓角設(shè)計(jì)，使得整個(gè)輸入框看起來更加柔和、友好。這種設(shè)計(jì)在一些需要強(qiáng)調(diào)用戶輸入的場景下較為常見。
③ 下拉菜單輸入框：這種輸入框可以讓用戶從下拉菜單中選擇一個(gè)選項(xiàng)，而不是直接在文本框中輸入。這種設(shè)計(jì)適用于一些固定選項(xiàng)的場景，可以減少用戶的輸入操作。
④ 按鈕式輸入框：這種輸入框?qū)⑤斎肟蚝桶粹o結(jié)合在一起，用戶可以點(diǎn)擊按鈕來輸入信息。這種設(shè)計(jì)適用于一些需要強(qiáng)調(diào)點(diǎn)擊操作的場景，例如站酷的登錄。
⑤ 語音識別輸入框：這種輸入框允許用戶通過語音來輸入信息，而不是手動輸入。這種設(shè)計(jì)適用于一些需要快速輸入或不方便手動輸入的場景，例如駕車、寫字等。
總的來說，輸入框的形狀設(shè)計(jì)應(yīng)根據(jù)實(shí)際需求和設(shè)計(jì)風(fēng)格來進(jìn)行選擇，同時(shí)也要考慮用戶的使用習(xí)慣和操作體驗(yàn)。
4、導(dǎo)航欄設(shè)計(jì)
導(dǎo)航欄是UI設(shè)計(jì)中重要的組成部分之一。它幫助用戶在不同的頁面之間進(jìn)行切換和導(dǎo)航。在設(shè)計(jì)導(dǎo)航欄時(shí)，應(yīng)考慮其位置、顏色和形狀等因素。以下是一些常見的導(dǎo)航欄形狀設(shè)計(jì)：
① 頂部導(dǎo)航欄：這是最常見的導(dǎo)航模式，位于頁面頂部，可以包含網(wǎng)站的名稱、主要的導(dǎo)航選項(xiàng)、搜索框等元素。這種設(shè)計(jì)簡單明了，易于使用，適用于大多數(shù)場景。
② 側(cè)邊導(dǎo)航欄：這種導(dǎo)航模式位于頁面左側(cè)，通常用于二級導(dǎo)航或輔助導(dǎo)航。側(cè)邊導(dǎo)航欄可以以垂直或水平方向呈現(xiàn)，根據(jù)實(shí)際需求進(jìn)行選擇。
③ 底部導(dǎo)航欄：這種導(dǎo)航模式位于頁面底部，通常用于一級目錄的導(dǎo)航。底部導(dǎo)航欄可以包含網(wǎng)站的名稱、主要的導(dǎo)航選項(xiàng)、搜索框等元素。這種設(shè)計(jì)操作方便，用戶體驗(yàn)好，適用于大多數(shù)場景。
④ 彈出式導(dǎo)航欄：這種導(dǎo)航模式通常用于移動端應(yīng)用，通過點(diǎn)擊或滑動屏幕上的按鈕或圖標(biāo)來喚出導(dǎo)航菜單。彈出式導(dǎo)航欄可以以垂直或水平方向呈現(xiàn)，根據(jù)實(shí)際需求進(jìn)行選擇。
總的來說，導(dǎo)航欄的形狀設(shè)計(jì)應(yīng)根據(jù)實(shí)際的導(dǎo)航模式和設(shè)計(jì)風(fēng)格來進(jìn)行選擇，同時(shí)也要考慮用戶的使用習(xí)慣和操作體驗(yàn)。好的導(dǎo)航設(shè)計(jì)應(yīng)該簡單明了、易于使用，能夠提供清晰的信息架構(gòu)和層級關(guān)系，幫助用戶快速找到所需內(nèi)容。
5、作為底紋設(shè)計(jì)
將形狀用作底紋，可以增加圖形的視覺層次感和趣味性。尤其是當(dāng)使用如圓圈、條紋、曲線等形狀時(shí)，可以使底紋呈現(xiàn)出動態(tài)感和動感。
也可以強(qiáng)調(diào)文字或圖片中的某些元素，用來引導(dǎo)觀者的視線，以創(chuàng)造出視覺焦點(diǎn)。比如，在一個(gè)沉悶的黑色背景上使用鮮艷的彩色形狀作為底紋，可以將觀者的注意力集中在那些形狀上。
但是，必須著重強(qiáng)調(diào)的是，底紋的使用應(yīng)當(dāng)與整體的設(shè)計(jì)風(fēng)格和主題相得益彰。若應(yīng)用不當(dāng)，可能會對畫面的整體美感產(chǎn)生破壞性的影響。因此，在決定是否使用底紋時(shí)，必須慎重考慮其與整體設(shè)計(jì)的和諧度。
1、動態(tài)形狀設(shè)計(jì)
隨著技術(shù)的不斷發(fā)展，動態(tài)形狀設(shè)計(jì)已經(jīng)成為一種趨勢。通過使用動畫和過渡效果，可以創(chuàng)建更具吸引力和互動性的界面。例如，使用漸變效果來平滑地轉(zhuǎn)換不同的頁面或狀態(tài)。
2、3D和立體形狀設(shè)計(jì)
3D和立體形狀設(shè)計(jì)為UI設(shè)計(jì)師提供了更多的可能性。通過使用陰影、光照和深度效果，可以創(chuàng)建更立體、更有層次感的界面。例如，使用3D旋轉(zhuǎn)效果來突出主要內(nèi)容或使用陰影效果來增加界面的深度感。
3、可定制形狀設(shè)計(jì)
隨著用戶對個(gè)性化需求的不斷增加，可定制的形狀設(shè)計(jì)變得越來越重要。用戶希望根據(jù)自己的喜好和需求來調(diào)整界面。例如，允許用戶自定義選擇自己喜歡的頁面主題風(fēng)格。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
用戶覺得軟件不好用通常是由于操作界面不符合常識，交互邏輯出人意料導(dǎo)致的。用什么樣的設(shè)計(jì)來支撐產(chǎn)品體驗(yàn)值得我們深入的思考。
用戶覺得軟件不好用通常是由于操作界面不符合常識，交互邏輯出人意料導(dǎo)致的。
這里我們要引入三個(gè)模型的概念:實(shí)現(xiàn)模型，心理模型和呈現(xiàn)模型。
用戶是真的想要一匹很快的馬嗎？或許吧。
然后福特就發(fā)明了汽車，很好的滿足了的客戶的需求。
嗯！這個(gè)可能是一個(gè)很好的滿足了這個(gè)客戶以及一群客戶的需求。
這個(gè)故事告訴我們，我們需要挖掘客戶真正想要的東西，而不是停留在現(xiàn)有客戶所說事物的表面，傻傻去找一匹很快的“馬”。
接到需求后產(chǎn)品經(jīng)理一般會在PRD評審時(shí)向設(shè)計(jì)側(cè)講解需求背景和功能邏輯，在這個(gè)階段我們可以了解到產(chǎn)品經(jīng)理規(guī)劃中的用戶流程和使用方式。產(chǎn)品原型呈現(xiàn)的只是無數(shù)解決方案中的一種，了解了業(yè)務(wù)訴求再回顧原型方案，經(jīng)常可以帶來全新的視野，并由此推導(dǎo)設(shè)計(jì)方案。
下面我們就看下如何從組件，結(jié)構(gòu)，功能，狀態(tài)幾個(gè)層面解決設(shè)計(jì)問題。
文案是界面的重要構(gòu)成，卻是界面設(shè)計(jì)中最不被重視的一部分。很多軟件之所以用起來有一層朦朧的隔閡感，罪魁禍?zhǔn)拙褪腔逎奈陌?。簡單的糾正文案可能會帶來煥然一新的使用感受。
圖形用戶界面誕生之初，界面元素對物理世界的模擬是為了便于用戶將現(xiàn)實(shí)中的常識套用到虛擬界面上:擬物化通過質(zhì)感暗示用戶界面的交互方式;在扁平化時(shí)代，提供視覺線索仍然是必要的原則。拿拖拽操作來說，首先可以拖動的組件上要有把手，暗示可以撿起。組件被拿起來時(shí)要明顯擴(kuò)大的投影樣式描繪高度，并在列表中顯示一條瞄準(zhǔn)線便于用戶精確定位。
再比如卡片式設(shè)計(jì)，和現(xiàn)實(shí)中的卡片相同，它可以明確地劃分出功能和信息的關(guān)系。要注意的是，視覺分區(qū)越多，頁面復(fù)雜度越高，設(shè)計(jì)時(shí)需要控制平衡。
1.3 熟悉的組件
用戶點(diǎn)擊下拉選擇器的時(shí)候，自然會期望在周圍彈開一個(gè)選項(xiàng)浮層，因?yàn)樗麄冇眠^的所有軟件交互都是這樣。這個(gè)就是習(xí)慣用法范式的應(yīng)用（盡可能套用常規(guī)的交互方式讓軟件的操作容易預(yù)測，用戶理解成本低）。
然而在常規(guī)組件無法承載實(shí)際需求時(shí)，有必要跳出慣用范式，通過差異的視覺樣式給用戶思想準(zhǔn)備。例如一些原型圖中的選擇器使用了下拉的樣式，觸發(fā)的卻是選擇抽屜或者彈窗。這種意外的發(fā)生或多或少會降低用戶使用時(shí)的信心，因?yàn)樗麄冊僖膊淮_定點(diǎn)擊下拉后會發(fā)生什么。通過特殊與常規(guī)的區(qū)分，其實(shí)也維護(hù)了慣用范式的一致性。
你一定遇到過這種棘手的原型:頁面導(dǎo)航又多又深，林林總總地鋪酒在導(dǎo)航區(qū)和功能區(qū)，信息密度堪比柯林斯英漢辭典。頁面導(dǎo)航是界面的基本框架，處理系統(tǒng)的導(dǎo)航方式是頁面設(shè)計(jì)早期就需要完成的工作。
2.1 控制一級導(dǎo)航深度
一級導(dǎo)航過深時(shí)，有必要進(jìn)行降級。頂欄導(dǎo)航可以向邊欄導(dǎo)航轉(zhuǎn)移。邊欄導(dǎo)航是一級時(shí)，可將最低級的導(dǎo)航放到內(nèi)容區(qū)吸頂;若層級仍然不夠用或?qū)Ш綏l目較多，可以再增加一個(gè)縱向?qū)Ш健?/p>
2.2 平衡內(nèi)容區(qū)導(dǎo)航
吸頂導(dǎo)航會占用內(nèi)容區(qū)的縱向空間，但可以隨時(shí)跳轉(zhuǎn)。
內(nèi)容區(qū)內(nèi)的導(dǎo)航性質(zhì)更類似于篩選，能夠隨內(nèi)容滾，不便于隨時(shí)切換。
頁簽類型區(qū)別大或是需要切換對比時(shí)，可以將導(dǎo)航吸頂;頁簽下內(nèi)容形式近似或需要更多瀏覽空間時(shí)，可以將導(dǎo)航放在內(nèi)容區(qū)。
2.3 減少空間浪費(fèi)
很多原型會習(xí)慣性地在頁面頂部配置一個(gè)頂欄。實(shí)際上里面的商標(biāo)，賬戶信息，設(shè)置等功能可以整合到邊欄中，這樣內(nèi)容區(qū)上方會多一些縱向空間。
3.1分級展示功能
比如一些的圖表類頁面主要用于瀏覽而不是編輯，這種情況下將操作隱藏到省略號或者漢堡菜單中，不僅可以減少信息干擾，還能避免誤操作。
高級功能的隱藏很好理解，比如 macOS 的網(wǎng)絡(luò)配置只顯示基礎(chǔ)的連接功能，DNS 配置等高級操作被整理到了一個(gè)按鈕中。你可以想象如果所有的配置項(xiàng)都展示一個(gè)頁面，對于用戶日常聯(lián)網(wǎng)操作會有多么不友好。
3.2 拆分功能
除了分級，當(dāng)頁面或區(qū)域內(nèi)的功能過于集中時(shí)，可以進(jìn)行拆分以降低信息壓力。
分離檢索與查看:列表同時(shí)兼具瀏覽與管理的功能，但在字段眾多，空間有限的情況下，可以選擇其中有代表性的字段在單元行中顯示，便于快速掃描和管理，完整的單元行信息放到下一個(gè)層級顯示。
分離表單區(qū)塊:當(dāng)表單存在區(qū)塊表單時(shí)，可以只在表單中顯示區(qū)塊的預(yù)覽，將區(qū)塊的新增和配置放到抽屜中進(jìn)行，由此減少功能堆積。
3.3 數(shù)據(jù)的編輯
涉及數(shù)據(jù)編輯的頁面存在四種設(shè)計(jì)方式，需要綜合考慮表單的數(shù)量，用戶的操作頻次和使用方式來判斷采用哪種。
查看模式:帶查看模式的頁面視覺效果整齊，信息干擾最小，且不會誤操作。但需要進(jìn)入編輯模式修改頁面內(nèi)容。
直接編輯模式:用戶到達(dá)頁面時(shí)，數(shù)據(jù)就可以被修改生效。常見于設(shè)置類頁面。該模式使用效率最高。但由于容易誤操作且視覺信息冗雜，不太適合大型表單。
行內(nèi)編輯模式:頁面樣式類似查看模式，當(dāng)鼠標(biāo)懸停在數(shù)據(jù)上，界面會提示用戶此處可以編輯，用戶點(diǎn)擊后可以快速針對局部數(shù)據(jù)做修改。該模式只適用表單項(xiàng)少的情況。
實(shí)時(shí)保存:頁面長期處于編輯模式，系統(tǒng)會自動保存用戶的操作。常見于線上文檔工具。該模式誤操作風(fēng)險(xiǎn)最高，需要提供版本控制和操作撤回功能。
業(yè)務(wù)層面上無法避免單頁出現(xiàn)大量表單時(shí)，可以在視覺上分節(jié)。注意!和真正的分步不同，這里的只是從視覺層面對頁面信息進(jìn)行處理，沒有流程先后的概念，所以盡可能不要拆分頁面。
以下圖為例，通過視覺上的劃分，即使在同一個(gè)頁面顯示同樣數(shù)量的表單，版面空間的呼吸給予了用戶喘歇的余地。錨點(diǎn)導(dǎo)航是個(gè)錦上添花的控件，空間允許時(shí)可以加上。
一個(gè)列表出現(xiàn)空狀態(tài)的可能性有:
雖然后果一樣，但問題本質(zhì)不同，解決方式自然也不同，此時(shí)需要分別給出對應(yīng)的引導(dǎo)。
再沒有什么比一行“操作失敗”的提示更讓人絕望，用戶不知道哪出了問題，也不清楚如何解決。異常流程時(shí)有發(fā)生，此時(shí)系統(tǒng)的引導(dǎo)會起到至關(guān)重要的作用，它能夠帶用戶走回正軌，減少無助感。
該問題的重災(zāi)區(qū)是工具類軟件，用著用著一些功能突然就灰掉了，只能慢慢摸索是哪里的問題。功能之所以不可用肯定有個(gè)原因，不論是直接顯示還是鼠標(biāo)懸停時(shí)顯示，有必要要讓用戶明白原由或者如何解決，避免把用戶困在死胡同。
新手教程特別考驗(yàn)用戶的記憶力，尤其是在新接觸軟件的學(xué)習(xí)爬坡階段，而且很難保證在一段時(shí)間不用后，用戶還能記得如何操作。當(dāng)系統(tǒng)引入了晦澀概念或復(fù)雜交互時(shí)，最好在該功能周圍提供說明，或懸停時(shí)展示 tooltip.使用戶無需長期記憶，在用到該功能時(shí)又可以快速上手。
圖形界面的本質(zhì)是人與機(jī)器交流的語言。與現(xiàn)實(shí)生活一樣，我們傾向與禮貌體貼的對象溝通。所以下手設(shè)計(jì)時(shí)要盡最大可能從人類的本性出發(fā)，才能在業(yè)務(wù)和產(chǎn)品邏輯的限制下，為用戶塑造更具親和力的界面模型。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(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開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com