欧美videos另类精品-欧美videos另类极品-欧美vide-欧美va在线视频-欧美va在线观看-欧美va在线播放免费观看

首頁

6000字干貨!3個優秀交互設計師應該具備的邊界感|北京藍藍UI設計公司

周周

售賣軟件服務的公司,最理想的狀態就是開發一套通用的解決方案或產品,而幾乎不用接收任何定制化需求(定制化需求大多會被內化成通用產品的新功能)。這種經營模式下,公司全部的業務和技術力量都可以集中在這一套標準化產品上。因為人力充足,那些為了提升體驗滿意度而做的努力就很容易有結果,設計師基本不用太過擔心投入的成本。但很多公司面向的客戶形態無法做到這種理想狀態,這些公司對外交付的版本一般都是基于主線版本的定制化版本。為了效益,客戶當然越多越好,交付肯定越快越好,這就意味著評審交互設計師輸出的交互設計方案時,體驗至上不再是首肯的目標,按時交付才是。所以支撐外包項目的時候,交互設計師如果沒有邊界感,輸出的交互設計方案在后面的評審階段將會被不斷推翻,無法落地。前面雖然說了標準化產品維護過程中設計師不用過多考慮實現成本,但標準化產品也會有迭代周期,在一個有限的迭代周期內,也同樣需要考慮邊界問題按時完成版本迭代任務。那么交互設計師支撐外包項目或版本迭代項目時都需要有哪些邊界感呢?今天我們來談談需求邊界和技術邊界。

 

4000字干貨!UI設計中的彈窗/浮層/提示框,怎么用才對?|北京藍藍UI設計公司

周周

我們最近在設計 OS 底層組件的時候,經常會遇到很多底層控件規范的討論。今天就這篇文章詳細分析,包括控件定義、命名、使用等等規范,打磨好基礎控件的設計細節。

當我們設計師在設計界面時,經常會面臨一些困難的決策。有非常多的設計手法可以向用戶表達同一個意思。有時候,設計師發現想要確定哪個元素最適合完成設計目標,是一件很讓人糾結的事情。

例如,在一個給定的場景中,信息如何呈現是最好的?是應該打開一個全新的界面,一個浮層還是彈窗?

如果設計師使用浮層,又將面臨一個新問題——選擇哪種關閉方式,是關閉按鈕還是滑動關閉?

在這篇文章中,我嘗試找到這些問題的答案,并明確一些模式標準。

體驗設計思維養成 — 如何在中規中矩的常規項目中鍛煉設計思維提高自身價值

ui設計分享達人

先聊一個我發現的當下普遍存在的問題,眾所周知道,現在“大環境”不好,很多設計師在求職中會遇到兩個比較尷尬的事兒,第一個就是在中小型公司工作幾年,由于公司在發展階段,所以更多的是在高強度的上需求加功能,所以做的需求更多是“實現產品功能”而沒有機會像頭部廠商一樣去做大的改版升級,去突出“設計呈現”,最后就只能從中規中矩的頁面中尋求數據上的設計價值;第二個就是人手不足,每個項目的項目周期自然比較緊張,到最后的結果就是 —— 留給設計研發的時間有限,在設計階段的不得不將設計精度大打折扣,即使是這樣在進入研發后,由于研發周期的原因,在研發還原度上還要再砍一刀,導致最后的呈現往往和自己的預期差距較大,結論:如此往復設計呈現拿不出什么,思維也會慢慢固化,最后成為無情的“圖狗”甚至不知道什么該做什么不該做,最后換工作的時候一臉懵逼。那怎么辦?

先說結論,我認得這種情況下個人有兩個直接的辦法給到大家參考:第一個,尋找新的機會,作為設計者項目周期是改變不了,而且我也認為常規設計者在產品孵化的流程中應該是一個在已經決定好的事上“推一把”的角色,所以很多時候我們無法產能不足帶來的影響,那最好的辦法就是再找一個你中意的公司。如果你因為種種原因,個人能力不足也好,房貸壓力也好,無法跑路,那這時候我們就會面臨一個問題,也是我認為的第二種方法:如何在中規中矩的常規項目中鍛煉設計思維提高自身價值

我們平常在接到一個體驗升級任務或者日常自發審視產品問題時,如果比較完善頁面去尋找問題時常常會發現,找一圈回來發現頁面哪哪好像都合理,感覺分析一波下來他好像就應該長這個樣子。不排除他確實暫時沒有改動空間的可能性,但是更多時候產品自身還是不可避免的有一些缺陷的,那應該如何發現這些潛在問題呢?這里隨便找一個我在行業大廠的頁面,來看看即使是我沒做過的一個陌生產品和頁面,在有部分行業經驗的前提下,我都會做些什么來合理的發現問題解決問題的。

這里找一個我做的出行行業的頭部廠商“百度地圖”中的“打車業務”位例。

一個沒做過的頁面,有些同學會習慣先把頁面拉到畫板上,然后一頓分析,最后還是變成了前面說的“頁面好像和我想的一樣”,然后無從下手,暗自emo,這里和大家分享下我個人的小方法,自認為解決這個問題還是蠻有效果的。

首先,我不會先把頁面放上來,我第一步往往是先確定思路,不管是有項目背景改版,還是自發審視產品問題的階段,我會先確定目標,根據目標確定整個事情的大方向,這一步是為了保證你整體做的事兒不會偏離最基本的軌道。

 

 

 

 

在確定好了我這次要干一個什么事兒之后,,我第二步往往做的是思考 — 產品形態應該是什么樣子的?先弄清楚了他應該是什么樣子的,你才能發現和你預期中差異的點,然后去探究問題產生的原因或做相關調整。這里來說為什么我不提倡先把頁面放過來直接找問題,因為如果那么干的話很容易就會變成“你來給頁面設計者為什么這么做找理由”然后就會發現看著看著自己就被洗腦了。

但是在這一步的時候有一個需要注意的問題,用戶要的是更好的產品,不管這個“更好”是指的什么,但是公司做產品最根本的是想賺錢,這按理說是一個完全沖突的事情。不過在產品的不同階段,側重是不一樣的,我們首先要做的就是結合產品階段與具體頁面所在的節點,權衡產品側重,就能在你心里建立起一個最基本的產品形態預期,這樣在你下一步真正開始分析頁面現狀的時候就能幫助你一些發現功能的可優化點。

 

 

 

通過上面的推導可知,至少在當前產品的當前業務線來說,工具類產品公司關心的節點轉化,還是要依賴于用戶使用的滿意程度,也就是說,兩者沖突時,優先服務于用戶體驗。這里要注意下在真正的工作過程中,有些產品的階段導致產品要優先服務于轉化,也就是營收,這是很正常的事兒,要根據不同階段來權衡設計中心,不要被“設計師就是站在用戶這邊的”這種話誤導,具體場景具體分析。

接下來第三步就可以正式的進入到頁面現狀分析了。

 

 

 

 

主要分為三大點,第一個框架現狀,首先得知道現在的框架是怎樣的,這一步主要是看頁面的功能區,找出他們并講他們的層級用一維分析法列出,方便之后的對比。第二是合理性驗證,將找出的模塊用“十字交叉分析”畫出坐標軸,這里我是根據“對用戶的重要程度”和“盈利能力”來代表X軸與Y軸(XY軸并不是一直固定代表什么,可根據第二步你的產品重心來決定XY軸),決定好XY軸之后,結合產品側重把剛才找出的大模塊定位在坐標軸相關的位置上,這么做的目的是,你可以根據坐標軸的定位,來對比剛才一維分析法列出的模塊層級是否合理;最后第三步根據分析結果,得出相關結論,用來指導你之后具體設計,將影響用戶行為與體驗的點進行改進,暫無問題的點根據時間成本選擇暫時不動或在不影響產品功能和研發成本的基礎上進行視覺升級。這一步往往能夠解決設計者工作中遇到的一個最基本的問題: 項目周期不夠,什么做什么可以放棄。

功能區的問題解決之后,就可以進行第四步,也就是我們最熟悉的工作了,小模塊的優化,也是最考驗設計師細節打磨能力的地方,這一步要做的就是根據你自己的經驗與方法論,找出模塊的設計目標,并且根據自己的方法論與經驗積累,用你覺得達成這個設計目標最合適的設計方法。方法論這東西就很宏大了,主要是知識積累,然后自己拆分與結合,其實多定理之類的說的都是一個事兒,網上文章一大堆,所以就不過多描述了。

 

 

 

在做完這一步后,通常你就可以根據時間成本選擇交付研發了,然后等待上線后一個周期后進行數據驗證來驗證設計的正確性。

但是如果你還有時間,你可以選擇在不影響產品功能和研發成本的基礎上進行視覺升級。這來引入一個新的技術來幫助高效進行設計產出,也就是當下大熱的AIGC技術。這時候就有些人可能會說AIGC的產出不可控等問題,現在通常的解決方法是通過mj或手繪或拼接出你心中的畫面,然后放進SD里進行邊緣描摹,并通過openpose等插件產出你心儀的視覺效果,如果你沒有訓練有素的模型也可以之后再扔進MJ里進行畫面細化。

什么?SD配置太麻煩?是不是就搞不了了?其實不是的,AIGC的發展如此迅猛,每天都在以我們想象不到的速度進化這,其實面對我們工作中一些不復用的視覺素材,MJ已經能夠快速的產出構圖相差無幾的畫面了,要求不高的話能夠大大的減小設計者的成本。下面我們就以現在頁面的一些視覺為例,讓我們看看AIGC能夠幫助我們做到什么程度。

 

 

 

相信大家不難看出,在我們心中已經有了一個合適的樣子或者有了一個合適的參考之后,再通過合理的prompt描述方式,AIGC能夠通過較小的時間成本幫助我們產出較高質量的圖片,這樣我們就能夠選擇性的把時間分配到更多的地方產出更為精致的設計呈現。

 

 



作者:MasonWang
鏈接:https://www.zcool.com.cn/article/ZMTU5Nzg2NA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。
 

藍藍設計(www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司數據可視化設計公司用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計、醫療行業軟件UI界面設計教育行業軟件UI界面設計、企業信息化UI界面設計

軟件qt開發、軟件wpf開發軟件vue開發

UI設計中交互設計7大定律|北京藍藍UI設計公司

ui設計分享達人

01菲茨定律

A點移動到B點所需要的時間,距離(L)和目標大?。―)決定了這個參數!

我們可以理解成射箭,要想更容的打中靶心,可以放大靶心,或者移動兩者之間的距離!

UI設計中其實包含很多,比說banner圖點擊任意地方就可以進入,或者是鼠標直接右鍵,或者是直接放大的按鈕!

02席克定律:

當一個人面臨選擇越多的時候,所花費的時間就越長!

我們可以通過,將這些選擇進行分類打包,以站酷為例子將類似功能進行分類或者分頁面,幫助用戶梳理進行梳理。

現實中比如超市的水果區,蔬菜區,以及廚房調料區也都是這個道理!

03接近原則

當兩個物體里的比較近的時候,你就認為他們是有聯系的,這個感覺簡單到感覺不能算定律的定律,是格式塔心理學上的老知識了,就比如兩個不認識異性同事從賓館中走出,在別人眼中別人就以為他們是開房去了。

在UI中最常見的就是布局排版和歸類的暗示用戶相關聯的元素,比如用更大的間距或者顏色隔開相同的元素。

04交互設計7±2

美國心理學家(喬治·米勒)研究中認為,人對5-9個元素之間會表現出比較良好的記憶狀態,如果超出這個范圍就會容易出錯。

在UI設計當中的應用那就是真的太廣泛了,比如說APP當中的底部欄或者金剛區,一般單行不會超過5個圖標按鈕,或者是文案標題,你仔細想想,單獨超過9個字的標題是不是很少。

05泰勒斯定律

該定律認為每一個流程都有一定的復雜性,且存在一定臨界值!超過這個零界點就不能在簡化了,你只能將這些復雜的流程從一個地方搬移到另一個地方。

比如以前的電視機遙控器很復雜,但是遙控器很簡單!現在的遙控器很簡單,但是電視界面很復雜!

UI設計中最常見的就是認證流程,其實分步驟填寫也是這個道理。
當然一些雞賊的產品經理往往會把最復雜的流程放到最后,你都填寫那么多了,總不能最后直接放棄吧!

這個定律也微信和qq經久不衰重大原因之一,好多不相關的網站都可以通過這些巨頭的賬號一鍵登錄!
他們直接把數據庫進行搬移或者共享,讓用戶省去復雜的認證流程!

06新鄉重夫防錯原則

大部分的操作失誤都是因為設計不當造成的,我們可以通過優化設計去減少失誤,比如說最常見的就是出現一些敏感操作的時候進行一些提示!

這個定律也可以反過來用,比如說你要卸載一些軟件,或者是取消一些購物的時候。那個卸載或者是取消購物的按鈕,他總是灰色的!

07奧卡姆剃刀原理

一切以簡單實用為原則,去掉不必要的因素!減少用戶反復操作帶來的厭惡感!比如我做的這個后臺管理,就比如說投影、描邊、多色彩圖標、以及沒必要背景元素,統統不要!

這個定律是非常契合b端交互模式的,但是在C端當中有一些確實不適用的,比如說電商或者是產品活動網頁,
需要用戶更長時間的停留在這個界面,這個時候我們就需要對圖進行填充更多元素,來激發用戶的購買欲望或者停留時間!

作者:達達里鴨
鏈接:https://www.zcool.com.cn/article/ZMTU4MjI0MA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計( www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計包裝設計 、 圖標定制 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢用戶體驗公司、軟件界面設計公司

卓越用戶體驗設計指南|北京藍藍UI設計公司

ui設計分享達人

“沒有產品是一座孤島。產品不僅是產品,這是一套有凝聚力、綜合性的體驗,思考產品或服務的所有階段-從最初的意圖到最終的反思,從第一次使用到幫助、服務和維護。讓他們無縫的協同工作。”— Don Norman

用戶體驗 (UX) 設計是在獲取和集成整個產品流程中全流程創建有意義的體驗優化,不僅包括產品易用,更注重的是全程與全方面,關注產品并提供解決痛點難點的解決方案。在某些情景下,UX、UI、可用性等術語通?;Q使用,但是可用性和UI仍為UX的子集,是UX構成的重要元素

UX設計涉及實施、組織項目和元素,來影響用戶從產品獲得體驗。設計目標是通過影響用戶心智、感知與行為方向,來優化產品路徑與流程。通常在設計過程中保持“以數據驅動”和“以人為本”:

通過數據驅動的用戶體驗最優化

卓越精美的用戶體驗可以提高產品銷售額,轉化率,提高用戶忠誠度,降低用戶沮喪感并提升團隊工作效率??茖W優化的用戶體驗設計路徑與流程可以精準獲取用戶并核對業務目標。

堅持“以人為本”智能化設計理念

設計過程中保持“以人為本”的設計理念,提前對市場、用戶和目標群體進行調研,在多維度視角下構思產品用戶體驗路徑與方案,通過卓越思維提供底線價值

國際標準化組織將UX定義為:“一個人因使用或預期使用產品、系統或服務而產生的看法和反應”

在UX設計過程中,設計師無法控制用戶對產品的看法和反應,同時在用戶未使用產品即得到體驗結論的方式我們也無法認可。因為我們無法控制用戶在使用產品過程中,他們的感覺,心智,眼睛,與操作流程,所以設計師能做的僅僅是在有限的產品功能與流程內達到極致的美學優化與路徑優化。即:一個人無法設計用戶體驗,只能為用戶體驗而設計。

思考UX優化的最簡單方式拆分用戶體驗,將其從動詞與名詞兩個角度進行思考。動詞:思考-計劃-實施(優化),名詞:對系統和產品的感知和響應

即:我們雖然無法控制用戶如何使用產品,但是我們可以通過控制頁面的美感、路徑的精簡、交互趣味性,來引導用戶完成操作:直觀瀏覽產品-引導實現目標-適當時間任務可見性,這些方面會幫助用戶一定程度按照我們預先提供的方式使用產品并得到卓越體驗感。

為什么-什么思維方式

設計師在優化用戶體驗感的過程中,應先找準“為什么”(為什么用戶不喜歡這種交互方式?為什么用戶操作體驗感差?為什么轉化率低?為什么用戶忠誠度不夠?),即先找準“痛點”,再“對癥下藥”,用“什么”方式,來解決用戶痛點難點,通過無限個優化閉環-創建讓用戶有意義的體驗產品。

體驗環境-卓越體驗計劃

設計師在優化過程中,除了考慮產品本身的優化,還需要考慮用戶使用產品的環境和情景,即:用戶使用的外環境(室內、室外、光線強度),用戶使用的情景(運動、靜止、精力與功效),用戶使用的設備(產品展現的實質),必須確保產品可以在使用場景、情景和設備都自由或符合實際應用前提下,提供給用戶卓越、流暢的系統體驗計劃。

項目方法

參與卓越體驗優化項目的方式可以是正規的瀑布式,也可以是非正式的敏捷,瀑布式優化方式可能不是很靈活,當需要變化時往往無法立即完成優化,而錯過最佳優化體驗機會,而敏捷恰巧能解決這一問題,避免繁瑣流程和批準步驟導致優化延遲。從某種程度上,選擇方式的優化也是體驗計劃優化的步驟之一。

業務需求

我們進行卓越體驗計劃時,首要條件是滿足業務層需求,為業務賦能,當優化點與業務產生矛盾時,首要為業務讓步,可以與相關方先進行溝通了解功能點與業務需求,再根據利益相關者訪談制定想法。之后根據功能劃分不同組,再優化與過濾,生成有效且不重復的需求列表,之后進行優先級排序。

用戶視野調研

用戶調研往往從定性與定量兩個方向進行

定義組 -為了體驗計劃的順利實施,我們首頁任務是創建需要使用應用程序或網站的用戶類型的架構或模型??赡馨ǎ和顿Y者、成員、合作伙伴、客戶和求職者……
研究——確定用戶類型后,確定在整個項目中要執行的研究類型。例如:用戶訪談、情境訪談、焦點小組、可用性測試、調查和卡片分類。

人物角色

在進行體驗計劃決策時,我們需要先構建虛擬畫像,之后牢記可能使用該產品的“心理用戶模型”與“逼真用戶概念”,設計決策需要大量信息,在缺乏所需信息情況下,設計人員無法解決設計沖突,因此我們需要提前構建“虛擬用戶畫像”模型,在這里我們暫時稱為“角色”

設計

進行最終的設計優化時,我們需要借助很多方式來完成優化計劃,包括不限于僅僅在視覺層面。

視覺——通過完美的視覺帶動用戶感知,用戶可能會認為設計良好的產品比視覺設計不太專業的產品更值得信賴、更有價值、更相關。
心理學——使用產品時,用戶的初步印象可能是正面也可能是負面。有效的程序以適合用戶心理模型并符合用戶期望的方式響應用戶輸入。有效程序的設計需要對心理學有很好的理解。
站點地圖 -用于表示應用程序或站點的不同“頁面”或“視圖”的圖表。站點地圖通常看起來類似于組織用來顯示人力資源結構的圖表。
任務流 –與站點地圖類似,很容易與它們混淆。站點地圖顯示站點或應用程序的“頁面”或“視圖”的布局,而任務流則顯示向用戶提供的選項以及用戶可以在系統中導航的路徑。

由于用戶體驗設計涵蓋了整個用戶旅程,因此它是一個多學科領域。

用戶體驗設計師的典型任務各不相同,但通常包括用戶研究、創建角色、設計線框和交互式原型以及測試設計。這些任務在不同組織之間可能存在很大差異。盡管如此,始終要求設計師成為用戶的倡導者,并將用戶的需求置于所有設計和開發工作的中心。這也是為什么大多數用戶體驗設計師以某種形式的以用戶為中心的工作流程進行工作,并不斷引導最明智的努力,直到以最佳方式解決所有相關問題和用戶需求。

總之,設計體驗優化是一個有趣的工作,它不僅要求設計師具備極強的專業素質,也需要擁有多學科思維,以“用戶”的視角,以“相關方”的身份,以“產品”的思維,以“設計師”的專業 ,來解決并決策整個產品全流程過程的所有優化體驗計劃。通過持續探索,以設計藝術與科學滿足用戶需求和業務目標。

作者:十幾個黃河大街
鏈接:https://www.zcool.com.cn/article/ZMTU4NDUyNA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計( www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司數據可視化設計公司、UI交互設計公司高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

如何利用激勵體系提升用戶粘性|北京藍藍UI設計公司

ui設計分享達人

用戶激勵體系是促進用戶增長和活躍的常用手段,無論是節假日的各類運營活動,還是各種等級、積分體系,都稱作激勵體系。因此很多人會困惑:為什么有的產品有 “積分” 又有“金幣” ,好像重復了?其實不然,它們是兩套并行的激勵體系,各自發揮著重要作用。激勵體系復雜多樣,因此筆者基于最近的實踐經驗和理論積累,將論述常見的用戶激勵方式,以及針對好看視頻APP人群分層設計激勵體系的思路。

希克定律 | 設計師需要知道的設計原則|北京藍藍UI設計公司

博博

一、??硕傻幕菊J識

1.產生背景
1951年,英國心理學家威廉·埃德蒙·席克(William Edmund Hick)做了一個隨機開燈的試驗,他以每5秒點亮10盞燈的方式測得反應時間和選擇數量之間的對數關系;美國心理學家雷伊·海曼(Ray Hyman)也通過一定的實驗確定的信息傳輸與反應時間的關系,聲稱這兩者的關系應該呈線性。席克、海曼共同認為,人們在多重選項的刺激之下做出選擇時、需花費的時間就越長,并且隨著這種刺激的逐漸增大、所產生的阻礙就越大,還可能導致人們放棄選擇,后續便以他們兩人的名字將這種規律命名為「席克海曼定律」。直到如今也是一樣,在選項復雜度相等的情況下,無論是對數還是線性,選擇數量越多,我們就越難做出決定。

2.基本介紹
??硕墒且环N心理物理學定律,我們還可以將其稱為“席克定律、西克定律、希克-海曼定律、??朔▌t”等,本文為方便介紹,將統一稱為「??硕伞?。??硕杀砻?,用戶面臨選擇的數量越多、決策時間就越長,并隨著可選項的數量和復雜性而增加,運用這一定律的唯一宗旨就是:減少刺激的數量并獲得更快的決策過程。該定律有一個數學公式,先由席克首次實驗、然后由海曼進行完善,即“RT=a+b log2(n)”。RT:反應時間a:對信息的前期認知和觀察時間(信息處理之前)b:對信息的處理時間log:某個數學符號,不做特別理解n:信息的數量

3.生活中的應用
希克定律在我們生活中的使用隨處可見,如下圖的兩個遙控器,你更傾向于使用哪一個?毫無疑問,圖2不管是從視覺上、還是操作上都更簡單,特別是老少用戶,簡單地教一下就能快速學會。至于圖1,有些圖標、顏色、英文,很多年輕的用戶也不清楚到底是干什么的,要想搞清楚,則需要更多的時間成本、學習成本以及試錯成本,這就是希克定律在遙控器上的作用,以減少選擇讓用戶更快決策。遙控器的這個案例雖然在交互設計四策略中也體現的淋漓盡致,但與希克定律并不沖突,讓用戶減少選擇的方式可以是刪除、組合,也可以是隱藏、轉移。

4.設計中的應用
用戶在界面中看到的選項越多、信息量越大,就意味著需要花費更多的時間與精力去識別和理解,直接延長了用戶做決策的時間,在選擇困難較大的情況下,一旦用戶沒有足夠的精力或無法做出明確選擇(不愿動腦)時可能直接放棄,導致任務失敗。當信息/選項減無可減時,也可以通過對其分類分組、層級分布等方式提高用戶決策效率,只要選項與選項之間保持著一定的聯系,絲毫不會影響用戶識別與理解。

二、??硕稍谠O計中的作用

1.提高選擇效率
其實在很多頁面中都存在信息過剩的情況,對用戶來說,選擇太多就等于沒有選擇,用戶很可能會因為猶豫不決,造成時間成本上升而導致放棄當前任務。盡可能避免在用戶面前出現過多的選擇,根據信息權重刪除或隱藏多余選項,只保留用戶所需。有“度”的刪減可保持內容足夠簡潔,提升用戶對信息的理解以及操作效率。

2.優化版式布局
在設計過程中,如果沒有對功能層級進行劃分,一股腦地將所有功能入口平鋪的話,就需要用戶花費大量的時間和精力來查找需要的功能,無疑是一場災難。我們可以通過??硕蓙韮灮缑婀δ懿季?,根據業務的重要性對功能入口進行分類組合,減少用戶的認知及理解成本,以便快速達到目的。

3.提升用戶體驗
通過減少選項以及對信息進行層級劃分,不管是視覺瀏覽還是操作流程上,消耗的成本都會有所降低,用戶在使用過程中的心情則更加愉悅,用戶體驗得到了很大程度的提升。

4.提高轉化率
用戶所做的選擇越少、消耗的成本就越小,好的使用體驗讓用戶心情愉悅,短時間內的流暢、愉悅操作都能讓任務變得更簡單、更容易完成,還能降低用戶的付費感知,間接性的提高了產品轉化率。

三、界面中的「??硕伞?/p>

1.減少選項、讓用戶更快選擇
對用戶來說,選項越多就越復雜,需要的決策時間就越長,尤其是用戶在絕大多數情況下所看到的頁面都存在信息過剩的情況,這時候,產品需解決的不是選項夠不夠的問題,而是選項夠不夠好。當存在大量選項時,可適度減少選項的數量,不僅能降低用戶的思考時間,也提高了選項的質量。iPhone用戶應該比較清楚,蘋果始終在不遺余力的遵循??硕?,APP Store就是最好的例子,從改版前大量的推薦應用堆積到改版后信息量的減少,選擇目標瞬間清晰了很多,用戶體驗得到了大幅度的提升

如果大量的選項無法減少,可將重要選項靠前,將其他的隱藏起來,方便用戶決策及降低失誤操作的概率。例如騰訊視頻頂部分類后面的更多圖標、支付寶首頁金剛區的更多入口,點開后就會發現,里面隱藏了非常多的功能,這樣做能減少用戶認知負荷,提高信息篩選的效率。

2.選項分類、信息分層
這里最為典型的例子就是電商平臺的分類,它通過一級、二級、甚至三級分類將商品所涉及到的類型合理的控制在有效范圍內,這些選項被分類/分組之后,關鍵信息得到強化,能輔助用戶快速作出決策。還有后面的二次篩選功能,幫助用戶進一步縮小范圍,選擇效率明顯會更高。當然,這不僅僅是依靠??硕?,還得結合運營需求、用戶數據等因素進行合理化分類。

另外,我們在選擇地址時,如果將所有城市一股腦平鋪在界面上,用戶想要選擇自身所需,則需要花費大量的時間。對城市進行了分類分層,以及有了搜索歷史、熱門城市以及右側的首字母索引后,用戶就能通過不同維度快速找到想找的城市,選擇效率直線上升。

3.分步驟展示、逐步完成
存在較長的表單頁面,能給用戶默認值的就不要讓其選擇、能讓用戶選擇的就不要讓其輸入,每多給用戶一個操作,其時間成本和出錯率都將會上升。當表單內容減無可減、輸入操作避無可避時,盡量將信息整合分類或分頁展示,引導用戶逐步操作,遵循一個頁面只做一件事的原則,協助用戶將注意力聚焦在當前步驟中。面對長長的表單,用戶或多或少都有些消極情緒,產品要做的是通過視覺、操作感知來減少用戶的負面情緒,以此提升表單完成率。常見的如調查問卷、信用卡申請等,它們并沒有將全部信息堆在用戶面前,而是進行分步驟或分頁的形式,一次只做一件事,避免了其他信息帶來的干擾,讓用戶有種簡單的感知錯覺,完成起來會更容易。

4.必要的多選項、展開/隱藏
有時候,我們不得不面對較多的選項,例如在線填寫簡歷、功能設置列表、商品的二次篩選或后臺管理系統的查找條件等,如此多的選項會給用戶帶去很大的心理壓力,這時設計師需要去思考如何減輕用戶的壓力,展開/收起也許就是一個不錯的解決方案。我們可以將所有選項進行分類,用戶在操作當前類別時,其他所有類別暫時隱藏、并設定明確的可點擊圖標提示用戶隨時可展開對應的內容,間接的減少了選項,降低干擾。

5.必須平鋪時、主次分明
當設計師面對大量選項、卻又要必須平鋪在當前頁面的需求時,一定要做好選項的視覺權重區分。這種需求常見于首頁、功能頁、個人中心的圖標入口,我們可以通過改變圖標的大小、色彩(黑白/彩色)、類型(線性/面性/質感/3D)或添加微動效進行主/次權重之分,用戶操作起來就不會有太多的疑惑或顧慮。

6.不可操作項、鎖定/置灰
在特殊場景中,當頁面存在不可刪除、不可隱藏、不可降權且不能讓用戶點擊的選項時,與其在用戶操作之后提示不可操作,不如在用戶操作之前就將選項鎖定或置灰,明確告知不可點擊,間接縮減選項,減少不必要的操作。

四、與交互四策略的完美結合

“合理刪除、分層組織、適時隱藏、巧妙轉移”,這一經典理論出自于 Giles Colborne 著名的《交互設計四策略》一書。刪除、組織、隱藏、轉移每一種方式無疑都是在向用戶更好的展示信息,這個觀點也完美的詮釋了??硕?,那么他們到底是如何對應的呢?

1.合理刪除(減少選項)
希克定律中,影響用戶決策最主要的原因就是選項數量,雖然「一個頁面只做一件事」受到諸多的限制與牽絆,但我們依然可以通過分清功能主次,刪除次要、突出主要選項來幫助用戶決策,增加效率。

2.分層組織(分類/分層)
分類是??硕芍泻芎玫囊环N表達方式,雖然選項并沒有實質性的減少,但用戶可通過分類避開了很多不必要的選項,不管是通過父子及級還是平級,都做到了將大量選項明確區分,用戶需要深挖時總會有跡可循。Giles Colborne 說過“不要用過于專業的標準進行分類”,用通俗易懂的組織方式更是促進希克定律加快用戶決策效率的一種有效方式。

3.適時隱藏(展開/隱藏)
與刪除不同的是,隱藏并沒有刪減選項的數量,只展示部分常用、高頻的選項,去除其他信息的干擾,方便用戶快速做出決策,而將其他不常用、低頻選項隱藏起來,在需要時系統自動展示、或用戶手動喚出。其實,不管是交互四策略中的隱藏、還是??硕芍械碾[藏,其作用都是通過暫時性地減少信息數量來提升用戶操作效率。

4.巧妙轉移(分頁/分步)
面對本身就較為復雜的產品,頁面信息在無法刪除、組織、隱藏的情況下,且需要用戶無遺漏的去完成,使用交互四策略中的「轉移」或可解決這一難題,將整個任務拆分成多個步驟,讓用戶逐步完成。大部分信息的轉移,可避免不同步驟的信息相互干擾,認知負荷得以減輕,這一策略與希克定律分步驟、分頁面展示大有相似之處。

五、常見問題處理

1.選項不要減到只剩一個
??硕梢龅氖峭ㄟ^減少用戶做決定的時間,來提升轉化率以及用戶體驗,但不管在什么情況下,用戶都希望自己還擁有選擇的權利,如果設計師自作聰明的將選項減到只剩一個,就相當于告知用戶必須接受,那么用戶就有種被強制、綁架的感覺,只會存在兩個結果:①被你的產品拿捏、②離開你的產品,筆者相信第一種可能性的概率極低,畢竟同類型的產品并不是只有你一家(壟斷除外)。如下圖的彈窗,用戶即便不愿意進入任務流程,可別無選擇,只能進入后再返回才能回到原位,這種做法無端增加用戶的操作成本,極易引起反感情緒。不管產品如何希望用戶轉化,切不可強制他們接受,需要給用戶留一條返回的“路”,即便不那么起眼,至少還有選擇的權利。

2.極端場景要克制使用
任何定律都有其自身的使用局限,所以也不要極度推崇??硕啥喕匠橄蟮牡夭?。大部分情況下,??硕啥际怯迷诳山换ソ缑嬷械脑?,對于那些需要高度搜索、閱讀或學習刷題類的功能并不適用,因為設計師只能決定信息呈現的視覺效果,并不能決定內容的質量、類型與數量。例如,刷題類應用,面對海量的選擇題,??硕呻m然失去價值,但并不影響設計師結合其他方法論將界面設計的更好,總不能強行使用希克定律,將選擇題刪減到只剩兩個(變成判斷題)選項吧。

3.逆向使用-刻意增加操作成本
有時候,出于商業化的目的,同一個選項在二次操作時,產品會刻意增加用戶操作成本,以降低選擇效率,看似希克定律的反向操作,卻一定程度地降低了用戶退出率,實則對產品有益。例如,在關注微信公眾號之前,非常醒目的關注按鈕觸手可及,可關注之后,弱化的幽靈按鈕及文案,很難一眼看出這就是取消關注入口,需要用戶花費額外的時間去理解或試錯方可取關,這么做能降低公眾號粉絲的取關量。為公眾號留住粉絲,更是對內容認可的一種支持,后面的良性循環無需多講。

作者:大漠飛鷹CYSJ
來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計( www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 cs界面設計 、 ipad界面設計 、 包裝設計圖標定制 、 用戶體驗交互設計、 網站建設 、平面設計服務、UI設計公司界面設計公司UI設計服務公司、數據可視化設計公司UI交互設計公司高端網站設計公司UI咨詢用戶體驗公司軟件界面設計公司

搜索金融精細化體驗設計|北京藍藍UI設計公司

ui設計分享達人

精細化設計是可被復用標準化方法,通過精細化分析深入理解用戶需求/痛點,制定有效的設計策略寫在前面

為什么要做精細化設計

1)不同圈層用戶需求不同,如股票小白、一般散戶、專業用戶群體,特點不同,需求也不同,充分對用戶進行挖掘、細分才能更好的理解用戶。

2)在產品同質化嚴重背景下,精細化設計是一條能持續產生創新收益路徑。

3)互聯網新流量獲取困難,比起搶占流量,當下更重要的,是提升用戶粘性、更好的服務用戶、打造精細化服務體系。

UI設計體驗如何提升?|北京藍藍UI設計公司

ui設計分享達人

SaaS 產品體驗要求越來越高,用戶體驗已經成為產品競爭力的重要組成部分,怎樣在多業務線的產品環境中做好體驗設計,本文從貼合業務線的設計規范、敏捷易用的前端組件庫、產品研發協作流程保障、UI體驗文化打造、UI設計質量品控5個方面闡述項目快速、規?;嵘喈a品線整體體驗過程中方法論和實踐經驗。

從用戶場景拔高信息瀏覽體驗的交互設計策略

ui設計分享達人

詳情頁不會僅僅承載房源基礎信息,也將是越來越多元化信息的承載體

眾所周知,鏈家在二手房業務中深耕多年,無論是線下服務體系和線上產品工具都處于行業內頭部水平。但相較于二手業務,新房業務的整體發展還存在較大差距,部分業務流程仍處于線上化建設中。



聚焦到經紀人的作業工具來看,二手和新房的產品使用體驗差異也很大,其中房源模塊的問題尤為突出。如果二手房源產品體驗是80分,那新房可能只有20分。而房源是新房經紀人最重要的作業模塊,在產品滿意度貢獻權重最高。但滿意度偏低,因此其體驗問題亟待解決。


圖1 節選自《2021H1新房經紀人滿意度調研報告》





一、為什么改版


1.改版契機:

新房信息質量正穩步提升


很長一段時間以來,新房房源詳情頁是被“棄用”的,大多數經紀人使用第三方工具獲取房源信息。最底層原因是內部工具上房源信息質量差(不全不準)。而質量差則是由于之前在新房基礎建設人力不足、產品迭代慢,不能滿足城市業務發展需求。

城市為保證各自發展,使用了更靈活的第三方工具進行新房信息傳遞。2021年上半年隨著項目「新房基礎信息建設」的進行,新房信息質量正穩步提升,且城市也在使用第三方工具中發現諸多問題,這正是新房房源詳情頁重振旗鼓的最好契機。


2.產品價值:

促進新房信息線上化正循環


作為新房信息線上化的其中一環,新房房源詳情頁起著信息呈現的作用。好的呈現方式能夠幫助經紀人更好地消費信息,讓經紀人認可平臺產品和服務,同時經紀人的正向反饋也能激勵生產新房信息的駐場們更有動力去維護信息,從而促進新房信息線上化的正循環。


圖2 新房信息線上化流程




3.現狀問題:

欠缺規劃,信息可讀性差


改版前,新房詳情頁繼承著二手房詳情頁的頁面結構,但由于業務場景不同,當前信息組織方式并不適合新房經紀人的作業場景。另外近一年內,詳情頁在沒有統籌規劃下,陸續接入了“各自為戰”的新內容模塊。

新房詳情頁逐漸出現信息冗余和混亂的問題,直接影響了信息的呈現效率和可讀性。比如在新房業務中房源圖片一般是效果圖,不能像二手房一樣通過圖片識別房源,經紀人表示不會優先關注圖片,但卻占據了首屏1/4的空間。


圖3 詳情?頭圖占據高優空間卻無實際作用




諸如此類的問題還有很多,但散點式的解決問題可能會引發新的問題,因此設計應該重新    回歸起點,從用戶    使用場景出發。



二、新房經紀人

真實的看房流程


通過訪談經紀人和觀察他們的實際作業操作,我們發現經紀人需要查看房源內容的場景可以分為兩種——    熟悉樓盤和    回答客戶問詢,兩種場景下的行為目標和對房源信息的關注順序有所不同。


圖4 經紀人看房的真實過程





看房場景1:熟悉樓盤


在「熟悉樓盤」的場景下,  經紀人是在自己準備功課,無客戶時識別一些好樓盤來找客戶,這一場景下,經紀人會經歷以下四個步驟:

識別(樓盤是什么)  

吸引(樓盤亮點)  

深入(了解房源細節)  

匹配(房與客)  

需要按照經紀人的判斷邏輯展示房源信息,逐漸引導其做成合理判斷。


看房場景2:回答客戶問詢


與二手房經紀人駐扎在小區附近不同的是,新房經紀人的客戶多來自線上商機咨詢,即客戶在  貝殼APP上看到某個感興趣的樓盤后向經紀人發起咨詢。經紀人  需要在短時間內的交流給客戶留下好印象,讓客戶信任自己,才能進一步產生線下看房行為促進成交。

       而信任的第一來源便是經紀人對于客戶問題的快速又專業的解答。這一場景下,經紀人通常經歷3個步驟:

識別(樓盤是不是客戶感興趣的)    

定位(查找客戶問題的答案)    

回復(解答客戶問題)  

對樓盤熟悉度高的經紀人,能夠將大部分樓盤信息背誦下來,直接回復客戶。但對于大多數經紀人來說,  需要先查找到相關樓盤的信息。尤其是目前多數新房經紀人的司齡都時長較短,快速查找到信息則對他們來說十分關鍵。



三、快速聚焦的


信息閱讀體驗



基于以上兩種看房場景,我們可以發現,經紀人查看房源信息是一個有規律的漸進式的判斷過程,而經紀人在其中的心路歷程正是對詳情頁改版設計最根本的依據。而且我們也發現,目前經紀人所使用的第三方工具內容的組織方式也基本符合上述場景。


綜合前期調研的所有結論,包括對經紀人使用反饋的收集、第三方工具內容的分析和經紀人看房流程的梳理,最終確定了本次改版的設計目標和設計策略,如下圖所示:



圖5 改版目標及策略





1.頁面結構重建,

符合經紀人看房流程


新房房源詳情頁的作用就是幫助經紀人在兩種場景下能夠輕松完成任務,那么就需要沿著經紀人的心路歷程對詳情頁內容進行更加合理的信息結構設計。

改版方案中,綜合兩種場景的看房流程,將詳情頁整體內容進行梳理歸類。在刪除冗余信息后,按照“識別→吸引→深入→匹配”的順序排列,保證經紀人在自然向下瀏覽時毫不費力地獲取房源信息。

這一順序下,“識別→定位→回復”也能同時得到滿足。


圖6 新版詳情頁結構





2.整合強關聯信息,

減少閱讀跳點


在前期調研中發現一個痛點:明明是關系緊密需要一起閱讀的信息卻分散在多處位置,造成經紀人閱讀時出現跳點和斷點。比如在了解戶型信息時,經紀人通常需要一起看戶型格局圖、戶型樣板間,貝殼也提供了靜態圖、視頻講解和VR三種形式。

但在舊版詳情頁中,戶型模塊只能看到戶型圖,樣板間信息需在頁面頭圖中查看。當經紀人想完整地看幾個戶型的格局和樣板間時,不得不在兩個位置來回跳動,不僅操作麻煩,也在不停中斷閱讀進程。因此改版時,我們將戶型相關的信息都集中在戶型模塊,經紀人可一次性完整地獲取戶型信息。


圖7 戶型信息模塊優化前后對比



在經紀人深入了解樓盤信息時,會涉及到戶型、樓棟、小區概況、區位配套和開發商/物業共五個維度的信息。在舊版詳情頁中,小區概況信息放在了二級頁面且入口在頁面頭部位置,而戶型等其他信息則位于頁面中下部。這種結構給經紀人帶來一定困擾,有的經紀人以為壓根沒有小區概況信息,知道入口的經紀人則需要在中途切換位置。

因此改版方案中,我們按照真實物理空間中從小到大的順序,將戶型、樓棟、小區概況、區位配套依次排列,即便經紀人只關注某幾個模塊信息,也不會迷失于找入口。


圖8 樓盤詳細信息優化前后對比




3.縮短路徑,

實現信息快速觸達


在完成結構和單個模塊的內容閱讀體驗優化后,我們發現了另一問題:新房房源的信息體量很大,為了讓經紀人在一級頁面能夠獲得核心完整的信息,頁面高度已經達到5屏。而在「回答客戶問詢」場景下,經紀人則需要快速查找到某個位置靠后的模塊信息,那么如何解決這個問題呢?

舊版中有常規的模塊定位導航,但問題是該導航無法在首屏暴露,經紀人需要上滑頁面再左滑Tab導航找到對應模塊內容。在需要即刻回復客戶時,這種方式肯定是不夠快速的。

        于是,我們便增加了快捷導航,它固定在可見屏幕的右側,經紀人可一鍵定位至模塊位置。目前快捷導航呈現的4個入口也是調研經紀人后挑選出的高頻使用模塊,同時這4個定位點也基本能夠均分整體頁面,即便想看其他模塊,也能輔助快速定位。


圖9 詳情?導航優化前后對比




除了在整體結構上縮短觸達路徑,在單個模塊的內容查看上也做了細節交互調整。比如作業規則模塊細分了6個子分類,舊版方案是需要橫滑查看的Tab導航,經紀人反饋不知道可以橫滑,甚至有人不知道可以點擊切換分類。新版方案則優化成了標簽導航并將分類全部展示,足夠直接。


圖10 客戶規則分類優化前后對比





四、能夠快速捕捉的

"顯著線索"


盤源詳情頁作為B端新房信息承載最重要的頁面,體量大且繁雜,當海量內容如決堤般襲來時,信息被割裂的更加碎片化,經紀人往往會感到失焦,從而引起心理抵觸。

        而詳情頁面向90%為司齡時長較短的經紀人,處在業務熟悉階段居多,會停留較長時間查找信息,導致講盤或熟盤的過程體驗感降低。因此,如何在短時間內引導經紀人快速觸達到有用的“線索”,降低經紀人的信息理解成本,找到記憶打點的形式則顯得尤為重要。

詳情頁改版的核心目的在于打造快速聚焦的閱讀體驗,提升新房信息線上化的服務體驗。根據產品定位及改版目標,我們對盤源工具中高價值信息進行強化感知,凸顯視覺重點,弱化次要信息,在吸引經紀人快速定位的同時,盡可能降低頁面其余元素的干擾。因此提煉了以下“顯著線索”:


1.視覺聚焦線索


這里我們以萊斯托夫效應為設計的切入點-什么是來萊斯托夫效應?意指在同質類材料中具有差異化表現,視覺突出便于記憶,實際上說明了材料的特獨性對大腦處理信息時起到一定作用。

        例如詳情頁是一座山,我們可以通過“峰頂”和“谷底”的對比來抓取眼球,同等于用夸張或強化的形式去吸引注意力,直觀的幫助經紀人明確焦點信息是什么,從而降低其腦力資源的消耗。

如何聚焦信息?首先需要對盤源關鍵信息進行有效的聚類整合,其次無限貼合業務場景,獲取不同階段下經紀人的關注點及訴求,再以合適的差異化表現形式配合信息節奏,優化整體信息的透傳路徑。

(1)拆解功能,聚類整合
人的大腦擅長處理具有區塊感的內容,塊狀信息能夠快速抓住用戶焦點,我們可以把盤源詳情頁拆解成顆粒度不一的各類模塊,再進行歸納收攏。

對比舊版詳情頁中的盤源基礎信息結構散亂,對經紀人的閱讀及認知造成一定負擔,所以在設計中,我們把頁面拆解成樓盤賣點、基礎信息以及作業內容三大結構,在頭部信息處理上,將盤源賣點與基礎信息利用Z軸空間關系劃分了層級,重色塊與白卡片互相襯托,形成強烈對比,在保證賣點凸顯的同時也能強化卡片信息;


圖11 詳細?頭部優化前后對比




舊版頁面的戶型模塊與樣板間信息呈現位置不同,導致經紀人的閱讀割裂感很強,因此在新版設計中,對戶型信息做了功能比重的協調處理?;谑毂P或講盤特點,經紀人及客戶對于戶型圖的需求較高,因此在視覺上擴大其占比,強調一眼定位戶型模塊,同時集合三種功能,使卡片結構更加緊密,讓經紀人在有限的空間內能夠快速找到對應功能,提升整體的閱讀及操作效率。


圖12 戶型功能優化前后對比




(2)色彩定位,視覺抓取
由于人們的視覺更容易受到更大面積的影響,所以利用色彩差異化,對經紀人最為關注的賣點及激勵信息進行了色彩輔助突出,通過放大視覺對比,減輕經紀人的閱讀壓力、從而達到有效快速聚焦的目的。

首先樓盤賣點是輔助新手經紀人作業的核心信息,在特定場景下需要第一時間幫助決策和溝通,因此頭部以大面積藍色背景做襯托,在視覺上輔助經紀人快速定位,并與基礎信息進行了區域分割,在視覺上更聚焦于核心話術,便于更快找到且即時表達。

其次新房經紀人賦予激勵和規則的了解訴求比較大,需要實時關注政策及傭金激勵等變化情況,此類信息也是最能刺激經紀人后期的作業效果,所以在設計上做了較為夸張的處理??ㄆ捎脤σ曈X搶眼的紅色背景,輔助“喇叭”插畫形式襯托內容,加深經紀人對于公告信息的認知和記憶。


圖13 色彩輔助效果圖




整體從屏效層面來說,頭部利用了色彩差異劃分了信息組,能夠保證在首屏快速聚焦到詳情?最核心的三塊信息,比舊版?面大大提升了信息觸達的效率。


2.認知理解線索


此次改版出發點是讓經紀人們能夠做到“傻瓜式閱讀”,盡可能降低其認知理解成本。我們可排列文本邏輯順序,明確引導路徑,從而形成有效焦點的內容組,讓用戶輕負擔地找到有用信息。


圖14 “傻瓜式”閱讀策略




(1)貼近用戶,彌補斷層
若想讓用戶感到好用,設計的核心還是要了解用戶當下目標,并去不斷貼近其工作路徑及閱讀習慣,站在對方視角去感知頁面呈現的效果是否達到目的,拉齊心智彌補認知斷層,防止以自身視角做判斷。

(2)給予規律,優化結構
根據線性瀏覽習慣,盤源基礎信息的呈現需要保證服務者的講盤順序及閱讀邏輯,在新版設計中,對有邏輯關系的信息產生聯系,給予規律性,保證經紀人的理解轉化。

我們基于理解順序及習慣,可對應表達價格、盤源屬性及標簽的親疏關系,通過緊密度讓用戶感知到信息組的規律。例如,盤源基礎卡片是要引導經紀人先關注盤源的相關價格,因此價格關聯的信息間距更緊密,其次是用途、面積、位置等屬性相關,最后利用標簽概括總結樓盤特性,再次強調整體盤源特點,從而由淺至深的強化用戶認知和記憶。

此次改版的視覺側重點是將信息差異放大,打造一定的記憶點,使得經紀人在進入詳情頁時,可不仔細查看信息,即可大致定位模塊內容,從而進行快速瀏覽,提升整體的信息閱讀效率。在這個過程中,不僅需要對業務場景下經紀人的作業邏輯進行把控,合理的梳理信息關系以及具有良好的表達形式,同時更多的是需要平衡自身感知與用戶感知,明確目標用戶的感知顆粒度大小,以對方視角有側重性的強化信息,這樣才能提升服務體驗。

文章來源:優設 作者:姜佳欣


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務




日歷

鏈接

個人資料

藍藍設計的小編 http://www.73404.com.cn

存檔

主站蜘蛛池模板: 深夜免费看 | 亚洲国产精品久久久久久网站 | 国产亚洲精品一区在线播 | 门房秦大爷最新章节阅读 | 含羞草传媒网站免费进入欢迎 | 亚洲欧美一| 亚洲男女在线 | 欧美专区亚洲 | 大好硬好深好爽想要视频 | 红楼影视h38bar在线线播放 | 思思91精品国产综合在线 | 婷婷精品 | 天天爽天天干天天操 | 日韩欧美一区二区不卡 | 学生小泬无遮挡女HD | 日韩专区在线观看 | 小SAO货叫大声点妓女 | 高h细节肉爽文办公室 | 久久视频在线视频观看精品15 | 精品久久久久久国产91 | 天天做天天爱天天爽综合区 | 羞羞漫画免费漫画页面在线看漫画秋蝉 | 99影视在线视频免费观看 | 深夜国产在线 | 爱操综合 | 99草精品视频 | 久久中文字幕综合不卡一二区 | 天天爽视频 | 亚洲国产成人在人网站天堂 | 日本福利视频一区 | 免费在线中文字幕 | 手机在线观看伦理片 | 91精品啪在线观看国产线免费 | 国产卡一卡二卡3卡乱码免费 | 国产精品久久久久无毒 | 欧美日韩成人在线视频 | 色狠狠色狠狠综合天天 | 久久这里只有精品视频9 | 高清不卡免费一区二区三区 | 美女露奶奶| 性印度freehd |