當(dāng)一個物品用戶沒有擁有時,對他的價值感相對較低,當(dāng)用戶擁有時會高估和珍惜物品的價值。
心理學(xué)家 Daniel Kahneman、Jack Knetsch 和 Richard Thaler 對稟賦效應(yīng)進(jìn)行了實驗,并在他們 1990 年的論文“稟賦效應(yīng)和粗略定理的實驗檢驗”中展示了這一概念,這一現(xiàn)象可以用行為金融學(xué)中的“損失厭惡”理論來解釋,該理論認(rèn)為一定量的損失給人們帶來的效用降低要多過相同的收益給人們帶來的效用增加。因此人們在決策過程中對利害的權(quán)衡是不均衡的,對“避害”的考慮遠(yuǎn)大于對“趨利”的考慮。出于對損失的畏懼,人們在出賣商品時往往索要過高的價格。
比如我們過生日收到的禮物,在沒有得到這件禮物之前,我們對他的價值或者吸引力往往沒那么高,但是當(dāng)這件禮物通過生日的形式送給你的時候,他就具有一定的意義并且這件禮物是屬于你的,假如此時有人花市場價購買你的禮物,內(nèi)心更多的想法是不舍得賣,因為這件禮物已經(jīng)屬于你了。
講個自己真實的故事,我自己是對一些財富手串、事業(yè)手串等等相關(guān)的東西不感興趣的,哪怕他很便宜我也不會去買,但是有一天女朋友從雍和宮幫我求來一個財富手串并且還是開過光的,以后我就每天帶著這個手串形影不離,有一次放在某個地方找不到了,當(dāng)時我就很焦慮,感覺自己損失了很大一筆錢,這個其實就是稟賦效應(yīng)作祟,因為這件東西通過很特別的方式才到我手里,我已經(jīng)認(rèn)定這就是我的東西了,所以他對我的價值是極其高,哪怕我之前對這種手串不感興趣。
最常見的產(chǎn)品設(shè)計場景中就是分享的場景,例如我們常見的一些分享都是底部彈出一些第三方鏈接方式,那么想一下這樣的方式分享率極低,我們可以利用稟賦效應(yīng)去強(qiáng)化產(chǎn)品的價值感,在學(xué)習(xí)產(chǎn)品中把學(xué)習(xí)數(shù)據(jù)融入分享頁面中提升讓用戶感受到學(xué)習(xí)的價值增加分享欲望,在旅游產(chǎn)品中一般都會記錄用戶的旅游足跡,此時把用戶經(jīng)過的城市以地圖的形式融入在分享頁面中,激發(fā)用戶的旅游價值,稟賦效應(yīng)在分享產(chǎn)品中不止這些玩法,商品收貨時、貴重物品分享時等等。
誘導(dǎo)即是向用戶贈送免費的東西,通過這種方式提供免費試用服務(wù)或者是一些優(yōu)惠禮包等,當(dāng)?shù)玫矫赓M服務(wù)或者優(yōu)惠時由于稟賦效應(yīng)用戶可能會去進(jìn)行付費或者深度使用,讓用戶感受到這是它自己的東西,對產(chǎn)品的價值感加倍。(但是我感覺這種方式效果提升不是很明顯,但是確實可以利用這種心理去嘗試可能會有意外收獲。)
誘發(fā)稟賦效應(yīng)的另一個重要因素是用戶的主人翁意識,在一些產(chǎn)品中會有一些個性化的設(shè)置,用戶可以根據(jù)自己的喜好去進(jìn)行設(shè)置,這樣可以讓用戶與產(chǎn)品產(chǎn)生價值聯(lián)動,比如谷歌瀏覽器的背景和同步功能就是我一直使用的原因,雖然其他瀏覽器也有同樣的功能,但是在互聯(lián)網(wǎng)初期谷歌可是用這個功能吸引了不少用戶,在比如app中常見的換膚、換色等功能。
有正向的也就有反向的,反向指的就是厭惡效應(yīng),人們對自己所擁有的東西更加珍視,所以對于損失所表現(xiàn)出來的厭惡要比獲取收益表現(xiàn)出的愉悅強(qiáng)烈得多,我們往往會對所損失的東西更為敏感,有心理學(xué)家實驗過,股票下跌的損失要用雙倍的漲幅才能挽回心理痛苦,在產(chǎn)品中常見的就是會員試用服務(wù),當(dāng)我們給用戶7天或者30天的試用期后,時間一到大部分用戶都會選擇付費,因為他們默認(rèn)這些服務(wù)已經(jīng)擁有不愿損失。
情緒和社會會影響一個人的決策,因此根據(jù)行為經(jīng)濟(jì)學(xué),當(dāng)我們了解這些因素時,我們可以構(gòu)建設(shè)計來幫助用戶做出可能的最佳決策,產(chǎn)品設(shè)計師可以通過使用價值賦能、個性化、免費試用等簡單方法,利用這種效果來提高產(chǎn)品的留存率和滲透率。
藍(lán)藍(lán)設(shè)計(tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
五架帽理論簡稱為LATCH原則,它定義了在好的組織性信息才能提升用戶體驗,使設(shè)計更易于理解、靈活和可維護(hù)。
LATCH的概念最初由Richard Saul Wurman在他的設(shè)計原則和設(shè)計模式中提到,后來在他的《信息架構(gòu)》的書中重新定義了五架帽概念。
LATCH即是Location位置,Alphabet字母,Time時間,Category類別和Hierarchy視覺層級組成,這五種方式目標(biāo)都是通過高效的信息呈現(xiàn)來提升用戶體驗。
理論上講的是通過位置來組織信息,其實比較好理解,我們可以理解為你本人所在位置是一個坐標(biāo)點,所有的信息形成都是圍繞你的坐標(biāo)點來組成的。
例如地圖軟件中你的當(dāng)前位置不斷變換,手機(jī)屏幕中不斷加載出新的地標(biāo)建筑,在一些游戲場景,例如絕地求生,隨著你的位置變換,不同的建筑環(huán)境、人、道具等都會隨著在你周圍出現(xiàn),當(dāng)一些信息組成對用戶非常重視時則會優(yōu)先出現(xiàn),比如駕駛過程中當(dāng)前位置不變,地圖會優(yōu)先加載道路信息,其次是建筑信息(網(wǎng)絡(luò)波動的時候比較明顯)。
并且隨著VR/元宇宙等技術(shù),基于位置變換組織信息已經(jīng)是非常重要的一環(huán)。
總結(jié):通過位置結(jié)合時間能夠給用戶展示高效率的信息
與字面意思一樣,按字母順序排列信息,當(dāng)數(shù)據(jù)量很大時,它是組織信息的最佳方法之一,在產(chǎn)品應(yīng)用中常見的就是像通訊錄、目錄等能夠快速的定位到信息,通過這種方式延伸出其他場景的排序方式,例如電商產(chǎn)品中的側(cè)邊分類,就是利用英文字母的邏輯把商品類別進(jìn)行分類,在一種就是按照時間的維度進(jìn)行信息分類。
當(dāng)信息具有相同性需要排序的時候,使用分類的方式能夠最快的提升用戶篩選效率,在我們生活我們每個人都有分類的習(xí)慣,如電腦桌上會放置一些小物件或電子設(shè)備相關(guān)的,衣柜里統(tǒng)一都放衣服每一層放不同季節(jié)的衣服,每當(dāng)我們想使用到某件物品時第一時間就能定位到它的位置。
在產(chǎn)品中使用最多的是分類和導(dǎo)航,例如同樣的鞋子可以用品牌分類,也可以按照季節(jié)分類或者性別分類......音樂可以用流行、搖滾、民謠等等分類......
類別是該理論中比較關(guān)鍵的一環(huán),它定義事物按照分類的方式能夠讓用戶快速的查找信息組織。
上面位置、字母、類別都是提高信息查找效率,視覺層級與字面意思相同,當(dāng)我們滿足基本的查找效率后可以使用不同的視覺層級來凸顯重要性。
例如在產(chǎn)品設(shè)計中可以從顏色、大小等方式來滿足我們想要的層級梯度,讓產(chǎn)品/用戶的核心價值快速的讓用戶察覺到。
上面只是對每條規(guī)則單獨拆出來解析,實際中它們是可以共存的,如位置結(jié)合時間能夠讓用戶第一時間看到重要信息,類別結(jié)合字母就出現(xiàn)了我們看到的通訊錄,類別結(jié)合視覺層級能夠讓分類更加重要等。
五架帽理論最終目的都是為了提升用戶使用產(chǎn)品時的信息效率,它的五條設(shè)計規(guī)則也是在產(chǎn)品設(shè)計中的必須要遵守的,為什么說要遵守,因為設(shè)計中我們可以仔細(xì)回想下,基本上每一個頁面的誕生都與這五條規(guī)則相關(guān),一但違背,這個頁面的可用性或者美觀就會有所缺失。
作者:愛吃貓的魚___
來源:站酷
藍(lán)藍(lán)設(shè)計(tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
用戶在使用一個產(chǎn)品流程時的高峰體驗和結(jié)尾體驗。
用峰終法則提升用戶在整個產(chǎn)品上或某個功能上的體驗,需要先對用戶在整個產(chǎn)品上或某個功能上的使用行為與想法進(jìn)行分析,并繪制出用戶的情緒曲線,根據(jù)情緒的峰值節(jié)點和使用流程的結(jié)尾,這兩個“關(guān)鍵時刻”,進(jìn)行體驗上的重點打造。
2002年的諾貝爾經(jīng)濟(jì)學(xué)獎得主、美國心理學(xué)家丹尼爾•卡尼曼經(jīng)過深入研究,發(fā)現(xiàn)人們對體驗的記憶由兩個因素決定,即高峰(無論是正向的還是負(fù)向 的)時與結(jié)束時的感覺,這就是“峰終定律”。關(guān)于峰終定律有這樣一個實驗:讓兩組人員聽相同時間的強(qiáng)噪音,然后一組停下來,另一組接著再聽一段時間的弱噪音,就實際遭遇來講,后一組比前一組受了更多的折磨,但是聽到更長時間噪音的后一組的痛苦指數(shù)卻要比前一組低很多,原因就是對于兩組人員來講,結(jié)束時刻的噪音給他們留下的感受最為深刻,因而他們的痛苦指數(shù)主要是由噪音結(jié)束時的刺激程度所決定的。在另 外一種情況下,令兩組人員聽相同時間的噪音,其中一組的噪音強(qiáng)度較高,另 外一組的噪音強(qiáng)度較低,但是其中某一時刻聽到了極其刺耳的超強(qiáng)度的噪音, 結(jié)果就是,后一組的痛苦指數(shù)要高于前一組,盡管就總體而言,后一組所聽到 的噪音強(qiáng)度要低許多。
這體現(xiàn)的就是感受過程中的“高峰”一刻的決定作用。依照峰終定律,高峰和結(jié)束時的體驗主宰了人們這段感受的性質(zhì)和強(qiáng)弱的 程度,而跟感受的總的比重以及體驗時間的長短無關(guān)。也就是說,如果在一段 體驗的高峰和結(jié)尾,體驗是愉悅的,那么對整個體驗的感受就是愉悅的,即使 這次體驗更多的是痛苦或不愉快的感受。
用戶根據(jù)體驗的高峰和結(jié)束來判斷產(chǎn)品體驗是否好壞,并不是根據(jù)用戶使用產(chǎn)品的每一個節(jié)點感受的平均值來判定,我們可以理解為結(jié)果比過程重要。
就像我們看電影時,一個電影2小時前1小時都枯燥無味,突然中間有5分鐘讓你的情緒上升,此時你可能覺得這個電影還行,至少讓你達(dá)到了情緒高潮,當(dāng)你繼續(xù)觀看時電影片段又變得枯燥無味,突然最后10分鐘和結(jié)束時出現(xiàn)了電影彩蛋,并且這10分鐘的內(nèi)容特別符合你的胃口,這時候你就會出現(xiàn)一種“嗯,這個電影不錯,結(jié)局挺好”這樣的心理暗示,此時會發(fā)現(xiàn)接近100多分鐘的枯燥內(nèi)容都被你忽略掉了,或者你也記得但是你默認(rèn)了電影90%的枯燥。
一些app里在用戶購買成功后,將已購商品以一種具有儀式感的收藏卡形式展示給用戶,給用戶驚喜的體驗,在盲盒星球內(nèi)購買盲盒成功后會彈出卡片,把用戶獲得感拉滿,在網(wǎng)易云音樂直播間內(nèi)如果是新手用戶就會彈出新人見面禮,通過視覺的表現(xiàn)形式把氛圍拉拉滿,當(dāng)然還有一種反向峰值,當(dāng)有一些產(chǎn)品進(jìn)行抽獎時,如果用戶未中獎會彈出情感化彈窗,對用戶進(jìn)行安慰降低用戶的挫敗感。
上面講的偏向于業(yè)務(wù)彈窗,還有一種是功能性彈窗, 當(dāng)用戶使用某個產(chǎn)品流程時,這個流程可能通過多個維度才能到達(dá)最終的節(jié)點,在最后用戶完成操作時通過情感化彈窗進(jìn)行提示,又或者在版本升級時需要引導(dǎo)用戶進(jìn)行更新,使用情感化的表現(xiàn),能夠?qū)a(chǎn)品與用戶產(chǎn)生情緒共鳴,增加趣味性,提升體驗。
當(dāng)用戶使用產(chǎn)品去完成目標(biāo)時,突然中間步驟出現(xiàn)網(wǎng)絡(luò)波動、網(wǎng)絡(luò)斷開等不可抗拒的因素,此時在頁面中添加一些情感化設(shè)計,會緩解用戶焦慮情緒,甚至可以在空狀態(tài)中添加動效來提升趣味性。
近期在工作中做了一個直播項目,其中的一個功能就涉及到直播抽獎,因為產(chǎn)品獎品比例較多且輪數(shù)也多,用戶的中獎幾率也比較高,所以導(dǎo)致用戶在中獎后基本就退出直播間,因此在做設(shè)計的過程中為了避免這個問題,我在中間彈窗上做了優(yōu)化。
通過情感的中獎彈窗形式來強(qiáng)化用戶的感知度,在直播過程中提升興奮感,提升用戶觀看的直播的欲望。
在講一個案例,去年我們做一個刷題功能的體驗優(yōu)化,用戶在刷題場景下會面對幾十道甚至上百道題目,整個過程非常漫長,并且舊版的功能交互上并沒有展示總共還有多少題的這個提示,用戶在刷題過程中會非常焦慮,為了解決這個問題,通過這三個手段改進(jìn),1)我在刷題過程中以進(jìn)度條的形式去實時告知用戶刷題進(jìn)度,減少用戶焦慮,2)用戶在最后幾題的場景中會添加鼓勵話語,強(qiáng)化用戶峰值,3)在結(jié)果頁面為用戶展示直觀的數(shù)據(jù)變化,強(qiáng)化用戶的滿足感,同時激勵用戶進(jìn)行持續(xù)性刷題。
用戶只記得使用過程中體驗高的場景和結(jié)束時的場景。
無論是在交互還是視覺上我們都可以利用峰終定律幫助用戶達(dá)到好的使用體驗。
藍(lán)藍(lán)設(shè)計(tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
今天給大家推薦一個中文的 AI 創(chuàng)意工具—— WHEE。我只輸入了四個字,它就生成了我想要的畫面。
藍(lán)藍(lán)設(shè)計(tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計
藍(lán)藍(lán)設(shè)計(tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計
藍(lán)藍(lán)設(shè)計(tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計
藍(lán)藍(lán)設(shè)計(tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計
作為一名合格的UI設(shè)計師,用好留白分割、線性分割、卡片分割,你的頁面即成功了一半!
留白分割≧線性分割≧卡片分割
留白分割定義:指的是只通過增加間距的方式,利用人的視知覺原理(接近法則:人的大腦會傾向于把彼此靠近的元素視為一組),自然的將信息分組。(如上圖)
間距留白是區(qū)隔單一信息元素的默認(rèn)選擇。(如下圖)
使用原則:建議在不影響核心數(shù)據(jù)指標(biāo)的前提下,條目之間盡可能采用留白分割,會讓界面更清爽,瀏覽更沉浸。
留白分割的分類及適用場景:當(dāng)條目信息層次較少(≦2)時,留白分割是比較合適的,當(dāng)信息層次較多(≧3)時,留白分割既會浪費空間,也難以達(dá)到一目了然的分割效果。
線性分割定義:用線來分隔不同的信息內(nèi)容。(大部分APP的分割線是1px粗細(xì),黑色,不透明度12%)。
使用原則:分割線可以幫助用戶理解頁面是如何組成的,但過度使用分割線會造成視覺干擾,影響頁面信息傳達(dá)。
Android系統(tǒng)明確規(guī)定了分割線的使用原則:
1、微妙的:分割線在布局中應(yīng)該很容易被注意到,但又不凸顯。
2、次要的:只有當(dāng)留白不能起到分割作用時,才采用分分割線。
3、少用的:謹(jǐn)慎使用分割線,用它來創(chuàng)建分組而不是分割條目。(如下圖)
分類及使用場景:
1、通欄分割線:用于分割彼此完全獨立的內(nèi)容。
2、內(nèi)嵌分割線:用于分割有錨點(頭像或圖標(biāo))的相關(guān)內(nèi)容。
3、中間分割線:用于分割無錨點(頭像或圖標(biāo))的相關(guān)內(nèi)容。
如果為了提高屏效,希望在一屏內(nèi)盡可能多的展示信息,那么同樣的信息布局,分割線帶來的效果會更清晰(如下圖)
卡片分割定義:卡片是一個由內(nèi)容和操作組合而成的獨立主題的面性容器①,它可以包含縮略圖②、標(biāo)題③、副標(biāo)題④、副媒體⑤、文本⑥、問文字按鈕⑦和圖標(biāo)按鈕⑧,除了卡片容器本身,其他元素都是可選的,所有元素都以易于掃描和操作的形式放置在卡片上。
使用原則:
1、包含的:卡片是一個可識別的,單獨的、包含內(nèi)容的單元。
2、獨立的:一張卡片可以獨立存在,而不依賴于上下文環(huán)境。
3、不可分割的:一張卡片不能與另一張合并,也不能拆分成多張卡片。
分類及適用場景:
卡片根據(jù)左右是否有邊距,可簡單分為通欄卡片和非通欄卡片(如下圖)。
從視覺效果上來看,由于圓角的聚焦效應(yīng),非通欄卡片對于凸顯單個卡片的獨立性和內(nèi)容的效果都更好,畫面的分割感會更強(qiáng)。
1、當(dāng)這個主題內(nèi)部的內(nèi)容已經(jīng)有分割線時,建議采用卡片分割,讓主題信息層次更加清晰。
2、當(dāng)單個主題內(nèi)部的內(nèi)容類型較多,上下所占空間較大,建議采用卡片分割,以更好的圈定該主題的內(nèi)容范圍,給用戶明確的內(nèi)容邊界感。
3、當(dāng)需要擴(kuò)展頁面的橫向空間時,暗示頁面可以橫向滑動時,需要采用非通欄卡片,利用橫向內(nèi)容連續(xù)性原則,幫助用戶建立可以橫向滑動的意識。
小結(jié):
信息分割本身不是目的,分割方式的選擇是為了讓版面產(chǎn)生清晰的條理性,用悅目的信息秩序來更好的突出內(nèi)容,達(dá)成最佳的信息傳達(dá)效果,所以決策時,除了上述細(xì)節(jié)考慮因素,還要考慮整體版面效果和信息傳達(dá)效率。
藍(lán)藍(lán)設(shè)計(tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計
作者:黑馬青年
來源:站酷
藍(lán)藍(lán)設(shè)計(tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計
藍(lán)藍(lán)設(shè)計的小編 http://tweetduck.com