首頁(yè)

UI設(shè)計(jì)中交互設(shè)計(jì)7大定律|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

01菲茨定律

A點(diǎn)移動(dòng)到B點(diǎn)所需要的時(shí)間,距離(L)和目標(biāo)大?。―)決定了這個(gè)參數(shù)!

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

UI設(shè)計(jì)中其實(shí)包含很多,比說(shuō)banner圖點(diǎn)擊任意地方就可以進(jìn)入,或者是鼠標(biāo)直接右鍵,或者是直接放大的按鈕!

02席克定律:

當(dāng)一個(gè)人面臨選擇越多的時(shí)候,所花費(fèi)的時(shí)間就越長(zhǎng)!

我們可以通過(guò),將這些選擇進(jìn)行分類(lèi)打包,以站酷為例子將類(lèi)似功能進(jìn)行分類(lèi)或者分頁(yè)面,幫助用戶(hù)梳理進(jìn)行梳理。

現(xiàn)實(shí)中比如超市的水果區(qū),蔬菜區(qū),以及廚房調(diào)料區(qū)也都是這個(gè)道理!

03接近原則

當(dāng)兩個(gè)物體里的比較近的時(shí)候,你就認(rèn)為他們是有聯(lián)系的,這個(gè)感覺(jué)簡(jiǎn)單到感覺(jué)不能算定律的定律,是格式塔心理學(xué)上的老知識(shí)了,就比如兩個(gè)不認(rèn)識(shí)異性同事從賓館中走出,在別人眼中別人就以為他們是開(kāi)房去了。

在UI中最常見(jiàn)的就是布局排版和歸類(lèi)的暗示用戶(hù)相關(guān)聯(lián)的元素,比如用更大的間距或者顏色隔開(kāi)相同的元素。

04交互設(shè)計(jì)7±2

美國(guó)心理學(xué)家(喬治·米勒)研究中認(rèn)為,人對(duì)5-9個(gè)元素之間會(huì)表現(xiàn)出比較良好的記憶狀態(tài),如果超出這個(gè)范圍就會(huì)容易出錯(cuò)。

在UI設(shè)計(jì)當(dāng)中的應(yīng)用那就是真的太廣泛了,比如說(shuō)APP當(dāng)中的底部欄或者金剛區(qū),一般單行不會(huì)超過(guò)5個(gè)圖標(biāo)按鈕,或者是文案標(biāo)題,你仔細(xì)想想,單獨(dú)超過(guò)9個(gè)字的標(biāo)題是不是很少。

05泰勒斯定律

該定律認(rèn)為每一個(gè)流程都有一定的復(fù)雜性,且存在一定臨界值!超過(guò)這個(gè)零界點(diǎn)就不能在簡(jiǎn)化了,你只能將這些復(fù)雜的流程從一個(gè)地方搬移到另一個(gè)地方。

比如以前的電視機(jī)遙控器很復(fù)雜,但是遙控器很簡(jiǎn)單!現(xiàn)在的遙控器很簡(jiǎn)單,但是電視界面很復(fù)雜!

UI設(shè)計(jì)中最常見(jiàn)的就是認(rèn)證流程,其實(shí)分步驟填寫(xiě)也是這個(gè)道理。
當(dāng)然一些雞賊的產(chǎn)品經(jīng)理往往會(huì)把最復(fù)雜的流程放到最后,你都填寫(xiě)那么多了,總不能最后直接放棄吧!

這個(gè)定律也微信和qq經(jīng)久不衰重大原因之一,好多不相關(guān)的網(wǎng)站都可以通過(guò)這些巨頭的賬號(hào)一鍵登錄!
他們直接把數(shù)據(jù)庫(kù)進(jìn)行搬移或者共享,讓用戶(hù)省去復(fù)雜的認(rèn)證流程!

06新鄉(xiāng)重夫防錯(cuò)原則

大部分的操作失誤都是因?yàn)樵O(shè)計(jì)不當(dāng)造成的,我們可以通過(guò)優(yōu)化設(shè)計(jì)去減少失誤,比如說(shuō)最常見(jiàn)的就是出現(xiàn)一些敏感操作的時(shí)候進(jìn)行一些提示!

這個(gè)定律也可以反過(guò)來(lái)用,比如說(shuō)你要卸載一些軟件,或者是取消一些購(gòu)物的時(shí)候。那個(gè)卸載或者是取消購(gòu)物的按鈕,他總是灰色的!

07奧卡姆剃刀原理

一切以簡(jiǎn)單實(shí)用為原則,去掉不必要的因素!減少用戶(hù)反復(fù)操作帶來(lái)的厭惡感!比如我做的這個(gè)后臺(tái)管理,就比如說(shuō)投影、描邊、多色彩圖標(biāo)、以及沒(méi)必要背景元素,統(tǒng)統(tǒng)不要!

這個(gè)定律是非常契合b端交互模式的,但是在C端當(dāng)中有一些確實(shí)不適用的,比如說(shuō)電商或者是產(chǎn)品活動(dòng)網(wǎng)頁(yè),
需要用戶(hù)更長(zhǎng)時(shí)間的停留在這個(gè)界面,這個(gè)時(shí)候我們就需要對(duì)圖進(jìn)行填充更多元素,來(lái)激發(fā)用戶(hù)的購(gòu)買(mǎi)欲望或者停留時(shí)間!

作者:達(dá)達(dá)里鴨
鏈接:https://www.zcool.com.cn/article/ZMTU4MjI0MA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司軟件界面設(shè)計(jì)公司

卓越用戶(hù)體驗(yàn)設(shè)計(jì)指南|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

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

用戶(hù)體驗(yàn) (UX) 設(shè)計(jì)是在獲取和集成整個(gè)產(chǎn)品流程中全流程創(chuàng)建有意義的體驗(yàn)優(yōu)化,不僅包括產(chǎn)品易用,更注重的是全程與全方面,關(guān)注產(chǎn)品并提供解決痛點(diǎn)難點(diǎn)的解決方案。在某些情景下,UX、UI、可用性等術(shù)語(yǔ)通常互換使用,但是可用性和UI仍為UX的子集,是UX構(gòu)成的重要元素

UX設(shè)計(jì)涉及實(shí)施、組織項(xiàng)目和元素,來(lái)影響用戶(hù)從產(chǎn)品獲得體驗(yàn)。設(shè)計(jì)目標(biāo)是通過(guò)影響用戶(hù)心智、感知與行為方向,來(lái)優(yōu)化產(chǎn)品路徑與流程。通常在設(shè)計(jì)過(guò)程中保持“以數(shù)據(jù)驅(qū)動(dòng)”和“以人為本”:

通過(guò)數(shù)據(jù)驅(qū)動(dòng)的用戶(hù)體驗(yàn)最優(yōu)化

卓越精美的用戶(hù)體驗(yàn)可以提高產(chǎn)品銷(xiāo)售額,轉(zhuǎn)化率,提高用戶(hù)忠誠(chéng)度,降低用戶(hù)沮喪感并提升團(tuán)隊(duì)工作效率。科學(xué)優(yōu)化的用戶(hù)體驗(yàn)設(shè)計(jì)路徑與流程可以精準(zhǔn)獲取用戶(hù)并核對(duì)業(yè)務(wù)目標(biāo)。

堅(jiān)持“以人為本”智能化設(shè)計(jì)理念

設(shè)計(jì)過(guò)程中保持“以人為本”的設(shè)計(jì)理念,提前對(duì)市場(chǎng)、用戶(hù)和目標(biāo)群體進(jìn)行調(diào)研,在多維度視角下構(gòu)思產(chǎn)品用戶(hù)體驗(yàn)路徑與方案,通過(guò)卓越思維提供底線價(jià)值

國(guó)際標(biāo)準(zhǔn)化組織將UX定義為:“一個(gè)人因使用或預(yù)期使用產(chǎn)品、系統(tǒng)或服務(wù)而產(chǎn)生的看法和反應(yīng)”

在UX設(shè)計(jì)過(guò)程中,設(shè)計(jì)師無(wú)法控制用戶(hù)對(duì)產(chǎn)品的看法和反應(yīng),同時(shí)在用戶(hù)未使用產(chǎn)品即得到體驗(yàn)結(jié)論的方式我們也無(wú)法認(rèn)可。因?yàn)槲覀儫o(wú)法控制用戶(hù)在使用產(chǎn)品過(guò)程中,他們的感覺(jué),心智,眼睛,與操作流程,所以設(shè)計(jì)師能做的僅僅是在有限的產(chǎn)品功能與流程內(nèi)達(dá)到極致的美學(xué)優(yōu)化與路徑優(yōu)化。即:一個(gè)人無(wú)法設(shè)計(jì)用戶(hù)體驗(yàn),只能為用戶(hù)體驗(yàn)而設(shè)計(jì)。

思考UX優(yōu)化的最簡(jiǎn)單方式拆分用戶(hù)體驗(yàn),將其從動(dòng)詞與名詞兩個(gè)角度進(jìn)行思考。動(dòng)詞:思考-計(jì)劃-實(shí)施(優(yōu)化),名詞:對(duì)系統(tǒng)和產(chǎn)品的感知和響應(yīng)

即:我們雖然無(wú)法控制用戶(hù)如何使用產(chǎn)品,但是我們可以通過(guò)控制頁(yè)面的美感、路徑的精簡(jiǎn)、交互趣味性,來(lái)引導(dǎo)用戶(hù)完成操作:直觀瀏覽產(chǎn)品-引導(dǎo)實(shí)現(xiàn)目標(biāo)-適當(dāng)時(shí)間任務(wù)可見(jiàn)性,這些方面會(huì)幫助用戶(hù)一定程度按照我們預(yù)先提供的方式使用產(chǎn)品并得到卓越體驗(yàn)感。

為什么-什么思維方式

設(shè)計(jì)師在優(yōu)化用戶(hù)體驗(yàn)感的過(guò)程中,應(yīng)先找準(zhǔn)“為什么”(為什么用戶(hù)不喜歡這種交互方式?為什么用戶(hù)操作體驗(yàn)感差?為什么轉(zhuǎn)化率低?為什么用戶(hù)忠誠(chéng)度不夠?),即先找準(zhǔn)“痛點(diǎn)”,再“對(duì)癥下藥”,用“什么”方式,來(lái)解決用戶(hù)痛點(diǎn)難點(diǎn),通過(guò)無(wú)限個(gè)優(yōu)化閉環(huán)-創(chuàng)建讓用戶(hù)有意義的體驗(yàn)產(chǎn)品。

體驗(yàn)環(huán)境-卓越體驗(yàn)計(jì)劃

設(shè)計(jì)師在優(yōu)化過(guò)程中,除了考慮產(chǎn)品本身的優(yōu)化,還需要考慮用戶(hù)使用產(chǎn)品的環(huán)境和情景,即:用戶(hù)使用的外環(huán)境(室內(nèi)、室外、光線強(qiáng)度),用戶(hù)使用的情景(運(yùn)動(dòng)、靜止、精力與功效),用戶(hù)使用的設(shè)備(產(chǎn)品展現(xiàn)的實(shí)質(zhì)),必須確保產(chǎn)品可以在使用場(chǎng)景、情景和設(shè)備都自由或符合實(shí)際應(yīng)用前提下,提供給用戶(hù)卓越、流暢的系統(tǒng)體驗(yàn)計(jì)劃。

項(xiàng)目方法

參與卓越體驗(yàn)優(yōu)化項(xiàng)目的方式可以是正規(guī)的瀑布式,也可以是非正式的敏捷,瀑布式優(yōu)化方式可能不是很靈活,當(dāng)需要變化時(shí)往往無(wú)法立即完成優(yōu)化,而錯(cuò)過(guò)最佳優(yōu)化體驗(yàn)機(jī)會(huì),而敏捷恰巧能解決這一問(wèn)題,避免繁瑣流程和批準(zhǔn)步驟導(dǎo)致優(yōu)化延遲。從某種程度上,選擇方式的優(yōu)化也是體驗(yàn)計(jì)劃優(yōu)化的步驟之一。

業(yè)務(wù)需求

我們進(jìn)行卓越體驗(yàn)計(jì)劃時(shí),首要條件是滿(mǎn)足業(yè)務(wù)層需求,為業(yè)務(wù)賦能,當(dāng)優(yōu)化點(diǎn)與業(yè)務(wù)產(chǎn)生矛盾時(shí),首要為業(yè)務(wù)讓步,可以與相關(guān)方先進(jìn)行溝通了解功能點(diǎn)與業(yè)務(wù)需求,再根據(jù)利益相關(guān)者訪談制定想法。之后根據(jù)功能劃分不同組,再優(yōu)化與過(guò)濾,生成有效且不重復(fù)的需求列表,之后進(jìn)行優(yōu)先級(jí)排序。

用戶(hù)視野調(diào)研

用戶(hù)調(diào)研往往從定性與定量?jī)蓚€(gè)方向進(jìn)行

定義組 -為了體驗(yàn)計(jì)劃的順利實(shí)施,我們首頁(yè)任務(wù)是創(chuàng)建需要使用應(yīng)用程序或網(wǎng)站的用戶(hù)類(lèi)型的架構(gòu)或模型??赡馨ǎ和顿Y者、成員、合作伙伴、客戶(hù)和求職者……
研究——確定用戶(hù)類(lèi)型后,確定在整個(gè)項(xiàng)目中要執(zhí)行的研究類(lèi)型。例如:用戶(hù)訪談、情境訪談、焦點(diǎn)小組、可用性測(cè)試、調(diào)查和卡片分類(lèi)。

人物角色

在進(jìn)行體驗(yàn)計(jì)劃決策時(shí),我們需要先構(gòu)建虛擬畫(huà)像,之后牢記可能使用該產(chǎn)品的“心理用戶(hù)模型”與“逼真用戶(hù)概念”,設(shè)計(jì)決策需要大量信息,在缺乏所需信息情況下,設(shè)計(jì)人員無(wú)法解決設(shè)計(jì)沖突,因此我們需要提前構(gòu)建“虛擬用戶(hù)畫(huà)像”模型,在這里我們暫時(shí)稱(chēng)為“角色”

設(shè)計(jì)

進(jìn)行最終的設(shè)計(jì)優(yōu)化時(shí),我們需要借助很多方式來(lái)完成優(yōu)化計(jì)劃,包括不限于僅僅在視覺(jué)層面。

視覺(jué)——通過(guò)完美的視覺(jué)帶動(dòng)用戶(hù)感知,用戶(hù)可能會(huì)認(rèn)為設(shè)計(jì)良好的產(chǎn)品比視覺(jué)設(shè)計(jì)不太專(zhuān)業(yè)的產(chǎn)品更值得信賴(lài)、更有價(jià)值、更相關(guān)。
心理學(xué)——使用產(chǎn)品時(shí),用戶(hù)的初步印象可能是正面也可能是負(fù)面。有效的程序以適合用戶(hù)心理模型并符合用戶(hù)期望的方式響應(yīng)用戶(hù)輸入。有效程序的設(shè)計(jì)需要對(duì)心理學(xué)有很好的理解。
站點(diǎn)地圖 -用于表示應(yīng)用程序或站點(diǎn)的不同“頁(yè)面”或“視圖”的圖表。站點(diǎn)地圖通常看起來(lái)類(lèi)似于組織用來(lái)顯示人力資源結(jié)構(gòu)的圖表。
任務(wù)流 –與站點(diǎn)地圖類(lèi)似,很容易與它們混淆。站點(diǎn)地圖顯示站點(diǎn)或應(yīng)用程序的“頁(yè)面”或“視圖”的布局,而任務(wù)流則顯示向用戶(hù)提供的選項(xiàng)以及用戶(hù)可以在系統(tǒng)中導(dǎo)航的路徑。

由于用戶(hù)體驗(yàn)設(shè)計(jì)涵蓋了整個(gè)用戶(hù)旅程,因此它是一個(gè)多學(xué)科領(lǐng)域。

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

總之,設(shè)計(jì)體驗(yàn)優(yōu)化是一個(gè)有趣的工作,它不僅要求設(shè)計(jì)師具備極強(qiáng)的專(zhuān)業(yè)素質(zhì),也需要擁有多學(xué)科思維,以“用戶(hù)”的視角,以“相關(guān)方”的身份,以“產(chǎn)品”的思維,以“設(shè)計(jì)師”的專(zhuān)業(yè) ,來(lái)解決并決策整個(gè)產(chǎn)品全流程過(guò)程的所有優(yōu)化體驗(yàn)計(jì)劃。通過(guò)持續(xù)探索,以設(shè)計(jì)藝術(shù)與科學(xué)滿(mǎn)足用戶(hù)需求和業(yè)務(wù)目標(biāo)。

作者:十幾個(gè)黃河大街
鏈接:https://www.zcool.com.cn/article/ZMTU4NDUyNA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì)包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司UI咨詢(xún)用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

如何利用激勵(lì)體系提升用戶(hù)粘性|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

用戶(hù)激勵(lì)體系是促進(jìn)用戶(hù)增長(zhǎng)和活躍的常用手段,無(wú)論是節(jié)假日的各類(lèi)運(yùn)營(yíng)活動(dòng),還是各種等級(jí)、積分體系,都稱(chēng)作激勵(lì)體系。因此很多人會(huì)困惑:為什么有的產(chǎn)品有 “積分” 又有“金幣” ,好像重復(fù)了?其實(shí)不然,它們是兩套并行的激勵(lì)體系,各自發(fā)揮著重要作用。激勵(lì)體系復(fù)雜多樣,因此筆者基于最近的實(shí)踐經(jīng)驗(yàn)和理論積累,將論述常見(jiàn)的用戶(hù)激勵(lì)方式,以及針對(duì)好看視頻APP人群分層設(shè)計(jì)激勵(lì)體系的思路。

希克定律 | 設(shè)計(jì)師需要知道的設(shè)計(jì)原則|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

博博

一、??硕傻幕菊J(rèn)識(shí)

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

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

3.生活中的應(yīng)用
希克定律在我們生活中的使用隨處可見(jiàn),如下圖的兩個(gè)遙控器,你更傾向于使用哪一個(gè)?毫無(wú)疑問(wèn),圖2不管是從視覺(jué)上、還是操作上都更簡(jiǎn)單,特別是老少用戶(hù),簡(jiǎn)單地教一下就能快速學(xué)會(huì)。至于圖1,有些圖標(biāo)、顏色、英文,很多年輕的用戶(hù)也不清楚到底是干什么的,要想搞清楚,則需要更多的時(shí)間成本、學(xué)習(xí)成本以及試錯(cuò)成本,這就是希克定律在遙控器上的作用,以減少選擇讓用戶(hù)更快決策。遙控器的這個(gè)案例雖然在交互設(shè)計(jì)四策略中也體現(xiàn)的淋漓盡致,但與??硕刹⒉粵_突,讓用戶(hù)減少選擇的方式可以是刪除、組合,也可以是隱藏、轉(zhuǎn)移。

4.設(shè)計(jì)中的應(yīng)用
用戶(hù)在界面中看到的選項(xiàng)越多、信息量越大,就意味著需要花費(fèi)更多的時(shí)間與精力去識(shí)別和理解,直接延長(zhǎng)了用戶(hù)做決策的時(shí)間,在選擇困難較大的情況下,一旦用戶(hù)沒(méi)有足夠的精力或無(wú)法做出明確選擇(不愿動(dòng)腦)時(shí)可能直接放棄,導(dǎo)致任務(wù)失敗。當(dāng)信息/選項(xiàng)減無(wú)可減時(shí),也可以通過(guò)對(duì)其分類(lèi)分組、層級(jí)分布等方式提高用戶(hù)決策效率,只要選項(xiàng)與選項(xiàng)之間保持著一定的聯(lián)系,絲毫不會(huì)影響用戶(hù)識(shí)別與理解。

二、??硕稍谠O(shè)計(jì)中的作用

1.提高選擇效率
其實(shí)在很多頁(yè)面中都存在信息過(guò)剩的情況,對(duì)用戶(hù)來(lái)說(shuō),選擇太多就等于沒(méi)有選擇,用戶(hù)很可能會(huì)因?yàn)楠q豫不決,造成時(shí)間成本上升而導(dǎo)致放棄當(dāng)前任務(wù)。盡可能避免在用戶(hù)面前出現(xiàn)過(guò)多的選擇,根據(jù)信息權(quán)重刪除或隱藏多余選項(xiàng),只保留用戶(hù)所需。有“度”的刪減可保持內(nèi)容足夠簡(jiǎn)潔,提升用戶(hù)對(duì)信息的理解以及操作效率。

2.優(yōu)化版式布局
在設(shè)計(jì)過(guò)程中,如果沒(méi)有對(duì)功能層級(jí)進(jìn)行劃分,一股腦地將所有功能入口平鋪的話,就需要用戶(hù)花費(fèi)大量的時(shí)間和精力來(lái)查找需要的功能,無(wú)疑是一場(chǎng)災(zāi)難。我們可以通過(guò)??硕蓙?lái)優(yōu)化界面功能布局,根據(jù)業(yè)務(wù)的重要性對(duì)功能入口進(jìn)行分類(lèi)組合,減少用戶(hù)的認(rèn)知及理解成本,以便快速達(dá)到目的。

3.提升用戶(hù)體驗(yàn)
通過(guò)減少選項(xiàng)以及對(duì)信息進(jìn)行層級(jí)劃分,不管是視覺(jué)瀏覽還是操作流程上,消耗的成本都會(huì)有所降低,用戶(hù)在使用過(guò)程中的心情則更加愉悅,用戶(hù)體驗(yàn)得到了很大程度的提升。

4.提高轉(zhuǎn)化率
用戶(hù)所做的選擇越少、消耗的成本就越小,好的使用體驗(yàn)讓用戶(hù)心情愉悅,短時(shí)間內(nèi)的流暢、愉悅操作都能讓任務(wù)變得更簡(jiǎn)單、更容易完成,還能降低用戶(hù)的付費(fèi)感知,間接性的提高了產(chǎn)品轉(zhuǎn)化率。

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

1.減少選項(xiàng)、讓用戶(hù)更快選擇
對(duì)用戶(hù)來(lái)說(shuō),選項(xiàng)越多就越復(fù)雜,需要的決策時(shí)間就越長(zhǎng),尤其是用戶(hù)在絕大多數(shù)情況下所看到的頁(yè)面都存在信息過(guò)剩的情況,這時(shí)候,產(chǎn)品需解決的不是選項(xiàng)夠不夠的問(wèn)題,而是選項(xiàng)夠不夠好。當(dāng)存在大量選項(xiàng)時(shí),可適度減少選項(xiàng)的數(shù)量,不僅能降低用戶(hù)的思考時(shí)間,也提高了選項(xiàng)的質(zhì)量。iPhone用戶(hù)應(yīng)該比較清楚,蘋(píng)果始終在不遺余力的遵循希克定律,APP Store就是最好的例子,從改版前大量的推薦應(yīng)用堆積到改版后信息量的減少,選擇目標(biāo)瞬間清晰了很多,用戶(hù)體驗(yàn)得到了大幅度的提升

如果大量的選項(xiàng)無(wú)法減少,可將重要選項(xiàng)靠前,將其他的隱藏起來(lái),方便用戶(hù)決策及降低失誤操作的概率。例如騰訊視頻頂部分類(lèi)后面的更多圖標(biāo)、支付寶首頁(yè)金剛區(qū)的更多入口,點(diǎn)開(kāi)后就會(huì)發(fā)現(xiàn),里面隱藏了非常多的功能,這樣做能減少用戶(hù)認(rèn)知負(fù)荷,提高信息篩選的效率。

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

另外,我們?cè)谶x擇地址時(shí),如果將所有城市一股腦平鋪在界面上,用戶(hù)想要選擇自身所需,則需要花費(fèi)大量的時(shí)間。對(duì)城市進(jìn)行了分類(lèi)分層,以及有了搜索歷史、熱門(mén)城市以及右側(cè)的首字母索引后,用戶(hù)就能通過(guò)不同維度快速找到想找的城市,選擇效率直線上升。

3.分步驟展示、逐步完成
存在較長(zhǎng)的表單頁(yè)面,能給用戶(hù)默認(rèn)值的就不要讓其選擇、能讓用戶(hù)選擇的就不要讓其輸入,每多給用戶(hù)一個(gè)操作,其時(shí)間成本和出錯(cuò)率都將會(huì)上升。當(dāng)表單內(nèi)容減無(wú)可減、輸入操作避無(wú)可避時(shí),盡量將信息整合分類(lèi)或分頁(yè)展示,引導(dǎo)用戶(hù)逐步操作,遵循一個(gè)頁(yè)面只做一件事的原則,協(xié)助用戶(hù)將注意力聚焦在當(dāng)前步驟中。面對(duì)長(zhǎng)長(zhǎng)的表單,用戶(hù)或多或少都有些消極情緒,產(chǎn)品要做的是通過(guò)視覺(jué)、操作感知來(lái)減少用戶(hù)的負(fù)面情緒,以此提升表單完成率。常見(jiàn)的如調(diào)查問(wèn)卷、信用卡申請(qǐng)等,它們并沒(méi)有將全部信息堆在用戶(hù)面前,而是進(jìn)行分步驟或分頁(yè)的形式,一次只做一件事,避免了其他信息帶來(lái)的干擾,讓用戶(hù)有種簡(jiǎn)單的感知錯(cuò)覺(jué),完成起來(lái)會(huì)更容易。

4.必要的多選項(xiàng)、展開(kāi)/隱藏
有時(shí)候,我們不得不面對(duì)較多的選項(xiàng),例如在線填寫(xiě)簡(jiǎn)歷、功能設(shè)置列表、商品的二次篩選或后臺(tái)管理系統(tǒng)的查找條件等,如此多的選項(xiàng)會(huì)給用戶(hù)帶去很大的心理壓力,這時(shí)設(shè)計(jì)師需要去思考如何減輕用戶(hù)的壓力,展開(kāi)/收起也許就是一個(gè)不錯(cuò)的解決方案。我們可以將所有選項(xiàng)進(jìn)行分類(lèi),用戶(hù)在操作當(dāng)前類(lèi)別時(shí),其他所有類(lèi)別暫時(shí)隱藏、并設(shè)定明確的可點(diǎn)擊圖標(biāo)提示用戶(hù)隨時(shí)可展開(kāi)對(duì)應(yīng)的內(nèi)容,間接的減少了選項(xiàng),降低干擾。

5.必須平鋪時(shí)、主次分明
當(dāng)設(shè)計(jì)師面對(duì)大量選項(xiàng)、卻又要必須平鋪在當(dāng)前頁(yè)面的需求時(shí),一定要做好選項(xiàng)的視覺(jué)權(quán)重區(qū)分。這種需求常見(jiàn)于首頁(yè)、功能頁(yè)、個(gè)人中心的圖標(biāo)入口,我們可以通過(guò)改變圖標(biāo)的大小、色彩(黑白/彩色)、類(lèi)型(線性/面性/質(zhì)感/3D)或添加微動(dòng)效進(jìn)行主/次權(quán)重之分,用戶(hù)操作起來(lái)就不會(huì)有太多的疑惑或顧慮。

6.不可操作項(xiàng)、鎖定/置灰
在特殊場(chǎng)景中,當(dāng)頁(yè)面存在不可刪除、不可隱藏、不可降權(quán)且不能讓用戶(hù)點(diǎn)擊的選項(xiàng)時(shí),與其在用戶(hù)操作之后提示不可操作,不如在用戶(hù)操作之前就將選項(xiàng)鎖定或置灰,明確告知不可點(diǎn)擊,間接縮減選項(xiàng),減少不必要的操作。

四、與交互四策略的完美結(jié)合

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

1.合理刪除(減少選項(xiàng))
??硕芍校绊懹脩?hù)決策最主要的原因就是選項(xiàng)數(shù)量,雖然「一個(gè)頁(yè)面只做一件事」受到諸多的限制與牽絆,但我們依然可以通過(guò)分清功能主次,刪除次要、突出主要選項(xiàng)來(lái)幫助用戶(hù)決策,增加效率。

2.分層組織(分類(lèi)/分層)
分類(lèi)是??硕芍泻芎玫囊环N表達(dá)方式,雖然選項(xiàng)并沒(méi)有實(shí)質(zhì)性的減少,但用戶(hù)可通過(guò)分類(lèi)避開(kāi)了很多不必要的選項(xiàng),不管是通過(guò)父子及級(jí)還是平級(jí),都做到了將大量選項(xiàng)明確區(qū)分,用戶(hù)需要深挖時(shí)總會(huì)有跡可循。Giles Colborne 說(shuō)過(guò)“不要用過(guò)于專(zhuān)業(yè)的標(biāo)準(zhǔn)進(jìn)行分類(lèi)”,用通俗易懂的組織方式更是促進(jìn)??硕杉涌煊脩?hù)決策效率的一種有效方式。

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

4.巧妙轉(zhuǎn)移(分頁(yè)/分步)
面對(duì)本身就較為復(fù)雜的產(chǎn)品,頁(yè)面信息在無(wú)法刪除、組織、隱藏的情況下,且需要用戶(hù)無(wú)遺漏的去完成,使用交互四策略中的「轉(zhuǎn)移」或可解決這一難題,將整個(gè)任務(wù)拆分成多個(gè)步驟,讓用戶(hù)逐步完成。大部分信息的轉(zhuǎn)移,可避免不同步驟的信息相互干擾,認(rèn)知負(fù)荷得以減輕,這一策略與??硕煞植襟E、分頁(yè)面展示大有相似之處。

五、常見(jiàn)問(wèn)題處理

1.選項(xiàng)不要減到只剩一個(gè)
希克定律要做的是通過(guò)減少用戶(hù)做決定的時(shí)間,來(lái)提升轉(zhuǎn)化率以及用戶(hù)體驗(yàn),但不管在什么情況下,用戶(hù)都希望自己還擁有選擇的權(quán)利,如果設(shè)計(jì)師自作聰明的將選項(xiàng)減到只剩一個(gè),就相當(dāng)于告知用戶(hù)必須接受,那么用戶(hù)就有種被強(qiáng)制、綁架的感覺(jué),只會(huì)存在兩個(gè)結(jié)果:①被你的產(chǎn)品拿捏、②離開(kāi)你的產(chǎn)品,筆者相信第一種可能性的概率極低,畢竟同類(lèi)型的產(chǎn)品并不是只有你一家(壟斷除外)。如下圖的彈窗,用戶(hù)即便不愿意進(jìn)入任務(wù)流程,可別無(wú)選擇,只能進(jìn)入后再返回才能回到原位,這種做法無(wú)端增加用戶(hù)的操作成本,極易引起反感情緒。不管產(chǎn)品如何希望用戶(hù)轉(zhuǎn)化,切不可強(qiáng)制他們接受,需要給用戶(hù)留一條返回的“路”,即便不那么起眼,至少還有選擇的權(quán)利。

2.極端場(chǎng)景要克制使用
任何定律都有其自身的使用局限,所以也不要極度推崇??硕啥?jiǎn)化到抽象的地步。大部分情況下,??硕啥际怯迷诳山换ソ缑嬷械脑兀瑢?duì)于那些需要高度搜索、閱讀或?qū)W習(xí)刷題類(lèi)的功能并不適用,因?yàn)樵O(shè)計(jì)師只能決定信息呈現(xiàn)的視覺(jué)效果,并不能決定內(nèi)容的質(zhì)量、類(lèi)型與數(shù)量。例如,刷題類(lèi)應(yīng)用,面對(duì)海量的選擇題,??硕呻m然失去價(jià)值,但并不影響設(shè)計(jì)師結(jié)合其他方法論將界面設(shè)計(jì)的更好,總不能強(qiáng)行使用??硕?,將選擇題刪減到只剩兩個(gè)(變成判斷題)選項(xiàng)吧。

3.逆向使用-刻意增加操作成本
有時(shí)候,出于商業(yè)化的目的,同一個(gè)選項(xiàng)在二次操作時(shí),產(chǎn)品會(huì)刻意增加用戶(hù)操作成本,以降低選擇效率,看似??硕傻姆聪虿僮?,卻一定程度地降低了用戶(hù)退出率,實(shí)則對(duì)產(chǎn)品有益。例如,在關(guān)注微信公眾號(hào)之前,非常醒目的關(guān)注按鈕觸手可及,可關(guān)注之后,弱化的幽靈按鈕及文案,很難一眼看出這就是取消關(guān)注入口,需要用戶(hù)花費(fèi)額外的時(shí)間去理解或試錯(cuò)方可取關(guān),這么做能降低公眾號(hào)粉絲的取關(guān)量。為公眾號(hào)留住粉絲,更是對(duì)內(nèi)容認(rèn)可的一種支持,后面的良性循環(huán)無(wú)需多講。

作者:大漠飛鷹CYSJ
來(lái)源:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

搜索金融精細(xì)化體驗(yàn)設(shè)計(jì)|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

精細(xì)化設(shè)計(jì)是可被復(fù)用標(biāo)準(zhǔn)化方法,通過(guò)精細(xì)化分析深入理解用戶(hù)需求/痛點(diǎn),制定有效的設(shè)計(jì)策略寫(xiě)在前面

為什么要做精細(xì)化設(shè)計(jì)

1)不同圈層用戶(hù)需求不同,如股票小白、一般散戶(hù)、專(zhuān)業(yè)用戶(hù)群體,特點(diǎn)不同,需求也不同,充分對(duì)用戶(hù)進(jìn)行挖掘、細(xì)分才能更好的理解用戶(hù)。

2)在產(chǎn)品同質(zhì)化嚴(yán)重背景下,精細(xì)化設(shè)計(jì)是一條能持續(xù)產(chǎn)生創(chuàng)新收益路徑。

3)互聯(lián)網(wǎng)新流量獲取困難,比起搶占流量,當(dāng)下更重要的,是提升用戶(hù)粘性、更好的服務(wù)用戶(hù)、打造精細(xì)化服務(wù)體系。

UI設(shè)計(jì)體驗(yàn)如何提升?|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

SaaS 產(chǎn)品體驗(yàn)要求越來(lái)越高,用戶(hù)體驗(yàn)已經(jīng)成為產(chǎn)品競(jìng)爭(zhēng)力的重要組成部分,怎樣在多業(yè)務(wù)線的產(chǎn)品環(huán)境中做好體驗(yàn)設(shè)計(jì),本文從貼合業(yè)務(wù)線的設(shè)計(jì)規(guī)范、敏捷易用的前端組件庫(kù)、產(chǎn)品研發(fā)協(xié)作流程保障、UI體驗(yàn)文化打造、UI設(shè)計(jì)質(zhì)量品控5個(gè)方面闡述項(xiàng)目快速、規(guī)?;嵘喈a(chǎn)品線整體體驗(yàn)過(guò)程中方法論和實(shí)踐經(jīng)驗(yàn)。

從用戶(hù)場(chǎng)景拔高信息瀏覽體驗(yàn)的交互設(shè)計(jì)策略

ui設(shè)計(jì)分享達(dá)人

詳情頁(yè)不會(huì)僅僅承載房源基礎(chǔ)信息,也將是越來(lái)越多元化信息的承載體

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



聚焦到經(jīng)紀(jì)人的作業(yè)工具來(lái)看,二手和新房的產(chǎn)品使用體驗(yàn)差異也很大,其中房源模塊的問(wèn)題尤為突出。如果二手房源產(chǎn)品體驗(yàn)是80分,那新房可能只有20分。而房源是新房經(jīng)紀(jì)人最重要的作業(yè)模塊,在產(chǎn)品滿(mǎn)意度貢獻(xiàn)權(quán)重最高。但滿(mǎn)意度偏低,因此其體驗(yàn)問(wèn)題亟待解決。


圖1 節(jié)選自《2021H1新房經(jīng)紀(jì)人滿(mǎn)意度調(diào)研報(bào)告》





一、為什么改版


1.改版契機(jī):

新房信息質(zhì)量正穩(wěn)步提升


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

城市為保證各自發(fā)展,使用了更靈活的第三方工具進(jìn)行新房信息傳遞。2021年上半年隨著項(xiàng)目「新房基礎(chǔ)信息建設(shè)」的進(jìn)行,新房信息質(zhì)量正穩(wěn)步提升,且城市也在使用第三方工具中發(fā)現(xiàn)諸多問(wèn)題,這正是新房房源詳情頁(yè)重振旗鼓的最好契機(jī)。


2.產(chǎn)品價(jià)值:

促進(jìn)新房信息線上化正循環(huán)


作為新房信息線上化的其中一環(huán),新房房源詳情頁(yè)起著信息呈現(xiàn)的作用。好的呈現(xiàn)方式能夠幫助經(jīng)紀(jì)人更好地消費(fèi)信息,讓經(jīng)紀(jì)人認(rèn)可平臺(tái)產(chǎn)品和服務(wù),同時(shí)經(jīng)紀(jì)人的正向反饋也能激勵(lì)生產(chǎn)新房信息的駐場(chǎng)們更有動(dòng)力去維護(hù)信息,從而促進(jìn)新房信息線上化的正循環(huán)。


圖2 新房信息線上化流程




3.現(xiàn)狀問(wèn)題:

欠缺規(guī)劃,信息可讀性差


改版前,新房詳情頁(yè)繼承著二手房詳情頁(yè)的頁(yè)面結(jié)構(gòu),但由于業(yè)務(wù)場(chǎng)景不同,當(dāng)前信息組織方式并不適合新房經(jīng)紀(jì)人的作業(yè)場(chǎng)景。另外近一年內(nèi),詳情頁(yè)在沒(méi)有統(tǒng)籌規(guī)劃下,陸續(xù)接入了“各自為戰(zhàn)”的新內(nèi)容模塊。

新房詳情頁(yè)逐漸出現(xiàn)信息冗余和混亂的問(wèn)題,直接影響了信息的呈現(xiàn)效率和可讀性。比如在新房業(yè)務(wù)中房源圖片一般是效果圖,不能像二手房一樣通過(guò)圖片識(shí)別房源,經(jīng)紀(jì)人表示不會(huì)優(yōu)先關(guān)注圖片,但卻占據(jù)了首屏1/4的空間。


圖3 詳情?頭圖占據(jù)高優(yōu)空間卻無(wú)實(shí)際作用




諸如此類(lèi)的問(wèn)題還有很多,但散點(diǎn)式的解決問(wèn)題可能會(huì)引發(fā)新的問(wèn)題,因此設(shè)計(jì)應(yīng)該重新    回歸起點(diǎn),從用戶(hù)    使用場(chǎng)景出發(fā)。



二、新房經(jīng)紀(jì)人

真實(shí)的看房流程


通過(guò)訪談經(jīng)紀(jì)人和觀察他們的實(shí)際作業(yè)操作,我們發(fā)現(xiàn)經(jīng)紀(jì)人需要查看房源內(nèi)容的場(chǎng)景可以分為兩種——    熟悉樓盤(pán)和    回答客戶(hù)問(wèn)詢(xún),兩種場(chǎng)景下的行為目標(biāo)和對(duì)房源信息的關(guān)注順序有所不同。


圖4 經(jīng)紀(jì)人看房的真實(shí)過(guò)程





看房場(chǎng)景1:熟悉樓盤(pán)


在「熟悉樓盤(pán)」的場(chǎng)景下,  經(jīng)紀(jì)人是在自己準(zhǔn)備功課,無(wú)客戶(hù)時(shí)識(shí)別一些好樓盤(pán)來(lái)找客戶(hù),這一場(chǎng)景下,經(jīng)紀(jì)人會(huì)經(jīng)歷以下四個(gè)步驟:

識(shí)別(樓盤(pán)是什么)  

吸引(樓盤(pán)亮點(diǎn))  

深入(了解房源細(xì)節(jié))  

匹配(房與客)  

需要按照經(jīng)紀(jì)人的判斷邏輯展示房源信息,逐漸引導(dǎo)其做成合理判斷。


看房場(chǎng)景2:回答客戶(hù)問(wèn)詢(xún)


與二手房經(jīng)紀(jì)人駐扎在小區(qū)附近不同的是,新房經(jīng)紀(jì)人的客戶(hù)多來(lái)自線上商機(jī)咨詢(xún),即客戶(hù)在  貝殼APP上看到某個(gè)感興趣的樓盤(pán)后向經(jīng)紀(jì)人發(fā)起咨詢(xún)。經(jīng)紀(jì)人  需要在短時(shí)間內(nèi)的交流給客戶(hù)留下好印象,讓客戶(hù)信任自己,才能進(jìn)一步產(chǎn)生線下看房行為促進(jìn)成交。

       而信任的第一來(lái)源便是經(jīng)紀(jì)人對(duì)于客戶(hù)問(wèn)題的快速又專(zhuān)業(yè)的解答。這一場(chǎng)景下,經(jīng)紀(jì)人通常經(jīng)歷3個(gè)步驟:

識(shí)別(樓盤(pán)是不是客戶(hù)感興趣的)    

定位(查找客戶(hù)問(wèn)題的答案)    

回復(fù)(解答客戶(hù)問(wèn)題)  

對(duì)樓盤(pán)熟悉度高的經(jīng)紀(jì)人,能夠?qū)⒋蟛糠謽潜P(pán)信息背誦下來(lái),直接回復(fù)客戶(hù)。但對(duì)于大多數(shù)經(jīng)紀(jì)人來(lái)說(shuō),  需要先查找到相關(guān)樓盤(pán)的信息。尤其是目前多數(shù)新房經(jīng)紀(jì)人的司齡都時(shí)長(zhǎng)較短,快速查找到信息則對(duì)他們來(lái)說(shuō)十分關(guān)鍵。



三、快速聚焦的


信息閱讀體驗(yàn)



基于以上兩種看房場(chǎng)景,我們可以發(fā)現(xiàn),經(jīng)紀(jì)人查看房源信息是一個(gè)有規(guī)律的漸進(jìn)式的判斷過(guò)程,而經(jīng)紀(jì)人在其中的心路歷程正是對(duì)詳情頁(yè)改版設(shè)計(jì)最根本的依據(jù)。而且我們也發(fā)現(xiàn),目前經(jīng)紀(jì)人所使用的第三方工具內(nèi)容的組織方式也基本符合上述場(chǎng)景。


綜合前期調(diào)研的所有結(jié)論,包括對(duì)經(jīng)紀(jì)人使用反饋的收集、第三方工具內(nèi)容的分析和經(jīng)紀(jì)人看房流程的梳理,最終確定了本次改版的設(shè)計(jì)目標(biāo)和設(shè)計(jì)策略,如下圖所示:



圖5 改版目標(biāo)及策略





1.頁(yè)面結(jié)構(gòu)重建,

符合經(jīng)紀(jì)人看房流程


新房房源詳情頁(yè)的作用就是幫助經(jīng)紀(jì)人在兩種場(chǎng)景下能夠輕松完成任務(wù),那么就需要沿著經(jīng)紀(jì)人的心路歷程對(duì)詳情頁(yè)內(nèi)容進(jìn)行更加合理的信息結(jié)構(gòu)設(shè)計(jì)。

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

這一順序下,“識(shí)別→定位→回復(fù)”也能同時(shí)得到滿(mǎn)足。


圖6 新版詳情頁(yè)結(jié)構(gòu)





2.整合強(qiáng)關(guān)聯(lián)信息,

減少閱讀跳點(diǎn)


在前期調(diào)研中發(fā)現(xiàn)一個(gè)痛點(diǎn):明明是關(guān)系緊密需要一起閱讀的信息卻分散在多處位置,造成經(jīng)紀(jì)人閱讀時(shí)出現(xiàn)跳點(diǎn)和斷點(diǎn)。比如在了解戶(hù)型信息時(shí),經(jīng)紀(jì)人通常需要一起看戶(hù)型格局圖、戶(hù)型樣板間,貝殼也提供了靜態(tài)圖、視頻講解和VR三種形式。

但在舊版詳情頁(yè)中,戶(hù)型模塊只能看到戶(hù)型圖,樣板間信息需在頁(yè)面頭圖中查看。當(dāng)經(jīng)紀(jì)人想完整地看幾個(gè)戶(hù)型的格局和樣板間時(shí),不得不在兩個(gè)位置來(lái)回跳動(dòng),不僅操作麻煩,也在不停中斷閱讀進(jìn)程。因此改版時(shí),我們將戶(hù)型相關(guān)的信息都集中在戶(hù)型模塊,經(jīng)紀(jì)人可一次性完整地獲取戶(hù)型信息。


圖7 戶(hù)型信息模塊優(yōu)化前后對(duì)比



在經(jīng)紀(jì)人深入了解樓盤(pán)信息時(shí),會(huì)涉及到戶(hù)型、樓棟、小區(qū)概況、區(qū)位配套和開(kāi)發(fā)商/物業(yè)共五個(gè)維度的信息。在舊版詳情頁(yè)中,小區(qū)概況信息放在了二級(jí)頁(yè)面且入口在頁(yè)面頭部位置,而戶(hù)型等其他信息則位于頁(yè)面中下部。這種結(jié)構(gòu)給經(jīng)紀(jì)人帶來(lái)一定困擾,有的經(jīng)紀(jì)人以為壓根沒(méi)有小區(qū)概況信息,知道入口的經(jīng)紀(jì)人則需要在中途切換位置。

因此改版方案中,我們按照真實(shí)物理空間中從小到大的順序,將戶(hù)型、樓棟、小區(qū)概況、區(qū)位配套依次排列,即便經(jīng)紀(jì)人只關(guān)注某幾個(gè)模塊信息,也不會(huì)迷失于找入口。


圖8 樓盤(pán)詳細(xì)信息優(yōu)化前后對(duì)比




3.縮短路徑,

實(shí)現(xiàn)信息快速觸達(dá)


在完成結(jié)構(gòu)和單個(gè)模塊的內(nèi)容閱讀體驗(yàn)優(yōu)化后,我們發(fā)現(xiàn)了另一問(wèn)題:新房房源的信息體量很大,為了讓經(jīng)紀(jì)人在一級(jí)頁(yè)面能夠獲得核心完整的信息,頁(yè)面高度已經(jīng)達(dá)到5屏。而在「回答客戶(hù)問(wèn)詢(xún)」場(chǎng)景下,經(jīng)紀(jì)人則需要快速查找到某個(gè)位置靠后的模塊信息,那么如何解決這個(gè)問(wèn)題呢?

舊版中有常規(guī)的模塊定位導(dǎo)航,但問(wèn)題是該導(dǎo)航無(wú)法在首屏暴露,經(jīng)紀(jì)人需要上滑頁(yè)面再左滑Tab導(dǎo)航找到對(duì)應(yīng)模塊內(nèi)容。在需要即刻回復(fù)客戶(hù)時(shí),這種方式肯定是不夠快速的。

        于是,我們便增加了快捷導(dǎo)航,它固定在可見(jiàn)屏幕的右側(cè),經(jīng)紀(jì)人可一鍵定位至模塊位置。目前快捷導(dǎo)航呈現(xiàn)的4個(gè)入口也是調(diào)研經(jīng)紀(jì)人后挑選出的高頻使用模塊,同時(shí)這4個(gè)定位點(diǎn)也基本能夠均分整體頁(yè)面,即便想看其他模塊,也能輔助快速定位。


圖9 詳情?導(dǎo)航優(yōu)化前后對(duì)比




除了在整體結(jié)構(gòu)上縮短觸達(dá)路徑,在單個(gè)模塊的內(nèi)容查看上也做了細(xì)節(jié)交互調(diào)整。比如作業(yè)規(guī)則模塊細(xì)分了6個(gè)子分類(lèi),舊版方案是需要橫滑查看的Tab導(dǎo)航,經(jīng)紀(jì)人反饋不知道可以橫滑甚至有人不知道可以點(diǎn)擊切換分類(lèi)。新版方案則優(yōu)化成了標(biāo)簽導(dǎo)航并將分類(lèi)全部展示,足夠直接。


圖10 客戶(hù)規(guī)則分類(lèi)優(yōu)化前后對(duì)比





四、能夠快速捕捉的

"顯著線索"


盤(pán)源詳情頁(yè)作為B端新房信息承載最重要的頁(yè)面,體量大且繁雜,當(dāng)海量?jī)?nèi)容如決堤般襲來(lái)時(shí),信息被割裂的更加碎片化,經(jīng)紀(jì)人往往會(huì)感到失焦,從而引起心理抵觸。

        而詳情頁(yè)面向90%為司齡時(shí)長(zhǎng)較短的經(jīng)紀(jì)人,處在業(yè)務(wù)熟悉階段居多,會(huì)停留較長(zhǎng)時(shí)間查找信息,導(dǎo)致講盤(pán)或熟盤(pán)的過(guò)程體驗(yàn)感降低。因此,如何在短時(shí)間內(nèi)引導(dǎo)經(jīng)紀(jì)人快速觸達(dá)到有用的“線索”,降低經(jīng)紀(jì)人的信息理解成本,找到記憶打點(diǎn)的形式則顯得尤為重要。

詳情頁(yè)改版的核心目的在于打造快速聚焦的閱讀體驗(yàn),提升新房信息線上化的服務(wù)體驗(yàn)。根據(jù)產(chǎn)品定位及改版目標(biāo),我們對(duì)盤(pán)源工具中高價(jià)值信息進(jìn)行強(qiáng)化感知,凸顯視覺(jué)重點(diǎn),弱化次要信息,在吸引經(jīng)紀(jì)人快速定位的同時(shí),盡可能降低頁(yè)面其余元素的干擾。因此提煉了以下“顯著線索”:


1.視覺(jué)聚焦線索


這里我們以萊斯托夫效應(yīng)為設(shè)計(jì)的切入點(diǎn)-什么是來(lái)萊斯托夫效應(yīng)?意指在同質(zhì)類(lèi)材料中具有差異化表現(xiàn),視覺(jué)突出便于記憶,實(shí)際上說(shuō)明了材料的特獨(dú)性對(duì)大腦處理信息時(shí)起到一定作用。

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

如何聚焦信息?首先需要對(duì)盤(pán)源關(guān)鍵信息進(jìn)行有效的聚類(lèi)整合,其次無(wú)限貼合業(yè)務(wù)場(chǎng)景,獲取不同階段下經(jīng)紀(jì)人的關(guān)注點(diǎn)及訴求,再以合適的差異化表現(xiàn)形式配合信息節(jié)奏,優(yōu)化整體信息的透?jìng)髀窂健?/section>

(1)拆解功能,聚類(lèi)整合
人的大腦擅長(zhǎng)處理具有區(qū)塊感的內(nèi)容,塊狀信息能夠快速抓住用戶(hù)焦點(diǎn),我們可以把盤(pán)源詳情頁(yè)拆解成顆粒度不一的各類(lèi)模塊,再進(jìn)行歸納收攏。

對(duì)比舊版詳情頁(yè)中的盤(pán)源基礎(chǔ)信息結(jié)構(gòu)散亂,對(duì)經(jīng)紀(jì)人的閱讀及認(rèn)知造成一定負(fù)擔(dān),所以在設(shè)計(jì)中,我們把頁(yè)面拆解成樓盤(pán)賣(mài)點(diǎn)、基礎(chǔ)信息以及作業(yè)內(nèi)容三大結(jié)構(gòu),在頭部信息處理上,將盤(pán)源賣(mài)點(diǎn)與基礎(chǔ)信息利用Z軸空間關(guān)系劃分了層級(jí),重色塊與白卡片互相襯托,形成強(qiáng)烈對(duì)比,在保證賣(mài)點(diǎn)凸顯的同時(shí)也能強(qiáng)化卡片信息;


圖11 詳細(xì)?頭部?jī)?yōu)化前后對(duì)比




舊版頁(yè)面的戶(hù)型模塊與樣板間信息呈現(xiàn)位置不同,導(dǎo)致經(jīng)紀(jì)人的閱讀割裂感很強(qiáng),因此在新版設(shè)計(jì)中,對(duì)戶(hù)型信息做了功能比重的協(xié)調(diào)處理?;谑毂P(pán)或講盤(pán)特點(diǎn),經(jīng)紀(jì)人及客戶(hù)對(duì)于戶(hù)型圖的需求較高,因此在視覺(jué)上擴(kuò)大其占比,強(qiáng)調(diào)一眼定位戶(hù)型模塊,同時(shí)集合三種功能,使卡片結(jié)構(gòu)更加緊密,讓經(jīng)紀(jì)人在有限的空間內(nèi)能夠快速找到對(duì)應(yīng)功能,提升整體的閱讀及操作效率。


圖12 戶(hù)型功能優(yōu)化前后對(duì)比




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

首先樓盤(pán)賣(mài)點(diǎn)是輔助新手經(jīng)紀(jì)人作業(yè)的核心信息,在特定場(chǎng)景下需要第一時(shí)間幫助決策和溝通,因此頭部以大面積藍(lán)色背景做襯托,在視覺(jué)上輔助經(jīng)紀(jì)人快速定位,并與基礎(chǔ)信息進(jìn)行了區(qū)域分割,在視覺(jué)上更聚焦于核心話術(shù),便于更快找到且即時(shí)表達(dá)。

其次新房經(jīng)紀(jì)人賦予激勵(lì)和規(guī)則的了解訴求比較大,需要實(shí)時(shí)關(guān)注政策及傭金激勵(lì)等變化情況,此類(lèi)信息也是最能刺激經(jīng)紀(jì)人后期的作業(yè)效果,所以在設(shè)計(jì)上做了較為夸張的處理??ㄆ捎脤?duì)視覺(jué)搶眼的紅色背景,輔助“喇叭”插畫(huà)形式襯托內(nèi)容,加深經(jīng)紀(jì)人對(duì)于公告信息的認(rèn)知和記憶。


圖13 色彩輔助效果圖




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


2.認(rèn)知理解線索


此次改版出發(fā)點(diǎn)是讓經(jīng)紀(jì)人們能夠做到“傻瓜式閱讀”,盡可能降低其認(rèn)知理解成本。我們可排列文本邏輯順序,明確引導(dǎo)路徑,從而形成有效焦點(diǎn)的內(nèi)容組,讓用戶(hù)輕負(fù)擔(dān)地找到有用信息。


圖14 “傻瓜式”閱讀策略




(1)貼近用戶(hù),彌補(bǔ)斷層
若想讓用戶(hù)感到好用,設(shè)計(jì)的核心還是要了解用戶(hù)當(dāng)下目標(biāo),并去不斷貼近其工作路徑及閱讀習(xí)慣,站在對(duì)方視角去感知頁(yè)面呈現(xiàn)的效果是否達(dá)到目的,拉齊心智彌補(bǔ)認(rèn)知斷層,防止以自身視角做判斷。

(2)給予規(guī)律,優(yōu)化結(jié)構(gòu)
根據(jù)線性瀏覽習(xí)慣,盤(pán)源基礎(chǔ)信息的呈現(xiàn)需要保證服務(wù)者的講盤(pán)順序及閱讀邏輯,在新版設(shè)計(jì)中,對(duì)有邏輯關(guān)系的信息產(chǎn)生聯(lián)系,給予規(guī)律性,保證經(jīng)紀(jì)人的理解轉(zhuǎn)化。

我們基于理解順序及習(xí)慣,可對(duì)應(yīng)表達(dá)價(jià)格、盤(pán)源屬性及標(biāo)簽的親疏關(guān)系,通過(guò)緊密度讓用戶(hù)感知到信息組的規(guī)律。例如,盤(pán)源基礎(chǔ)卡片是要引導(dǎo)經(jīng)紀(jì)人先關(guān)注盤(pán)源的相關(guān)價(jià)格,因此價(jià)格關(guān)聯(lián)的信息間距更緊密,其次是用途、面積、位置等屬性相關(guān),最后利用標(biāo)簽概括總結(jié)樓盤(pán)特性,再次強(qiáng)調(diào)整體盤(pán)源特點(diǎn),從而由淺至深的強(qiáng)化用戶(hù)認(rèn)知和記憶。

此次改版的視覺(jué)側(cè)重點(diǎn)是將信息差異放大,打造一定的記憶點(diǎn),使得經(jīng)紀(jì)人在進(jìn)入詳情頁(yè)時(shí),可不仔細(xì)查看信息,即可大致定位模塊內(nèi)容,從而進(jìn)行快速瀏覽,提升整體的信息閱讀效率。在這個(gè)過(guò)程中,不僅需要對(duì)業(yè)務(wù)場(chǎng)景下經(jīng)紀(jì)人的作業(yè)邏輯進(jìn)行把控,合理的梳理信息關(guān)系以及具有良好的表達(dá)形式,同時(shí)更多的是需要平衡自身感知與用戶(hù)感知,明確目標(biāo)用戶(hù)的感知顆粒度大小,以對(duì)方視角有側(cè)重性的強(qiáng)化信息,這樣才能提升服務(wù)體驗(yàn)。

文章來(lái)源:優(yōu)設(shè) 作者:姜佳欣


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

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)




如何將服務(wù)設(shè)計(jì)的思維,應(yīng)用在產(chǎn)品體驗(yàn)設(shè)計(jì)?

ui設(shè)計(jì)分享達(dá)人

服務(wù)設(shè)計(jì)隨著時(shí)間的流逝,也隨著所用之人在各行各業(yè)的沉淀和積累,可以看到其在各個(gè)行業(yè)有其使用和落地的特殊性,本文是Yeutz在實(shí)際工作和實(shí)踐中逐步去總結(jié),如何將服務(wù)設(shè)計(jì)的思維應(yīng)用在互聯(lián)網(wǎng)的整個(gè)行業(yè)中,去使用服務(wù)設(shè)計(jì)思維更好地理解業(yè)務(wù)、梳理業(yè)務(wù)和推動(dòng)業(yè)務(wù)。

為了方便記憶,本文的結(jié)構(gòu)分成服務(wù)設(shè)計(jì)思維融入互聯(lián)網(wǎng)產(chǎn)品體驗(yàn)設(shè)計(jì)的1234,即1個(gè)定義、2個(gè)特性、3個(gè)方法和4個(gè)警惕。

一、1個(gè)定義:解決復(fù)雜性的系統(tǒng)內(nèi)外問(wèn)題的思維——服務(wù)設(shè)計(jì)思維(SDT)

關(guān)于什么是服務(wù)設(shè)計(jì)思維這個(gè)問(wèn)題,要提到服務(wù)設(shè)計(jì)思維五力模型。

服務(wù)設(shè)計(jì)思維定義(從五力模型角度):服務(wù)設(shè)計(jì)思維是一種基于系統(tǒng)性思維、復(fù)雜性思維、創(chuàng)造性思維、戰(zhàn)略性思維與批判性思維等五種思維模式為一體的有效解決各事物間的關(guān)系要素問(wèn)題,從而形成的一種基于服務(wù)和體驗(yàn)領(lǐng)域的特有方法論和思維體系。

服務(wù)設(shè)計(jì)思維融入互聯(lián)網(wǎng)產(chǎn)品體驗(yàn)設(shè)計(jì)

服務(wù)設(shè)計(jì)思維五力模型

而簡(jiǎn)單的定義其實(shí)就是:解決復(fù)雜性的系統(tǒng)內(nèi)外問(wèn)題的思維。至于解決什么樣的問(wèn)題,以下引用Cynefin框架是對(duì)問(wèn)題的四個(gè)象限的定義,隨著當(dāng)前世界、社會(huì)、行業(yè)、業(yè)務(wù)這層層剝離下的問(wèn)題,都可以根據(jù)復(fù)雜程度用這個(gè)框架去定義不同的問(wèn)題。而服務(wù)設(shè)計(jì)面向復(fù)雜和繁雜的問(wèn)題更適合用它的思維去理解和梳理,從而想出解決方案。

服務(wù)設(shè)計(jì)思維融入互聯(lián)網(wǎng)產(chǎn)品體驗(yàn)設(shè)計(jì)

肯尼芬框架(Cynefin framework)

進(jìn)入一個(gè)環(huán)境,我們很容易就能區(qū)分出兩種狀況:

  1. 清晰的(clear)系統(tǒng)
  2. 混沌的(chaotic)系統(tǒng)

但介乎于清晰與混亂之間的狀況卻很難被區(qū)分。這樣一來(lái),感知能力就變得極為重要,感知能力會(huì)讓你搞清楚現(xiàn)在的狀況。讓你清楚是該借助過(guò)往的經(jīng)驗(yàn)和手法處理問(wèn)題,還是探索新方法、新方式解決問(wèn)題。肯尼芬框架是在清晰和混沌兩種狀況之間(或被稱(chēng)為混沌的邊際 the edge of chaos),增加了兩個(gè)維度:繁雜(complicated)與復(fù)雜(complex)。

在肯尼芬框架下,朝著箭頭指向逆時(shí)針旋轉(zhuǎn),系統(tǒng)的復(fù)雜性越來(lái)越大。在清晰的系統(tǒng)內(nèi),只要遵照某種SOP,遵循流程去走,事情就會(huì)自然而然步入正軌。隨著不確定性提升,有些議題的答案變得模糊,這些議題就落入了“繁雜性”系統(tǒng),需要專(zhuān)家通過(guò)足夠多的案例經(jīng)驗(yàn)來(lái)摸索路徑。解決問(wèn)題的辦法不再是遵照流程,而變成了摸索前行。

接著我們會(huì)發(fā)現(xiàn),黑天鵝事件一次又一次席卷而來(lái),無(wú)論是整個(gè)社會(huì)還是市場(chǎng)中的大多行業(yè)都慢慢走進(jìn)了復(fù)雜的區(qū)域。最后,我們來(lái)到箭頭朝向的終點(diǎn)——混亂,系統(tǒng)性崩盤(pán)。在這一系統(tǒng)內(nèi),你不能想、不能感知,你要迅速作出反應(yīng)。

而面對(duì)業(yè)務(wù)這樣的一個(gè)小系統(tǒng)來(lái)說(shuō),面對(duì)問(wèn)題幫助決策,該框架也同樣適用。

二、2個(gè)特性:流程性、系統(tǒng)性

之前的文章中有多次提到服務(wù)設(shè)計(jì)思維的2個(gè)應(yīng)用特性:流程性、系統(tǒng)性。為什么會(huì)這么說(shuō)呢?服務(wù)設(shè)計(jì)通常使用的工具都是從這兩個(gè)維度入手,同樣也是解決這兩個(gè)維度下的問(wèn)題。例如互聯(lián)網(wǎng)行業(yè)概念中的用戶(hù)全生命周期,用戶(hù)路徑、用戶(hù)旅程、增長(zhǎng)模型、上癮模型等等都是流程性的概念,這樣的概念下,服務(wù)設(shè)計(jì)將適用于逐層拆解,逐步發(fā)現(xiàn)問(wèn)題并提供解決策略。

相對(duì)地,互聯(lián)網(wǎng)行業(yè)中的一些行業(yè)概念如:業(yè)務(wù)模型、數(shù)據(jù)模型、商業(yè)化、用戶(hù)增長(zhǎng)等其實(shí)都是系統(tǒng)性的問(wèn)題,服務(wù)設(shè)計(jì)需要在其中去剝離具體的系統(tǒng)要素,而通常流程性和系統(tǒng)性是同時(shí)應(yīng)用去解決問(wèn)題的,因?yàn)閺?fù)雜性的問(wèn)題必然存在著這兩個(gè)維度。

  1. 服務(wù)設(shè)計(jì)流程性案例:服務(wù)設(shè)計(jì)如何賦能用戶(hù)增長(zhǎng)分析了服務(wù)設(shè)計(jì)針對(duì)流程性的內(nèi)容有著天然的優(yōu)勢(shì),所有流程性的業(yè)務(wù)/情況都可以運(yùn)用服務(wù)設(shè)計(jì)梳理一遍
  2. 服務(wù)設(shè)計(jì)系統(tǒng)性案例:服務(wù)設(shè)計(jì)如何賦能商業(yè)化設(shè)計(jì)策略分析了服務(wù)設(shè)計(jì)的系統(tǒng)性是如何幫助商業(yè)化設(shè)計(jì)高效產(chǎn)出有效的方案

三、3個(gè)方法:戰(zhàn)略性思維、數(shù)據(jù)性思維、系統(tǒng)性思維

1. 戰(zhàn)略性思維拆解行業(yè)背景和業(yè)務(wù)定位

(1)Why

戰(zhàn)略性思維強(qiáng)調(diào)全局觀,從整體性的視角探究行業(yè)去判斷和定位當(dāng)前業(yè)務(wù)在行業(yè)中的情況,幫助理解業(yè)務(wù)全局和業(yè)務(wù)所在的時(shí)期和階段,來(lái)判斷整體價(jià)值和可能達(dá)到的效果如何,使用這個(gè)方法可以避免被產(chǎn)品團(tuán)隊(duì)牽引而失去自我判斷。

(2)How

這里重點(diǎn)介紹價(jià)值鏈,即一個(gè)行業(yè)/系統(tǒng)的上下游關(guān)系,以?xún)?nèi)容行業(yè)舉例,分為:

內(nèi)容生產(chǎn)——內(nèi)容供給——內(nèi)容分發(fā)——內(nèi)容消費(fèi)

這里面又涉及到了創(chuàng)作者、消費(fèi)者、平臺(tái)三個(gè)主要角色,順著這樣的思路拆解下去就能明晰看到行業(yè)現(xiàn)狀和業(yè)務(wù)之間的關(guān)系,從而懂更高的維度洞察業(yè)務(wù)。

服務(wù)設(shè)計(jì)思維融入互聯(lián)網(wǎng)產(chǎn)品體驗(yàn)設(shè)計(jì)

內(nèi)容行業(yè)價(jià)值鏈分析 (僅舉例)

服務(wù)設(shè)計(jì)思維融入互聯(lián)網(wǎng)產(chǎn)品體驗(yàn)設(shè)計(jì)

小程序游戲行業(yè)價(jià)值鏈(研發(fā)-發(fā)行-消費(fèi))分析 (僅舉例)

(3)What

基本上的產(chǎn)出如上圖所示,但是具體業(yè)務(wù)和行業(yè)具體分析,除了從行業(yè)報(bào)告中去尋找/查看相關(guān)的價(jià)值鏈分析之外,也要從自己所在業(yè)務(wù)去放大業(yè)務(wù)所在的模塊,看價(jià)值如何流動(dòng)。

2. 數(shù)據(jù)性思維賦能產(chǎn)品策略和業(yè)務(wù)創(chuàng)新

本是系統(tǒng)性思維中的一環(huán),但是數(shù)據(jù)對(duì)互聯(lián)網(wǎng)行業(yè)乃至各行各業(yè)的重要性是有目共睹的,因此單獨(dú)提出來(lái)看服務(wù)設(shè)計(jì)應(yīng)用的具體思路。

(1)Why

數(shù)據(jù)作為判斷互聯(lián)網(wǎng)產(chǎn)品的核心指標(biāo)之一(這里強(qiáng)調(diào)“之一”是避免誤導(dǎo)大家數(shù)據(jù)作為唯一要義去判斷),數(shù)據(jù)性思維有效幫助業(yè)務(wù)在「探索期」和「成熟期-衰退期」的時(shí)候能夠作為引導(dǎo)依據(jù),輔助決策,但值得注意的是:數(shù)據(jù)背后的信息重于數(shù)據(jù)本身。

(2)How

數(shù)據(jù)性思維的背后,實(shí)際上也是為了引導(dǎo)業(yè)務(wù)從數(shù)據(jù)維度發(fā)現(xiàn)問(wèn)題分析問(wèn)題和解決問(wèn)題。因此數(shù)據(jù)性思維這里的方法更多是從數(shù)據(jù)維度拆解業(yè)務(wù)。從最早阿里整合出的GSM模型,主要針對(duì)設(shè)計(jì)度量去看,但其從還原論的角度看,數(shù)據(jù)也同樣遵循類(lèi)似的拆解,即引用增長(zhǎng)黑客一書(shū)里介紹的「北極星目標(biāo)-過(guò)程目標(biāo)-核心策略」逐步拆解下去。

服務(wù)設(shè)計(jì)思維融入互聯(lián)網(wǎng)產(chǎn)品體驗(yàn)設(shè)計(jì)

阿里GSM模型

服務(wù)設(shè)計(jì)思維融入互聯(lián)網(wǎng)產(chǎn)品體驗(yàn)設(shè)計(jì)

以GMV為指標(biāo)的業(yè)務(wù)拆解模型

(3)What

數(shù)據(jù)模型具體拆解根據(jù)業(yè)務(wù)的指標(biāo)和不同需要有不同的拆解方式,本文不展開(kāi)講述,后續(xù)有機(jī)會(huì)單獨(dú)一篇文章講解這部分的內(nèi)容。但具體拆解的結(jié)果可以結(jié)合用戶(hù)行為和用戶(hù)旅程去梳理。

服務(wù)設(shè)計(jì)思維融入互聯(lián)網(wǎng)產(chǎn)品體驗(yàn)設(shè)計(jì)

業(yè)務(wù)逐層拆解的數(shù)據(jù)模型

3. 系統(tǒng)性思維深入產(chǎn)品細(xì)節(jié)和業(yè)務(wù)耦合

(1)Why

系統(tǒng)性思維用來(lái)逐漸地深入到產(chǎn)品的細(xì)節(jié)中去,不只是看細(xì)節(jié),而是從系統(tǒng)要素的角度去分離開(kāi)細(xì)節(jié),從整體到局部,再?gòu)木植康秸w,逐步放大和縮小,這樣視角的切換能夠彌補(bǔ)自己在業(yè)務(wù)中的常態(tài)以及對(duì)整個(gè)行業(yè)的感知力。

而隨著系統(tǒng)性思維的深入,你也會(huì)發(fā)現(xiàn)當(dāng)前個(gè)人乃至團(tuán)隊(duì)所做的事情只是整個(gè)系統(tǒng)中的一環(huán)而已,而更應(yīng)該從全局視角去看待業(yè)務(wù)之間的耦合關(guān)系,達(dá)到整體之和大于各個(gè)業(yè)務(wù)之間相加,雖然這很難,但需要有這樣的視角去把自己放在一個(gè)全局的位置去思考,才能更有力的推動(dòng)業(yè)務(wù)發(fā)展。

這里引入一個(gè)最近比較火爆的模型:L型賦能 —— 賦能是指將我們孵化成功并驗(yàn)證有效的項(xiàng)目,復(fù)用給同樣需要這個(gè)能力的業(yè)務(wù)團(tuán)隊(duì),降低重復(fù)孵化的成本。我將這個(gè)過(guò)程稱(chēng)為“L 型賦能”,垂直地做好自己原本的業(yè)務(wù),就像 L 的豎線,再橫向影響到其他業(yè)務(wù),就像 L 的橫線。

服務(wù)設(shè)計(jì)思維融入互聯(lián)網(wǎng)產(chǎn)品體驗(yàn)設(shè)計(jì)

L型賦能(引用自極客時(shí)間)

(2)How

以我們耳熟能詳?shù)膬蓚€(gè)項(xiàng)目舉例。電商 App 中雙 11 的主會(huì)場(chǎng)設(shè)計(jì),有許多模塊容器給業(yè)務(wù)帶來(lái)了顯著增長(zhǎng),這樣的設(shè)計(jì)方式就可以復(fù)用給其他的大促主會(huì)場(chǎng);Ant Design 的出現(xiàn),在滿(mǎn)足自身業(yè)務(wù)之后,開(kāi)放給市場(chǎng),供更多阿里內(nèi)部或外部的 B 端產(chǎn)品高質(zhì)高效落地。不管是負(fù)責(zé)單一業(yè)務(wù)的設(shè)計(jì),還是同時(shí)負(fù)責(zé)多條業(yè)務(wù)的設(shè)計(jì),我們都可以將項(xiàng)目影響力進(jìn)行擴(kuò)展。在之后的課程中,我們會(huì)以具體案例一起了解如何將項(xiàng)目成果進(jìn)行 L 型賦能,擴(kuò)大項(xiàng)目能力的影響力。

(3)What

這里產(chǎn)出更多的是全視角的業(yè)務(wù)貢獻(xiàn),具體情況需要具體分析,沒(méi)有成型的產(chǎn)出物的引導(dǎo)。

四、4個(gè)警惕

在應(yīng)用上述思路的時(shí)候,要注意有4個(gè)值得關(guān)注的點(diǎn),這里稱(chēng)為4個(gè)警惕:

1. 警惕過(guò)于全局分析而模糊的行業(yè)顆粒度

在分析整個(gè)行業(yè)的時(shí)候,有時(shí)候我們會(huì)深度探索整個(gè)行業(yè)的深度,但是這個(gè)時(shí)候需要淺嘗輒止,了解整個(gè)行業(yè)全貌后還是要回歸本身業(yè)務(wù)上去看整體和局部的關(guān)系,在業(yè)務(wù)上繼續(xù)細(xì)分具體的內(nèi)容及可能的業(yè)務(wù)規(guī)劃和發(fā)力點(diǎn)。

2. 警惕強(qiáng)數(shù)據(jù)思維和弱用戶(hù)思維的準(zhǔn)確性

在分析業(yè)務(wù)數(shù)據(jù)和指標(biāo)的同時(shí),也要對(duì)用戶(hù)有所了解,數(shù)據(jù)只是輔助決策方法之一,用戶(hù)側(cè)的內(nèi)容也會(huì)給予不同的幫助,從數(shù)據(jù)的角度去看大的變化,從用戶(hù)角度去看更細(xì)節(jié)的感知和感受,同時(shí)也要避免把自己當(dāng)作真實(shí)用戶(hù),更多還是要去以CE的角度去發(fā)現(xiàn)新的問(wèn)題,結(jié)合數(shù)據(jù)驗(yàn)證,才能達(dá)到相對(duì)準(zhǔn)確的判定。

3. 警惕產(chǎn)品體驗(yàn)與產(chǎn)品管理之間的分界限

寫(xiě)到這里,大概有小伙伴會(huì)問(wèn),產(chǎn)品體驗(yàn)做到這幾個(gè)思維程度,那和產(chǎn)品經(jīng)理的區(qū)別是什么,我們更多的是在做體驗(yàn)的管理而不是整個(gè)產(chǎn)品的管理,產(chǎn)品的體驗(yàn)的部分負(fù)責(zé)除了基礎(chǔ)體驗(yàn)還有業(yè)務(wù)未來(lái)可能性的探索,這部分也是體驗(yàn)的一部分,確認(rèn)好各自的界限,但也要保持持續(xù)合作的關(guān)系,互相給予新的思路和方向

4. 警惕深入細(xì)節(jié)而忽視全視角下的業(yè)務(wù)線

最后一個(gè)警惕就是涉及到逐漸深潛在某一個(gè)具體業(yè)務(wù)的時(shí)候,會(huì)更關(guān)注業(yè)務(wù)的細(xì)節(jié)而忽視掉全貌,這時(shí)候就是警惕去看整個(gè)業(yè)務(wù)線當(dāng)前的發(fā)展趨勢(shì)是什么,再來(lái)看這個(gè)細(xì)節(jié)是否會(huì)有所影響,考慮細(xì)節(jié)和全局的關(guān)系,會(huì)比設(shè)計(jì)師只埋頭進(jìn)入需求更重要。

五、結(jié)尾

本文總共分為1個(gè)定義、2個(gè)特性、3個(gè)方法和4個(gè)警惕,幫助大家更好的記憶,其次,本文致力于幫助服務(wù)設(shè)計(jì)背景的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)師們從服務(wù)設(shè)計(jì)視角進(jìn)行實(shí)戰(zhàn)業(yè)務(wù),幫助設(shè)計(jì)師開(kāi)闊思路和理解業(yè)務(wù),也幫助互聯(lián)網(wǎng)設(shè)計(jì)師們了解并應(yīng)用服務(wù)設(shè)計(jì)思維解決問(wèn)題,期待和大家后續(xù)的更多交流。

來(lái)源:人人都是產(chǎn)品經(jīng)理     作者:陳昱志Yeutz
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司 

如何提升界面交互中的「信息識(shí)別」體驗(yàn)

ui設(shè)計(jì)分享達(dá)人

自上個(gè)世紀(jì)70年代圖形化的人機(jī)界面出現(xiàn),人與機(jī)器的對(duì)話從特殊命令行交互變?yōu)橹庇^的圖形界面,到后來(lái)語(yǔ)音、視頻、動(dòng)作等多模態(tài)的發(fā)展讓人和機(jī)器的發(fā)展有了更多自然、直觀的交互場(chǎng)景。

如何提升界面交互中的「信息識(shí)別」體驗(yàn)

ui設(shè)計(jì)分享達(dá)人

前言
自上個(gè)世紀(jì)70年代圖形化的人機(jī)界面出現(xiàn),人與機(jī)器的對(duì)話從特殊命令行交互變?yōu)橹庇^的圖形界面,到后來(lái)語(yǔ)音、視頻、動(dòng)作等多模態(tài)的發(fā)展讓人和機(jī)器的發(fā)展有了更多自然、直觀的交互場(chǎng)景。

日歷

鏈接

個(gè)人資料

存檔