同理心是在某種情況下理解他人感受或想法的能力。
同理心有時(shí)會(huì)與同情相混淆,但這兩個(gè)詞并不是同一個(gè)意思。同理心是指理解別人的感受或想法,通常是通過(guò)自己感受這些情緒。同情是一種表現(xiàn)出關(guān)心或同情而不去感受情緒本身的體驗(yàn)。
通過(guò)有效地與用戶感同身受,盡最大努力了解他們的需求,你為產(chǎn)品體驗(yàn)奠定了良好的基礎(chǔ),這將有助于解決他們獨(dú)特的問(wèn)題。
帶著同理心進(jìn)行設(shè)計(jì)將提升你所創(chuàng)造的產(chǎn)品。通過(guò)與用戶建立更深層次的聯(lián)系,您將更好地理解他們的觀點(diǎn)和痛點(diǎn)。盡早找到這種聯(lián)系可以引導(dǎo)你走上正確的設(shè)計(jì)道路,并避免在設(shè)計(jì)過(guò)程的后期階段大量修改產(chǎn)品。
作為一個(gè)用戶體驗(yàn)設(shè)計(jì)師,與用戶共情可以幫助我們創(chuàng)造體驗(yàn)更好的產(chǎn)品,因?yàn)槲覀冊(cè)谠O(shè)計(jì)過(guò)程中會(huì)站在用戶的角度去體驗(yàn)產(chǎn)品。我們?cè)绞巧朴陬A(yù)測(cè)用戶的欲望和需求,用戶對(duì)我們的設(shè)計(jì)就越滿意,用戶才越有可能長(zhǎng)期地使用我們?cè)O(shè)計(jì)的產(chǎn)品。
設(shè)計(jì)師要避免自我假設(shè)很多需求,我們要通過(guò)問(wèn)很多的問(wèn)題來(lái)了解用戶的直接需求和想法(跟我們需要設(shè)計(jì)的產(chǎn)品相關(guān)的問(wèn)題)??梢允褂檬鞘裁础槭裁?、怎么樣等問(wèn)題來(lái)深入了解用戶。
需要注意整個(gè)用戶,而不僅僅是他們的語(yǔ)言。詳細(xì)研究用戶與產(chǎn)品互動(dòng)的過(guò)程,用視頻、錄音、筆記等方式詳細(xì)記錄。
全神貫注地傾聽(tīng),理解并記住與你互動(dòng)的用戶所說(shuō)的話,避免分心。在用戶體驗(yàn)設(shè)計(jì)中,練習(xí)積極傾聽(tīng)可以幫助你直接從用戶那里得到公正的反饋,你可以應(yīng)用它來(lái)改進(jìn)你的設(shè)計(jì)。
收到的反饋是客觀和公正的,這點(diǎn)很重要。朋友或同事通常會(huì)提供偏頗的、大多是正面的反饋,因?yàn)樗麄兿胫С帜慊蛉偰?。因此,不同的?lái)源和不同的用戶組的反饋很重要。在尋求反饋時(shí),可以多使用開(kāi)放式的問(wèn)題。
我們都有偏見(jiàn)。記住,偏見(jiàn)是基于有限的信息而對(duì)某事或某人有偏見(jiàn)。作為用戶體驗(yàn)設(shè)計(jì)師,我們必須把這些偏見(jiàn)放在一邊,以便更好地與他人產(chǎn)生共鳴。你的目標(biāo)是理解用戶,而不是用你自己的觀點(diǎn)和情緒復(fù)雜化他們的反饋。
關(guān)注研究人員,加入在線社區(qū),了解影響用戶體驗(yàn)設(shè)計(jì)師和用戶的最新研究。隨著我們對(duì)人類(lèi)心理學(xué)的了解越來(lái)越多,研究也在不斷變化和發(fā)展。緊跟潮流會(huì)讓你在理解聽(tīng)眾和與聽(tīng)眾互動(dòng)方面更有優(yōu)勢(shì)。
為了確保訪談中能夠充分利用時(shí)間,不談一些偏離的話題,需要先制定訪談目標(biāo)。
下面是一些關(guān)于與用戶共情的常見(jiàn)研究目標(biāo):
我想了解人們?cè)谑褂梦以O(shè)計(jì)的產(chǎn)品解決問(wèn)題時(shí)所經(jīng)歷的過(guò)程和產(chǎn)生的情緒是怎么樣的
我想確定目前人們對(duì)此問(wèn)題是如何解決的?其常見(jiàn)的用戶行為和體驗(yàn)如何?
我想了解用戶的需求和不滿
時(shí)刻記住訪談目標(biāo),提前寫(xiě)下你的訪談問(wèn)題,訪談問(wèn)題越符合你的目標(biāo),你得到的數(shù)據(jù)就越有用。
多問(wèn)開(kāi)放式的問(wèn)題,訪談?wù)呖梢愿杂傻胤窒硭麄冋鎸?shí)的想法
保持問(wèn)題簡(jiǎn)短明了,訪談?wù)卟湃菀桌斫饽愕膯?wèn)題
追問(wèn)問(wèn)題,在訪談?wù)呋卮鹜暌粋€(gè)問(wèn)題后,試著多問(wèn)他們“為什么?”或者用“多告訴我一點(diǎn)”來(lái)獲取更深層的信息
選擇研究對(duì)象需要基于研究目標(biāo)和所設(shè)計(jì)產(chǎn)品的目標(biāo)用戶??梢园l(fā)送一份篩選調(diào)查問(wèn)卷來(lái)確定潛在參與者是否符合研究要求,收集的數(shù)據(jù)例如:年齡、地理位置、職業(yè)或行業(yè)、性別等。
一旦你確定了研究目標(biāo)和書(shū)面采訪問(wèn)題(在如何確定你的研究目標(biāo)和問(wèn)題),并創(chuàng)建篩選調(diào)查,以找到研究參與者的代表性樣本,你就可以開(kāi)始招募參與者了!
如何以及在哪里找到研究參與者取決于你工作的公司、你設(shè)計(jì)的產(chǎn)品類(lèi)型、研究的時(shí)間限制、項(xiàng)目預(yù)算和目標(biāo)用戶的可訪問(wèn)性?;谶@些項(xiàng)目細(xì)節(jié),您可以選擇從各種各樣的方式來(lái)尋找研究參與者。
個(gè)人社交圈??紤]一下符合你的目標(biāo)用戶的家庭、朋友或同事。
現(xiàn)有用戶。如果你的產(chǎn)品已經(jīng)有一些用戶基礎(chǔ),你可以從現(xiàn)有用戶中招募參與者。
互聯(lián)網(wǎng)招募。如果是為新成立的企業(yè)設(shè)計(jì)產(chǎn)品,最簡(jiǎn)單的招募參與者的方法是網(wǎng)上招募。你可以使用社交媒體來(lái)尋找研究參與者,或者使用專門(mén)招募用戶的網(wǎng)站,如用戶測(cè)試和用戶訪談。你也可以找一些符合你目標(biāo)用戶群體的聊天群去招募用戶。
走廊測(cè)試。去最可能遇到產(chǎn)品目標(biāo)受眾的地方,比如狗公園或咖啡店,現(xiàn)場(chǎng)拉一些路過(guò)的人進(jìn)行測(cè)試。如果你招募的參與者不多,時(shí)間有限,或者你想免費(fèi)進(jìn)行研究,那么走廊測(cè)試是比較好的選擇。然而,以這種方式尋找參與者是有風(fēng)險(xiǎn)的,因?yàn)樗麄兛赡懿皇悄愕臐撛谟脩簟?nbsp;
第三方機(jī)構(gòu)。有預(yù)算的企業(yè)可以雇傭第三方研究機(jī)構(gòu),他們可以節(jié)省你的時(shí)間,而且更加專業(yè)。
將你要問(wèn)用戶的所有問(wèn)題列下來(lái),在實(shí)踐中已經(jīng)證實(shí)保持訪談?wù)邌?wèn)題的一致性很重要。當(dāng)然,訪談腳本只是一個(gè)指南,當(dāng)有必要的時(shí)候我們可以偏離準(zhǔn)備的問(wèn)題以了解用戶更多的痛點(diǎn)。
制作一份訪談所需物品的清單,比如一臺(tái)電腦、一份打印出來(lái)的問(wèn)題清單,或者紙和鉛筆。如果你在訪談中需要使用新的設(shè)備或技術(shù),一定要提前了解清楚怎么使用。
盡可能提前了解你要訪談的人。如果你準(zhǔn)備訪談的用戶在訪談前提供了他們的個(gè)人信息,要注意確認(rèn)他們的個(gè)人信息是否符合真實(shí)情況,避免訪談一個(gè)競(jìng)爭(zhēng)對(duì)手的臥底。
在正式訪談之前練習(xí)一下你要問(wèn)的問(wèn)題,跟同事或朋友模擬地進(jìn)行一次訪談。
感謝用戶的到來(lái)。在面試開(kāi)始前,感謝用戶花時(shí)間與你見(jiàn)面并分享他們的觀點(diǎn)。感謝用戶是建立良好關(guān)系的一部分,可以幫助他們覺(jué)得自己的意見(jiàn)是有價(jià)值的。
收集基本的細(xì)節(jié)。當(dāng)你與用戶見(jiàn)面時(shí),記得詢問(wèn)與訪談?wù)呦嚓P(guān)的基本信息,如他們的姓名或人口統(tǒng)計(jì)信息。11
遵守訪談禮儀
提問(wèn)時(shí),說(shuō)話要清晰簡(jiǎn)潔,無(wú)論用戶如何回答問(wèn)題,都要保持專業(yè)。當(dāng)用戶分享他們的觀點(diǎn)時(shí),表現(xiàn)出你在積極地傾聽(tīng),比如點(diǎn)頭、進(jìn)行適當(dāng)?shù)难凵窠涣骰蜃龉P記。
問(wèn)開(kāi)放式的問(wèn)題
避免問(wèn)那些會(huì)導(dǎo)致簡(jiǎn)單回答“是”或“不是”的問(wèn)題,最好多問(wèn)一些以“為什么”開(kāi)頭的問(wèn)題。如果參與者確實(shí)提供了一個(gè)簡(jiǎn)短的“是”或“不是”的回答,你應(yīng)該追問(wèn)一些問(wèn)題,讓他們分享更多信息。
及時(shí)記筆記
如果不做筆記,準(zhǔn)確復(fù)述參與者所表達(dá)的幾乎是不可能的!當(dāng)你在面試中觀察和傾聽(tīng)參與者的談話時(shí),盡可能多地寫(xiě)下你能捕捉到的內(nèi)容。當(dāng)你想出解決用戶痛點(diǎn)的想法時(shí),一份完整的筆記和觀察清單將會(huì)很有幫助。這里有一些最好的做法,可以幫助你在面試中做筆記:
突出引人注目的報(bào)價(jià)
面試中最明顯的部分就是記錄面試者所說(shuō)的話。有趣的引用是用戶真實(shí)想法和感受的有力指示器。在你的同理心地圖中包含引用是一種很好的方式,以真實(shí)用戶的第一手視角為特色,這可以在你開(kāi)始設(shè)計(jì)時(shí)提供有價(jià)值的見(jiàn)解。
記錄對(duì)參與者的觀察
不僅要記錄用戶所說(shuō)的話,還要記錄他們的情緒、表情、肢體語(yǔ)言和行為。要特別注意外界因素,比如噪音或干擾,這些可能會(huì)影響面試結(jié)果。在創(chuàng)建同理心地圖時(shí),所有這些觀察結(jié)果都是重要的考慮因素。
語(yǔ)音/視頻記錄訪談
詢問(wèn)參與者是否允許你錄入訪談。如果他們同意的話,錄下來(lái)的訪談在之后會(huì)很有幫助,可以幫助你回顧訪談中你可能不記得的部分,或者在訪談結(jié)束后整理額外的筆記。
在你問(wèn)完所有的訪談問(wèn)題后,給用戶一個(gè)機(jī)會(huì)分享他們對(duì)面試中討論的任何項(xiàng)目的最終想法。一些參與者可能會(huì)公開(kāi)他們的觀點(diǎn),并透露他們之前沒(méi)有分享的見(jiàn)解。
另外,記得再次感謝參與者。你要讓用戶在訪談結(jié)束時(shí)對(duì)你及未來(lái)的產(chǎn)品和你可能代表的公司有一個(gè)不錯(cuò)的感覺(jué)。
幫助設(shè)計(jì)師以圖表的形式梳理每次訪談的信息,以明確用戶需求
你的公司正在開(kāi)發(fā)一個(gè)新的應(yīng)用程序來(lái)幫助人們安排遛狗的時(shí)間。該應(yīng)用程序的目的是將合格的遛狗者與需要幫助照顧他們的狗的客戶匹配起來(lái),類(lèi)似于拼車(chē)或家庭共享應(yīng)用程序。你是用戶體驗(yàn)團(tuán)隊(duì)的一員,你的團(tuán)隊(duì)處于設(shè)計(jì)應(yīng)用程序的早期階段,并正在了解用戶的痛點(diǎn)。一位同事已經(jīng)采訪了經(jīng)常使用該應(yīng)用程序的狗主人和專業(yè)遛狗者?,F(xiàn)在你有責(zé)任用同理心地圖總結(jié)每次采訪。
名稱:Makayla斯科特
情境:Makayla是一名45歲的女教師,住在德克薩斯州休斯頓。她有兩條狗。作為一名四年級(jí)老師,Makayla日常的工作比較多。放學(xué)后,她還自愿擔(dān)任排球教練。Makayla的伴侶是一名全職兒科外科醫(yī)生,經(jīng)常在當(dāng)?shù)蒯t(yī)院的夜班和白班之間輪流工作。
UXR:
你能描述一下你目前的工作情況以及是如何照顧你的狗的嗎?
Makayla:
我是一名教師,放學(xué)后我要教排球,所以我的狗Reggie和Snowball在很長(zhǎng)一段時(shí)間內(nèi)要被單獨(dú)留在家里。我的伴侶在一家醫(yī)院工作,需要隨叫隨到,還通常有12個(gè)小時(shí)的白班或夜班。當(dāng)我們都很忙的時(shí)候,我們需要有人遛Reggie和Snowball。
UXR:
你在照顧你的狗狗時(shí)面臨什么挑戰(zhàn)?這讓你有什么感覺(jué)?
Makayla:
我愛(ài)我的狗!他們是那么的可愛(ài)。如果問(wèn)他們要出去玩多少次,他們肯定會(huì)說(shuō)一天想要遛五次!但是,按照我們的日常工作情況,很難經(jīng)常帶他們出去。我每天早上第一件事就是把它們放出來(lái)玩一會(huì)兒,然后晚上也會(huì)把它們放出來(lái)玩一會(huì)兒。有時(shí)候,我會(huì)付錢(qián)給隔壁鄰居17歲的兒子讓他幫我遛狗。但是,我們?nèi)ヂ糜蔚臅r(shí)候就會(huì)有很大的困擾。我和我的伴侶喜歡去旅行,我們不能總是帶著我們的寵物。如果我們能預(yù)定一個(gè)遛狗的人,那我們就能安心地出去玩了。
我們鄰居的兒子今年就要畢業(yè)了,他的日程安排越來(lái)越不穩(wěn)定。我不能在一直依賴他,我擔(dān)心他沒(méi)有專業(yè)的照顧狗狗的經(jīng)驗(yàn)。當(dāng)然,一個(gè)17歲的孩子只是每天帶狗散散步是沒(méi)問(wèn)題,但如果他周末帶狗出去玩,Snowball生病了怎么辦?他怎么知道該做什么,或者該不該給我打電話?這確實(shí)讓我很擔(dān)心,但我又不想把狗狗拿去寵物店寄養(yǎng)。
還有很多地方我不能帶Reggie去,他比Snowball大得多。他不像Snowball那樣容易過(guò)敏。因?yàn)樗罅?,帶它去公路旅行都很困難。我們?nèi)ツ陝偘岬叫菟诡D,可以求助的人不多。我考慮過(guò)在網(wǎng)上發(fā)布廣告,但我不確定把誰(shuí)留在家里會(huì)比較安全,誰(shuí)可以和狗很好地相處。
UXR:
你覺(jué)得有什么方法可以解決這些挑戰(zhàn)嗎?
Makayla:
我想找一個(gè)遛狗的人,我希望我可以了解更新他們的信息并且提前篩選。我希望能有一種固定預(yù)約的方式。比如這個(gè)人可以每個(gè)周末來(lái),然后在我白天工作的時(shí)候也可以約一些特定的時(shí)間。理想情況下,我可以提前幾天安排遛狗。我只需要一個(gè)固定的遛狗者,希望可以通過(guò)篩選,確保他們是安全可靠的,與寵物可以友好相處的!我愿意多花一點(diǎn)錢(qián)來(lái)得到這樣的服務(wù),而不用老是向我的鄰居求助。
把被采訪人的名字寫(xiě)進(jìn)你的同理心地圖
逐字引用訪談中的內(nèi)容。準(zhǔn)確地寫(xiě)下這個(gè)人說(shuō)了什么而不要用你自己的話來(lái)總結(jié)。如果總結(jié)了訪談?wù)叩脑?,可能?huì)錯(cuò)誤地解釋用戶的意思。在訪談中要時(shí)刻關(guān)注用戶的狀態(tài),并記錄他們的痛點(diǎn)。例如,如果用戶在訪談中多次重申相同的問(wèn)題,那么這可能是一個(gè)主要的痛點(diǎn)。
在這里,你可以總結(jié)一下用戶表達(dá)的想法。添加用戶通過(guò)肢體語(yǔ)言、語(yǔ)氣或其他明顯的指示來(lái)傳達(dá)的感受,即使他們沒(méi)有口頭上向你表達(dá)。你可以對(duì)這些感覺(jué)做出推斷,但你必須注意不要對(duì)用戶做出假設(shè)。例如,Makayla對(duì)鄰居十幾歲的兒子表示擔(dān)憂,并提到了他的年齡和資格。一個(gè)假設(shè)是,Makayla想要一個(gè)成年遛狗者。一個(gè)推論是,她想要一個(gè)有汽車(chē)和駕照的遛狗人,可以帶狗去急診獸醫(yī)。如果你發(fā)現(xiàn)任何矛盾,你可以讓你的用戶解釋他們的肢體語(yǔ)言。
Makayla向我們?cè)敿?xì)說(shuō)明了她為克服遛狗面臨的挑戰(zhàn)而采取的行動(dòng)步驟。
在訪談中,注意用戶的憤怒、沮喪、興奮等情緒,列在這個(gè)模塊。它可能與你在“所想”中列出的一些內(nèi)容重疊,沒(méi)有關(guān)系,就重疊地列出來(lái)。如果用戶在訪談中沒(méi)有明確提到任何感受,你可以通過(guò)追問(wèn)“這讓你有什么感受?”來(lái)探究用戶感受。
這張同理心地圖分解了你的團(tuán)隊(duì)在決定你的應(yīng)用如何滿足Makayla需求時(shí)需要考慮的所有要點(diǎn)。真正的挑戰(zhàn)來(lái)自于你要從所有用戶訪談中得出的聚合共情地圖,并找出每個(gè)潛在用戶需求的重疊。
重要的是要理解有兩種類(lèi)型的共情地圖:單用戶共情地圖和聚合共情地圖(也稱為“多用戶共情地圖”)。
單用戶共情地圖是通過(guò)從一個(gè)用戶的訪談中獲取數(shù)據(jù)并將其轉(zhuǎn)化為共情地圖來(lái)創(chuàng)建的,就像本文前面的例子一樣。這種方法可以幫助設(shè)計(jì)師將單個(gè)用戶的想法、感受和特征提煉成一種更容易收集數(shù)據(jù)的格式。
聚合共情地圖,代表了一組擁有相似想法、觀點(diǎn)或品質(zhì)的用戶。聚合共情地圖是通過(guò)創(chuàng)建多個(gè)單用戶共情地圖來(lái)創(chuàng)建的,然后將用戶表達(dá)類(lèi)似內(nèi)容的地圖組合成一個(gè)新的共情地圖。這有助于設(shè)計(jì)師確定有相似傾向的人群,他們將會(huì)使用產(chǎn)品。聚合共情地圖的洞察力允許設(shè)計(jì)師確定主題,這有助于他們更好地與他們正在設(shè)計(jì)的群體共情。
要了解更多不同類(lèi)型的共情圖,請(qǐng)查看尼爾森·諾曼集團(tuán)關(guān)于共情圖的這篇文章。
https://www.nngroup.com/articles/empathy-mapping/
角色是虛構(gòu)的用戶,多個(gè)用戶匯聚成一類(lèi)角色,他們的目標(biāo)和特征代表了更大的用戶群體的需求。您創(chuàng)建的每個(gè)角色都將代表一組具有您通過(guò)研究了解到的類(lèi)似特征的用戶。角色是設(shè)計(jì)過(guò)程的關(guān)鍵,因?yàn)樗鼈兎从沉擞脩舻纳罘绞?,并給你的團(tuán)隊(duì)提供了如何滿足用戶需求或挑戰(zhàn)的思路。
在用戶體驗(yàn)設(shè)計(jì)的世界里,用戶永遠(yuǎn)是第一位的。我們要了解用戶需求,必須知道我們的用戶是誰(shuí)。
角色是通過(guò)進(jìn)行用戶研究、確定痛點(diǎn)來(lái)創(chuàng)建的,痛點(diǎn)是指用戶體驗(yàn)方面的痛點(diǎn),它們會(huì)挫敗和阻礙用戶從產(chǎn)品中獲得他們需要的東西。
在創(chuàng)建人物角色時(shí),要在數(shù)據(jù)中查找最常見(jiàn)的標(biāo)簽,并將這些標(biāo)簽擬人化的用戶分組在一起。例如,想象一下,從遛狗應(yīng)用程序的用戶訪談中收集的數(shù)據(jù)顯示,許多年齡在45歲到60歲之間的潛在用戶都擔(dān)心遛狗者能夠進(jìn)入他們的家。這肯定是你想要在代表特定年齡段用戶的角色中包含的痛點(diǎn)。
一般來(lái)說(shuō),創(chuàng)建3到8個(gè)角色就足以代表產(chǎn)品的大部分用戶。把人物角色看作是你所有研究和采訪的總覽。雖然人物角色準(zhǔn)確地代表用戶很重要,但不可能滿足他們的每一個(gè)特定需求。角色也是特定于環(huán)境的,這意味著他們應(yīng)該專注于用戶與產(chǎn)品有效互動(dòng)的行為和目標(biāo)。
以下是Daniela的用戶畫(huà)像:
專業(yè)提示:
在構(gòu)建用戶角色之前,先征求團(tuán)隊(duì)對(duì)產(chǎn)品用戶的意見(jiàn)。在你構(gòu)建了角色之后,審查來(lái)自你的團(tuán)隊(duì)的建議,并將它們與你創(chuàng)建的角色進(jìn)行比較。指出數(shù)據(jù)是如何驗(yàn)證或反駁他們的建議的。團(tuán)隊(duì)中的每個(gè)人都需要理解角色,這樣才能與用戶真正地建立聯(lián)系。
“作為一名為團(tuán)隊(duì)收集咖啡訂單的市場(chǎng)實(shí)習(xí)生,我想提前提交和監(jiān)控團(tuán)隊(duì)訂單,以便更好地管理訂單準(zhǔn)確性和計(jì)劃取貨時(shí)間。”
安妮卡是一家中型廣告公司的市場(chǎng)實(shí)習(xí)生。每周兩次,在晨會(huì)之前,他們會(huì)從附近的咖啡店為團(tuán)隊(duì)收集6-12杯咖啡。但有時(shí)他們會(huì)發(fā)現(xiàn)自己點(diǎn)的菜不完整,或者因?yàn)榈攘颂貌艁?lái)取菜而涼了。他們需要一種方法來(lái)提前下單,跟蹤訂單狀態(tài),并更好地計(jì)劃他們的到貨時(shí)間。
“作為一名每天花3-4小時(shí)學(xué)習(xí)和購(gòu)買(mǎi)產(chǎn)品的遠(yuǎn)程學(xué)生,我希望能夠在不起床的情況下點(diǎn)餐,這樣我就可以享受CoffeeHouse的產(chǎn)品,并繼續(xù)工作?!?/strong>
阿離是一名廚師,住在一個(gè)小城市,大部分時(shí)間在晚上工作。白天,阿離會(huì)參加3-4小時(shí)的在線編程訓(xùn)練營(yíng),學(xué)習(xí)一項(xiàng)新的就業(yè)技能。他們通常在當(dāng)?shù)氐目Х鹊赀M(jìn)行新兵訓(xùn)練營(yíng),但有時(shí)會(huì)因?yàn)樽挥邢薅械骄趩省K麄冞€擔(dān)心,如果他們站起來(lái)點(diǎn)新的咖啡或食物,會(huì)失去他們的桌子。阿離可以使用CoffeeShop應(yīng)用程序預(yù)訂店內(nèi)工作區(qū),并在顧客到達(dá)后通過(guò)該應(yīng)用程序下單。
無(wú)障礙設(shè)計(jì)是為殘疾人設(shè)計(jì)產(chǎn)品、設(shè)備、服務(wù)或環(huán)境。無(wú)障礙設(shè)計(jì)是考慮所有用戶的旅程,牢記他們的永久性、臨時(shí)性或情境性殘疾。通過(guò)研究殘疾人如何與你的產(chǎn)品互動(dòng),你可以更好地理解如何為他們?cè)O(shè)計(jì)。我們不可能準(zhǔn)確猜測(cè)用戶體驗(yàn)產(chǎn)品的所有方式,這也是為什么在你的研究中包含殘疾人是如此重要的原因之一。
當(dāng)你在設(shè)計(jì)過(guò)程的共情階段進(jìn)行研究時(shí),需要考慮以下幾點(diǎn)。
你會(huì)如何為那些只使用一只手的用戶設(shè)計(jì),無(wú)論是永久的、暫時(shí)的還是情境的?
你將如何為那些視力有限的用戶設(shè)計(jì),無(wú)論是永久的、暫時(shí)的還是情境的?
使用更大的字體來(lái)設(shè)計(jì)更適合讀者的應(yīng)用程序。
確保應(yīng)用程序和圖像有可被屏幕閱讀器讀取的替代文本。
檢測(cè)用戶是否在駕駛機(jī)動(dòng)車(chē)。
使用高對(duì)比度的顏色設(shè)計(jì)應(yīng)用程序。
不要依賴文本顏色來(lái)解釋導(dǎo)航或下一步操作。例如,不要單獨(dú)使用紅色文本作為警告的指示。相反,你的設(shè)計(jì)應(yīng)該包含明確的說(shuō)明。
可定制的文本
還有一些額外的網(wǎng)頁(yè)輔助工具,有閱讀障礙或其他視覺(jué)處理障礙的人可以從中受益。其中一種方法是自定義文本,該特性允許用戶更改文本的顯示方式,以便更容易地閱讀文本。文本定制包括更改從顏色或字體到文本大小甚至間距的所有內(nèi)容。例如,有些字體可能更便于用戶閱讀,因此定制字體可能會(huì)有很大幫助。因此,可定制文本提供了比簡(jiǎn)單地放大或放大文本更多的選項(xiàng),使內(nèi)容更具適應(yīng)性,同時(shí)保持功能。
你會(huì)如何為那些永久性、暫時(shí)性或情境性聽(tīng)力受限的用戶進(jìn)行設(shè)計(jì)?
不要僅僅依靠聲音來(lái)提供應(yīng)用更新,比如新消息通知。相反,應(yīng)該啟用觸覺(jué)技術(shù),即吸引用戶觸覺(jué)的振動(dòng)和通知燈。
對(duì)所有視頻應(yīng)用封閉字幕。
在應(yīng)用程序中提供一個(gè)文本消息系統(tǒng),允許用戶通過(guò)書(shū)寫(xiě)進(jìn)行交流。
你會(huì)如何為那些永遠(yuǎn)、暫時(shí)或情境性不能說(shuō)話的用戶設(shè)計(jì)?
在為殘疾用戶設(shè)計(jì)時(shí),這個(gè)列表只是需要考慮的一小部分。了解如何改進(jìn)你的設(shè)計(jì)的最好方法是進(jìn)行研究并直接從殘疾人那里獲得反饋。
創(chuàng)造一個(gè)考慮到每個(gè)能力范圍的產(chǎn)品設(shè)計(jì)是非常困難的。值得慶幸的是,有一些服務(wù)和應(yīng)用程序旨在幫助彌合這一差距。例如,手機(jī)供應(yīng)商最近新增的一項(xiàng)服務(wù)是“實(shí)時(shí)短信”(Real-Time text),用戶可以在打電話時(shí)發(fā)短信,以改善溝通。
另一個(gè)幫助殘疾人的功能是替代文本。視力低下或失明的人通常依賴屏幕閱讀器大聲朗讀屏幕上的內(nèi)容。但是,如果信息圖標(biāo)沒(méi)有標(biāo)簽或替代文本,屏幕閱讀器就無(wú)法向用戶描述該按鈕的功能。不是每個(gè)圖像或圖標(biāo)都是信息,所以只在必要的時(shí)候添加描述。
研究和學(xué)習(xí)輔助技術(shù)將幫助您更好地理解這些技術(shù)的影響。這里有一些鏈接可以幫助你開(kāi)始:
討論殘疾技術(shù)的價(jià)值:YouTube上TEDx演講中的殘疾技術(shù)
https://www.youtube.com/watch?v=eFkhFxJZvho
科技的可達(dá)性如何改變生活:盲人如何利用科技從YouTube上的TEDx演講中看到世界
https://www.youtube.com/watch?v=0EQOZRIA-nA
智能手機(jī)可訪問(wèn)性:來(lái)自Uswitch的全面指南
https://www.uswitch.com/mobiles/guides/smartphone-accessibility/
谷歌無(wú)障礙信息中心主頁(yè)
https://www.google.com/accessibility/
為了將包容性設(shè)計(jì)付諸實(shí)踐,重要的是讓自己沉浸在殘疾人可能使用的輔助技術(shù)中,并與他們討論他們的經(jīng)歷。為你周?chē)氖澜邕M(jìn)行同理心設(shè)計(jì)的最好方法是與你的用戶互動(dòng),并詢問(wèn)他們你的設(shè)計(jì)可以幫助他們成功的方法。
要了解更多關(guān)于包容性設(shè)計(jì)的知識(shí),這里有一些額外的資源可以幫助你入門(mén):
描述方法設(shè)計(jì)產(chǎn)品包容性:包容性設(shè)計(jì):12種方法為每個(gè)人設(shè)計(jì)從Shopify
https://www.shopify.com/partners/blog/inclusive-design
谷歌的包容性設(shè)計(jì)的無(wú)障礙方法:從谷歌I/O的包容性設(shè)計(jì)的無(wú)障礙過(guò)程
https://www.youtube.com/watch?v=TAzkrXTGEOM&feature=emb_title
分解重要的包容性設(shè)計(jì)原則:來(lái)自UX Planet的6條包容性設(shè)計(jì)原則
https://uxplanet.org/6-principles-for-inclusive-design-3e9867f7f63e
坡道與相鄰街道形成坡道的人行道的斜面
人行道斜坡效應(yīng) Curb-cut effect
路沿切割通常在十字路口發(fā)現(xiàn)。多虧了路緣切割,坐輪椅、腿支架或拐杖的人可以更自由地在他們的社區(qū)里穿行。但是,有趣的是:削減路沿的好處延伸到每個(gè)人,從推嬰兒車(chē)的人到騎自行車(chē)的人,搬家的人,和老年人。很有可能,路邊停車(chē)對(duì)你也有幫助。路緣切割已經(jīng)成為無(wú)障礙設(shè)計(jì)的一個(gè)非常流行的例子,現(xiàn)在有一個(gè)完整的概念以它命名。
“人行道斜坡效應(yīng)”是一種現(xiàn)象,描述的是為殘疾人設(shè)計(jì)的產(chǎn)品和政策如何最終幫助到所有人。
識(shí)別用戶面臨的問(wèn)題是用戶體驗(yàn)設(shè)計(jì)中最重要的部分之一。在這篇閱讀中,你將學(xué)習(xí)如何定義用戶未說(shuō)出口的痛點(diǎn),并利用它們形成強(qiáng)有力的問(wèn)題陳述。
痛點(diǎn):任何讓用戶受挫并阻礙他們獲得所需內(nèi)容的用戶體驗(yàn)問(wèn)題。
想想遛狗應(yīng)用和我們的一個(gè)用戶角色,Arnold。Arnold快50歲了,他的孩子們鼓勵(lì)他升級(jí)到智能手機(jī)。Arnold是公司的領(lǐng)導(dǎo)者,他不習(xí)慣承認(rèn)自己對(duì)技術(shù)不適應(yīng)。妻子去世后,Arnold成了家里動(dòng)物的主要照料者。但是,他每周工作60多個(gè)小時(shí),無(wú)法每天兩次帶著他的三條狗散步。Arnold向遛狗軟件求助。
痛點(diǎn)可以分為四類(lèi):
財(cái)務(wù):與金錢(qián)相關(guān)的痛點(diǎn)。
產(chǎn)品:與質(zhì)量問(wèn)題相關(guān)的痛點(diǎn)。
過(guò)程:與用戶旅程相關(guān)的痛點(diǎn)。
支持:與從客戶服務(wù)獲得幫助有關(guān)的痛點(diǎn)。
Arnold的痛點(diǎn)屬于過(guò)程范疇。他最大的挑戰(zhàn)是他不懂技術(shù),所以他很難理解如何使用這款應(yīng)用。 要構(gòu)建問(wèn)題陳述,您可以利用5w1h框架。
用于創(chuàng)建問(wèn)題陳述的最常用框架是5w1h框架。在定義了用戶的痛點(diǎn)之后,您可以回答誰(shuí)、什么、何時(shí)、何地、為什么以及如何解決用戶的問(wèn)題。
誰(shuí)正在經(jīng)歷這個(gè)問(wèn)題?
了解用戶及其背景能為用戶設(shè)計(jì)更好的解決方案。
你想要解決的痛點(diǎn)是什么?
盡早確定用戶的痛點(diǎn)可以讓您回答剩下的這些問(wèn)題,并闡明痛點(diǎn)的上下文。
當(dāng)用戶使用產(chǎn)品時(shí),他們?cè)谀睦?
用戶的物理環(huán)境對(duì)您的設(shè)計(jì)很重要。
什么時(shí)候出現(xiàn)問(wèn)題?
也許是漫長(zhǎng)而乏味的過(guò)程剛剛結(jié)束,也可能是每天都在發(fā)生的事情。知道問(wèn)題何時(shí)發(fā)生可以幫助您更好地理解用戶的感受。
為什么這個(gè)問(wèn)題很重要?
了解這個(gè)問(wèn)題如何影響用戶的體驗(yàn)和生活將有助于明確潛在的后果。
用戶如何使用產(chǎn)品以達(dá)到他們的目標(biāo)?
了解用戶如何達(dá)到他們的目標(biāo)可以讓你繪制用戶通過(guò)你的產(chǎn)品的旅程。
以Arnold舉例:
誰(shuí):一個(gè)忙碌的主管 。
事情:Arnold想為他的三只狗雇一個(gè)每日遛狗的人。
地點(diǎn):Arnold很可能在工作中,在路上使用這款應(yīng)用。
何時(shí):當(dāng)Arnold打開(kāi)應(yīng)用程序時(shí),他會(huì)感到沮喪。
原因:Arnold在手機(jī)應(yīng)用或類(lèi)似技術(shù)方面沒(méi)有太多經(jīng)驗(yàn)。
如何操作:Arnold希望從應(yīng)用程序的主屏幕輕松切換到遛狗者列表,再到確認(rèn)屏幕。
那么,如何創(chuàng)建問(wèn)題陳述呢?首先定義用戶是誰(shuí),他們的需求和動(dòng)機(jī)是什么。
【用戶名】是一個(gè)【用戶特征】ta需要【用戶需求】因?yàn)椤径床臁?
現(xiàn)在把這個(gè)公式應(yīng)用到Arnold身上。Arnold是一個(gè)忙碌的專業(yè)人士,他需要一個(gè)遛狗人。但它的洞察力是什么?他的電話!他的孩子們給了他一部閃亮的新智能手機(jī)。Arnold分享說(shuō),他經(jīng)常與技術(shù)作斗爭(zhēng),在應(yīng)用程序?qū)Ш缴嫌袉?wèn)題。
該問(wèn)題以人為中心,專注于特定角色的需求;
該問(wèn)題有發(fā)散的空間;
該問(wèn)題可以用實(shí)用的設(shè)計(jì)方案來(lái)解決;
有兩種常用的方式可以用來(lái)陳述解決方案:
如果.....那么....(關(guān)注用戶需求)
如果Arnold下載了遛狗應(yīng)用程序,那么他們就可以利用“簡(jiǎn)化”模式設(shè)置只查看應(yīng)用程序的基本功能。
如果Arnold斯注冊(cè)了遛狗軟件,那么他們就可以快速輕松地選擇適合自己時(shí)間表的遛狗者。
我們相信,....將...(從團(tuán)隊(duì)的角度描述并保持對(duì)用戶需求的同理心)
我們相信,Arnold的遛狗應(yīng)用程序的簡(jiǎn)化模式將允許他們高效地雇用遛狗者。
我們相信,Arnold可以方便地找到遛狗的人,這將增加他們?yōu)閷櫸镞x擇的散步次數(shù)。
該方案說(shuō)明了一個(gè)具體的操作,并能夠說(shuō)明解決方案應(yīng)該讓用戶做什么;
該方案成功滿足用戶需求的期望結(jié)果;
我們?nèi)绾问褂玫侥壳盀橹箻?gòu)建的所有內(nèi)容(共情地圖、人物角色、用戶故事、問(wèn)題陳述和假設(shè)陳述)讓用戶認(rèn)為,“我必須擁有這個(gè)!” 。答案是:從定義產(chǎn)品的價(jià)值主張開(kāi)始。
價(jià)值主張總結(jié)了消費(fèi)者為什么應(yīng)該使用一種產(chǎn)品或服務(wù)。
價(jià)值主張的例子:
看看一個(gè)你可能認(rèn)識(shí)的產(chǎn)品——Gmail——然后問(wèn)問(wèn)你自己,你是否能認(rèn)出它的一些價(jià)值主張。當(dāng)谷歌在2004年推出Gmail時(shí),他們進(jìn)入了一個(gè)已經(jīng)非常擁擠的免費(fèi)電子郵件服務(wù)市場(chǎng)。Gmail提供:
免費(fèi)收發(fā)電子郵件
電子郵件分類(lèi)、歸檔和星星功能
垃圾郵件過(guò)濾
電子郵件對(duì)話視圖
1g的云存儲(chǔ)
清單上的兩項(xiàng)是當(dāng)時(shí)其他電子郵件服務(wù)無(wú)法提供的獨(dú)特服務(wù):電子郵件對(duì)話視圖,它將單個(gè)電子郵件放在更大的線程上下文中;還有整整1gb的存儲(chǔ)空間,這是競(jìng)爭(zhēng)對(duì)手提供的存儲(chǔ)空間的1000倍。這些都是Gmail獨(dú)特的價(jià)值主張。
你的產(chǎn)品所提供的一切對(duì)你來(lái)說(shuō)可能是顯而易見(jiàn)的,但你必須把自己放在用戶的心里。用戶還不知道你的產(chǎn)品,也不了解它的價(jià)值。這就是價(jià)值主張的用武之地。
首先,你需要做一些調(diào)查,以回答以下兩個(gè)問(wèn)題:
一旦你回答了這些問(wèn)題,你就可以遵循一系列的步驟來(lái)專注于你的產(chǎn)品獨(dú)特的價(jià)值主張。讓我們以遛狗應(yīng)用程序?yàn)槔齺?lái)探索這是如何工作的。
列出你的產(chǎn)品的所有偉大的功能和好處,無(wú)論大小。列出所有想到的東西,然后再縮小范圍。
任何你確定為價(jià)值主張的東西都需要對(duì)你的用戶有益。在本例中,對(duì)于遛狗應(yīng)用程序,在用戶訪談中確定了四類(lèi)產(chǎn)品價(jià)值:可訪問(wèn)性、遛狗者的專業(yè)體驗(yàn)、成本和可靠性。第一步的功能和好處被分成了這四個(gè)類(lèi)別。
最初的列表中有一些功能和好處不屬于這四個(gè)類(lèi)別,并沒(méi)有為用戶增加真正的“價(jià)值”:
每月為您的寵物提供有機(jī)食品和新產(chǎn)品資訊
專門(mén)供遛狗使用(不含其他寵物)
遛狗者分級(jí)系統(tǒng)
培訓(xùn)技巧
這些特性和好處沒(méi)有被分類(lèi)到這四類(lèi),而是被放在了一邊。
我們的目標(biāo)是確定對(duì)用戶真正有價(jià)值的東西,而不僅僅是用戶沒(méi)有要求的酷功能。為了確定價(jià)值,將你所開(kāi)發(fā)的人物角色與滿足其最大痛點(diǎn)的價(jià)值主張配對(duì)。
通過(guò)將它們與實(shí)際用戶需求相匹配,您已經(jīng)縮小了大量好處和功能的范圍?,F(xiàn)在是時(shí)候回顧你的產(chǎn)品提供的價(jià)值主張清單了。對(duì)于遛狗應(yīng)用程序,以下是與早期開(kāi)發(fā)的人物角色相匹配的價(jià)值主張:
這就是你的價(jià)值主張清單!然而,您的競(jìng)爭(zhēng)對(duì)手也提供了其中的一些功能和好處。那么,你如何知道是什么讓你的產(chǎn)品在競(jìng)爭(zhēng)中脫穎而出呢?確定應(yīng)用的獨(dú)特價(jià)值定位。這意味著要重新審視與你的人物角色相匹配的價(jià)值主張列表,并刪除競(jìng)爭(zhēng)對(duì)手也提供的價(jià)值主張。
了解你的產(chǎn)品的競(jìng)爭(zhēng)對(duì)手的方法之一是閱讀評(píng)論。將評(píng)論從低到高進(jìn)行排序,仔細(xì)檢查評(píng)論者對(duì)你的競(jìng)爭(zhēng)對(duì)手分享了什么。以下是一款競(jìng)品遛狗應(yīng)用的一些評(píng)論:
你能在這個(gè)例子中找出最大的痛點(diǎn)嗎?在一些評(píng)論中,一個(gè)共同的主題是需要對(duì)遛狗者進(jìn)行徹底的、面對(duì)面的培訓(xùn),以確保遛狗者知道如何做好他們的工作。一些評(píng)論還呼吁遛狗者需要可靠。沒(méi)有其他遛狗應(yīng)用程序可以滿足這種需求,所以這是我們的應(yīng)用程序可以提供的獨(dú)特價(jià)值主張!
關(guān)于價(jià)值主張最重要的一點(diǎn)是,它們必須簡(jiǎn)短、清晰、切中要點(diǎn)。用戶希望能夠很容易地準(zhǔn)確地確定您的產(chǎn)品將如何滿足他們的獨(dú)特需求,以及是什么使您的產(chǎn)品在市場(chǎng)上與眾不同。有時(shí)候用戶不知道他們需要什么,除非你向他們解釋。這才是產(chǎn)品設(shè)計(jì)創(chuàng)新的真正核心。
設(shè)計(jì)師需要了解我們是為誰(shuí)解決問(wèn)題,他們的需求是什么。我們可以通過(guò)用創(chuàng)建共情圖、角色模型、用戶故事和用戶旅程圖
首先我們需要定義好所面臨的問(wèn)題,這樣團(tuán)隊(duì)中的所有成員才能為了解決同一個(gè)問(wèn)題而集中發(fā)力。明確我們所面臨的問(wèn)題也可以幫助我們始終將用戶需求放在第一位。
我們需要一個(gè)舒適的空間,讓團(tuán)隊(duì)中的每個(gè)人都可以聚在一起表達(dá)各自的想法。如果是線下會(huì)議,建議選擇一個(gè)不同于平常工作環(huán)境的創(chuàng)意空間。如果是遠(yuǎn)程會(huì)議,可以在家里找一個(gè)容易集中精力的地方。
日常的設(shè)計(jì)工作是無(wú)窮無(wú)盡的,我們需要給自己充分的時(shí)間去創(chuàng)意想法。然而,你不能一直頭腦風(fēng)暴,所以需要設(shè)置頭腦風(fēng)暴的限定時(shí)間并且開(kāi)始更深刻地思考你想出來(lái)的創(chuàng)意點(diǎn)。
一個(gè)由不同種族、性別、能力和背景的成員組成的包容性的團(tuán)隊(duì),將幫助你想出各種各樣的解決方案。
不要把自己局限于傳統(tǒng)的想法和解決方案,我們需要天馬行空的創(chuàng)意。如果你有一個(gè)看起來(lái)與眾不同的很酷的想法,把它寫(xiě)下來(lái)!
擴(kuò)展閱讀
https://careerfoundry.com/en/blog/ux-design/what-is-ideation-in-design-thinking/
https://designthinking.ideo.com/
競(jìng)品分析是對(duì)競(jìng)爭(zhēng)對(duì)手優(yōu)勢(shì)劣勢(shì)的分析,可以從中獲取產(chǎn)品的基本市場(chǎng)情況,也可以幫助我們?cè)O(shè)計(jì)出對(duì)用戶更有幫助和更獨(dú)特的產(chǎn)品。競(jìng)品可以分為兩種:直接和間接。直接競(jìng)品與你的產(chǎn)品功能相近、用戶群體相同。間接競(jìng)品與你的產(chǎn)品功能相近但用戶群體不同,或用戶群體相似但功能不同。
案例項(xiàng)目背景:假設(shè)你正在為你的新客戶花園漢堡進(jìn)行關(guān)于快餐漢堡餐廳的競(jìng)品研究?;▓@漢堡認(rèn)為他們目前的網(wǎng)站缺少吸引力,獲客少,他們想讓你幫助公司重新設(shè)計(jì)他們的網(wǎng)站。
目標(biāo):比較競(jìng)品網(wǎng)站的用戶體驗(yàn)
使用一致的維度來(lái)梳理競(jìng)品信息可以幫助我們更加直觀地對(duì)競(jìng)品評(píng)級(jí)。
推薦評(píng)級(jí)標(biāo)準(zhǔn):
需改進(jìn):無(wú)法滿足用戶需求
良好:有缺陷,但可以滿足用戶需求
優(yōu)秀:較好地滿足用戶需求,但易用性有待提升
卓越:符合或超出用戶預(yù)期,并且體驗(yàn)一致
可以詢問(wèn)客戶來(lái)了解他們的直接或間接對(duì)手有哪些。比如花園漢堡認(rèn)為漢堡來(lái)了是他們的直接競(jìng)爭(zhēng)對(duì)手,而你根據(jù)自己的研究發(fā)現(xiàn)約翰漢堡和小高牛肉漢堡是與花園漢堡在同一區(qū)域的漢堡餐廳,因此他們是兩個(gè)更直接的競(jìng)品。同時(shí),你還發(fā)現(xiàn)有個(gè)叫素食漢堡的間接競(jìng)品,他們網(wǎng)站上的圖片非常吸引人。通過(guò)以上信息,我們可以構(gòu)建競(jìng)品分析圖表的框架如下:
舉例:
第一印象:網(wǎng)絡(luò)是否有延遲?跨設(shè)備的適配怎么樣?你覺(jué)得這個(gè)網(wǎng)站怎么樣?
交互:有哪些功能?是不是所有用戶都可以訪問(wèn)網(wǎng)站?對(duì)不使用英語(yǔ)的用戶包容性如何?在使用過(guò)程中是否會(huì)感到困惑?導(dǎo)航是否清晰?
視覺(jué)設(shè)計(jì):視覺(jué)是否一致?品牌是否與目標(biāo)用戶匹配?頁(yè)面設(shè)計(jì)是否讓人難忘?
文案內(nèi)容:文案內(nèi)容是否符合公司品牌?用戶可以找到他們感興趣的細(xì)節(jié)嗎?
可以將列舉出來(lái)的維度放在競(jìng)品分析表的第一行,然后我們需要填寫(xiě)每一個(gè)競(jìng)品的這些信息。
目標(biāo)群體
調(diào)研發(fā)現(xiàn),千禧一代及其家庭是競(jìng)爭(zhēng)對(duì)手們的主要目標(biāo)群體,其次是z世代的大學(xué)生。這與花園漢堡的目標(biāo)群體非常相似。只有素食漢堡的目標(biāo)群體不同,因此它被列入間接競(jìng)品中。
第一印象
第一印象最好的是小高牛肉漢堡和素食漢堡。兩者的圖片都很清晰且吸引人,網(wǎng)站的響應(yīng)速度很快。漢堡來(lái)了和約翰漢堡的網(wǎng)站不太容易記住,它們的導(dǎo)航很清晰,但是布局需要改進(jìn)一下。 就手機(jī)網(wǎng)站體驗(yàn)來(lái)說(shuō),只有漢堡來(lái)了沒(méi)有做好適配,手機(jī)端的間距不對(duì),導(dǎo)致一些信息看不到。 評(píng)分較低的網(wǎng)站最大的問(wèn)題是菜單,有時(shí)菜單無(wú)法訪問(wèn)或展示的形式難以閱讀。這絕對(duì)是你重新設(shè)計(jì)漢堡花園網(wǎng)站時(shí)要注意的事情!
交互
小高牛肉漢堡的網(wǎng)站有加載動(dòng)畫(huà),約翰漢堡的網(wǎng)站首頁(yè)有很多不必要的內(nèi)容使得人們很難找到他們想要的重要信息。另外,清晰的導(dǎo)航(明確哪些元素可點(diǎn)擊,哪些不可點(diǎn)擊)在網(wǎng)站設(shè)計(jì)中非常重要,素食漢堡在這方面做的很好,具有定位商店等功能和全面的可訪問(wèn)性,包含多種語(yǔ)言選項(xiàng)并且兼容多種瀏覽器。
視覺(jué)設(shè)計(jì)
網(wǎng)站清晰和一致的視覺(jué)設(shè)計(jì)可以吸引用戶去了解產(chǎn)品和公司?;▓@漢堡目前的網(wǎng)頁(yè)設(shè)計(jì)非常扎實(shí),但是存在一些優(yōu)化點(diǎn)可以更好地反應(yīng)他們的品牌調(diào)性。
小高牛肉漢堡和素食漢堡通過(guò)獨(dú)特的顏色、字體和圖片傳達(dá)他們的品牌。約翰漢堡和漢堡來(lái)了缺少一致的網(wǎng)站風(fēng)格設(shè)計(jì),約翰漢堡并沒(méi)有很好地傳達(dá)自身品牌
文案內(nèi)容
文案的描述也是傳達(dá)公司品牌和吸引用戶的另一個(gè)好辦法。大多數(shù)花園漢堡的競(jìng)品都使用吸引注意和有趣的語(yǔ)言來(lái)迎合他們的客戶?;▓@漢堡的語(yǔ)言基調(diào)有一些不一致,并且沒(méi)有它的競(jìng)品那樣感覺(jué)讓人放松。
總的來(lái)說(shuō),競(jìng)品的內(nèi)容簡(jiǎn)短且易于理解。漢堡花園目前的網(wǎng)站描述顯得有些枯燥和冗長(zhǎng)。
在進(jìn)行研究、收集數(shù)據(jù)和分析洞察之后需要進(jìn)行總結(jié)。需要根據(jù)競(jìng)品分析目標(biāo)來(lái)梳理報(bào)告中的內(nèi)容以及呈現(xiàn)洞察。
例如,如果競(jìng)品分析目標(biāo)是對(duì)了比較競(jìng)爭(zhēng)對(duì)手的目標(biāo)群體,我們可以使用一些信息圖形來(lái)呈現(xiàn)數(shù)據(jù)。或者,目標(biāo)重點(diǎn)是視覺(jué)設(shè)計(jì),我們可以截取競(jìng)品的圖片并突出顯示重點(diǎn)區(qū)域。
可以使用ppt或書(shū)面文檔的形式來(lái)展現(xiàn)競(jìng)品分析報(bào)告,ppt會(huì)更有視覺(jué)沖擊力表現(xiàn)形式更豐富,但需要花費(fèi)更多的時(shí)間。書(shū)面文檔寫(xiě)起來(lái)很方便,如果你的報(bào)告對(duì)象比較少,建議使用書(shū)面文檔。
概述研究問(wèn)題、研究方法以及與競(jìng)品相比較的一些產(chǎn)品特征,這部分內(nèi)容可以讓團(tuán)隊(duì)對(duì)競(jìng)品分析的目標(biāo)有一個(gè)清晰的認(rèn)知。
為了更好地向聽(tīng)眾傳達(dá)信息結(jié)構(gòu),在每個(gè)部分開(kāi)始前需要有一個(gè)標(biāo)題頁(yè),就像下圖所示:
下一步,總結(jié)你從競(jìng)品身上學(xué)到的以及跟自身產(chǎn)品的對(duì)比。一定要指出本產(chǎn)品的優(yōu)勢(shì)和可以改進(jìn)的機(jī)會(huì)點(diǎn)。
在你組織信息呈現(xiàn)的時(shí)候,要注意思考如何最有效地展現(xiàn)你的洞察點(diǎn)。保持整體設(shè)計(jì)簡(jiǎn)單和干凈,避免雜亂,讓聽(tīng)眾能聚焦在重要信息。
最后,總結(jié)關(guān)鍵點(diǎn)。競(jìng)品最多可以比較10家公司,這里面的信息量非常大,總結(jié)概括最重要的信息來(lái)幫助聽(tīng)眾記憶。
有效地展示數(shù)據(jù)
展示數(shù)據(jù)的方式會(huì)影響聽(tīng)眾的解讀,不同類(lèi)型的數(shù)據(jù)需要用到不同的展現(xiàn)形式。例如,你的報(bào)告有很多數(shù)字或量化數(shù)據(jù),一個(gè)圖表或圖表可以幫助聽(tīng)眾比較數(shù)據(jù)。為了演示競(jìng)品的特定功能或問(wèn)題,可以在演示中加入錄屏視頻。
最后,可以加入你在競(jìng)品分析中使用到的評(píng)分標(biāo)準(zhǔn)的說(shuō)明。例如,我們?cè)谑纠袑⒃u(píng)級(jí)分為“需改進(jìn)”到“卓越”,對(duì)應(yīng)每間餐廳在每個(gè)類(lèi)別中以1到4的等級(jí),從而形成最終的評(píng)級(jí)。
其他小提示
《福布斯》的這篇文章將幫助你緩解演講時(shí)的緊張感,聽(tīng)聽(tīng)來(lái)自專家的關(guān)于與聽(tīng)眾溝通的建議:
https://www.forbes.com/sites/markfidelman/2014/08/15/20-world-class-presentation-experts-share-their-top-tips/?sh=2920b075c40d
“我們?nèi)绾文軌?How might we (HMW)”是一種將問(wèn)題轉(zhuǎn)化為設(shè)計(jì)機(jī)會(huì)的設(shè)計(jì)思維活動(dòng)。HMW可以激發(fā)設(shè)計(jì)師的創(chuàng)造力,并引導(dǎo)設(shè)計(jì)師從不同的角度思考問(wèn)題,從而想出各種各樣的解決方案。要想創(chuàng)建好的HMW問(wèn)題,我們需要一個(gè)好的問(wèn)題陳述來(lái)定義問(wèn)題。
假設(shè)用戶Darren面臨一個(gè)問(wèn)題:Darren是一個(gè)音樂(lè)會(huì)觀眾,他需要一直拿著音樂(lè)會(huì)門(mén)票,因?yàn)樗麄冊(cè)谕ㄟ^(guò)安檢時(shí)需要門(mén)票。
放大好處(如何利用問(wèn)題中的積極因素來(lái)解決問(wèn)題)
我們?cè)鯓硬拍苁褂涗涢T(mén)票成為朋友間的一種有趣的競(jìng)爭(zhēng)呢?
探索相反的方向(將如何解決你所列出的問(wèn)題的反面)
我們?cè)鯓硬拍馨l(fā)明一種不用拿著票的方法呢?
改變現(xiàn)狀(想想完全改變這個(gè)過(guò)程的方法)
我們?nèi)绾沃谱鞣羌堎|(zhì)的音樂(lè)會(huì)門(mén)票?
將POV分解為碎片(這對(duì)于長(zhǎng)時(shí)間、復(fù)雜的問(wèn)題尤其有幫助)
我們?cè)鯓硬拍苁诡櫩偷钠辈粊G失呢?我們?cè)鯓硬拍茏尠踩珗F(tuán)隊(duì)更容易處理丟失的機(jī)票呢?
消除壞處(想想如何完全消除問(wèn)題中消極的部分)
我們?cè)鯓硬拍茏屢魳?lè)會(huì)觀眾不需要門(mén)票就能進(jìn)入場(chǎng)館呢?
改變現(xiàn)狀(把消極的形容詞試著變成積極的)
我們?cè)鯓硬拍苁归T(mén)票持有者在進(jìn)入音樂(lè)會(huì)場(chǎng)地時(shí)不那么緊張呢?
質(zhì)疑假設(shè)(刪除或更改任何有質(zhì)疑的流程)
我們?nèi)绾卧谝魳?lè)會(huì)中取消安全檢查程序?
根據(jù)需要或上下文創(chuàng)建一個(gè)類(lèi)比(考慮將這個(gè)用戶體驗(yàn)與另一個(gè)用戶體驗(yàn)進(jìn)行比較的方法)
我們?cè)鯓硬拍茏屚ㄟ^(guò)安檢像玩電子游戲一樣?
識(shí)別意外資源(考慮一下如何通過(guò)問(wèn)題陳述中沒(méi)有提到的資源來(lái)解決問(wèn)題)
如何使用面部識(shí)別軟件幫助管理音樂(lè)會(huì)入場(chǎng)?
開(kāi)放的
一個(gè)好的HMW模型應(yīng)該允許多個(gè)解決方案。例如“我們?nèi)绾问垢欓T(mén)票變得有趣和有競(jìng)爭(zhēng)力?”可以用無(wú)數(shù)種方式來(lái)回答。
不要太寬泛
HMW是全面的,但要足夠聚焦,才能關(guān)注到解決方案的重點(diǎn)。一個(gè)過(guò)于寬泛的HMW問(wèn)題的例子:“我們?nèi)绾尾拍苁蛊眲?wù)更好?”這個(gè)HMW沒(méi)有為提出解決方案的想法提供足夠明確的指導(dǎo)。
進(jìn)行多次修改
在寫(xiě)完HMW問(wèn)題后,可以修改它們。如果你發(fā)現(xiàn)你的HMW不能幫助你想出任何有用的解決方案,那就改變它!
創(chuàng)造性的
HMW意味著富有想象力,甚至是有趣的。你可以使用上面斯坦福大學(xué)列出的建議,想出新的、有創(chuàng)意的方法來(lái)組織你的問(wèn)題。
寫(xiě)盡可能多的HMW
你擁有的HMW越多,你就能想出更多的解決方案。如果你能從所學(xué)的一個(gè)框架中提出不止一個(gè)問(wèn)題,那就大膽寫(xiě)下所有!
將一張紙對(duì)折3次,得到8個(gè)用劃痕劃分的模塊,分別記錄下8個(gè)設(shè)計(jì)創(chuàng)意點(diǎn)。相比于電腦,紙更加快速方便,只需要八分鐘,你就可以獲得八個(gè)解決方案并且非常方便團(tuán)隊(duì)交流。注意要控制創(chuàng)意時(shí)間,大概1分鐘畫(huà)1個(gè)方案草圖。每個(gè)人選擇兩三個(gè)自己認(rèn)為優(yōu)秀的方案和團(tuán)隊(duì)成員共享交流,選出最好的方案,然后繼續(xù)細(xì)化。
藍(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)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。
作者:騰訊ISUX團(tuán)隊(duì) 來(lái)源:伊糖巷陌
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(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ì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
>. 早上起床去上班,匆匆忙忙下樓發(fā)現(xiàn)公交車(chē)剛走,導(dǎo)致你需要等下一班車(chē)。
>. 好不容易坐上公交車(chē),刷卡器半天才識(shí)別出來(lái)手機(jī)二維碼,排在你后面的人都等的不耐煩。
>. 早高峰時(shí)期,行駛的路上公交車(chē)發(fā)生了一起車(chē)禍,你不得不下車(chē)選擇騎共享單車(chē),這導(dǎo)致上班花在路上的時(shí)間已經(jīng)遠(yuǎn)遠(yuǎn)超過(guò)你的預(yù)想。
>. 來(lái)到公司你發(fā)現(xiàn)剛剛在公交車(chē)上點(diǎn)的咖啡還沒(méi)有送過(guò)來(lái),外賣(mài)訂單顯示已超時(shí),小哥著急給你打電話說(shuō),找公司花了點(diǎn)時(shí)間,晚點(diǎn)送到。結(jié)果就是:盡管你很努力,但還是遲到了。終于,你來(lái)到自己的辦公桌旁,感到焦躁不安,滿腹委屈,精疲力盡,實(shí)際上你的一天還沒(méi)有真正的開(kāi)始,甚至連咖啡都沒(méi)喝到。
生活中難免會(huì)遇見(jiàn)各種各樣的倒霉事,而這只是很多日子的一天,我們回頭分析一下這些事情是不是本來(lái)就可以避免的。
外賣(mài)超時(shí):之所以外賣(mài)小哥沒(méi)找到公司地址可能是因?yàn)檎`觸按鈕,導(dǎo)致需要花更多時(shí)間找到訂單頁(yè)面。
交通事故:公交車(chē)和一輛從路口沖出來(lái)的汽車(chē)相撞,原因是司機(jī)為了調(diào)低收音機(jī)的音量,而暫時(shí)把視線從路面上離開(kāi)造成的。
刷卡器:由于太著急,你把手機(jī)直接貼在機(jī)器上,導(dǎo)致無(wú)法識(shí)別,但也沒(méi)有任何立馬反饋你應(yīng)該怎么做才會(huì)成功
公交車(chē):早上之所以沒(méi)有趕上公交車(chē)那是因?yàn)槭謾C(jī)關(guān)注的公交車(chē)沒(méi)有提醒你,當(dāng)前班次的預(yù)計(jì)到達(dá)時(shí)間,如果公交或者地圖軟件能夠有提前提醒功能,你就有足夠的時(shí)間來(lái)規(guī)劃選擇坐哪個(gè)時(shí)間點(diǎn)的車(chē)。
人們?cè)谠O(shè)計(jì)產(chǎn)品或服務(wù)時(shí),如果能夠多一點(diǎn)考慮到用戶體驗(yàn),以上的各種倒霉事也許都是可以避免的。我們所生產(chǎn)出來(lái)的產(chǎn)品是供人們?cè)诂F(xiàn)實(shí)世界使用的,在產(chǎn)品開(kāi)發(fā)過(guò)程中,人們更多的關(guān)注產(chǎn)品將來(lái)做什么,而用戶體驗(yàn)是經(jīng)常被忽略的一個(gè)因素,即產(chǎn)品如何工作,而這個(gè)因素恰恰是決定產(chǎn)品成敗的關(guān)鍵因素。
用戶體驗(yàn)更多的是指“產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用”,也就是人們?nèi)绾巍敖佑|”和“使用”它。當(dāng)人們問(wèn)起你某個(gè)產(chǎn)品或者服務(wù)時(shí),問(wèn)的是使用體驗(yàn),例如,用起來(lái)難不難?是否容易學(xué)會(huì)?使用感覺(jué)又如何?
用戶體驗(yàn)總是體現(xiàn)在細(xì)微之處。例如在ios系統(tǒng)提前設(shè)定好了鬧鐘,用戶使用手機(jī)過(guò)程中,如果到達(dá)了臨近時(shí)間會(huì)提醒是否要關(guān)閉鬧鐘,反之則正常響鈴,而且隨著用戶拿起手機(jī)的過(guò)程,音量也在逐漸下降。好的體驗(yàn)帶來(lái)的是好的印象和感受,用戶會(huì)繼續(xù)發(fā)現(xiàn)其他商品的絕妙之處,為商家?guī)?lái)的是連續(xù)購(gòu)買(mǎi)需求和利益。
在大家常規(guī)的認(rèn)知里,提到產(chǎn)品設(shè)計(jì)時(shí)更多的是在感官、功能角度上的理解。用戶體驗(yàn)設(shè)計(jì)通常解決的是應(yīng)用環(huán)境的綜合問(wèn)題。兼顧視覺(jué)和功能兩方面因素,同時(shí)解決產(chǎn)品所面臨的其他問(wèn)題。比如在對(duì)于iphone劉海屏這一個(gè)工業(yè)產(chǎn)品設(shè)計(jì)的缺點(diǎn),靈動(dòng)島的奇思妙想打破了硬件和軟件之間的界限,還保證了用戶嘗試去完成其他某個(gè)任務(wù)時(shí),相應(yīng)的交互反饋起到的有效作用。
產(chǎn)品設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)的不同在哪里呢?對(duì)于簡(jiǎn)單的產(chǎn)品來(lái)說(shuō),創(chuàng)建一個(gè)良好的用戶體驗(yàn)設(shè)計(jì)的要求,完全等同于產(chǎn)品自身的定義:即一把不能坐的椅子就不能稱之為“椅子”。
對(duì)于更加復(fù)雜的產(chǎn)品來(lái)講,在不斷迭代的過(guò)程,每新增一個(gè)功能、特性、步驟,都會(huì)增加導(dǎo)致用戶體驗(yàn)失敗的機(jī)會(huì)。隨著技術(shù)的崛起,一部擁有更多復(fù)雜功能的手機(jī)比起老舊電話機(jī)來(lái)講,設(shè)計(jì)并生產(chǎn)的過(guò)程會(huì)變得更加困難。所以將用戶體驗(yàn)設(shè)計(jì)納入產(chǎn)品設(shè)計(jì)考慮范圍內(nèi)也變得至關(guān)重要。
如果產(chǎn)品是一個(gè)以傳遞內(nèi)容為主的平臺(tái),僅僅簡(jiǎn)單的排布信息是遠(yuǎn)遠(yuǎn)不夠的。通過(guò)一種能幫助人們理解和接受的方式呈現(xiàn)出來(lái)的,盡可能有效的傳達(dá)信息才是主要目標(biāo)之一。否則用戶很難發(fā)現(xiàn)所提供的或產(chǎn)品正是他想要尋找的。即使看到這些信息,也會(huì)覺(jué)得絕得這個(gè)產(chǎn)品很難用。
對(duì)于多種具有類(lèi)似“特性”和“功能”的平臺(tái),用戶如果得不到一次好的體驗(yàn),他們則會(huì)選擇使用你的競(jìng)爭(zhēng)對(duì)手的產(chǎn)品。購(gòu)買(mǎi)火車(chē)票時(shí)用戶比較關(guān)注時(shí)間、票價(jià)、座席等信息,智行在多次體驗(yàn)優(yōu)化之后頁(yè)面信息展示越來(lái)越能夠高效的傳達(dá),幫助用戶在各種購(gòu)買(mǎi)車(chē)票的場(chǎng)景快速篩選并作出決定判斷。隨著體驗(yàn)的提升為產(chǎn)品帶來(lái)更加忠實(shí)的用戶和轉(zhuǎn)化率。用戶體驗(yàn)對(duì)用戶忠誠(chéng)度有著很大的影響,營(yíng)銷(xiāo)廣告或福利都可能無(wú)法讓用戶再訪問(wèn)第二次。但一次良好的體驗(yàn)卻可以,而且你不會(huì)有太多的“第二次機(jī)會(huì)”去糾正它。
創(chuàng)建吸引人的、高效率的用戶體驗(yàn)方法稱為“以用戶為中心的設(shè)計(jì)”。即:在開(kāi)發(fā)產(chǎn)品的每個(gè)步驟中都要把用戶列入考慮范圍。在用戶使用產(chǎn)品的過(guò)程中體驗(yàn)的每一件事情,對(duì)設(shè)計(jì)師來(lái)講都應(yīng)該是經(jīng)過(guò)慎重和論證以后的決定。給予用戶更多積極和愉快的體驗(yàn),經(jīng)過(guò)長(zhǎng)期的時(shí)間檢驗(yàn),用戶的粘性會(huì)越來(lái)越高。
iphone在第一代蘋(píng)果上市銷(xiāo)售,距今已經(jīng)有15年的時(shí)間。產(chǎn)品設(shè)計(jì)所一直所堅(jiān)持的原則之一即:用戶體驗(yàn)。從細(xì)節(jié)開(kāi)始,并貫穿于每個(gè)細(xì)節(jié)。以用戶需求為主,在產(chǎn)品上實(shí)現(xiàn)了巨大革新,多點(diǎn)觸控技術(shù)的成熟給予了如科幻電影般的交互體驗(yàn),喬布斯創(chuàng)造出無(wú)與倫比具有改變?nèi)祟?lèi)生活的產(chǎn)品。隨著科技和現(xiàn)代生活水平的發(fā)展,滿足用戶需求并帶來(lái)優(yōu)質(zhì)體驗(yàn)也成為一個(gè)企業(yè)口碑和用戶忠誠(chéng)度的重要標(biāo)準(zhǔn)之一。
藍(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)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。
作者:騰訊ISUX團(tuán)隊(duì) 來(lái)源:Sissi生姜
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(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ì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
Wonder是一款面向Z世代群體信息獲取的探索型產(chǎn)品,雖然我們?cè)诋a(chǎn)品探索的路上沒(méi)能走的更遠(yuǎn),但作為設(shè)計(jì)師非常珍視參加創(chuàng)新產(chǎn)品探索的機(jī)會(huì),創(chuàng)新本身就是一種積累,在產(chǎn)品搭建過(guò)程中深入了解用戶需求,設(shè)計(jì)上自我突破、追求極致。以下歷程和設(shè)計(jì)經(jīng)驗(yàn)想與大家分享。
首先從了解我們的年輕用戶開(kāi)始。通過(guò)桌面、田野用戶調(diào)研,我們了解到,在信息內(nèi)容消費(fèi)方面,Z世代群體更偏向于個(gè)性化、多元化、高顏值的信息內(nèi)容體驗(yàn)。再進(jìn)一步拆解訴求,我們發(fā)現(xiàn)用戶大致可以分為效率型及消遣型兩大類(lèi),效率型用戶偏向于便捷易用、信息聚焦的消費(fèi)形式,而消遣型用戶更期望有豐富的內(nèi)容讓他們逛起來(lái)、刷起來(lái)。針對(duì)兩大類(lèi)不同的用戶訴求,我們進(jìn)行了區(qū)隔化設(shè)計(jì)。
在框架搭建上,我們利用面板可變性和固定性兩個(gè)維度來(lái)定義框架,首先是首頁(yè)場(chǎng)景面板,它具有可變性,可以承載不同的內(nèi)容例如搜索、信息流場(chǎng)景。再次,定義了位居二層的搜索面板,作為核心場(chǎng)景,具有固定性,是恒定不變的功能位于可變場(chǎng)景之上。最后,兩處功能區(qū)具有固定性,頭部承載基礎(chǔ)功能,底部承載兩大消費(fèi)場(chǎng)景。最終將框架轉(zhuǎn)化為具體設(shè)計(jì),分別承載了豐富的興趣內(nèi)容分發(fā)場(chǎng)景和簡(jiǎn)單的聚焦場(chǎng)景。
搜索框位于內(nèi)容之上跨內(nèi)容恒定存在,形成了搜索框置底的首頁(yè)雙層面板交互形式,和滿足首頁(yè)逛起來(lái)的內(nèi)容消費(fèi)場(chǎng)景、聚焦搜索的簡(jiǎn)單搜索場(chǎng)景來(lái)滿足用戶的不同訴求。加上兩處固定的功能區(qū)域,頭部基礎(chǔ)功能,底部bar承載左效率、右?jiàn)蕵?lè)兩大內(nèi)容場(chǎng)景,構(gòu)成了差異化首頁(yè)框架。冠以興趣內(nèi)容躁模式、簡(jiǎn)單搜索禪模式姓名,炫酷的交互手勢(shì)切換模式加持,最終構(gòu)成了首頁(yè)雙模式、可承載多元場(chǎng)景的框架設(shè)計(jì)。
同時(shí),頭部留有Doodle品牌區(qū)域,在豐富的節(jié)日運(yùn)營(yíng)活動(dòng)中,檸檬精通過(guò)不同的裝扮和道具,和用戶進(jìn)行互動(dòng)
隨著我們對(duì)用戶的深入了解,有了更細(xì)致的解讀。根據(jù)用戶調(diào)研我們發(fā)現(xiàn)Z世代群體更傾向于基于興趣圈層的信息消費(fèi)形式,愿意為興趣買(mǎi)單、尋找同好,并致力于為興趣圈層貢獻(xiàn)價(jià)值。因此我們對(duì)整體的框架和布局進(jìn)行了體驗(yàn)升級(jí)探索。
我們將用戶訴求拆解為可落實(shí)的設(shè)計(jì)目標(biāo),并聚焦「體驗(yàn)統(tǒng)一」「快速篩選」「特色感知」「重點(diǎn)突出」4個(gè)核心設(shè)計(jì)目標(biāo)??蚣軐用妫覀円劳行乔蛐蜗笤O(shè)計(jì),運(yùn)用頭部循環(huán)交互框架形式,使內(nèi)容直觀清晰呈現(xiàn),不同星球凸顯不同內(nèi)容特點(diǎn),又保證了6大內(nèi)容體驗(yàn)統(tǒng)一。
底bar定義為基礎(chǔ)功能承載,語(yǔ)音核心能力固定不變,消息作為社區(qū)互動(dòng)重要基礎(chǔ)能力、個(gè)人中心便捷用戶快速回訪社區(qū)資產(chǎn)。在頁(yè)面的架構(gòu)上,根據(jù)金剛位運(yùn)營(yíng)模塊特性,將模塊設(shè)計(jì)為可組合、可靈活配置,以支持隨時(shí)更替的運(yùn)營(yíng)訴求。
對(duì)于重點(diǎn)互動(dòng)場(chǎng)景,運(yùn)用動(dòng)態(tài)入口設(shè)計(jì)吸引互動(dòng),并在二級(jí)頁(yè)打造全場(chǎng)景的沉浸式互動(dòng)氛圍。
最后,將UGC無(wú)限流至于信息層級(jí)底部,打造縱向?yàn)g覽、逛內(nèi)容體驗(yàn)。
在項(xiàng)目正式啟動(dòng)前,組織腦暴會(huì)開(kāi)展年輕化設(shè)計(jì)語(yǔ)言提煉,結(jié)合用戶研究團(tuán)隊(duì)調(diào)研報(bào)告,通過(guò)Image board建立設(shè)計(jì)理念和模型表達(dá),通過(guò)收集、歸納、提煉、總結(jié)路徑,提煉設(shè)計(jì)語(yǔ)言基因。
圈定關(guān)鍵頁(yè)面、核心控件開(kāi)展帶有年輕化設(shè)計(jì)語(yǔ)言基因的方案探索,并擴(kuò)大覆蓋到重點(diǎn)頁(yè)面驗(yàn)證、聚焦、收攏,最終確定產(chǎn)品的年輕化設(shè)計(jì)語(yǔ)言。
檸檬精是Wonder App的官方IP形象。取自「我酸了」流行語(yǔ),以檸檬為基礎(chǔ)原型,設(shè)計(jì)保留了檸檬最突出的特征,色彩以品牌色—檸檬黃為主色調(diào),整體造型擬人化、年輕化以增強(qiáng)形象的延展性及實(shí)體化后的可動(dòng)性。IP形象與業(yè)務(wù)屬性及產(chǎn)品氣質(zhì)也較吻合,同用戶互動(dòng)場(chǎng)景應(yīng)用打造差異化記憶點(diǎn)。
不斷完善形象在各種場(chǎng)景中的應(yīng)用及延展,制作系列表情,用更多元的表現(xiàn)形式將檸檬精的性格描繪得更加豐滿,為品牌注入更多親和有趣的情感,拉近與用戶的距離。
伴隨產(chǎn)品興趣圈層的升級(jí),3D檸檬精也結(jié)合星球概念,差異化造型與興趣內(nèi)容對(duì)應(yīng),去賦予不同興趣星球特色,幫助年輕用戶找到社區(qū)、身份歸屬感,增強(qiáng)人與社區(qū)鏈接感。
大星球塑造中,通過(guò)不同星球的特色元素構(gòu)建場(chǎng)景,同用戶產(chǎn)生行為共鳴,吸引用戶進(jìn)入圈子。
設(shè)計(jì)一定不是“拍腦袋”的想象,更多是基于用戶特性、訴求、使用場(chǎng)景的一步步推導(dǎo)、演進(jìn)的結(jié)果。設(shè)計(jì)也并不局限于最終的界面效果呈現(xiàn),整個(gè)產(chǎn)出過(guò)程都在設(shè)計(jì),也都有設(shè)計(jì)發(fā)揮的空間。記得在日常的設(shè)計(jì)中多挖掘用戶訴求、洞察機(jī)會(huì)點(diǎn),并抱著提供解決方案而非一次性結(jié)果的視角,動(dòng)態(tài)的、可延展的看待、設(shè)計(jì)事物。
隨暫別應(yīng)用市場(chǎng),依然感謝大家的閱讀,期望這趟年輕化設(shè)計(jì)之旅能夠帶給設(shè)計(jì)師們一些啟發(fā)。期待看到更多有趣的、創(chuàng)新的、別出心裁的年輕化設(shè)計(jì)。
作者:百度MEUX
轉(zhuǎn)載請(qǐng)注明:站酷
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
01
什么是靈動(dòng)島(Dynamic island)
2022蘋(píng)果秋季新品發(fā)布會(huì),備受關(guān)注的新一代iPhone如期而至,此次發(fā)布會(huì)最大的亮點(diǎn)是iPhone 14 Pro系列一改之前「劉海」設(shè)計(jì),首次采用了「藥丸」挖孔屏。雖然「藥丸」在安卓陣營(yíng)中并不是什么新鮮玩意,但一向以創(chuàng)新著稱的蘋(píng)果還是玩出了不一樣的花樣,帶來(lái)了全新的交互方式,模糊了硬件和軟件的界限,通過(guò)實(shí)時(shí)變化顯示重要的提醒、通知以及簡(jiǎn)單的功能操作,蘋(píng)果把這一創(chuàng)新稱之為靈動(dòng)島(Dynamic island)。
02
靈動(dòng)島能做什么 / 不能做什么
靈動(dòng)島其實(shí)可以簡(jiǎn)單的理解為基于前置攝像頭區(qū)域拓展的消息通知和快捷操作的新交互方式。
來(lái)電
當(dāng)有來(lái)電時(shí),靈動(dòng)島會(huì)發(fā)生變化,并在后臺(tái)打電話時(shí)顯示通話時(shí)間和聲音波紋。
音樂(lè)
有點(diǎn)類(lèi)似于鎖屏后的音樂(lè)功能操作,保留了基本的播放、暫停、前進(jìn)、后退等功能。
Airpods
連接AirPods后,AirPods的型號(hào)外觀和當(dāng)前電量會(huì)一起顯示。
導(dǎo)航
顯示導(dǎo)航方向和距離,并且能夠在適當(dāng)?shù)臅r(shí)候放大顯示更多導(dǎo)航信息。
Face ID
以前Face ID認(rèn)證會(huì)顯示在屏幕中間,現(xiàn)在集成于靈動(dòng)島的擴(kuò)展功能之中。
充電
當(dāng)充電時(shí),會(huì)顯示充電的狀態(tài)以及當(dāng)前電量百分比。
當(dāng)然,目前除了官方展示的這些功能以外,還會(huì)有更多的應(yīng)用方式,在此不一一列舉。但靈動(dòng)島也并不是萬(wàn)能的,例如會(huì)存在以下的局限性:
重度使用場(chǎng)景
從官方給出的樣例來(lái)看,靈動(dòng)島更多的是承擔(dān)了消息通知和提醒的作用,并不適用于重度使用和復(fù)雜交互等場(chǎng)景,例如消息聊天、刷短視頻、買(mǎi)賣(mài)交易等等。
過(guò)于復(fù)雜的圖形
受限于前置物理攝像頭,靈動(dòng)島這個(gè)區(qū)域并不能顯示過(guò)于復(fù)雜的圖形,并需要避開(kāi)攝像頭區(qū)域,因?yàn)樵搮^(qū)域是不能顯示任何圖像的。
軟硬件的邊界
靈動(dòng)島的實(shí)際效果并不會(huì)像宣傳圖中那樣好,特別是在反光強(qiáng)烈的戶外。攝像頭的挖孔清晰可見(jiàn)的,即使是在黑色不發(fā)光的OLED屏幕上,軟件和硬件的界限還是能夠明顯區(qū)分。
03
對(duì)于靈動(dòng)島的各方反應(yīng)
新事物的出現(xiàn),總會(huì)伴隨著支持和反對(duì)兩種聲音,此次靈動(dòng)島的創(chuàng)新交互,自然也是褒貶不一,還需要經(jīng)受時(shí)間的考驗(yàn),因?yàn)榧词故翘O(píng)果這樣的公司也難免會(huì)犯錯(cuò),比如3D Touch、MacBook上的Touch bar等。
支持方認(rèn)為「靈動(dòng)島是繼劉海屏之后的又一個(gè)成功設(shè)計(jì),甚至?xí)絼⒑F?,更受歡迎」。
「靈動(dòng)島的設(shè)計(jì)非常討巧,同時(shí)也給挖孔屏帶來(lái)了更多的想象空間」。
而反對(duì)方的理由也十分充分,首先是羅永浩第一時(shí)間發(fā)表了自己的觀點(diǎn),表面上是硬贊這個(gè)創(chuàng)新,但實(shí)則是諷刺了這樣多此一舉的方式,「先在臉上涂屎,然后再把屎的顏色調(diào)整得跟粉底差不多」
很多的輿論認(rèn)為,靈動(dòng)島的創(chuàng)新是蘋(píng)果的一種無(wú)奈和妥協(xié),因?yàn)樽詮牡谝淮鷌Phone革新性的使用觸摸屏之后,十多年以來(lái)手機(jī)在工業(yè)設(shè)計(jì)方面并沒(méi)有太多的創(chuàng)新,大部分廠家是在屏幕分辨率,后蓋材質(zhì),攝像頭像素上面做文章,而蘋(píng)果作為一個(gè)工業(yè)設(shè)計(jì)創(chuàng)新的公司,也只能通過(guò)后置攝像頭模組的排列來(lái)維持每一代iPhone的變化。所以此次靈動(dòng)島的創(chuàng)新,被認(rèn)為是工業(yè)設(shè)計(jì)乏力之后推動(dòng)交互設(shè)計(jì)創(chuàng)新的無(wú)奈之舉。
但無(wú)論支持還是反對(duì),前置攝像頭挖孔屏終究是一個(gè)過(guò)渡性的方案,最終會(huì)被全面屏所替代,而在這個(gè)過(guò)渡時(shí)期,很明顯蘋(píng)果的解決思路與國(guó)內(nèi)的絕大多數(shù)廠商都不一樣。
04
為什么國(guó)產(chǎn)手機(jī)不做靈動(dòng)島
國(guó)產(chǎn)手機(jī)的前置攝像頭解決方案除了「劉?!挂酝?,單攝像頭「圓孔」和雙攝像頭「藥丸」設(shè)計(jì)都已經(jīng)非常成熟,但是為什么經(jīng)過(guò)這么多年的迭代,依然沒(méi)有創(chuàng)新呢?
思維方式的差異
國(guó)產(chǎn)手機(jī)廠商的思路跟蘋(píng)果相反,希望盡可能的把前置攝像頭做得越小越好,甚至頭部的廠商嘗試探索升降攝像頭和屏下攝像頭的解決方案,目的就是為了把前置攝像頭隱藏。而蘋(píng)果的思路則是,既然現(xiàn)階段的技術(shù)沒(méi)有辦法把前置攝像頭隱藏,那么干脆就以此為基礎(chǔ),把這個(gè)區(qū)域運(yùn)用到極致。
缺少創(chuàng)新和引領(lǐng)者
似乎國(guó)內(nèi)的用戶更關(guān)心的是電量是否持久、屏幕刷新率高不高、拍照功能強(qiáng)不強(qiáng)大等問(wèn)題,秉持著「人民需要什么,我們就造什么」的成功理念,各大廠商也開(kāi)始在這些方面內(nèi)卷,從60Hz到120Hz刷新率,從千萬(wàn)像素到一億像素,從萊卡加持到一英寸大底傳感器... 大家都在做從1到100的事情,而很少有關(guān)注從0到1,因?yàn)檫@樣做的性價(jià)比的確不高。
市場(chǎng)的接受和認(rèn)可程度
當(dāng)劉海屏第一次出現(xiàn)的時(shí)候,很多用戶都在吐槽,其中也包括很多蘋(píng)果的忠實(shí)用戶,寧愿買(mǎi)iphone8P也不愿意使用劉海屏的iPhone X。而經(jīng)過(guò)一兩年的審美教育以及國(guó)產(chǎn)手機(jī)的跟風(fēng)之后,才慢慢的被更多用戶所接受。因此國(guó)內(nèi)的廠商很難有信心通過(guò)一己之力去改變用戶習(xí)慣,并贏得市場(chǎng)的認(rèn)可。我相信,蘋(píng)果發(fā)布以后,各大廠商已經(jīng)在積極的學(xué)習(xí)和模仿,新的一輪內(nèi)卷即將拉開(kāi)帷幕。
即便如此,國(guó)產(chǎn)廠商也并不是完全沒(méi)有在前置攝像頭的區(qū)域努力嘗試過(guò)。例如魅族曾經(jīng)在前置攝像頭上顯示當(dāng)前電量,稱之為「環(huán)形電量」,并盡可能的使其與狀態(tài)欄的其它信息融為一體。
榮耀的通話時(shí)間膠囊和自拍膠囊,都以前置攝像頭為基礎(chǔ)做延展,可以看得出在想盡辦法的規(guī)避前置攝像頭所帶來(lái)的不好體驗(yàn)。
雖然VIVO的原子通知不是圍繞前置攝像頭區(qū)域拓展,但從效果和想法來(lái)看,也與靈動(dòng)島的概念比較類(lèi)似。
HTC曾經(jīng)出過(guò)一款HTC U Ultra,當(dāng)然那時(shí)候還沒(méi)有全面屏的概念,所以HTC把它稱之為副屏,可以顯示消息通知、音樂(lè)播放操作、App快捷入口等等。
除此以外,幾乎所有劉海屏的手機(jī)都有把劉海隱藏起來(lái)的功能。
05
對(duì)設(shè)計(jì)師的影響
靈動(dòng)島的出現(xiàn),對(duì) iOS 原本通知、交互、卡片、彈窗等一系列交互規(guī)范進(jìn)行了解構(gòu)再重做,就好比「劉海屏」首次出現(xiàn)的時(shí)候,需要設(shè)計(jì)師對(duì)全新交互邏輯、卡片行為、動(dòng)畫(huà)等重新適配。那么對(duì)于「靈動(dòng)島」我想需要考慮的是這幾個(gè)方面。
新的交互方式
之所以叫靈動(dòng)島,就是因?yàn)樗恰胳`動(dòng)」的,擁有不同的狀態(tài)變化,以適應(yīng)各種功能提示和操作。設(shè)計(jì)師在使用這個(gè)功能的時(shí)候,需要充分考慮其場(chǎng)景,恰如其分的給予提醒而不給用戶帶來(lái)過(guò)多的打擾。
新的容器
不同形態(tài)的容器可以裝載不同的內(nèi)容,相比于以往常規(guī)的通知提醒,新的容器可以展示更多的信息,甚至是簡(jiǎn)單的功能操作。在提出解決方案的時(shí)候,留給設(shè)計(jì)師更多的想象空間。
新的表達(dá)方式
靈動(dòng)島相當(dāng)于一個(gè)永遠(yuǎn)在桌面上的島嶼,比任何App的優(yōu)先級(jí)都要高,所以會(huì)成為各個(gè)應(yīng)用的必爭(zhēng)之地,使用一種好的表達(dá)方式,必然能夠達(dá)到事半功倍的效果,因此也是考驗(yàn)設(shè)計(jì)師在寸土寸金的區(qū)域中,通過(guò)視覺(jué)化手段表達(dá)的能力。
最后,我想蘋(píng)果的初衷是為了更好的用戶體驗(yàn),消除一部分用戶對(duì)于挖孔屏的焦慮,如果能夠真正的站在用戶的角度、克制的去使用新的交互方式,會(huì)得到用戶的喜愛(ài)和市場(chǎng)的認(rèn)可。
我認(rèn)為靈動(dòng)島既是一種創(chuàng)新也是一種妥協(xié),對(duì)于工業(yè)設(shè)計(jì)硬件創(chuàng)新乏力的妥協(xié),更是對(duì)技術(shù)發(fā)展的妥協(xié)。我也相信,真正的全面屏?xí)r代終究會(huì)到來(lái),期待那個(gè)時(shí)候蘋(píng)果再一次給我們帶來(lái)真正意義上的,里程碑式的,創(chuàng)新!
作者:撿蘑菇的人
轉(zhuǎn)載請(qǐng)注明:站酷
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
良好的用戶體驗(yàn)需要所有信息都符合邏輯且觸手可及。以下是一份完整的信息架構(gòu)指南,它可以避免你的用戶迷失在錯(cuò)綜復(fù)雜的網(wǎng)站信息中。
當(dāng)我們使用任何網(wǎng)站或移動(dòng)應(yīng)用時(shí),都會(huì)面對(duì)向我們提供所需信息的界面。這是大家都習(xí)以為常的,大多數(shù)用戶甚至沒(méi)有注意到網(wǎng)站的所有內(nèi)容都經(jīng)過(guò)精心組織。
內(nèi)容的組織和劃分被稱為信息架構(gòu),它是用戶體驗(yàn)設(shè)計(jì)的一個(gè)重要部分。如果內(nèi)容沒(méi)有經(jīng)過(guò)適當(dāng)整理,大多數(shù)用戶在瀏覽網(wǎng)站或app時(shí)容易迷失方向,使得產(chǎn)品的真實(shí)價(jià)值被掩蓋。畢竟,即使再棒的功能也需要用戶去發(fā)現(xiàn)。
為確保你的內(nèi)容結(jié)構(gòu)合理并能以最佳方式呈現(xiàn)給用戶,好好看看我們?yōu)槟銣?zhǔn)備的這份信息架構(gòu)指南吧。
1、什么是信息架構(gòu)?
信息架構(gòu)可能難以定義。
部分原因是,內(nèi)容寫(xiě)作等其他學(xué)科可被縮小到特定職業(yè),比如作家,而信息架構(gòu)的范疇卻涵蓋了多項(xiàng)職業(yè)。的確,參與產(chǎn)品開(kāi)發(fā)的每個(gè)人都會(huì)多少用到信息架構(gòu)。
大多數(shù)網(wǎng)站和app都要將內(nèi)容分成多個(gè)部分讓用戶快速理解,同時(shí)要被合理組織以便用戶發(fā)現(xiàn)產(chǎn)品的所有功能。當(dāng)這項(xiàng)工作進(jìn)行的非常順利時(shí),用戶永遠(yuǎn)不會(huì)停下來(lái)思考網(wǎng)站如何為他們組織信息。
Google Drive或Medium等網(wǎng)站就是這樣,設(shè)計(jì)者必須仔細(xì)考慮如何向用戶呈現(xiàn)信息。否則,功能就會(huì)有被淹沒(méi)在隨意布局的按鈕和鏈接中的風(fēng)險(xiǎn),用戶既難以關(guān)注也不會(huì)喜歡。
在其他案例中,你可以看到信息架構(gòu)的作用極其顯著,同時(shí)也很難做好。
2、信息架構(gòu)與UX相同嗎?
不相同。
兩者之間有很強(qiáng)的聯(lián)系,盡管UX涉及大量的信息架構(gòu)工作,但兩者并不完全相同。
用戶體驗(yàn)涉及范圍更廣,包括了信息架構(gòu)不會(huì)觸及的幾個(gè)方面,例如要確保界面令人愉快、響應(yīng)用戶的某些心理需求。相比之下,信息架構(gòu)則更側(cè)重用戶目標(biāo)和為此付出的認(rèn)知力。
以下是這兩個(gè)概念的緊密聯(lián)系:沒(méi)有良好的信息架構(gòu),就沒(méi)有合理有效的用戶體驗(yàn)。它是界面開(kāi)發(fā)的基礎(chǔ),為我們所知所愛(ài)的用戶體驗(yàn)設(shè)計(jì)其他方面打開(kāi)大門(mén)。
然而在此,我們應(yīng)該做一個(gè)小小的區(qū)分。
信息架構(gòu)是建立用戶體驗(yàn)的堅(jiān)實(shí)基礎(chǔ),但并不代表整個(gè)項(xiàng)目工作。
一旦你知道如何為用戶建立良好的信息架構(gòu),你需要為用戶體驗(yàn)添加閃光點(diǎn)并進(jìn)行其他工作,例如融合信息架構(gòu)的交互設(shè)計(jì),這樣才能創(chuàng)造讓人驚嘆的用戶體驗(yàn)。
3、一個(gè)巧妙的信息架構(gòu)類(lèi)比
信息架構(gòu)使你的產(chǎn)品可用,這在電子游戲中更為明顯。
電子游戲擁有自己規(guī)則和歷史,是一個(gè)全新的世界。這意味著如果用戶希望在游戲中進(jìn)行下去,就需要向他們呈現(xiàn)關(guān)于這個(gè)世界的大量信息。
但你會(huì)注意到,所有這些信息不是一次性呈現(xiàn)的,而是隨著游戲進(jìn)展,一點(diǎn)一點(diǎn)呈現(xiàn)。
首先,你會(huì)看到場(chǎng)景設(shè)置介紹,通常講述主角和一點(diǎn)背景故事。在此出發(fā),新信息將以易于消化的形式呈現(xiàn),從而使玩家可以慢慢探索這個(gè)世界。
在達(dá)到特定等級(jí)或完成特定動(dòng)作時(shí),那些小的對(duì)話框、內(nèi)容框向用戶提供的新信息,都是游戲中最好的信息架構(gòu)。但是我們?nèi)绾螞Q定從開(kāi)始該告訴用戶什么內(nèi)容呢?我們?nèi)绾翁峁┻m量信息滿足用戶的好奇心,而非過(guò)量信息使用戶感到疑惑?
圖 1 刺客信條:奧德賽。摘自福布斯
4、信息架構(gòu)的元素
正如大部分設(shè)計(jì)的輔件,信息架構(gòu)有很多組件幫助你將這些結(jié)構(gòu)應(yīng)用于產(chǎn)品。
這些組件是由信息架構(gòu)先驅(qū)羅森菲爾德和莫維爾在他們的開(kāi)創(chuàng)性著作《Web信息架構(gòu)》中建立的,如果你想深入了解信息架構(gòu),推薦閱讀這本書(shū)。這些組件組成的系統(tǒng),用不同方式組織內(nèi)容、讓內(nèi)容被用戶發(fā)現(xiàn)。
4.1 組織系統(tǒng)/結(jié)構(gòu)
組織結(jié)構(gòu)讓你的內(nèi)容具有意義、易于理解,即標(biāo)記不同信息之間的聯(lián)系并嘗試構(gòu)建框架,幫助用戶了解產(chǎn)品所有信息之間的聯(lián)系。
構(gòu)建框架后,由于所有的內(nèi)容分布都具有邏輯,用戶就更容易預(yù)見(jiàn)某些信息的位置,這也是可用性測(cè)試的一個(gè)經(jīng)典部分。在《Web信息架構(gòu)》中,列出了信息架構(gòu)的三種不同框架。
1)層級(jí)結(jié)構(gòu)
也稱為樹(shù)形結(jié)構(gòu),這意味著使用滴漏效應(yīng),將廣泛的分類(lèi)放在頂部,更具體、更小的子類(lèi)別放在下方,讓用戶進(jìn)行導(dǎo)航。這種視覺(jué)層級(jí)將相關(guān)信息呈階梯狀顯示,很好地傳達(dá)了不同信息的重要性。
2) 順序結(jié)構(gòu)
這種形式的信息架構(gòu)通過(guò)組織信息為用戶創(chuàng)建特定瀏覽路徑。用戶需一步步操作,并僅接收當(dāng)前呈現(xiàn)給他們的信息。這樣可以避免給用戶提供太多選擇,從而避免因自由選擇而導(dǎo)致的沮喪和信息過(guò)量。
3)矩陣結(jié)構(gòu)
這與順序結(jié)構(gòu)有些相反。順序結(jié)構(gòu)通過(guò)一系列指定步驟帶領(lǐng)用戶,而矩陣結(jié)構(gòu)則讓用戶自行選擇他們喜歡的導(dǎo)航方式,允許用戶以鏈接和按鈕的形式訪問(wèn)所有信息并讓他們決定訪問(wèn)內(nèi)容。
可以說(shuō)矩陣結(jié)構(gòu)通過(guò)給用戶所有可能的方向和功能,讓用戶在使用產(chǎn)品時(shí)創(chuàng)造自己的使用路徑。
4.2 標(biāo)簽系統(tǒng)
標(biāo)簽系統(tǒng)是用單個(gè)詞匯傳達(dá)大量信息的一種方式。它可以幫助用戶通過(guò)概念來(lái)查找內(nèi)容,而不是瀏覽整個(gè)產(chǎn)品來(lái)尋找想要的信息,這也是為何使用標(biāo)簽系統(tǒng)的原因。
想想一個(gè)普通的商業(yè)網(wǎng)站,當(dāng)你尋找業(yè)務(wù)聯(lián)系方式時(shí),可能想找一套不同的信息:電話號(hào)碼、郵箱地址、辦公地址……而所有這些信息,都可以在網(wǎng)站界面的同一個(gè)標(biāo)簽下找到——聯(lián)系頁(yè)。
4.3 導(dǎo)航系統(tǒng)
從信息架構(gòu)的角度,導(dǎo)航系統(tǒng)并不意味著設(shè)計(jì)好的界面,更多則是關(guān)于用戶如何在內(nèi)容和信息中移動(dòng)。
重要的是要隨時(shí)記住,信息架構(gòu)只是幫助用戶導(dǎo)航信息以達(dá)成目標(biāo)的方法。
某種程度上,導(dǎo)航系統(tǒng)應(yīng)與內(nèi)容相反。只要用戶覺(jué)得有用愉快,你會(huì)想要豐富、復(fù)雜的內(nèi)容;而你的導(dǎo)航系統(tǒng)則應(yīng)該盡可能簡(jiǎn)單明了,同時(shí)依然能讓用戶獲得任何想要的信息。這時(shí),一個(gè)重要的概念就發(fā)揮了作用:元數(shù)據(jù)。
元數(shù)據(jù)是信息的信息,它在信息架構(gòu)中起著重要作用。
可能聽(tīng)起來(lái)過(guò)于技術(shù),但元數(shù)據(jù)是導(dǎo)航系統(tǒng)中的關(guān)鍵組成部分。用戶在產(chǎn)品中進(jìn)行導(dǎo)航,尋找特定的目標(biāo),但他們是否知道要尋找什么?是否知道所尋找東西的正確用語(yǔ)?
即使你的用戶知道產(chǎn)品中所有信息的名稱,僅僅以A-Z列表形式提供所有信息,并不能提供出色的用戶體驗(yàn),因此我們并不建議這樣做。出色的用戶體驗(yàn),需要對(duì)內(nèi)容進(jìn)行匯總和分類(lèi),這樣才能讓導(dǎo)航系統(tǒng)成為帶領(lǐng)用戶前往任何位置的道路。
導(dǎo)航系統(tǒng)可以以列表和菜單的形式呈現(xiàn)出內(nèi)容的類(lèi)別,但要警惕:不要將成千上萬(wàn)的類(lèi)別拋給用戶,這樣會(huì)導(dǎo)致信息超載。我們建議你創(chuàng)建不同的分類(lèi),然后按絕對(duì)重要性進(jìn)行排序,放棄不重要的分類(lèi),因?yàn)樗鼈冎粫?huì)使用戶暈頭轉(zhuǎn)向。
你可以通過(guò)閱讀Smashing Magazine上Karafilis發(fā)表的內(nèi)容找到更多關(guān)于創(chuàng)建好導(dǎo)航系統(tǒng)的信息。
圖 2 亞馬遜網(wǎng)站
4.4 搜索系統(tǒng)
如你所期望,當(dāng)產(chǎn)品中包含大量數(shù)據(jù)時(shí),搜索系統(tǒng)會(huì)派上用場(chǎng)。如同你的標(biāo)簽系統(tǒng),搜索系統(tǒng)有幾個(gè)不同的方面需要考慮,你可能不會(huì)立即想到。
以一個(gè)普通的電商零售網(wǎng)站舉例。
當(dāng)你創(chuàng)建網(wǎng)站時(shí),第一反應(yīng)可能是創(chuàng)建一個(gè)可以查找所有信息的搜索欄,但你必須抵制這種沖動(dòng)。邏輯使然,每當(dāng)用戶使用搜索框時(shí),他們只會(huì)查找一種類(lèi)型的數(shù)據(jù):商品。它們不是在開(kāi)放時(shí)間或數(shù)據(jù)隱私政策之后,它們?cè)谒阉鳈谥械乃饕请S機(jī)的。在這種情況下,產(chǎn)品是被當(dāng)成搜索區(qū)對(duì)待,確保搜索欄僅向用戶顯示某種類(lèi)型的內(nèi)容即可。
而你需要在搜索系統(tǒng)中考慮的另一個(gè)問(wèn)題是,點(diǎn)擊搜索后信息要如何呈現(xiàn)?
5、信息架構(gòu)的八原則
這八條基本原則可以作為任何想為產(chǎn)品賦予意義的UX設(shè)計(jì)師的行動(dòng)指南。 最初由EightShape的創(chuàng)始人丹·布朗構(gòu)想,這些原則將信息架構(gòu)看成結(jié)構(gòu)設(shè)計(jì)的實(shí)踐,以下是關(guān)于如何實(shí)踐的指南。
5.1 物體原則
這項(xiàng)原則關(guān)于你如何看待自己的內(nèi)容。布朗說(shuō),不要把內(nèi)容視為僵硬、無(wú)生命的東西。它像物體一樣,要嘗試將它當(dāng)成擁有自己的生命周期、行為和特征的生命體對(duì)待。
這條原則之所以與信息架構(gòu)相關(guān),在于它可以讓你根據(jù)需要靈活處理內(nèi)容。如果你將內(nèi)容視為自身存在的個(gè)體,便可以更輕松地看到內(nèi)容與其他信息之間的可能關(guān)系、發(fā)現(xiàn)向用戶呈現(xiàn)此內(nèi)容的不同方式。
這個(gè)原則的特點(diǎn)之一在于它將內(nèi)容的生命周期嵌入到結(jié)構(gòu)中,考慮到內(nèi)容從逐漸增長(zhǎng)到穩(wěn)定的不同時(shí)代——這在內(nèi)容適時(shí)變化而更受歡迎后發(fā)生的格外頻繁。
布朗給我們提供了一個(gè)食譜網(wǎng)站的例子,食譜之間可以作為互補(bǔ)而互相關(guān)聯(lián),或者在某些時(shí)節(jié)關(guān)聯(lián)性更強(qiáng)(比如感恩節(jié)時(shí)與火雞有關(guān)的食譜)。
5.2 選擇原則
布朗提到施瓦茨的心理學(xué)史詩(shī)級(jí)作品《選擇的悖論》 ,告訴我們?nèi)祟?lèi)有一種錯(cuò)覺(jué),即他們想要盡可能多的選擇。而大多數(shù)用戶體驗(yàn)設(shè)計(jì)師都知道這并非真相,這也是施瓦茨和布朗所認(rèn)同的。給用戶過(guò)多選擇的真相是:人們的可能選項(xiàng)越多,就需要付出越多的認(rèn)知努力來(lái)做出選擇。這甚至能引發(fā)焦慮。
圖 3,Habitout漂亮的極簡(jiǎn)主義首頁(yè)
布朗用企業(yè)內(nèi)部網(wǎng)站舉例,大公司習(xí)慣于展示大量信息,卻通常忽略了內(nèi)容的分類(lèi)和信息架構(gòu)。結(jié)果則是用戶浪費(fèi)了大量時(shí)間來(lái)尋找他們實(shí)際想要的那一小部分?jǐn)?shù)據(jù),或干脆放棄使用網(wǎng)站。
聽(tīng)起來(lái)不像你想要的產(chǎn)品是嗎?這正是信息架構(gòu)所要避免的。
建議你縮短列表,尤其是在較高層級(jí)。這也是你在為內(nèi)容設(shè)計(jì)矩陣結(jié)構(gòu)時(shí),需要牢記的一點(diǎn):用戶在停止輕松并開(kāi)始積極努力的使用產(chǎn)品之前,只能在一定數(shù)量的選項(xiàng)中做出選擇。
5.3 漸進(jìn)式信息披露原則
該原則講述人們只能以某種方式處理新信息的事實(shí),意思是人們不能很好地處理預(yù)期之外以及不想要的信息——這個(gè)概念被稱為漸進(jìn)式披露。
這意味著在信息架構(gòu)中,你需要組織數(shù)據(jù),以便人們不僅能夠以正常速率吸收信息,而且還可以在呈現(xiàn)之前預(yù)測(cè)更多信息。在用戶體驗(yàn)設(shè)計(jì)中,這意味著,你放在任何類(lèi)型的列表或表格中連接詳細(xì)內(nèi)容的入口信息,都需要好好考慮讓它們簡(jiǎn)潔。
讓我們回到布朗的食譜網(wǎng)站案例。你不能指望在用戶瀏覽的所有頁(yè)面上顯示完整食譜,但是要如何在列出食譜時(shí)決定顯示什么呢?菜肴的類(lèi)型是一個(gè)很好的指標(biāo),但它不能讓用戶清楚地了解在食譜中可以看到什么。你的設(shè)計(jì)應(yīng)該選擇足夠的信息來(lái)幫助用戶決定是否要點(diǎn)擊某個(gè)食譜。
5.4 范例原則
這個(gè)原則是關(guān)于人類(lèi)如何對(duì)事物進(jìn)行分類(lèi)的心理學(xué)。最終,我們能夠通過(guò)創(chuàng)建一個(gè)范例列表來(lái)對(duì)概念進(jìn)行分類(lèi),這些范例可以幫助我們將不同概念組合在一起,無(wú)論此分類(lèi)背后的標(biāo)準(zhǔn)是什么。
在將此應(yīng)用到你的信息架構(gòu)時(shí),請(qǐng)考慮在應(yīng)用程序或網(wǎng)站上顯示分類(lèi)的方式。每個(gè)分類(lèi)都需要一個(gè)包含該分類(lèi)內(nèi)容的范例,你可以使用最大、最常用的子分類(lèi)。這樣,子類(lèi)別可以作為大多數(shù)用戶的快捷方式,并且可以幫助用戶理解每個(gè)頂級(jí)分類(lèi)。
5.5 前門(mén)原則
布朗說(shuō),設(shè)計(jì)師認(rèn)為用戶會(huì)通過(guò)首頁(yè)之外的頁(yè)面訪問(wèn)網(wǎng)站是一種明智的看法。認(rèn)為網(wǎng)站有多個(gè)可訪問(wèn)的入口,可能會(huì)對(duì)PC網(wǎng)頁(yè)設(shè)計(jì)產(chǎn)生不小的影響,而對(duì)移動(dòng)app設(shè)計(jì)的影響則較小。布朗對(duì)此提出信息架構(gòu)的兩個(gè)主要建議:
一、永遠(yuǎn)告訴用戶他們?cè)谀睦铩?/strong>
你的網(wǎng)站擁有很多頁(yè)面,訪問(wèn)者可以訪問(wèn)其中的任何頁(yè)面。因此,在用戶可以看到的地方顯示站點(diǎn)地圖非常重要。因此,如果你剛從Google鏈接打開(kāi)一個(gè)博客網(wǎng)頁(yè),應(yīng)該能看到博客文章的類(lèi)別和其他類(lèi)似內(nèi)容。讓新用戶在大框架中理解邏輯非常重要,而不是像在廣袤湖泊中填充少量?jī)?nèi)容,以隨機(jī)的方式呈現(xiàn)。
二、首頁(yè)不應(yīng)該包括網(wǎng)站的所有內(nèi)容。
過(guò)長(zhǎng)的首頁(yè)與好的首頁(yè)區(qū)別很簡(jiǎn)單:好的首頁(yè)應(yīng)該讓用戶清楚地了解你的目的、以及整個(gè)網(wǎng)站上可以找到的東西,而不應(yīng)該嘗試向用戶顯示所有可能、詳細(xì)的信息。在信息架構(gòu)方面,首頁(yè)不應(yīng)該成為通往網(wǎng)站所有角落的快捷方式,而應(yīng)該展示網(wǎng)站內(nèi)容的概況。
5.6 多重分類(lèi)原則
即使在一小群相似人群中,你仍然會(huì)發(fā)現(xiàn)人們有不同的信息尋找方式。有些人會(huì)輸入正在尋找的主題泛稱(例如沙灘裝),其他人則會(huì)自然地輸入他們想要的具體類(lèi)型(例如比基尼)。
這對(duì)設(shè)計(jì)和信息架構(gòu)很重要,你需要在搜索系統(tǒng)中考慮到這一點(diǎn)。但也需要小心對(duì)待,因?yàn)樗偸前殡S如下事實(shí)的出現(xiàn):呈現(xiàn)給用戶尋找信息的方式越多,他們?cè)娇赡茏兊梅中幕虿豢爸刎?fù)。
5.7 聚焦導(dǎo)航原則
布朗聲明,導(dǎo)航不應(yīng)該只是簡(jiǎn)單的包含網(wǎng)站中的所有內(nèi)容。許多設(shè)計(jì)團(tuán)隊(duì)在網(wǎng)站上隨意添加導(dǎo)航菜單,使得菜單本身看起來(lái)缺乏邏輯。然而信息架構(gòu)本就是用戶體驗(yàn)中邏輯的體現(xiàn)。
相反,布朗建議你為菜單制定策略,在可能的情況下為不同類(lèi)型的信息提供不同菜單。例如,一個(gè)用于博客主題的菜單和一個(gè)市場(chǎng)營(yíng)銷(xiāo)的菜單(列出公司提供的服務(wù))。
這能改善網(wǎng)站的可用性,即便刪除了直接進(jìn)入聯(lián)系頁(yè)的按鈕。請(qǐng)記住,信息架構(gòu)是按照正確類(lèi)別給事物分類(lèi),讓用戶確切知道他們?cè)谀囊约霸诤翁幷业剿栊畔?,而不是將每條信息連接到主頁(yè)。
5.8 增長(zhǎng)原則
對(duì)于這項(xiàng)規(guī)則,任何需要處理內(nèi)容的人都應(yīng)該牢記:產(chǎn)品中的內(nèi)容量可能會(huì)隨時(shí)間的推移而增長(zhǎng)。這是相當(dāng)合乎邏輯的,在互聯(lián)網(wǎng)上放置內(nèi)容變得越來(lái)越便宜。總的來(lái)說(shuō),電子內(nèi)容每年呈指數(shù)級(jí)增長(zhǎng),你的內(nèi)容應(yīng)該遵循相同的節(jié)奏。
但是,在設(shè)計(jì)中反應(yīng)出內(nèi)容增長(zhǎng)并不容易。之所以如此困難,是因?yàn)榧词鼓阒罆?huì)有更多的內(nèi)容,也不可能知道會(huì)有多少內(nèi)容。如何為尚不存在的內(nèi)容設(shè)計(jì)信息架構(gòu)是件困難的事。同樣,產(chǎn)品也可以在不同方向上增長(zhǎng)。是要增加新類(lèi)別還是現(xiàn)有類(lèi)別的新內(nèi)容也會(huì)難以判斷。
遺憾的是,布朗發(fā)現(xiàn)當(dāng)內(nèi)容增長(zhǎng)時(shí),并沒(méi)有簡(jiǎn)單的建議或明確的方法來(lái)避免麻煩。我們所能做的最好方式就是設(shè)計(jì)能夠接受新形式內(nèi)容的頁(yè)面,為將來(lái)可能的內(nèi)容擴(kuò)展做好準(zhǔn)備。換句話說(shuō),即使你現(xiàn)在不使用視頻內(nèi)容,也要?jiǎng)?chuàng)建接受視頻的頁(yè)面。信息架構(gòu)的結(jié)構(gòu)應(yīng)該具備的另一個(gè)技巧是,如果你需要在將來(lái)添加新的子類(lèi)別,則應(yīng)使頂級(jí)類(lèi)別盡可能寬泛。
6、結(jié)論
如果你希望用戶足夠了解你的產(chǎn)品并能愉悅使用,那么信息架構(gòu)至關(guān)重要。你所希望創(chuàng)建的結(jié)構(gòu),不僅要讓用戶理解、更要能進(jìn)行預(yù)測(cè),這樣他們才不會(huì)兜著圈子尋找信息,輕松地便能掌握產(chǎn)品的使用方法。
請(qǐng)記住,好的信息架構(gòu)和好的用戶體驗(yàn)設(shè)計(jì)是相輔相成的:即向讀者提供博客文章,或幫助新玩家在游戲世界中快速適應(yīng)。請(qǐng)注意細(xì)節(jié),不要用超出用戶處理能力的信息轟炸他們。
使用你的產(chǎn)品應(yīng)該感覺(jué)自然,而不是像跑馬拉松一樣疲憊或像在房間里四處搜尋兩天沒(méi)見(jiàn)的手機(jī)充電器一樣迷茫。利用一切機(jī)會(huì)在用戶測(cè)試中檢驗(yàn)?zāi)愕男畔⒓軜?gòu),確保人們不會(huì)對(duì)信息呈現(xiàn)的方式感到困惑沮喪。
當(dāng)擁有大量信息時(shí),很難以好的方式呈現(xiàn)所有信息,但我們總能找到呈現(xiàn)與理解信息的方法,你應(yīng)該用正確的計(jì)劃將這項(xiàng)工作反映到設(shè)計(jì)工作中,所以不要慌!
只需放輕松并回歸一切的根源:每個(gè)時(shí)間點(diǎn)用戶的目標(biāo)是什么?如何以最簡(jiǎn)單的方式幫助用戶實(shí)現(xiàn)目標(biāo)?這才是信息架構(gòu)中最重要的問(wèn)題。
作者:Z9084488
來(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)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(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ì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
最近又翻了翻《無(wú)界面交互》這本書(shū),不過(guò)與上次閱讀卻有了些不一樣的反思與收獲,這本書(shū)很多人應(yīng)該都看過(guò),起初看是因?yàn)橐詾槔锩嬗泻涡路f前瞻的交互方式與教程指南,不過(guò)之后卻發(fā)現(xiàn)是緊扣副標(biāo)題“潛移默化的UX設(shè)計(jì)方略”,盡管對(duì)標(biāo)題和內(nèi)容的匹配產(chǎn)生了失望,但還是被作者幽默風(fēng)趣的寫(xiě)作風(fēng)格與獨(dú)到的思考方式所吸引了。
這本書(shū)并沒(méi)有講述很多的交互觀點(diǎn),也沒(méi)有展開(kāi)說(shuō)如何進(jìn)行零界面的交互實(shí)踐技巧,反倒是通過(guò)幽默風(fēng)趣的表達(dá)闡述早期硅谷以應(yīng)用軟件為中心的需求解決現(xiàn)象,并且使得各種需求總是以軟件->以手機(jī)->以屏幕->以界面來(lái)進(jìn)行交互,而這些軟件的快速發(fā)展也加劇了人們與手機(jī)屏幕的依賴性,以至于我們的身體也出現(xiàn)了一系列不良變化,盡管我們正在適應(yīng)和習(xí)慣這些不良性,例如近視人口的比例與年齡層下降,而好的UX設(shè)計(jì)不該是基于界面的,所以UX≠UI,應(yīng)該是基于更加自然智能自動(dòng)的服務(wù)或交互方式,作者認(rèn)為最好的界面就是沒(méi)有界面,我們面對(duì)未來(lái)的創(chuàng)新技術(shù)發(fā)展,應(yīng)該試圖擺脫對(duì)屏幕的依賴性,并且為此作者列舉了多個(gè)例子來(lái)佐證,后文我會(huì)簡(jiǎn)單的介紹一些書(shū)中的例子,所以你不用因?yàn)楹闷娑R上跳離這個(gè)文章去搜索了。并且為此現(xiàn)象作者提出了三個(gè)原則;
一、貼合日常生活流暢,而不是一味依靠屏幕;大意是貼合日常生活中的一般工作流程,避免與手機(jī)與屏幕有過(guò)多非必要的綁定,使得避免沉迷用戶界面或者說(shuō)手機(jī)。
二、做電腦的主人,而非仆人:科技的飛速發(fā)展還是不能很好的讓電腦智能化,時(shí)不時(shí)還是會(huì)出錯(cuò),例如藍(lán)屏閃退等,各種條條框框的限制等,如密碼限制。我們健忘、脆弱、繁忙,計(jì)算機(jī)應(yīng)該更加智能的解決問(wèn)題。
三、適應(yīng)個(gè)體情況:大意是每個(gè)用戶都是特別的,可以提供定制化的服務(wù),不在只關(guān)心平均數(shù)據(jù)或盈利趨勢(shì),而且未來(lái)的計(jì)算應(yīng)該更加主動(dòng),而不是被動(dòng)的等待用戶來(lái)圖形界面操作。
大體上內(nèi)容差不多就這些了吧,作者想以潛移默化的方式來(lái)引導(dǎo)UX思維方式,前面部分鋪墊了不少生活現(xiàn)象,以讓我們意識(shí)到感受到手機(jī)屏幕的負(fù)面影響,以及這種基于應(yīng)用軟件來(lái)解決需求的慣性思維的局限,當(dāng)然啦,一方面有文化差異,另一方面設(shè)計(jì)行業(yè)發(fā)展日新月異,現(xiàn)在的優(yōu)秀設(shè)計(jì)師也不會(huì)完全聚焦在用戶界面上了吧,就像書(shū)中的結(jié)束語(yǔ),也許未來(lái)的某天再次翻開(kāi)時(shí),已經(jīng)覺(jué)得這本書(shū)無(wú)聊透頂,觀點(diǎn)已經(jīng)過(guò)時(shí),就像我們現(xiàn)在已經(jīng)深知UX不是UI,也因此難免會(huì)被部分讀者所吐槽。
那么回到此時(shí)此刻,雖然不知道你是否有了新的思考或收獲,我來(lái)聊聊我的一些思考吧。
我們通過(guò)感知與身邊的事物發(fā)生著互動(dòng),而看見(jiàn)的信息往往是最豐富的最具體的,這也意味著屏幕或界面的概念會(huì)長(zhǎng)存,即使全息影像技術(shù)隨處可見(jiàn),所以我們要意識(shí)到零界面交互是一種交互方式,一種交互理念,而不是說(shuō)以后沒(méi)有界面交互了,而且對(duì)于交互方式,基于語(yǔ)言系統(tǒng)的語(yǔ)音交互、腦電波控制交互、物理實(shí)體的人機(jī)交互等等,不就是沒(méi)有界面的交互嗎?對(duì)于零界面交互我認(rèn)為有點(diǎn)兒奧卡姆剃刀原理的意思,能在其基礎(chǔ)上找到更好的辦法就不要復(fù)雜化,如無(wú)必要,勿增實(shí)體,并且合乎情理。智能的交互方式絕對(duì)不是多幾塊可交互的屏幕而已。
零界面交互后,作為一名UX設(shè)計(jì)者,如果不在互聯(lián)網(wǎng)行業(yè)里了,不搞應(yīng)用軟件了,也無(wú)需在用戶界面上花心思了,那你還能做些什么?是否就要考慮轉(zhuǎn)行送外賣(mài)擺小攤呢?
當(dāng)我想到這個(gè)問(wèn)題的時(shí)候確實(shí)遲疑了,想到自己擅長(zhǎng)或能夠勝任的,且符合以上要求的話,可能就需要轉(zhuǎn)型做技術(shù)咨詢服務(wù)、視覺(jué)設(shè)計(jì)或是產(chǎn)品經(jīng)理之類(lèi)的,但之后我想了想又感覺(jué)不大對(duì),為什么不能是UX設(shè)計(jì)師呢?我也與其他好友相續(xù)的探討了下,UX設(shè)計(jì)最本質(zhì)的競(jìng)爭(zhēng)力不該是線框圖、界面交互或是視覺(jué)呈現(xiàn),盡管在應(yīng)用軟件中,是重要的環(huán)節(jié),但!最本質(zhì)的能力不應(yīng)該是解決問(wèn)題的能力與方法嗎?
在得出這一結(jié)論前,我們會(huì)慣性的結(jié)合平時(shí)的工作內(nèi)容與輸出結(jié)果來(lái)匹配其他職能,結(jié)果反而忘了UX最本質(zhì)的能力是什么,探討時(shí)UXRen的寶珠用一個(gè)詞描述道“模糊邊界”,我瞬間清醒,可不就是嗎?
如此看來(lái),我們應(yīng)該慶幸UX工作使得我們獲取了寶貴的問(wèn)題解決能力與方法,正是因?yàn)橛辛诉@些東西,即使不做互聯(lián)網(wǎng)了,也還是能成為UX設(shè)計(jì)師,就像書(shū)中所提倡的那樣,不基于屏幕的思考,反而使得UX設(shè)計(jì)更加強(qiáng)大了。
早期福特汽車(chē)公司的Escape設(shè)計(jì)組想要?jiǎng)?chuàng)造出在自己獨(dú)具特色的SUV,他們觀察到現(xiàn)實(shí)中的人們拎著或抱著重的東西走向后備箱時(shí),并騰不出手來(lái),只有腳可以動(dòng),并且可能因?yàn)闁|西太重并不想彎腰放下后,打開(kāi)后備箱再?gòu)澭鹬氐臇|西放進(jìn)后備箱,即使通過(guò)應(yīng)用軟件,也要掏出手機(jī),點(diǎn)一點(diǎn)再放回去,重新彎腰搬起重物,顯然應(yīng)用軟件并不好使了。因此腳踢或橫掃式的后備箱開(kāi)啟方式誕生了,他們?cè)诤髠湎湎碌谋kU(xiǎn)杠底部安裝了一組傳感器,只需要你踢一腳或拿腳掃一下,后備箱就開(kāi)了,對(duì)于那些提著重物走向后備箱的人,很容易做到,也很符合后備箱的使用場(chǎng)景。
夏天里,停在室外水泥地上的汽車(chē)經(jīng)過(guò)一段時(shí)間后,太陽(yáng)的炙烤會(huì)讓車(chē)的內(nèi)飾變得滾燙。NBC報(bào)道稱:“在美國(guó),平均每年有超過(guò)36名兒童因車(chē)內(nèi)溫度過(guò)高而死亡?!?
而在這個(gè)背景下,日產(chǎn)聆風(fēng)轎車(chē)推廣了一款能讓你車(chē)內(nèi)溫度變涼的手機(jī)軟件,只需提前15分鐘在手機(jī)應(yīng)用上遠(yuǎn)程打開(kāi)空調(diào)就可以,當(dāng)你回到車(chē)內(nèi)時(shí)就是涼爽的,但回到復(fù)雜的現(xiàn)實(shí)環(huán)境,當(dāng)你投入的看電影、投入的聚餐時(shí),你不一定還記得用手機(jī)遠(yuǎn)程打開(kāi)空調(diào)這回事兒,回到車(chē)?yán)飼r(shí)也許還是熱氣烘烘的。讓我們回到一個(gè)互聯(lián)網(wǎng)跟屏幕還不夠普及的年代,1991年,面對(duì)同樣的問(wèn)題,當(dāng)時(shí)線上技術(shù)還很稚嫩,馬自達(dá)汽車(chē)公司提供了一個(gè)更加自動(dòng)化的可選功能,車(chē)頂配備太陽(yáng)能供電,車(chē)內(nèi)使用溫度傳感器監(jiān)測(cè),一旦溫度超過(guò)一定閾值,傳感器就會(huì)觸發(fā)散熱降溫,很巧妙,很自然,盡管還不能克服極端的高溫,時(shí)間快進(jìn)到2009年,豐田汽車(chē)借鑒了馬自達(dá)汽車(chē)這一經(jīng)驗(yàn),制造出了更好的制冷系統(tǒng),這一功能很受歡,時(shí)至今日這個(gè)系統(tǒng)仍然可用。
橄欖球運(yùn)動(dòng)在美國(guó)很受歡迎,但也很危險(xiǎn),至少我看來(lái)是硬核運(yùn)動(dòng),這種運(yùn)動(dòng)時(shí)常發(fā)生的撞擊會(huì)導(dǎo)致運(yùn)動(dòng)員患上慢性創(chuàng)傷性腦部病變,會(huì)引起記憶力減退、思維混亂、判斷力減弱、沖擊控制障礙、攻擊性、抑郁癥等癥狀。事實(shí)上在年輕的群體中,大學(xué)的橄欖球隊(duì)員都渴望自己留下好印象,因此他們幾乎不會(huì)上報(bào)自己的頭部損傷,在一組730名大學(xué)生球員中展開(kāi)的調(diào)查顯示,他們的頭部平均受到27次沖擊后才會(huì)上報(bào)1次,為此疾病預(yù)防控制中心(CDC)研發(fā)了一款手機(jī)應(yīng)用,在這個(gè)應(yīng)用上,橄欖球運(yùn)動(dòng)員可以了解和挑選頭盔更好的保護(hù)頭部,以及如何察覺(jué)頭部損傷的跡象,并在遭到腦震蕩或其他頭部損傷時(shí),知道接下來(lái)該怎么做。
但是圍繞橄欖球比賽這個(gè)場(chǎng)景,柔性傳感器制造商與運(yùn)動(dòng)品牌Reebok(銳步)設(shè)計(jì)了一款智能帽子,Reebok Checklight,它是一款運(yùn)動(dòng)影響指示器,通過(guò)傳感器持續(xù)的感應(yīng)頭部受到的任何沖擊,并通過(guò)LED燈光進(jìn)行信號(hào)反饋沖擊的程度,就像信號(hào)燈那樣,并且它能夠很舒適的佩戴在頭盔中,沒(méi)有界面、沒(méi)有菜單、沒(méi)有選項(xiàng)卡導(dǎo)航或賬號(hào)密碼登陸,盡管他不能代替醫(yī)療診斷,但是可以作為額外的參考指標(biāo)來(lái)幫助教練或他人做出判斷與選擇,無(wú)論是繼續(xù)比賽還是立即就,以保障運(yùn)動(dòng)員的健康情況。
事實(shí)上這些案例中,確實(shí)很精妙的利用技術(shù)解決的生活中的需求場(chǎng)景,并且沒(méi)有使用以屏幕為交互的方式,也同時(shí)為用戶提供了良好的體驗(yàn)不是嗎?案例中描述了設(shè)計(jì)師是通過(guò)怎樣的方案來(lái)解決了需求痛點(diǎn),但,你有注意到是通過(guò)何種方式洞察到了這些設(shè)計(jì)理念嗎?也許細(xì)心的你已經(jīng)從前面的案例描述讀出來(lái)答案,觀察,這是一種解決問(wèn)題的好辦法,通過(guò)對(duì)場(chǎng)景對(duì)事物對(duì)用戶行為的細(xì)心觀察來(lái)找到問(wèn)題的突破口,而這也是讓我對(duì)潛移默化的UX設(shè)計(jì)方略有了新的思考的部分。
觀察是設(shè)計(jì)思維的重要的一環(huán),我們悉知的以人為本的設(shè)計(jì)流程便是以觀察開(kāi)始的,而觀察與場(chǎng)景有著不可分離的淵源,我們觀察用戶、觀察環(huán)境、觀察事件等,這都是場(chǎng)景的一部分,我意識(shí)到場(chǎng)景化在任何時(shí)代任何設(shè)計(jì)過(guò)程中都有必要的價(jià)值,對(duì)于這一廣泛且常常忽視的思維模式,我想以自己的視角來(lái)通俗的聊一聊。
面對(duì)各種問(wèn)題,有時(shí)候痛點(diǎn)顯而易見(jiàn),有時(shí)候根據(jù)經(jīng)驗(yàn)也能夠快速看出端倪,有時(shí)候就靜靜的細(xì)心觀察就好啦,優(yōu)秀的設(shè)計(jì)師擁有豐富的問(wèn)題解決策略,以及各種工具輔助,能夠盡快的分析找出問(wèn)題來(lái)并設(shè)計(jì)出解決方案來(lái)推敲,但這不意味著每次面對(duì)需求都將進(jìn)行用戶分析、市場(chǎng)分析、數(shù)據(jù)分析、用戶研究、構(gòu)建畫(huà)像、構(gòu)建體驗(yàn)地圖、套用設(shè)計(jì)原則、構(gòu)建原型、可用性測(cè)試等等,這些只是解決問(wèn)題的方法與工具,幫助我們更好的分析人物&場(chǎng)景&事件的關(guān)系,以找到問(wèn)題根源或解決辦法。
平時(shí)的工作中,我們更多的是根據(jù)習(xí)慣與經(jīng)驗(yàn)完成工作,并且面對(duì)各種問(wèn)題的差異性以及時(shí)限要求,斷然不會(huì)根據(jù)一套固定的設(shè)計(jì)策略或方法來(lái)輸出,這不見(jiàn)得更合理更專業(yè)更高效,問(wèn)問(wèn)你自己,每次學(xué)了新的設(shè)計(jì)方法論或工具后你都會(huì)在后續(xù)的工作中用起來(lái)的嗎?直到有一天這些方法論、設(shè)計(jì)模型、分析報(bào)告占據(jù)了你絕大部分的工作時(shí)間嗎?我想不是每個(gè)項(xiàng)目都會(huì)給予設(shè)計(jì)者如此充裕的時(shí)間吧,同事會(huì)說(shuō),看啊,這個(gè)設(shè)計(jì)真笨,還在輸出作證那點(diǎn)兒設(shè)計(jì)方案的分析材料,真磨唧。而通常老板也不會(huì)在意你是用了哪些方法,更在乎的是有沒(méi)有解決好問(wèn)題,有沒(méi)有及時(shí)的解決,但是一定不會(huì)指責(zé)你沒(méi)有使用用戶畫(huà)像、體驗(yàn)地圖什么的,如果有人遇到過(guò),那就是他的需求中期望看到這個(gè)。
實(shí)際上當(dāng)我們熟練掌握某些設(shè)計(jì)策略或工具的原理后,即使不寫(xiě)出來(lái),通過(guò)觀察與思考也會(huì)有結(jié)果,這種潛移默化的過(guò)程就像是數(shù)學(xué)公式的應(yīng)用,當(dāng)你通過(guò)觀察獲取到了夠用的信息后,就能思考出解決的方向,有點(diǎn)兒像韋東奕在接受采訪時(shí)說(shuō)的“其實(shí),我真正寫(xiě)的題并不多,“想”的題卻很多,能想明白的題目我就不寫(xiě)了”。所以當(dāng)有人問(wèn)起你是如何解決的,你說(shuō)是通過(guò)對(duì)場(chǎng)景的觀察思考,絕不會(huì)有什么不妥或顯得很Low,但是你說(shuō)一拍腦袋想的你試試,你看那程序員抽搐的嘴角是想干啥。就此我已經(jīng)將大量的技法、設(shè)計(jì)論、工具隱匿起來(lái)了,但是場(chǎng)景的概念依舊不可缺失,不難看出為什么說(shuō)“場(chǎng)景化思考與觀察有著豐富的設(shè)計(jì)啟示”,也許你還沒(méi)有意識(shí)到平時(shí)的設(shè)計(jì)工作中,會(huì)經(jīng)常用到這一概念或思維方式,只是沒(méi)有人給你提示,你還沒(méi)有意識(shí)到這就是場(chǎng)景化的洞察或思考啊。
我跟一個(gè)設(shè)計(jì)朋友聊起了場(chǎng)景化這個(gè)話題,但是我發(fā)現(xiàn)對(duì)方似乎并沒(méi)有認(rèn)識(shí)到這個(gè)場(chǎng)景化是什么概念,并問(wèn)我這個(gè)場(chǎng)景化是什么,我想了想說(shuō):“就是一種找到問(wèn)題前因后果并有效解決的好辦法,并不是游戲場(chǎng)景的概念”。于是又問(wèn)我是怎樣一回事兒,我反問(wèn)道你們接到游戲活動(dòng)需求后會(huì)怎么思考?對(duì)方說(shuō)一般由活動(dòng)詳情與活動(dòng)入口構(gòu)成,例如一個(gè)夏日祭活動(dòng),是用作消費(fèi)回饋的,會(huì)設(shè)計(jì)階段化的消費(fèi)任務(wù)與回饋獎(jiǎng)勵(lì),刺激玩家進(jìn)行消費(fèi)獲取超出平常的獎(jiǎng)勵(lì),為了圍繞夏日祭這個(gè)盛會(huì)主題,需要搭建一個(gè)包含游戲元素和盛會(huì)元素的場(chǎng)景來(lái)承載活動(dòng)內(nèi)容、說(shuō)明、進(jìn)度、領(lǐng)取按鈕與信息,給用戶帶來(lái)夏日祭的活動(dòng)氛圍與內(nèi)容賣(mài)點(diǎn)... 我說(shuō)等等,這不就是場(chǎng)景化的思考嗎?我們綜合場(chǎng)景構(gòu)成的多個(gè)因素,并觀察思考圍繞玩家展開(kāi)的一系列關(guān)系變化與過(guò)程感受。
這里的場(chǎng)景不是我們常以為的情景/情境或是某個(gè)事件的使用環(huán)境,近似場(chǎng)面的意思,場(chǎng)面是指戲劇、影視中由布景、音樂(lè)和登場(chǎng)人物組合成的景觀,而場(chǎng)景就是某個(gè)人在某個(gè)時(shí)間某個(gè)地點(diǎn)因?yàn)槟硞€(gè)目標(biāo)在做某個(gè)些事,即人物、地點(diǎn)、時(shí)間、目標(biāo)、行為,只是某個(gè)環(huán)境或情景的畫(huà)面都不能稱為場(chǎng)景,場(chǎng)景能夠較好的反映出特定環(huán)境下人物實(shí)現(xiàn)目標(biāo)的過(guò)程變化,因此不必糾結(jié)“場(chǎng)景”或是“場(chǎng)景化”一詞,轉(zhuǎn)而注意人物在對(duì)應(yīng)環(huán)境下為目標(biāo)做出了那些付出與反應(yīng),剩下的就是觀察與思考如何幫助人物更舒服效率的完成目標(biāo)即可;
場(chǎng)景化就是將信息不齊全的情景根據(jù)關(guān)鍵信息推導(dǎo)或收集完善成一個(gè)場(chǎng)景,其目的是因?yàn)槲覀冃枰囟ōh(huán)境觀察或構(gòu)思服務(wù)對(duì)象為了達(dá)成目標(biāo)做出了哪些努力,然后我們?yōu)榇硕床斐瞿軌驇椭?wù)對(duì)象解決麻煩的方案,但有意思的是在場(chǎng)景化的過(guò)程中,有時(shí)候不一定非要苛刻的補(bǔ)齊場(chǎng)景的五個(gè)因素,就像前面講的,通過(guò)觀察人物行為也能夠產(chǎn)生人物目標(biāo)的收獲,記住場(chǎng)景化的重點(diǎn)是觀察或構(gòu)思人物為了達(dá)成目標(biāo)在特定環(huán)境下做出了哪些努力,基于不同的情況,有些次要因素我們可能不會(huì)太在意,例如我們?cè)谟懻撌謾C(jī)電筒的使用場(chǎng)景時(shí),我們就不會(huì)太在意時(shí)間因素,反而昏暗的環(huán)境與亮度更重要,所以場(chǎng)景化時(shí)要靈活一點(diǎn),挖掘有價(jià)值的因素而不是湊齊所有因素,常見(jiàn)有以下幾種情況:
場(chǎng)景化還有個(gè)作用就是讓自己更融入,算是同理心的一個(gè)竅門(mén)。我們?cè)诰哂袕?fù)雜性的功能自測(cè)時(shí),我們不會(huì)只是反復(fù)的在界面上進(jìn)行交互,這樣的往返操作容易迷失自己,甚至忘卻了我在哪兒,我在干嘛,這種情況用設(shè)計(jì)心理學(xué)描述為“記憶失效性失誤”,對(duì)此,我們的解決辦法就是設(shè)定場(chǎng)景,我們會(huì)簡(jiǎn)單的代入一個(gè)用戶視角,并給自己設(shè)定一個(gè)匹配功能模塊的需求目標(biāo),使得整個(gè)場(chǎng)景看起來(lái)合乎情理,然后帶有目標(biāo)的進(jìn)行功能測(cè)試走查,如果這個(gè)過(guò)程中那里走不通了,不好用了,那就意味著這里的設(shè)計(jì)有問(wèn)題,當(dāng)然了,如果你是功能Bug測(cè)試,那我建議你找測(cè)試工程師要一份測(cè)試用例好了。
場(chǎng)景具有諸多變量,通過(guò)觀察狀態(tài)的變化,用戶情緒與行為變化、以及實(shí)際場(chǎng)景中常見(jiàn)的干擾事件,都能為我們帶來(lái)諸多的設(shè)計(jì)啟示,我們可以利用起來(lái),為用戶提供更多的需求可能或是避免問(wèn)題,就像車(chē)飾中的杯架,一開(kāi)始汽車(chē)制造商們并不會(huì)覺(jué)得一個(gè)交通工具的駕駛室需要杯架,但是通過(guò)對(duì)真實(shí)場(chǎng)景下的觀察與客戶研究,不起眼的杯架竟然能為用戶帶來(lái)良好體驗(yàn),以至于杯架會(huì)成為汽車(chē)內(nèi)飾的廣泛標(biāo)配,這些巧妙的設(shè)計(jì)并不是設(shè)計(jì)師突然的靈感或渾然天成,這正是因?yàn)閷?duì)場(chǎng)景的觀察以洞察出的用戶需求。
場(chǎng)景化可以讓我們找到問(wèn)題在哪兒發(fā)生了,并且問(wèn)題根源大概是什么,會(huì)有怎樣解決啟示,而不是因?yàn)閿?shù)據(jù)或結(jié)果發(fā)現(xiàn)了問(wèn)題,在有限的認(rèn)知下就問(wèn)題進(jìn)行錯(cuò)誤或膚淺的設(shè)計(jì)解決方案,還記得肥皂廠對(duì)空盒子過(guò)濾的案例嗎?A廠的設(shè)計(jì)師們發(fā)現(xiàn)了會(huì)有空的肥皂盒在流水線上,并且設(shè)計(jì)了高級(jí)的X光檢測(cè)儀來(lái)改進(jìn)生產(chǎn)線,但是B廠的設(shè)計(jì)師卻根據(jù)觀察找到了更好的解決方法“電風(fēng)扇”,是的,B廠直接通過(guò)電風(fēng)扇將質(zhì)量更輕盈的空盒子吹到了一旁,那么你是老板,出于成本與研發(fā)周期,你選擇哪個(gè)方案呢?
即使是線上場(chǎng)景也不例外,知道微信在直播場(chǎng)景時(shí),收到的通訊消息已經(jīng)采用了浮窗進(jìn)行交互嘛?你也不想在看到精彩的時(shí)候卻要關(guān)閉直播切換窗口去回復(fù)消息吧,這便是基于場(chǎng)景化的思考,微信為你提供了更多的直播觀賞空間,而不會(huì)因?yàn)榕R時(shí)的消息回復(fù)使你不得不切換場(chǎng)景進(jìn)行其他的的輕量化事件。
這便是場(chǎng)景化的魅力,我們可以找到真實(shí)問(wèn)題的根源,并且能夠充分的理解人物與環(huán)境與事件的關(guān)系,有很多設(shè)計(jì)師能夠很巧妙的解決問(wèn)題,并不是因?yàn)橹庇X(jué)或天賦,實(shí)際上更多的是結(jié)合了場(chǎng)景化的思維與洞察,而這并不困難,你也可以。
在某個(gè)場(chǎng)景中,使用你產(chǎn)品的是誰(shuí)?他們有什么特征,場(chǎng)景為他們帶來(lái)怎樣的感受,他們會(huì)面臨怎樣的問(wèn)題或需求?這都是場(chǎng)景化中以用戶為中心的表現(xiàn),我們很清楚產(chǎn)品的使用者是誰(shuí),購(gòu)買(mǎi)者是誰(shuí),我們采用場(chǎng)景化去打磨產(chǎn)品并不是讓產(chǎn)品在場(chǎng)景下顯得更加美觀,而是讓用戶擁有更好的體驗(yàn),其次才是美觀,而作為設(shè)計(jì)師就不能以自己獨(dú)到的設(shè)計(jì)理念來(lái)完全代替用戶了。
事實(shí)上幾乎沒(méi)有一款產(chǎn)品是面向全人類(lèi)的,出于人文差異、社會(huì)特征、個(gè)體特征、使用門(mén)檻等,做不到如此強(qiáng)大的兼容能力,過(guò)分兼容往往也會(huì)使得產(chǎn)品有缺陷或不倫不類(lèi),考慮的產(chǎn)品的功能作用以及商業(yè)價(jià)值,企業(yè)都會(huì)錨定一些具有某些特征或?qū)?yīng)需求的用戶群體,這樣才更有機(jī)會(huì)成功,而不是迎合所有人,并且有時(shí)候還要進(jìn)一步的區(qū)分用戶與特征,例如使用者可能是一只貓一只狗,但是購(gòu)買(mǎi)者往往是養(yǎng)寵物的人,這個(gè)時(shí)候還要顧及購(gòu)買(mǎi)者的偏好,而不只是局限的觀察場(chǎng)景下的使用者如何與產(chǎn)品交互,場(chǎng)景下購(gòu)買(mǎi)者的動(dòng)機(jī)與目的也是重要的,而那些線上應(yīng)用就更不用說(shuō)了,同一批人可能有不同的使用場(chǎng)景,同一場(chǎng)景下的用戶可能會(huì)有不同的特征,識(shí)別他們的共性與差異性是以用戶為中心的重要工作,為此我們可能還需要對(duì)場(chǎng)景下的用戶進(jìn)行分層,甚至允許定制化。
除了以上說(shuō)的用戶群體與特征,人文差異也是場(chǎng)景化下值得關(guān)注的問(wèn)題,需求往往是來(lái)源部分用戶群體,迎合他們的人文特征可以更好的促進(jìn)用戶使用和購(gòu)買(mǎi)的欲望,在產(chǎn)品出海設(shè)計(jì)的過(guò)程中,人文差異往往是極其重要的,因?yàn)槭褂脠?chǎng)景從國(guó)內(nèi)變成了國(guó)外,如果不密切關(guān)注場(chǎng)景下的人文變化,出海則基本會(huì)以失敗告終,例如我們傳統(tǒng)的駕駛位在左邊,而部分國(guó)外的是在右邊;我們很多人愛(ài)吃的烤豬蹄,在印度卻不受歡迎;我們大多人閱讀是從左到右,而部分國(guó)外卻是從右到左。一旦場(chǎng)景發(fā)生了變化,我們就應(yīng)該密切關(guān)注人文是否要做更新的思考。
此前已經(jīng)解釋了,場(chǎng)景不是單一的情景,并且存在各種變數(shù),甚至都不是靜態(tài)的,我們使用場(chǎng)景化思考時(shí),一定不會(huì)局限在產(chǎn)品本身的流程或交互上的,也不是某個(gè)或多個(gè)人物上的,所以在場(chǎng)景下觀察時(shí),注意力不該在單一的對(duì)象上,而應(yīng)該覆蓋場(chǎng)景化的多個(gè)重要因素上。并且場(chǎng)景會(huì)給出用途和一些對(duì)應(yīng)關(guān)系的特性,像我們提到某個(gè)需求時(shí),研發(fā)的同學(xué)會(huì)問(wèn)是那個(gè)場(chǎng)景,其實(shí)就是想要了解這個(gè)場(chǎng)景在哪里觸發(fā),場(chǎng)景下的用途是什么,用戶與目標(biāo)是什么,關(guān)聯(lián)了那些技術(shù)棧等等。如果我們?cè)谟^察某個(gè)場(chǎng)景時(shí),出現(xiàn)了意外或小插曲,作為設(shè)計(jì)師就應(yīng)該警覺(jué)起來(lái),而不是認(rèn)為只是意外,不會(huì)再發(fā)生,畢竟古人云“無(wú)獨(dú)有偶”。所以當(dāng)你奉行場(chǎng)景化觀察或是思考時(shí),就不會(huì)過(guò)于局限,反而會(huì)具有綜合性的思考過(guò)程,這能讓結(jié)果更加可靠和易于理解。
幾乎出現(xiàn)的所有問(wèn)題都是有根源,有場(chǎng)景的,我們拿到需求卻還是要分析需求,其目的就是找到根源,而不至于在虛假的問(wèn)題或需求上窘迫的發(fā)力,而最終得到一個(gè)跛腳的結(jié)果,問(wèn)題的根源常常是無(wú)比真實(shí)和深刻的,而我們結(jié)合場(chǎng)景化思考時(shí),就應(yīng)當(dāng)貼近現(xiàn)實(shí),而不要簡(jiǎn)易的虛構(gòu)一個(gè)不真實(shí)的場(chǎng)景去匹配和思考問(wèn)題,這個(gè)過(guò)程中要盡可能的追尋真實(shí)的環(huán)境,匹配的角色,更實(shí)際的問(wèn)題,這個(gè)時(shí)候我們眼里的場(chǎng)景才有效,而不是做戲或是走個(gè)形式,并且最終你的解決方案是要搬進(jìn)現(xiàn)實(shí)的啊,并不是以實(shí)驗(yàn)室的結(jié)果來(lái)定義真實(shí)的場(chǎng)景發(fā)生的事物,即使是模擬也是在模擬更加真實(shí)的場(chǎng)景不是嗎?
倒上一杯水,抓來(lái)一碟零食,關(guān)上了窗簾,窩在椅子上,一切剛剛好,我沉浸在女鬼橋這部鬼片的精彩橋段里,我屏住呼吸,高度緊張的注視著,心里預(yù)測(cè)著下一個(gè)鏡頭將要如何如何,哐當(dāng)一聲,嚇得我直起身來(lái),其實(shí)女鬼還沒(méi)有出現(xiàn),但是我的貓先出現(xiàn)碰倒了我身后的物件。
場(chǎng)景化不再是理想派了,意想不到事件正在場(chǎng)景中發(fā)生呢!
對(duì)于場(chǎng)景化,幾乎沒(méi)有可能與我們預(yù)期的一致,場(chǎng)景下會(huì)有各種變量也應(yīng)該有各種變量,把場(chǎng)景定格后應(yīng)用是不對(duì)的,它應(yīng)該像一個(gè)故事一樣,有過(guò)程有發(fā)展變化,事件的發(fā)生、人物的行為、情緒的變化、環(huán)境的變化都是場(chǎng)景變量的一部分,越是忽略這些變量,越是會(huì)出現(xiàn)更多問(wèn)題,因?yàn)檫@些變量會(huì)直接影響用戶的行為決策與結(jié)果。交互設(shè)計(jì)師做特殊場(chǎng)景狀態(tài)(常見(jiàn)有設(shè)備兼容、異常操作、網(wǎng)絡(luò)問(wèn)題,非常規(guī)操作等)的兼容與防錯(cuò),不就是很好的體現(xiàn)嗎!拆分出更多的意外場(chǎng)景迎合做出兼容方案反而會(huì)多出一些細(xì)微的體驗(yàn)差異,例如華為手機(jī)的消息通知會(huì)有自動(dòng)收起內(nèi)容的情況,其啟示來(lái)自于真實(shí)的環(huán)境下,背后會(huì)有其他人窺探到你的個(gè)人信息。
于此同時(shí)我們也應(yīng)該清楚自身產(chǎn)品的局限性,我們做不到能應(yīng)對(duì)各種突發(fā)事件的程度,所以設(shè)計(jì)出適當(dāng)?shù)募s束來(lái)避免問(wèn)題也是蠻重要的,大抵我下次在家看鬼片會(huì)先把貓關(guān)起來(lái)吧。
場(chǎng)景化、情感化似乎在現(xiàn)在的設(shè)計(jì)中經(jīng)常被提及,如果把場(chǎng)景化比作一面灰色的墻,那么在墻上繪制多彩的小花,人物也露出愉悅的情緒,這些便是情感化的色彩,情感化傳遞的是一種情感價(jià)值和溫度,在產(chǎn)品使用的場(chǎng)景中,我們可以結(jié)合特定的時(shí)刻來(lái)打造情感化設(shè)計(jì),可以是通過(guò)氛圍傳遞情緒,例如新年,產(chǎn)品視覺(jué)煥然一新,年味十足。又或是觸發(fā)回憶,幫助用戶想起那些有價(jià)值有溫度的回憶畫(huà)面,總之在適當(dāng)?shù)膱?chǎng)景引起用戶共鳴是一件很有溫度的體驗(yàn)設(shè)計(jì),哪怕只是在南京大屠殺的公祭日將線上產(chǎn)品的彩色斑斕抹去,也能感受的產(chǎn)品的情感關(guān)懷與社會(huì)價(jià)值觀,總之識(shí)別出有意義的時(shí)刻,不論是節(jié)日盛典、解鎖成就還是目標(biāo)達(dá)成,我們都可以通過(guò)具有儀式感或視覺(jué)氛圍的設(shè)計(jì)方式傳遞情感,讓用戶感受到產(chǎn)品設(shè)計(jì)的用心與別致的體驗(yàn),這也是場(chǎng)景化中的環(huán)境與時(shí)間因素的識(shí)別與運(yùn)用。
但值得注意的是,情感化不單單是符合特殊時(shí)刻或環(huán)境的打造,只是說(shuō)就讓用戶覺(jué)得好看或就該這樣有時(shí)還不夠,情感化更多的是期望與用戶情緒建立共鳴,引起用戶反思,試想一部電影,為什么有的人看哭了,有的人沒(méi)有反應(yīng)呢?很大一部分原因就是看哭的人更投入,劇情經(jīng)過(guò)了用戶的反思與共鳴,從而調(diào)動(dòng)了情緒才鼻酸落淚。
常規(guī)性是一個(gè)很重要的部分,它包攬了以上多個(gè)部分,常規(guī)的情景、常規(guī)的流程、常規(guī)的客戶、常規(guī)的問(wèn)題、常規(guī)的信息、常規(guī)的操作、常規(guī)的行為習(xí)慣、常規(guī)的難度、常規(guī)的文化差異、常規(guī)的認(rèn)知等,常規(guī)意味著產(chǎn)品符合大多數(shù)客戶群體的認(rèn)知、習(xí)慣與使用情景,這能夠大大提升易用性和兼容性,當(dāng)設(shè)計(jì)無(wú)法接近用戶認(rèn)知就會(huì)變得難以理解和使用,隨之門(mén)檻變高,而設(shè)計(jì)者不一定是產(chǎn)品的常規(guī)使用者,而常規(guī)性不僅能夠使得場(chǎng)景化更加貼近現(xiàn)實(shí),也抑制著以設(shè)計(jì)師為中心的弊端,最終保障設(shè)計(jì)模型與用戶認(rèn)知模型能夠靠攏。
但過(guò)分的常規(guī)性也會(huì)成為創(chuàng)新的絆腳石,不論是漸進(jìn)式創(chuàng)新還是顛覆式創(chuàng)新,依舊會(huì)保留一定的常規(guī)性,例如常規(guī)的地域文化、常規(guī)的理解認(rèn)知、常規(guī)的信息維度等,但也肯定有不常規(guī)的地方,那便是它獨(dú)特創(chuàng)新的部分,這意味著我們需要找對(duì)創(chuàng)新的場(chǎng)景,創(chuàng)新的部分,以及創(chuàng)新內(nèi)容的本質(zhì)與規(guī)則,要知道打破規(guī)則是一種創(chuàng)新是一種變革,但是前提是你得清楚規(guī)則的本質(zhì)是什么,胡亂一通的創(chuàng)新往往達(dá)不到更好的效果,容易忽視其他變量與常規(guī)性。
這讓我想起來(lái)《設(shè)計(jì)心理學(xué)3》中,唐納德提及的指環(huán)王中創(chuàng)新的語(yǔ)種里的兩個(gè)詞語(yǔ),一個(gè)是金屬另一個(gè)是雪花,盡管這個(gè)語(yǔ)種里的兩個(gè)單詞看起來(lái)是如此的陌生,但是大多數(shù)外國(guó)人還是能夠猜對(duì)那個(gè)是金屬那個(gè)是雪花,因?yàn)榻饘俚膯卧~中包含了兩個(gè)爆破音,更具有重金屬的味道,而雪花的單詞則具備斯斯的發(fā)音,顯得更加輕盈,這源于人們對(duì)現(xiàn)實(shí)生活場(chǎng)景的理解與認(rèn)知作用,這也是常規(guī)性。
通過(guò)《無(wú)界面交互》,看見(jiàn)了應(yīng)用軟件的發(fā)展簡(jiǎn)史,看見(jiàn)了軟件對(duì)生活服務(wù)的影響力。還真就是那句話,“當(dāng)我們習(xí)慣使用軟件后就需要更多更多的應(yīng)用軟件”,隨之利弊也變得更加清晰可見(jiàn),人們生活方式與行為習(xí)慣也對(duì)應(yīng)發(fā)生著轉(zhuǎn)變,變得是數(shù)字化的服務(wù)方式,不變的還是各個(gè)場(chǎng)景下的需求與優(yōu)化創(chuàng)新,就像我上一篇關(guān)于用戶行為與觸發(fā)式引導(dǎo)的文章中描述的那樣,應(yīng)用程序提供的是完成需求的功能,這意味著行為方式或成本的變化,但是本質(zhì)不變。
雖然書(shū)中作者批判了屏幕的種種罪惡,但是現(xiàn)階段發(fā)展離不開(kāi)電子屏幕的存在,或許這就是發(fā)展進(jìn)步中不可避免的一些矛盾與犧牲吧,誰(shuí)知道作者現(xiàn)在有沒(méi)有躺著椅子上用手機(jī)刷TikTok呢?不過(guò)作者唾棄的以應(yīng)用軟件來(lái)應(yīng)對(duì)各種需求服務(wù)的方式,倒是認(rèn)可的,應(yīng)用程序解決需求不是一勞永逸的辦法,創(chuàng)意創(chuàng)新也不止于界面,最終還是要回歸場(chǎng)景與需求的探索,樸實(shí)無(wú)華的點(diǎn)子依舊受歡迎。
而聚焦生活服務(wù)類(lèi)的場(chǎng)景與需求,我認(rèn)為物聯(lián)網(wǎng)與人工智能反而是以后更好的解決方案,我在之前的一篇關(guān)于物聯(lián)網(wǎng)交互創(chuàng)新探索的文章中也有歸納過(guò)物聯(lián)網(wǎng)的特征趨勢(shì)(注: 有興趣可以在往期文章中找到,有圖解不枯燥,值得一看),即自動(dòng)化、智能化、云計(jì)算、傻瓜式、聯(lián)動(dòng)性、可視化,我認(rèn)為這些特征都能很好的滿足無(wú)界面交互中潛移默化的UX設(shè)計(jì)理念,而作為這些生活服務(wù)類(lèi)的UX設(shè)計(jì)師,了解和熟悉物聯(lián)網(wǎng)技術(shù)也顯得尤為重要。
作者:PP_PAO
來(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)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(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ì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
標(biāo)簽: 用戶體驗(yàn) 設(shè)計(jì)趨勢(shì) ui 網(wǎng)頁(yè)設(shè)計(jì)
交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和“用戶體驗(yàn)”兩個(gè)層面上進(jìn)行分析,關(guān)注以人為本的用戶需求。
交互設(shè)計(jì)有許多的方法和理論,如格式塔心理學(xué)原理、尼爾森可用性原則、7±2法則、3次點(diǎn)擊法則、功能可見(jiàn)性原則、菲茨定律等。
系統(tǒng)應(yīng)當(dāng)在適當(dāng)?shù)臅r(shí)間內(nèi)快速讓用戶知道當(dāng)前所處的狀態(tài),即無(wú)論單擊、雙擊還是滾動(dòng)都會(huì)給用戶一個(gè)反饋,讓用戶對(duì)過(guò)去發(fā)生、當(dāng)前目標(biāo)、以及對(duì)未來(lái)去向有所了解,防止用戶出現(xiàn)錯(cuò)誤操作。
常見(jiàn)的反饋有刷新提示、加載提示、支付提示、下載提示、進(jìn)度提示等(具體見(jiàn)#產(chǎn)品中的反饋機(jī)制#文章)
示例:進(jìn)度條、已讀文章標(biāo)題變灰
軟件的使用更符合現(xiàn)實(shí)的場(chǎng)景,通過(guò)直觀的視覺(jué)來(lái)貼近真實(shí)的世界,比如使用易懂和約定俗成的表達(dá)。
示例:圖標(biāo)ICON等圖形化手法代替純語(yǔ)言文字(音樂(lè)播放轉(zhuǎn)盤(pán))
產(chǎn)品需要支持用戶“反悔”,即在用戶出現(xiàn)誤操作時(shí),需要給用戶提供“緊急出口”,做出“撤銷(xiāo)”“返回”“取消”“重做”等功能。
示例:微信聊天的撤回及重新編輯功能;備忘錄的恢復(fù)刪除功能
產(chǎn)品的信息架構(gòu)、交互方式、視覺(jué)表現(xiàn)等應(yīng)該具有一致性,主要包括結(jié)構(gòu)一致性、色彩一致性、文字一致性、操作一致性、反饋一致性
給用戶錯(cuò)誤的提示不如在用戶發(fā)生錯(cuò)誤之前避免它,可以幫助用戶排除一些容易出錯(cuò)的情況,或者進(jìn)行二次確認(rèn)。
示例:微信朋友圈編輯內(nèi)容后點(diǎn)選返回會(huì)出現(xiàn)是否保留此次編輯的彈窗以及在付款頁(yè)面等重要操作之前給出彈窗是否確認(rèn)支付,銀行卡號(hào)輸入時(shí)自動(dòng)以4位數(shù)字為一組便于用戶輸入防錯(cuò)
將用戶的記憶負(fù)擔(dān)最小化,盡量減少用戶記憶信息,應(yīng)該提供信息讓用戶辨認(rèn)。
示例:淘寶的搜索功能,使用關(guān)鍵詞聯(lián)想要搜索的內(nèi)容,避免有些商品名稱記不全可以輕松搜索到;引導(dǎo)頁(yè)的新功能提示
既能保證第一次使用者能清晰明白功能,又能給老用戶提供更高效的使用方式,允許用戶可以定制常用功能。
示例:支付寶首頁(yè)可以自定義放置常用功能;餓了么訂單頁(yè)面支持用戶再次購(gòu)買(mǎi)上次的菜單,不需要重復(fù)選擇
去除冗余和不相關(guān)元素,適當(dāng)留白,讓功能突出,不會(huì)分散用戶注意力,簡(jiǎn)潔精致的圖形能留下深刻的印象。
示例:知乎、簡(jiǎn)書(shū)等內(nèi)容為主的產(chǎn)品,減少元素使用,讓用戶聚焦內(nèi)容,提升用戶體驗(yàn)
盡量幫助用戶從錯(cuò)誤中恢復(fù),讓損失降到最低。指出錯(cuò)誤信息,并給解決建議。
示例:word的自動(dòng)保存功能;登錄頁(yè)密碼輸入錯(cuò)誤,給出錯(cuò)誤提示并修改建議
當(dāng)用戶需要幫助時(shí)給予用戶適當(dāng)?shù)膸椭肟?,幫助文檔要易于查找, 專注于用戶任務(wù)。
示例:微信 、淘寶等頁(yè)面的幫助與反饋
隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展,原本PC互聯(lián)網(wǎng)連接商業(yè)支付、購(gòu)買(mǎi)商品、瀏覽信息流等的能力已經(jīng)轉(zhuǎn)移到移動(dòng)端,而PC互聯(lián)網(wǎng)更加專注于其他領(lǐng)域的優(yōu)勢(shì):
下面是我觀察到的目前比較主流的交互設(shè)計(jì)點(diǎn),與大家分享。分別是:
典型的案例就是蘋(píng)果的Mac系統(tǒng)與Ios系統(tǒng)越發(fā)趨同,都采用了卡片化、模塊化,整個(gè)交互規(guī)范、視覺(jué)感受都一致以達(dá)到多端統(tǒng)一。同時(shí)信息可以自由流轉(zhuǎn):比如在同一Apple賬號(hào)下,Mac與IOS中復(fù)制的信息可以進(jìn)行同步粘貼。備忘錄、日歷、提醒事項(xiàng)、錄音中的信息進(jìn)行流轉(zhuǎn),在任何一臺(tái)Mac上登錄Apple賬號(hào)后都可以進(jìn)行同步。
在國(guó)內(nèi),B站的網(wǎng)頁(yè)端與App端的體驗(yàn)也逐步趨同,框架設(shè)計(jì)上更加卡片化與扁平化。信息流轉(zhuǎn)上,手機(jī)上暫停的視頻到網(wǎng)頁(yè)端繼續(xù)播放,實(shí)現(xiàn)了無(wú)縫切換。
淘寶首頁(yè):從過(guò)去復(fù)雜的信息流導(dǎo)航變?yōu)楝F(xiàn)在更加簡(jiǎn)潔的個(gè)性推薦卡片。整體體驗(yàn)與淘寶手機(jī)端一致。
總結(jié):精簡(jiǎn)無(wú)關(guān)信息,關(guān)注最重要的核心任務(wù),減少用戶跳出,沉浸式心流設(shè)計(jì)。
許多網(wǎng)頁(yè)接入騰訊、阿里的生態(tài),支持掃碼關(guān)注公眾號(hào)/手機(jī)驗(yàn)證碼即可完成注冊(cè)。省去了用戶編輯個(gè)人信息、輸入郵箱、輸入密碼等復(fù)雜的交互流程。
心流式體驗(yàn)設(shè)計(jì)是這幾年很熱門(mén)的詞,指的是通過(guò)優(yōu)化用戶體驗(yàn)讓用戶能夠沉浸式地高效完成目標(biāo)任務(wù)。這需要做到產(chǎn)品的交互習(xí)慣滿足用戶使用習(xí)慣,并且交互流程滿足用戶預(yù)期。過(guò)于頻繁的彈窗打擾和頁(yè)面跳轉(zhuǎn)的等待時(shí)間都會(huì)影響用戶進(jìn)入心流。
比如,例如飛書(shū)審批,審批詳情不需要跳轉(zhuǎn),點(diǎn)擊卡片即左側(cè)彈出詳情頁(yè)彈窗;讓用戶可以在同一個(gè)頁(yè)面即可瀏覽信息,不需要進(jìn)行跳轉(zhuǎn)到新的頁(yè)面進(jìn)行查看,方便用戶完成批量的審批任務(wù)。
再比如:阿里云,開(kāi)通服務(wù)的時(shí)候不需要跳轉(zhuǎn),而是在側(cè)邊彈出訂單彈窗,方便用戶操作。
上面說(shuō)到,頻繁的彈窗提醒也會(huì)影響用戶進(jìn)入心流,用戶在對(duì)表單、畫(huà)布中的內(nèi)容進(jìn)行刪除的時(shí)候,如果使用全屏二次提醒彈窗,會(huì)感到創(chuàng)作過(guò)程被打斷。
釘釘宜搭:卡片畫(huà)布類(lèi)產(chǎn)品,刪除操作時(shí),不局限于大彈窗,而是用靠近按鈕的小彈窗,使鼠標(biāo)的滑動(dòng)路徑更短,操作更加簡(jiǎn)便;并且在不過(guò)多打擾用戶的前提下,完成了目標(biāo)操作。
復(fù)雜性守恒定律由Larry Tesler于1986年提出,也稱泰斯勒定律。指的是“任何系統(tǒng)都存在其固有的復(fù)雜性,且無(wú)法被減少,只能設(shè)法調(diào)整、平衡。我們要考慮的是,怎么樣更好地處理它,讓用戶簡(jiǎn)單、高效地使用它”。
很多的中后臺(tái)系統(tǒng)中很多表單會(huì)存在大量的配置項(xiàng),這些配置項(xiàng)是否可以簡(jiǎn)化,讓平臺(tái)變得更簡(jiǎn)單智能?大部分時(shí)候答案都是否定的,過(guò)度追求簡(jiǎn)化往往容易弄巧成拙。功能邏輯易于解釋與理解才是更好的方案,當(dāng)你試圖簡(jiǎn)化降低復(fù)雜度,可能在其他地方埋了雷。
其中一個(gè)解決方案是將復(fù)雜度轉(zhuǎn)交給系統(tǒng),蘋(píng)果公司的黑盒理論與此互通;就是用戶不需要了解系統(tǒng)或功能背后的實(shí)現(xiàn)邏輯,只需要關(guān)注呈現(xiàn)在用戶眼前的交互界面即可。如今數(shù)據(jù)智能化處理正不斷發(fā)展,我們也看到了智能化在PC端領(lǐng)域的應(yīng)用。
剪映相比于老牌視頻編輯軟件更加簡(jiǎn)單,提供各種在線特效模板,來(lái)降低任務(wù)復(fù)雜度。相比傳統(tǒng)的PR、AE軟件需要本地存儲(chǔ)預(yù)設(shè)文件,或者手動(dòng)編輯簡(jiǎn)單了很多。用戶不需要知道背后的實(shí)現(xiàn)的技術(shù)原理,也不需要掌握過(guò)多的特效制作、調(diào)色技巧即可完成視頻的剪輯、調(diào)色工作。
推薦組件功能:用戶在進(jìn)行流程搭建時(shí),不需要從左側(cè)組件區(qū)拖拽組件,而是點(diǎn)擊連接線中間來(lái)添加組件。如果可以其實(shí)還可以更進(jìn)一步,就是根據(jù)后臺(tái)數(shù)據(jù)分析創(chuàng)建目標(biāo)流程需要的組件,向用戶主動(dòng)推薦相關(guān)組件,以此來(lái)降低用戶的創(chuàng)建門(mén)檻。
隨著傳統(tǒng)業(yè)務(wù)向互聯(lián)網(wǎng)轉(zhuǎn)型越發(fā)普遍,線下業(yè)務(wù)流程轉(zhuǎn)到線上的需求場(chǎng)景越來(lái)越多,一個(gè)單一的系統(tǒng)不能完全滿足所有的業(yè)務(wù)場(chǎng)景需求,由此需要一個(gè)更加靈活模塊化的系統(tǒng)來(lái)針對(duì)不同的應(yīng)用場(chǎng)景來(lái)應(yīng)用不同的產(chǎn)品架構(gòu)。而該系統(tǒng)中的功能框架、交互組件又可以重復(fù)利用,于是更加靈活、模塊化、可自定義配置的系統(tǒng)后臺(tái)越發(fā)受到歡迎。
飛書(shū)、釘釘易搭內(nèi)的審批流程、會(huì)議系統(tǒng)、工單系統(tǒng)都可以通過(guò)模塊化的組件進(jìn)行高效搭建,不需要代碼即可像搭積木一樣實(shí)現(xiàn)用戶的自定義需求。
阿里的天貓優(yōu)品電器店線下門(mén)店設(shè)計(jì)平臺(tái),整理了線下門(mén)店所需的16個(gè)模塊(前臺(tái)、小家電中島、洗衣機(jī)、櫥窗、空調(diào)、吧臺(tái)等),通過(guò)線上三維化場(chǎng)景直接進(jìn)行可視化設(shè)計(jì),所見(jiàn)即所得,并且能夠模擬現(xiàn)場(chǎng)燈光效果,根據(jù)門(mén)店現(xiàn)場(chǎng)規(guī)格,直接在三維空間里修改,快速導(dǎo)出效果圖;非常高效地完成了其他門(mén)店的需求化定制。
抖音網(wǎng)頁(yè)端的用戶體驗(yàn)沿襲了手機(jī)App端的風(fēng)格,用戶進(jìn)入網(wǎng)頁(yè)的核心目的就是看短視頻打發(fā)時(shí)間,于是進(jìn)入首頁(yè)即可看短視頻,不需要用戶手動(dòng)選擇分類(lèi),并且手機(jī)端的用戶偏好通過(guò)用戶的賬號(hào)同步至網(wǎng)頁(yè)端,有了很順暢的用戶體驗(yàn)。
相比快手網(wǎng)頁(yè)版,快手延續(xù)了常規(guī)視頻網(wǎng)站的交互方式,將視頻內(nèi)容分為短視頻、直播、同城、長(zhǎng)視頻、小劇場(chǎng)等多個(gè)類(lèi)別,由用戶自主去選擇觀看的內(nèi)容,內(nèi)容雖然更加多元,但確實(shí)路徑過(guò)長(zhǎng),不夠直接。
再舉個(gè)例子,新版的淘寶網(wǎng)頁(yè)端不再像個(gè)門(mén)戶網(wǎng)站導(dǎo)航,而是通過(guò)數(shù)據(jù)分析用戶喜好來(lái)主動(dòng)推薦代替用戶自己選擇。用戶來(lái)淘寶網(wǎng)頁(yè)端,其實(shí)并不是買(mǎi)東西,大眾用戶已經(jīng)習(xí)慣了在手機(jī)上進(jìn)行支付,到了網(wǎng)頁(yè)端反而會(huì)不適應(yīng)。用戶來(lái)到淘寶網(wǎng)頁(yè)端的更多目的就是逛,看有沒(méi)有自己想要的東西,遇到喜歡的,就點(diǎn)進(jìn)去看了。于是新版淘寶通過(guò)個(gè)性化推薦把過(guò)去復(fù)雜的活動(dòng)運(yùn)營(yíng)頁(yè)板塊、特價(jià)板塊、品類(lèi)板塊替換掉了,讓用戶在網(wǎng)頁(yè)端獲得更好的“逛街”體驗(yàn)。
而京東,在首頁(yè)做了復(fù)雜的流量分發(fā)設(shè)計(jì),通過(guò)不同的頻道、不同的板塊將用戶引流至相關(guān)的專題頁(yè)面,再進(jìn)行商品瀏覽。本質(zhì)上來(lái)說(shuō),用戶來(lái)到淘寶、來(lái)到京東的目的都是因?yàn)殚e,而淘寶的通過(guò)數(shù)據(jù)智能,大數(shù)據(jù)精準(zhǔn)推薦用戶喜歡的商品,簡(jiǎn)化了用戶的使用路徑,并且使整體頁(yè)面更加簡(jiǎn)潔。
網(wǎng)頁(yè)的官網(wǎng)、首頁(yè)承擔(dān)著產(chǎn)品介紹、流量分發(fā)、增強(qiáng)品牌印象等的職責(zé)。我觀察到越來(lái)越多產(chǎn)品官網(wǎng)都開(kāi)始采用3D元素、視頻背景、大圖元素、微動(dòng)效來(lái)讓頁(yè)面呈現(xiàn)更加具有質(zhì)感和動(dòng)感。
它是由Web3D技術(shù)的發(fā)展而興起,能夠給網(wǎng)頁(yè)Banner帶來(lái)更強(qiáng)的視覺(jué)吸引力,同時(shí)也強(qiáng)化了公司融合了AI技術(shù)的品牌印象。如法大大官網(wǎng)、騰訊云、阿里云的首頁(yè)Banner展示。法大大首頁(yè)Banner,鼠標(biāo)滾輪向下滾動(dòng)3D元素會(huì)相應(yīng)產(chǎn)生變動(dòng),文案與元素一靜一動(dòng),對(duì)比明顯,也更易于用戶注意到文案信息。
大疆官網(wǎng)首屏采用了全畫(huà)幅大圖的形式展示熱門(mén)產(chǎn)品,下方的產(chǎn)品推薦頁(yè)自動(dòng)播放宣傳視頻,提升了頁(yè)面的視覺(jué)沖擊力,展示了其科技屬性。
疫情時(shí)期,線上辦公的需求和頻率激增,線上協(xié)作興起,許多辦公軟件都有了多人場(chǎng)景編輯功能。特別是對(duì)于復(fù)雜的項(xiàng)目,需要團(tuán)隊(duì)成員共同完成,協(xié)同合作的功能越來(lái)越受歡迎。
比如我們熟悉的figma,逐漸取代了傳統(tǒng)UI設(shè)計(jì)軟件ps、sketch等的頭部地位,其中的項(xiàng)目協(xié)同功能更是廣受歡迎。只需要發(fā)送項(xiàng)目鏈接邀請(qǐng)成員即可進(jìn)行項(xiàng)目協(xié)作,還支持多人標(biāo)注、語(yǔ)音溝通,大大提升了工作效率。
許多辦公軟件也都上線了類(lèi)似的功能,比如幕布可以通過(guò)設(shè)置權(quán)限、發(fā)送鏈接或二維碼來(lái)邀請(qǐng)協(xié)作者共同編輯文檔,為產(chǎn)品的使用場(chǎng)景提供了更多可能。
曾鳴在《未來(lái)商業(yè)20講》里說(shuō):“未來(lái)的互聯(lián)網(wǎng)世界的兩大趨勢(shì)是數(shù)據(jù)智能、網(wǎng)絡(luò)效應(yīng)”。
這在PC端也得到了印證。淘寶網(wǎng)首頁(yè)、抖音首頁(yè)、嗶哩嗶哩網(wǎng)頁(yè)端將PC端與APP端的數(shù)據(jù)進(jìn)行互通,并對(duì)用戶行為偏好數(shù)據(jù)進(jìn)行分析,為用戶提供更加精準(zhǔn)的信息流的同時(shí),還使得頁(yè)面的交互更加簡(jiǎn)單,視覺(jué)效果更加簡(jiǎn)潔,過(guò)去依賴用戶自主選擇進(jìn)行流量分發(fā)的形式將會(huì)越來(lái)越弱勢(shì)。
在工具類(lèi)產(chǎn)品中,利用數(shù)據(jù)智能化可以將用戶操作上的復(fù)雜度轉(zhuǎn)移給系統(tǒng),從而降低用戶使用門(mén)檻,提升用戶體驗(yàn)。與此同時(shí),工具類(lèi)平臺(tái)也越發(fā)靈活化化,通過(guò)模塊化設(shè)計(jì)來(lái)自定義搭建不同用戶的使用需求的產(chǎn)品,還能節(jié)省資源建設(shè)成本。
網(wǎng)絡(luò)效應(yīng)的部分應(yīng)用體現(xiàn)在用戶在使用工具類(lèi)產(chǎn)品中,不再是孤單的個(gè)體,而是能通過(guò)線上協(xié)同,讓用戶與用戶之間能夠產(chǎn)生共同協(xié)作,共同交流,更加方便地完成任務(wù)。
作者:為美好而設(shè)計(jì)
轉(zhuǎn)載請(qǐng)注明:站酷
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
會(huì)員權(quán)益上線后,為了讓更多用戶享受到更優(yōu)質(zhì)的糖豆使用體驗(yàn),對(duì)于會(huì)員價(jià)格推出了一系列優(yōu)惠活動(dòng)。下面將簡(jiǎn)單介紹一下,在視覺(jué)表現(xiàn)層面,我們是怎樣將活動(dòng)的主要信息傳達(dá)給用戶。
首先,活動(dòng)的主要信息的顯示區(qū)域,是根據(jù)最小機(jī)型的屏幕尺寸制定范圍,原因如下:
糖豆大部分用戶的使用設(shè)備多為老舊的千元機(jī),屏幕小、性能低是主要特點(diǎn)。為避免跨屏瀏覽,減少老年人的注意力分散,將主要信息一屏展示,信息精簡(jiǎn)的同事,防止信息過(guò)載。
同時(shí)一部分用戶習(xí)慣不往下滑動(dòng)頁(yè)面,使得信息展示的不完全。在這種情況下,適當(dāng)減少縮短頭部修飾及氛圍元素的顯示面積,讓活動(dòng)的信息及功能在不做任何操作的情況下,能夠清晰展示。
一開(kāi)始彈窗的制作想法,是將信息視覺(jué)化,將加贈(zèng)的部分獨(dú)立展示出來(lái),突出了此次活動(dòng)的優(yōu)惠價(jià)值。但這樣的表現(xiàn)形式使得各個(gè)元素分散,從上至下的閱讀軌跡在中間被斬?cái)喑蓮淖笾劣?,閱讀成本劇增的同時(shí),老年人也讀不太懂。
最終的解決方案為一句話表示,通俗易懂,讓用戶一眼明白,在什么時(shí)間,什么內(nèi)容,要做什么。
糖豆App與大屏端的圖標(biāo)視覺(jué)上差異不大,作為輔助圖形,意義感知不強(qiáng),用戶無(wú)法從頭圖部分得知這是個(gè)關(guān)于什么主題的活動(dòng)。且4.1折只是個(gè)概念,具體優(yōu)惠金額多少?zèng)]有直接體現(xiàn),無(wú)法吸引用戶的了解購(gòu)買(mǎi)。
什么是超級(jí)會(huì)員?用具體的電視與手機(jī)展示的同時(shí),標(biāo)題“手機(jī)電視都能看”進(jìn)一步作出了解答,我們用最直白的方式解釋了什么是超級(jí)會(huì)員。
用戶對(duì)價(jià)格非常敏感,尤其是中老年用戶,如何體現(xiàn)價(jià)格的優(yōu)惠力度是我們需要解決的問(wèn)題。
中國(guó)人的閱讀習(xí)慣一般是從左到右從上至下,于是將價(jià)格內(nèi)容放到左上并且放大,突出第一層級(jí)的信息;優(yōu)惠金額放到價(jià)格下方,這是第二層級(jí);右邊放上價(jià)格的組成及原始價(jià)格的輔助信息,整體簡(jiǎn)潔硬朗,清晰明確。
隨著年齡的增長(zhǎng),伴隨生理變化看不到的大腦老化,中老年人的注意力和記憶力會(huì)呈大幅度的下降。我們既要保證新鮮感的同時(shí),又要注意用戶的學(xué)習(xí)成本。
在玩法相同的情況下,只更改了視覺(jué)元素,活動(dòng)信息/功能的位置保持不變。
作者:ANOTHERZOUZOU
轉(zhuǎn)載請(qǐng)注明:站酷
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
循序漸進(jìn)的內(nèi)容結(jié)構(gòu),不放目錄了,內(nèi)容框架如下:
1. 為何說(shuō)應(yīng)用程序是一種行為設(shè)計(jì)
————用戶行為視角進(jìn)行設(shè)計(jì)和解決問(wèn)題
2. 行為設(shè)計(jì)下的設(shè)計(jì)模型理念
————運(yùn)用模型理解行為、設(shè)計(jì)行為
3. 行為設(shè)計(jì)不能沒(méi)有用戶引導(dǎo)
————挖掘行為設(shè)計(jì)重要的部分“引導(dǎo)”
4. 正在被濫用的用戶引導(dǎo)
————煩人的引導(dǎo)信息源源不斷
5. 善用觸發(fā)式引導(dǎo)賦能體驗(yàn)
————讓觸發(fā)式引導(dǎo)更棒的5個(gè)建議
————新一輪的趨勢(shì),克制與降噪
分割線-------------------------------------
應(yīng)用設(shè)計(jì)為啥要行為設(shè)計(jì)視角?是因?yàn)榭徇€是更有挑戰(zhàn)性?可拉倒吧,我都癱工位上了還卷啥?只是在實(shí)際的設(shè)計(jì)過(guò)程中,通過(guò)觀察或共情用戶行為可以反映出很多問(wèn)題,可以幫助洞察出更多價(jià)值或新的機(jī)遇。
此前我在試圖尋找一款具還不錯(cuò)的機(jī)械美感鼠標(biāo),但是沒(méi)有一下子找到合適的,準(zhǔn)備第二天摸魚(yú)的時(shí)候再看看,結(jié)果第二天上午十點(diǎn)左右,手機(jī)回復(fù)消息時(shí),就收到了一條淘寶的通知。是關(guān)于鼠標(biāo)的,你猜對(duì)了,之后我就順勢(shì)打開(kāi)了淘寶,看看是否會(huì)有新的收獲,淘寶根據(jù)我的搜索行為記錄,果然在首頁(yè)零零散散穿插了不少鼠標(biāo),我在首頁(yè)看到了一張鼠標(biāo)商品圖,我迫不及待的點(diǎn)開(kāi),結(jié)果發(fā)現(xiàn)是穿了身衣裳的羅技G502HREO,不禁感嘆道這些商人們的洞察力。
那么回過(guò)神來(lái),你是否已經(jīng)感受到了行為視角加一點(diǎn)點(diǎn)同理心一點(diǎn)點(diǎn)洞察力,就可以產(chǎn)生如此奇妙的價(jià)值?
應(yīng)用程序本質(zhì)就是數(shù)字化服務(wù),只是將行為方式進(jìn)行了轉(zhuǎn)變,以及采用了網(wǎng)絡(luò)進(jìn)行信息交互。當(dāng)我們有了需求后就會(huì)使用這些應(yīng)用程序提供的功能完成需求。比如原本要在菜市場(chǎng)才能完成選菜、選量、付錢(qián)、帶回家,而通過(guò)數(shù)字化服務(wù)則可以足不出戶,在手機(jī)設(shè)備上完成購(gòu)菜。當(dāng)然了,這也意味著行為方式或成本的變化,但是本質(zhì)不變。
數(shù)字化視角下,我們看見(jiàn)用戶實(shí)現(xiàn)需求僅僅是手機(jī)上敲敲打打就做到了,而其本質(zhì)只是調(diào)整了實(shí)現(xiàn)的行為方式,基本就是內(nèi)容輸入輸出、查看選擇、傳遞交換,再深入點(diǎn)就是界定用戶輸入什么輸出什么,看見(jiàn)什么選擇什么等一系列設(shè)定,自下而上來(lái)看,就是圍繞產(chǎn)品服務(wù)或產(chǎn)品目標(biāo)展開(kāi),然后界定功能服務(wù)的范圍與內(nèi)容范圍,通過(guò)交互與信息框架定義用戶行為的方式與范圍。
應(yīng)用本身就像是一個(gè)行為框架,盡管不能?chē)?yán)格控制,但它規(guī)定了用戶行為的方式、范圍、路徑以促導(dǎo)用戶實(shí)現(xiàn)需求,表象是各種功能的設(shè)計(jì),而背后也可以看做是用戶行為的精心編排,而超出預(yù)期的用戶行為則可以看作違規(guī)或設(shè)計(jì)漏洞,而我們通過(guò)數(shù)據(jù)埋點(diǎn)或數(shù)據(jù)分析來(lái)密切關(guān)注用戶行為,也正是為了檢驗(yàn)設(shè)計(jì)編排是否合理或滿足商業(yè)預(yù)期,如此看來(lái)我們?yōu)楹沃匾曈脩粜袨榕c數(shù)據(jù)收集也就很好解釋了。
或許你在疑惑知道了行為設(shè)計(jì)視角又如何?實(shí)際在產(chǎn)品設(shè)計(jì)過(guò)程中,行為視角確實(shí)能帶來(lái)太多驚喜,以至于一些場(chǎng)景化交互問(wèn)題,我會(huì)代入行為視角思考每一步行為過(guò)程,而不是單純的考慮流程與線框圖。我認(rèn)為行為表現(xiàn)能夠清晰反映出一個(gè)用戶的特征,當(dāng)我們說(shuō)通過(guò)一個(gè)人的行為表現(xiàn)了解對(duì)方時(shí),也就這個(gè)意思啦,愈發(fā)真實(shí)自然的行為表現(xiàn)越能反映出一個(gè)人的特征畫(huà)像,這應(yīng)該也是為什么HR會(huì)用“行為面試法”來(lái)篩選應(yīng)聘者的原因吧。
那么回到應(yīng)用設(shè)計(jì)上,當(dāng)我們通過(guò)技術(shù)手段收集到了用戶數(shù)據(jù),也只是一些數(shù)值罷了,唯有清楚數(shù)據(jù)涵義并結(jié)合用戶行為視角,才能夠分析還原出更有價(jià)值的信息,當(dāng)獲取到足夠的用戶行為信息后,我們就可以還原出相對(duì)真實(shí)的用戶特征畫(huà)像,以用于行為設(shè)計(jì)分析改善,來(lái)驅(qū)動(dòng)產(chǎn)品體驗(yàn)或是商業(yè)目標(biāo)。
說(shuō)到行為設(shè)計(jì),不得不提到HOOK模型與福格行為模型吧,一個(gè)產(chǎn)品往往不僅需要行為設(shè)計(jì)也需要習(xí)慣培養(yǎng),唯有這樣才能使得用戶能夠熟練掌握應(yīng)用并產(chǎn)生粘性,HOOK上癮模型,一個(gè)關(guān)于如何讓用戶對(duì)產(chǎn)品上癮或培養(yǎng)習(xí)慣的模型;福格行為模型,解釋用戶發(fā)生行為的條件與關(guān)系式的模型。
簡(jiǎn)單概括就是要產(chǎn)生行為,就需要一瞬間產(chǎn)生內(nèi)在的行為動(dòng)力“動(dòng)機(jī)”,并且有足夠的“能力”執(zhí)行,還需要適當(dāng)信息提示來(lái)助推行為產(chǎn)生。我用人話解釋一下哈,在此前了我們玩一個(gè)動(dòng)動(dòng)手指就行的小游戲。
一、首先伸出左手,掌心面朝自己;
二、然后仔細(xì)盯著中指的末端;
三、為了更佳集中注意力,把其他四個(gè)指頭慢慢握攏;
好了,是的就好了,這個(gè)過(guò)程中,我說(shuō)開(kāi)始一個(gè)小游戲其實(shí)就是為了形成一個(gè)動(dòng)機(jī),而后續(xù)一系列步驟引導(dǎo)就是對(duì)應(yīng)的觸發(fā)信息,當(dāng)然了動(dòng)動(dòng)手這么簡(jiǎn)單的事兒,我相信大家能力十足。其實(shí)這個(gè)模型就是告訴我們要想行動(dòng)起來(lái)就要讓你“想做、能做、開(kāi)始做”。
首先是一個(gè)開(kāi)始:提示觸發(fā)
第一個(gè)是來(lái)自我自身或腦海里的提示觸發(fā),通常管這個(gè)叫做需求,洋氣點(diǎn)叫做“內(nèi)部觸發(fā)”,比如剛剛肚子叫了,感覺(jué)有點(diǎn)兒餓了,當(dāng)然了這些“內(nèi)部觸發(fā)”隨機(jī)且不穩(wěn)定,來(lái)自我們的心理活動(dòng)以及身體本能。
而生活場(chǎng)景下的各種應(yīng)用程序則需要媒介對(duì)我們產(chǎn)生觸發(fā),與之前“內(nèi)部觸發(fā)”相反,這些誘因我們稱為“外部觸發(fā)”,你在生活中看見(jiàn)的廣告、好友安利的商品、手機(jī)通知消息、小紅點(diǎn)提示、鈴聲震動(dòng)等一系列均是外部觸發(fā)。
具備一個(gè)行為動(dòng)力:動(dòng)機(jī)
凡事我們要做出行動(dòng)前都會(huì)有一個(gè)動(dòng)機(jī),還記得剛剛我說(shuō)肚子餓了嗎?是的,于是大晚上的我想搞點(diǎn)兒燒烤吃吃,想到肉香四溢,酒足飯飽的感覺(jué)真是快樂(lè)啊,也不用吃藥抑制胃酸過(guò)多的痛苦了。
而讓你打車(chē)的動(dòng)機(jī)、點(diǎn)外賣(mài)的動(dòng)機(jī)、網(wǎng)購(gòu)鼠標(biāo)的動(dòng)機(jī)、打開(kāi)網(wǎng)頁(yè)閱讀的動(dòng)機(jī),你是否已經(jīng)清晰看見(jiàn),總歸是有一個(gè)的,甚至?xí)卸鄠€(gè)。
能夠進(jìn)行執(zhí)行的條件:能力
當(dāng)一切剛剛好,觸發(fā)有效,動(dòng)機(jī)也有,可以做了嗎?不不不,能力才是執(zhí)行的硬核條件,如果我的能力相差懸殊我可能會(huì)直接放棄或降低預(yù)期調(diào)整目標(biāo),所以我想到燒烤店就在小區(qū),票子也足夠,腿腳也麻溜,這不,燒烤已經(jīng)擰在手里了。所以你看,現(xiàn)在的應(yīng)用程序不斷在降低操作難度或消費(fèi)門(mén)檻不就是這個(gè)理兒?jiǎn)幔?
*你白天忙沒(méi)時(shí)間娛樂(lè)?沒(méi)關(guān)系,直播午夜檔、24小時(shí)轟趴派對(duì)等候你。
*你工作完腦力體力有限?沒(méi)關(guān)系,這些短視頻幽默好玩不費(fèi)腦,不喜歡輕輕一劃下一個(gè),不想滑?沒(méi)事兒,短視頻已經(jīng)在流行自動(dòng)播放下一個(gè)呢!
*最近手頭緊了?沒(méi)關(guān)系,咱們的商品統(tǒng)統(tǒng)優(yōu)惠哈,還能分期付款,再不行還能組團(tuán)砍一刀來(lái)點(diǎn)兒優(yōu)惠。
產(chǎn)品設(shè)計(jì)中的可用性、易用性、統(tǒng)一性各種交互定律,以及各種營(yíng)銷(xiāo)手段不就是在不斷的降低難度促成用戶行為的發(fā)生嗎?總之產(chǎn)品會(huì)想辦法讓你更輕松用起來(lái),讓你慷慨消費(fèi)起來(lái)。
大概是該動(dòng)一動(dòng)了:行為
就像前面動(dòng)動(dòng)手指的游戲一樣,當(dāng)行為發(fā)生前的三個(gè)條件同時(shí)滿足時(shí),我就該動(dòng)起來(lái)了,我的行為向著動(dòng)機(jī)目標(biāo)有序的進(jìn)行著。
HOOK上癮模型的核心在于使用產(chǎn)品后,會(huì)獲取酬賞激勵(lì),我們?yōu)榱俗非蟾嗟幕映曩p,以加大投入,并且持續(xù)的投入會(huì)提升對(duì)產(chǎn)品的價(jià)值積累,同時(shí)我們行為上就會(huì)不斷的反復(fù),之后就會(huì)留下慣性的操作模式,即習(xí)慣。整個(gè)過(guò)程中觸發(fā)與行為部分即福格行為模型部分,而新的部分主要包括多變的酬賞與投入部分;
多變的酬賞:激勵(lì)上癮的根因
社交酬賞:產(chǎn)品社交互動(dòng)中的反饋激勵(lì),例如常見(jiàn)的分享點(diǎn)贊、評(píng)論互動(dòng)、人際關(guān)系建立等,在社交類(lèi)產(chǎn)品中是極具分量的部分,良好的社交酬賞能夠很好的激勵(lì)用戶參與互動(dòng)與自發(fā)的創(chuàng)作內(nèi)容,屬于UGC重要的一環(huán)。
獵物酬賞:這就包括了金錢(qián)獎(jiǎng)勵(lì)、知識(shí)、資訊、娛樂(lè)等一系列你主動(dòng)在產(chǎn)品中搜尋的信息或資源滿足。當(dāng)你還處于清醒活躍的狀態(tài)時(shí),腦子不會(huì)突然的呆掉而是胡思亂想或想找點(diǎn)內(nèi)容填充無(wú)聊的時(shí)光,于是你打開(kāi)手機(jī)一個(gè)又一個(gè)的短視頻、資訊文章或是圖文段子。
自我酬賞:以自我為中心的快感滿足,如產(chǎn)品體驗(yàn)中的操作感、成就感、終結(jié)感。我們?yōu)槭裁匆嬗螒??因?yàn)橛螒蛴懈鞣N操作感可以滿足自己,并且還有豐富的美術(shù)視覺(jué),一旦我們獲取對(duì)戰(zhàn)中最優(yōu)數(shù)據(jù)或MVP時(shí)是不是很興奮!因?yàn)橛谐删透校@時(shí)你完成了最后一個(gè)敵人的擊殺!恭喜你完成最后一擊!是不是終結(jié)感也很不賴。
持續(xù)的投入:習(xí)慣的培養(yǎng)
上癮就是一次不夠還想要,習(xí)慣就是不知覺(jué)的在對(duì)應(yīng)場(chǎng)景中重復(fù)某個(gè)行為,一旦當(dāng)你在某個(gè)產(chǎn)品中不斷的注入你的投入,你也會(huì)獲取更多的激勵(lì)與成就,它可以是你存儲(chǔ)的照片、發(fā)布的動(dòng)態(tài)、收集的歌單、你的粉絲團(tuán)、你的名氣信譽(yù)或是技能收獲,慢慢的你會(huì)對(duì)該產(chǎn)品的價(jià)值評(píng)估提高,你會(huì)越來(lái)越難以割舍,甚至想要推薦伙伴在這里和你一起,而接下來(lái)就是另一個(gè)觸發(fā)再次把你拉回來(lái)。
因?yàn)槭裁炊习a:期待沒(méi)有止境的舒服
實(shí)現(xiàn)上癮就這么簡(jiǎn)單嗎?想想好像不是,所以根因是什么?你有沒(méi)有同樣的感受,貌似大部分人對(duì)工作并不上癮,是因?yàn)闆](méi)有酬賞嗎?貌似對(duì)有酬賞的家務(wù)也不會(huì)上癮,甚至學(xué)習(xí)打卡也不叫人上癮,反而是刷短視頻、刷帖子、玩游戲、線上交友、語(yǔ)音派對(duì)這些娛樂(lè)更叫人上癮,這是為什么呢?
回到前面的行為部分再結(jié)合HOOK的酬賞部分來(lái)看,如圖,你是否會(huì)有什么啟示呢?
酬賞快樂(lè)
讓你痛苦不堪的產(chǎn)品必然是與上癮無(wú)緣的,對(duì)于自身有益且美好快樂(lè)的事物我們會(huì)追求,反之則避免或逃避,尋求短暫的刺激來(lái)麻痹痛苦,不過(guò)這只是讓用戶接受和樂(lè)意使用的初步條件,上癮?還不至于。
充滿期待
為什么模型中指出是多變的酬賞?因?yàn)椴皇且淮涡詽M足,而且還是多元化的滿足刺激,想象一下你,打開(kāi)短視頻,看完一個(gè)后接著下一個(gè),但是相似度極高,于是你繼續(xù)滑動(dòng),一個(gè)又一個(gè),但是內(nèi)容依舊極其相似,你開(kāi)始反思,情緒低落,對(duì)后續(xù)的內(nèi)容不再充滿期待,你停止繼續(xù)并退出了應(yīng)用。這是另一個(gè)重要因素,帶有期待,我們會(huì)本能的追求希望逃避恐懼,如果對(duì)后續(xù)不再抱有期待或希望時(shí),那么這將是中斷心流與上癮絕緣的一個(gè)信號(hào)!
沒(méi)有止境
你是否有發(fā)現(xiàn)不論是追劇、短視頻、搞笑段子、游戲等一系列讓你短暫成癮時(shí),都有一個(gè)相似點(diǎn),似乎沒(méi)有受到干擾時(shí),根本沒(méi)有終點(diǎn),你可以忘卻時(shí)間持續(xù)性的沉浸其中,享受著一個(gè)接著一個(gè)的高潮或激勵(lì)。
如果要打造一款成癮的熱銷(xiāo)產(chǎn)品,我想這三個(gè)點(diǎn)也是值得深思熟慮的因素,HOOK模型是精簡(jiǎn)的,但是內(nèi)涵不止于此。
而對(duì)于習(xí)慣養(yǎng)成型,則有一部分是因?yàn)樘颖芡纯嗷蚵闊?,我之前離單位比較近,到公司不會(huì)太早,但是研發(fā)工作卻很積極,以至于我為了避免耽誤研發(fā)或形成負(fù)面的同事形象,我都會(huì)早上習(xí)慣性的打開(kāi)工作群看一下有沒(méi)有紅色的“@”,如果有的話,則趕緊看一下什么情況回復(fù)一下。
在以上的模型中,找到了用戶行為調(diào)動(dòng)的方法,以及習(xí)慣養(yǎng)成甚至成癮的關(guān)鍵點(diǎn),但是結(jié)合應(yīng)用程序設(shè)計(jì)的特征,我注意到還有一些行為層設(shè)計(jì)的關(guān)鍵點(diǎn)散落在各個(gè)環(huán)節(jié),為更好滿足設(shè)計(jì)應(yīng)用的目的,我在HOOK上癮模型的基礎(chǔ)上細(xì)化了一些值得注意的節(jié)點(diǎn),并試圖在應(yīng)用設(shè)計(jì)的過(guò)程中找到了節(jié)點(diǎn)的映射關(guān)系,驗(yàn)證可行性,在此我會(huì)穿插一些案例進(jìn)行各個(gè)節(jié)點(diǎn)介紹。
為什么在我們生活的場(chǎng)景中,處處充斥著廣告或品牌的概念,因?yàn)樯虡I(yè)產(chǎn)品需要觸發(fā)!唯有當(dāng)你了解一個(gè)產(chǎn)品的用途時(shí),你有了內(nèi)在需求才能及時(shí)的想起對(duì)應(yīng)的服務(wù)品牌,并使得這些產(chǎn)品有機(jī)會(huì)被你翻牌子,然后你打開(kāi)這個(gè)應(yīng)用,應(yīng)用:多謝恩寵~
外部觸發(fā)的誘因,就是在適當(dāng)時(shí)候提醒你是否需要,讓你產(chǎn)生動(dòng)機(jī),或是引導(dǎo)你完成某個(gè)事件的動(dòng)作,例如電話鈴聲響起,你掏出你的手機(jī)查看并思考是否接聽(tīng)。然后發(fā)現(xiàn)是騷擾電話你掛斷了,這時(shí)手機(jī)彈出通知,是否開(kāi)啟騷擾電話攔截?然后你又開(kāi)始點(diǎn)擊查看騷擾電話攔截服務(wù)。
精髓在于打造良好的品牌賣(mài)點(diǎn)與口碑,在適當(dāng)?shù)那榫澳軌蚣て鹩脩舻氖褂糜蛳M(fèi)動(dòng)機(jī),能夠激起或助推動(dòng)機(jī)、引導(dǎo)輔助用戶行動(dòng)、提示反饋牽引用戶。
不論是出于自身需求還是外部誘因產(chǎn)生的動(dòng)機(jī),一個(gè)讓你做出行動(dòng)前的心里動(dòng)力,之所以被分為感知、情感、社會(huì)三個(gè)成層面,則是為了在適合的場(chǎng)景下給出更被需要的動(dòng)機(jī)的觸發(fā)指引,例如在炎熱的大馬路上,出于感知?jiǎng)訖C(jī)口渴,我推出冰爽的飲品更容易被需要或產(chǎn)生購(gòu)買(mǎi)動(dòng)機(jī)。并且當(dāng)一個(gè)動(dòng)機(jī)無(wú)法直接滿足時(shí),我們還會(huì)有更多間接的動(dòng)機(jī)。
大多時(shí)候我們處于慣性思考的狀態(tài),習(xí)慣性做事兒,但面對(duì)復(fù)雜的目標(biāo),我們都會(huì)預(yù)先進(jìn)行一個(gè)規(guī)劃,這不像屁股癢癢了就反射性伸手撓一撓這么簡(jiǎn)單,這個(gè)過(guò)程中圍繞心理活動(dòng)展開(kāi),給予已有目標(biāo)與動(dòng)機(jī),我們會(huì)初步的思考以下多個(gè)問(wèn)題,我該怎么去做?我能夠做什么?先做什么再做什么?并且這個(gè)過(guò)程中會(huì)結(jié)合能力與自我感知進(jìn)行決策,觸發(fā)這一行動(dòng)前可能還會(huì)補(bǔ)充很多間接的動(dòng)機(jī)來(lái)完成初始目標(biāo),所以可能對(duì)一些間接動(dòng)機(jī)先規(guī)劃行動(dòng)起來(lái)。
特別是當(dāng)用戶身處于產(chǎn)品應(yīng)用中,所有活動(dòng)事件我們應(yīng)該給予一定的信息可視反饋,以便于用戶決策規(guī)劃和判斷實(shí)行難度,這需要設(shè)計(jì)者做好一下幾點(diǎn);
可視化:有效的反饋軟件或設(shè)備當(dāng)前狀態(tài),給出相關(guān)信息讓用戶決定哪些行動(dòng)是合理可行的。
用途示意:簡(jiǎn)單直接的體現(xiàn)出可以交互的形式或范圍,例如顯示一個(gè)帶有放大鏡的按鈕,就可以感知與搜索放大有關(guān)系,并且是一個(gè)按鈕可以點(diǎn)擊交互。
引導(dǎo)信息:進(jìn)行輔助示意的提示,特別告知用戶應(yīng)該操作哪里或如何操作的指引信息,減少溝通或理解的成本。
能力會(huì)直接影響動(dòng)機(jī)的強(qiáng)弱,能力不足就會(huì)消弱動(dòng)機(jī)甚至放棄行動(dòng),如果動(dòng)機(jī)高漲那么就可以做出更有難度的事情,這一關(guān)系在福格行為模型中有明確體現(xiàn)。在應(yīng)用設(shè)計(jì)中,則更多以有效性、效率指標(biāo)、交互原則及相關(guān)定律展開(kāi),目的則是減少門(mén)檻與使用阻力,幫助用戶建立操作信心和有效易用的開(kāi)展任務(wù)。
當(dāng)以上多個(gè)條件就緒后,那么你就要開(kāi)始行動(dòng)了,即使是準(zhǔn)備五分鐘開(kāi)始,那么的你的等待都是具有目的性的行動(dòng),一旦時(shí)間到了便會(huì)觸發(fā)生效。而行動(dòng)正是與一切產(chǎn)品開(kāi)始交互的開(kāi)始,行動(dòng)過(guò)程可能會(huì)具備多個(gè)子目標(biāo)或動(dòng)機(jī)來(lái)達(dá)成你的最終目標(biāo),也就是你面對(duì)復(fù)雜目標(biāo)的動(dòng)機(jī)規(guī)劃,在進(jìn)行中,你可能還需要一系列反饋來(lái)告訴你,是否符合預(yù)期,需不需要調(diào)整規(guī)劃來(lái)達(dá)成最終目標(biāo)。
如果說(shuō)你的行為沒(méi)有任何反饋或是延誤錯(cuò)誤的反饋會(huì)這么樣?混亂。想象一下燒壺開(kāi)水去,聽(tīng)不見(jiàn)咕嚕咕嚕,看不見(jiàn)熱氣或翻滾的氣泡,直到你不小心碰到手上,該死的,燙出泡泡來(lái)了。難以想象沒(méi)有反饋是多么的混亂,以至于我們沒(méi)辦法獲取有效的結(jié)果來(lái)糾正下一步的行動(dòng)或規(guī)劃。
這個(gè)階段里,反饋不僅僅是指用戶行為發(fā)生后的變化響應(yīng),也包括了用戶反思和比較的過(guò)程,在產(chǎn)品應(yīng)用的過(guò)程或?qū)崿F(xiàn)較為復(fù)雜的目標(biāo)時(shí),目標(biāo)與動(dòng)機(jī)都會(huì)面臨拆解和階段化實(shí)現(xiàn)的情況,那么每次我們對(duì)階段目標(biāo)付出行動(dòng)后,就需要比對(duì)結(jié)果反饋是否符合預(yù)期,是否需要對(duì)后續(xù)的規(guī)劃做出調(diào)整來(lái)達(dá)成最初的動(dòng)機(jī)。
反饋階段是整個(gè)行為設(shè)計(jì)中重要的一環(huán),如果不能給予用戶即時(shí)有效的反饋,后面的一切設(shè)計(jì)階段都將是徒勞,并會(huì)給用戶造成糟糕的體驗(yàn)。那么如何做好這一環(huán),這不僅要做好產(chǎn)品可視化內(nèi)容、用途示意、引導(dǎo)信息,還需要在用戶行動(dòng)的過(guò)程中,做好產(chǎn)品交互的約束、映射與反饋。
約束:通過(guò)提供物理硬件、流程邏輯、文字描述、符號(hào)標(biāo)注等一系列方式來(lái)約束引導(dǎo)用戶的行為,幫助用戶理解避免操作出錯(cuò)。
映射:在用戶交互的過(guò)程中給予即時(shí)有效的映射反饋,使得用戶在持續(xù)的操作過(guò)程中能夠追逐到對(duì)應(yīng)變化的結(jié)果,例如通過(guò)滑動(dòng)屏幕的進(jìn)度條來(lái)感知和控制屏幕亮度的調(diào)整就是一種映射的表現(xiàn)。
反饋:用戶進(jìn)行任何操作后,應(yīng)給出即時(shí)有效的狀態(tài)反饋或是撤銷(xiāo)操作,并且盡可能的與操作前的信息保持關(guān)聯(lián),以符合用戶的預(yù)期,若未能操作成功,則給出失敗的原因或解決方案,甚至主動(dòng)進(jìn)入修復(fù)中,避免用戶在界面前不知所措。
多變的酬賞,也許是為了快樂(lè),也許是為了逃避麻煩與痛苦,在完成目標(biāo)的同時(shí)我們必然會(huì)獲取滿足,如果在滿足的同時(shí)給予了你額外的、意外的激勵(lì),誰(shuí)不愛(ài)呢?鼓勵(lì)用戶發(fā)布或互動(dòng),獲取社交酬賞;給予用戶首充獎(jiǎng)勵(lì),獲取獵物酬賞;豐富的資料編輯,讓用戶完成更個(gè)性的展示,獲取自我酬賞;面對(duì)復(fù)雜任務(wù),完成后給予情感化的激勵(lì)或獎(jiǎng)品反饋。
杜絕一成不變,不然只會(huì)呆板無(wú)聊,人總是會(huì)對(duì)新事物保持興趣,想象一下每天刷著一成不變而乏味的短視頻你會(huì)滿足嗎?不論是推出新的活動(dòng)、新的玩法、新的功能、新的挑戰(zhàn)、新的好友、新的八卦總是會(huì)讓用戶有所正向期待,愿意更多嘗試與投入,就像抖音的短視頻一樣,嘎然而止意猶未盡,期待下一個(gè)更精彩。
所在產(chǎn)品上產(chǎn)生的數(shù)據(jù)、時(shí)間投入、金錢(qián)投入、關(guān)系來(lái)往都將是產(chǎn)生情感或上頭的重要原因,我不能想象時(shí)常來(lái)往老友,好好地說(shuō)斷交就斷交,也沒(méi)辦法突然的將我在音樂(lè)應(yīng)用中辛苦集成的歌單說(shuō)刪就刪,因?yàn)檫@一切對(duì)我們都有特別的價(jià)值,未來(lái)的某一天我依舊需要。那些產(chǎn)品年度報(bào)告不就是在喚起應(yīng)用時(shí)的回憶進(jìn)行情感升溫嗎?
再一次的,可能是我突然想起來(lái)需要了,可能是一個(gè)手機(jī)Push通知、一個(gè)短信、一個(gè)廣告、一個(gè)回訪電話,總之又一次的吸引到我了,并且此情此景所見(jiàn)所聞,我有了興趣也有了動(dòng)機(jī),新的一輪又將開(kāi)始。
[行為設(shè)計(jì)用戶引導(dǎo)就像是西方不能失去耶路撒冷]
它是在任務(wù)能夠進(jìn)行的基礎(chǔ)之上建立的指示信息。這是一對(duì)玻璃門(mén),它約束了只能推開(kāi)拉開(kāi),而用戶引導(dǎo)就是貼在玻璃門(mén)上的“推開(kāi)”或“拉開(kāi)”,它們告訴我們最好怎么做,以快速作出正確或符合預(yù)期的行為。用戶引導(dǎo)是幫助用戶快速成功的捷徑,在程序應(yīng)用中不論是出于用戶體驗(yàn)還是商業(yè)目的都具有極為重要的作用與影響力。
其實(shí)在行為設(shè)計(jì)模型中的諸多環(huán)節(jié)都是要運(yùn)用引導(dǎo)設(shè)計(jì)的,不知道你是否也感知到了,這些引導(dǎo)可以從用戶動(dòng)機(jī)喚起開(kāi)始-到動(dòng)機(jī)助推-行動(dòng)指引,出于不同目的,這些引導(dǎo)信息甚至可以覆蓋在整個(gè)行為設(shè)計(jì)環(huán)節(jié)中,在適當(dāng)?shù)臅r(shí)候產(chǎn)生各種意想不到的效果;
國(guó)內(nèi)的應(yīng)用五花八門(mén)包羅萬(wàn)象,即使被廣告吸引完成下載,但打開(kāi)后,甚至可能不知道從那里開(kāi)始這個(gè)應(yīng)用的探索,這個(gè)應(yīng)用究竟能做什么,有什么服務(wù)亮點(diǎn),于是乎就需要一系列的用戶引導(dǎo)幫助我們開(kāi)始探索和了解這個(gè)復(fù)雜的玩意兒,如果不能讓用戶快速抓住亮點(diǎn)(也就是Aha時(shí)刻),那么就很難保證之后的時(shí)段里不被卸載。
而這個(gè)數(shù)字化的時(shí)代,為了給用戶提供更優(yōu)質(zhì)的服務(wù),企業(yè)則需要引導(dǎo)用戶在產(chǎn)品中產(chǎn)生數(shù)據(jù),以幫助企業(yè)獲取更多信息了解用戶,并提供更契合的服務(wù)或是推薦匹配來(lái)改善體驗(yàn)。
產(chǎn)品出于商業(yè)目的,不論是業(yè)績(jī)指標(biāo)、用戶留存、消費(fèi)轉(zhuǎn)化,往往都需要用戶引導(dǎo)來(lái)促成目的。就商業(yè)轉(zhuǎn)化來(lái)看,這時(shí)候用戶引導(dǎo)就像是導(dǎo)購(gòu)一樣,通過(guò)培養(yǎng)用戶消費(fèi)心智從而達(dá)成消費(fèi)行為的動(dòng)機(jī),而關(guān)心用戶在應(yīng)用程序上的消費(fèi)行為、復(fù)購(gòu)行為、支付中斷行為等,也是為了做好導(dǎo)購(gòu)獲取更多收益。
為了滿足不同的業(yè)務(wù)目標(biāo),用戶引導(dǎo)出現(xiàn)了各式各樣的類(lèi)別與形式,從廣泛的視角來(lái)看其實(shí)就是各種信息提示,并且為了方便用戶進(jìn)入下一階段,可能會(huì)直接附屬相關(guān)操作或路徑。通過(guò)促達(dá)的程度我們可以歸類(lèi)到這三個(gè)類(lèi)別中:
主動(dòng)式:在你還沒(méi)有透出任何行為目的前,收到的引導(dǎo)性通知,用于吸引用戶啟動(dòng)程序進(jìn)行消費(fèi)或互動(dòng)。干擾較弱的形式有應(yīng)用內(nèi)外的通知、應(yīng)用內(nèi)彈窗等,中等干擾的有短信通知、郵件通知,再?gòu)?qiáng)一點(diǎn)的還有電話推銷(xiāo)。
陳列式:在應(yīng)用場(chǎng)景中,將相關(guān)的引導(dǎo)信息直接陳列在界面中對(duì)用戶進(jìn)行引導(dǎo),可以在不操作的情況下直接看到,例如常見(jiàn)Banner形式、缺省圖形式、注釋信息、懸浮Tips等。
觸發(fā)式:用戶有意圖的進(jìn)行操作后給出的引導(dǎo)信息,相對(duì)來(lái)說(shuō)是一種用戶接受程度高、體驗(yàn)親和、動(dòng)機(jī)相對(duì)吻合的類(lèi)型,展現(xiàn)形式豐富,有彈窗、Tips、Toast、注釋信息等,具體根據(jù)場(chǎng)景做搭配。
手機(jī)似乎響了一下,嗯?屏幕沒(méi)亮,錯(cuò)覺(jué)嗎?
手機(jī)剛剛是不是震動(dòng)了一下?有短信嗎?
我剛剛看手機(jī)干嘛來(lái)著?嗯?供奉戰(zhàn)犯吳啊萍被刑拘?看看
你是否有過(guò)這般恍惚?明明什么聲音都沒(méi)有,卻好像清晰的聽(tīng)見(jiàn)手機(jī)在呼喚你,每每打開(kāi)手機(jī)時(shí),除了個(gè)別還在艱苦奮斗的強(qiáng)迫癥們,總是會(huì)看見(jiàn)一個(gè)又一個(gè)的小紅點(diǎn),點(diǎn)開(kāi)手機(jī)通知欄,一長(zhǎng)排的通知等候著你的光臨。點(diǎn)開(kāi)一個(gè)應(yīng)用A,閃屏說(shuō)應(yīng)用B有活動(dòng),逐點(diǎn)擊進(jìn)入應(yīng)用B,閃屏說(shuō)去應(yīng)用C點(diǎn)份午餐吧,然點(diǎn)開(kāi)進(jìn)入應(yīng)用C,閃屏說(shuō)來(lái)應(yīng)用A專治無(wú)聊,對(duì)哦,我是無(wú)聊來(lái)應(yīng)用A的啊,好一個(gè)圈圈圓圓圈圈開(kāi)屏大法;
圈圈圓圓圈圈
天天年年天天的我
深紅色的引導(dǎo)
商業(yè)的陷阱
指標(biāo)的陷阱等你
不懂工作規(guī)劃重要的我們
都以為摸魚(yú)也能讓工作完成
相信就一天 搞定工作
.......不好意思,給唱起來(lái)了
然而回到了應(yīng)用A,別急,還有青少年模式引導(dǎo)、最新活動(dòng)引導(dǎo)、會(huì)員續(xù)費(fèi)引導(dǎo)、求你開(kāi)個(gè)通知引導(dǎo)、底部消息99+引導(dǎo)等等。
這是一個(gè)眼花繚亂的世界,稍不注意就忘了我本來(lái)是做什么的,當(dāng)時(shí)我只是準(zhǔn)備買(mǎi)一個(gè)鼠標(biāo),但我在淘寶的短視頻中神游了許久,直到點(diǎn)開(kāi)一則評(píng)論被問(wèn)答?你來(lái)淘寶是干嘛來(lái)的?我終于回過(guò)神來(lái),我只是來(lái)買(mǎi)個(gè)鼠標(biāo)的,我這點(diǎn)兒注意力還真是廢物呢,以至于手頭的事兒擱置了這么久。
而你,又在如何應(yīng)對(duì)的呢?
沒(méi)幾個(gè)應(yīng)用是做慈善事業(yè)的,總歸會(huì)有一套自己的盈利模式,商業(yè)指標(biāo)造就了這些目的不純的引導(dǎo)設(shè)計(jì),例如用戶取消訂購(gòu)時(shí)的種種阻擾、為推動(dòng)新內(nèi)容不斷發(fā)出的騷擾引導(dǎo)、特定場(chǎng)景對(duì)用戶的消費(fèi)心智干擾、帶有隱瞞信息的協(xié)議引導(dǎo)等,甚至還有一些令人不爽的強(qiáng)制性引導(dǎo)。
商業(yè)視角下,用戶掏錢(qián),則俯首稱臣,不掏錢(qián)則軟磨硬泡引導(dǎo)消費(fèi),很多時(shí)候不是在引導(dǎo)用戶體驗(yàn),而是在引導(dǎo)用戶參與消費(fèi)罷了,而設(shè)計(jì)師能做的,也許只能是想辦法讓用戶錢(qián)花的舒服點(diǎn)吧。
很熟悉吧,如果不夠我還能列舉,碎片化的時(shí)間似乎都被刷手機(jī)的習(xí)慣占滿了,每次打開(kāi)手機(jī)都會(huì)被各種引導(dǎo)所吸引,久而久之一得閑大腦就渴望來(lái)點(diǎn)兒數(shù)字化補(bǔ)品[刺激多巴胺],我們習(xí)慣打開(kāi)這個(gè),再看看那個(gè),盡管眼睛是不樂(lè)意的。
不知道什么時(shí)候,高效便捷的服務(wù)能力不再是一個(gè)產(chǎn)品的核心指標(biāo),取而代之是讓用戶刷個(gè)不停,沉浸其中不得自拔,但我們也知道刷手機(jī)的若干不好,干擾視線、干擾學(xué)習(xí)工作、虛度光陰、還能砸到臉、睡不好、快速近視...
于是有那么一批人開(kāi)始意識(shí)到,并減少手機(jī)上的引導(dǎo)帶來(lái)的干擾,忽略一早起來(lái)手機(jī)上的若干通知、逐步加強(qiáng)對(duì)小紅點(diǎn)的忍受、對(duì)各個(gè)群組逐一免打擾、關(guān)閉若干應(yīng)用的通知授權(quán)、體驗(yàn)先進(jìn)的適老化設(shè)計(jì)、設(shè)置免打擾時(shí)段等,想想沒(méi)有了這些引導(dǎo)干擾,少看一看屏幕,也不會(huì)損失什么。
為什么我們不反感快遞到貨的取件短信、不反感1008611查詢后的話費(fèi)流量情況短信、不反感求職后的Offer郵件通知,因?yàn)檫@一切的通知或引導(dǎo),都是在你動(dòng)機(jī)觸發(fā)后給出的結(jié)果,它們可能正是你所需要的,甚至你正在期待的搓搓小手。
所以這也解釋了為什么那些“預(yù)判設(shè)計(jì)”可以快速出圈,被用戶所青睞,因?yàn)檫@些預(yù)判設(shè)計(jì)并不是憑空捏造的,而是基于用戶行為觸發(fā)預(yù)測(cè)了動(dòng)機(jī),為后續(xù)帶來(lái)了的行為方向的指引,就此我們?yōu)橛脩籼崆皽?zhǔn)備好了相關(guān)操作或服務(wù)供給,例如常見(jiàn)的截圖后,打開(kāi)微信輸入欄更多按鈕,會(huì)直接提供截圖選取服務(wù)。
那么如何做好觸發(fā)式引導(dǎo)呢?
除了擅用行為設(shè)計(jì)的方法與視角,這里再分享五個(gè)我自己的見(jiàn)解
我們的精力是很有限的,不該濫用引導(dǎo),應(yīng)該結(jié)合用戶特征或行為觸發(fā)來(lái)洞察需求,再用友好且符合用戶意圖的內(nèi)容來(lái)引導(dǎo)用戶,提高轉(zhuǎn)化和品牌溫度,而不是一味的引導(dǎo)轟炸,不然有一天被打上垃圾信息的標(biāo)簽了,發(fā)送再多的引導(dǎo)通知也不會(huì)有結(jié)果,所以找到一個(gè)合適的或是用戶自己觸發(fā)的“契機(jī)”很重要,商業(yè)與體驗(yàn)平衡很重要。
除了一些工具類(lèi)或沒(méi)有社交屬性的產(chǎn)品,大多數(shù)產(chǎn)品可以通過(guò)社交來(lái)建立用戶之間的聯(lián)絡(luò),并以社交消息來(lái)做功能引導(dǎo)或用戶召回引導(dǎo)等,例如:
當(dāng)然了,控制好時(shí)機(jī)并保證內(nèi)容真實(shí)性也很重要。而借助社交是因?yàn)槲覀兿矚g跟有共同點(diǎn)的人靠攏,彼此會(huì)有更多話題與樂(lè)趣,通過(guò)好友背書(shū)、社交擴(kuò)列與社交酬賞做杠桿,讓引導(dǎo)事半功倍。
引導(dǎo)設(shè)計(jì)需要耐心,分成必要的步驟循序漸進(jìn),不要一股腦兒塞給用戶,也不要過(guò)于拖沓冗余,適當(dāng)?shù)碾A段給予獎(jiǎng)勵(lì),調(diào)動(dòng)積極性,就像游戲關(guān)卡設(shè)計(jì)一樣,采用階梯式用戶行為引導(dǎo)。并且從開(kāi)始到結(jié)束不要信息斷層,減少跳失率,我就看見(jiàn)過(guò)很多用戶因?yàn)閺V告是穿搭而下載了某個(gè)應(yīng)用,結(jié)果安裝后玲瑯滿目,找不到興趣點(diǎn),最終選擇了吐槽卸載。
大多數(shù)消費(fèi)場(chǎng)景,講究的是循序漸進(jìn)的心智引導(dǎo),欲速則不達(dá),目的是建立用戶信任、接受度、消費(fèi)意向、好感度等促成消費(fèi)結(jié)果,我們常見(jiàn)的電商好評(píng)、權(quán)威認(rèn)證、專家推薦等就是在引導(dǎo)消費(fèi)心智,這也體現(xiàn)了為什么一個(gè)好的銷(xiāo)售會(huì)先跟你拉近距離而不是“哥!人傻錢(qián)多不”。
行為視角的作用不用多說(shuō)了吧,結(jié)合用戶當(dāng)前的行為我們可以洞察出下一步行為方向,提前做好準(zhǔn)備,當(dāng)然了,不要過(guò)分揣測(cè),對(duì)應(yīng)的引導(dǎo)要考慮服務(wù)范圍、服務(wù)時(shí)間、服務(wù)要求、服務(wù)場(chǎng)景等,可以是面向全局用戶、也可以是私人定制服務(wù),重點(diǎn)是要契合用戶意圖,借“機(jī)”行事。
好的引導(dǎo)設(shè)計(jì)應(yīng)該讓用戶覺(jué)得有價(jià)值、靠譜、不過(guò)分干擾,而不是為了指標(biāo)做出一堆陰暗設(shè)計(jì),老生常談的惡心案例應(yīng)該就是網(wǎng)頁(yè)上的彈出廣告吧,明明顯示了關(guān)閉按鈕,點(diǎn)擊后卻發(fā)現(xiàn)還是假的,直接就給跳轉(zhuǎn)了,盡管我們說(shuō)把用戶當(dāng)作小白,但不是當(dāng)傻子,用戶總歸會(huì)發(fā)現(xiàn)上當(dāng)?shù)臅r(shí)候,到時(shí)候就該差評(píng)或控訴了,所以長(zhǎng)久看來(lái),為保證口碑與競(jìng)爭(zhēng)力,還是建議光明磊落少些陰暗的引導(dǎo)設(shè)計(jì)。
作為一個(gè)設(shè)計(jì)者,說(shuō)來(lái)慚愧,安裝一個(gè)新的應(yīng)用程序后,一下子根本搞不清楚怎么用?有什么用?不得不說(shuō)引導(dǎo)設(shè)計(jì)還是很重要的,但引導(dǎo)并非是讓我迷茫的主要原因,龐大而臃腫的功能反而是主要原因,并且一旦功能倍增后,就很容易丟失服務(wù)焦點(diǎn),以至于即使做用戶引導(dǎo)也不好下手,做完了迭代又還要反復(fù)改。
現(xiàn)在的應(yīng)用底部菜單從4個(gè)趨于5個(gè),頂部Tab也越劃越多,首頁(yè)也是玲瑯滿目的,這對(duì)于用戶體驗(yàn)是一個(gè)挑戰(zhàn),即使是專家級(jí)用戶,也難以用到大部分的功能,這是一個(gè)信號(hào)!新一輪的趨勢(shì)可能是克制與降噪了。
克制業(yè)務(wù)范圍,下鉆業(yè)務(wù)優(yōu)勢(shì),好的產(chǎn)品不是什么都做什么都有,而是應(yīng)該定位清晰,業(yè)務(wù)更清晰,盡管很多產(chǎn)品有著類(lèi)似的服務(wù),但是每個(gè)用戶都有自己產(chǎn)品上的小圈或價(jià)值積累,產(chǎn)品優(yōu)勢(shì)也有差異,不會(huì)因?yàn)橛蓄?lèi)似功能就輕易轉(zhuǎn)移陣地,例如直播。一個(gè)產(chǎn)品想通過(guò)擴(kuò)展業(yè)務(wù)豐富跨界優(yōu)勢(shì)是很難實(shí)現(xiàn)的,還記得支付寶做社交的嗎?
幸運(yùn)的是嗅覺(jué)敏銳的企業(yè)已經(jīng)注意到了,如你所見(jiàn),應(yīng)用市場(chǎng)有了更多的極速版APP,微信支付寶等APP也允許用戶配置核心服務(wù)之外的功能模塊搭配,似乎軟件們又開(kāi)始輕盈好用了。
減少干擾,注重效率。一個(gè)好的產(chǎn)品應(yīng)該注重效率,快速幫助用戶找到要的、快速幫助用戶完成任務(wù)、快速完成信息匹配等,看見(jiàn)隨申辦APP獲得了GXA好體驗(yàn)獎(jiǎng)了,不過(guò)想想新一代的數(shù)字化服務(wù)不就該如此嗎?讓流程簡(jiǎn)單易懂,辦事少走兩趟,結(jié)果反饋更及時(shí),惠民政策早知道。
不知道什么時(shí)候開(kāi)始適應(yīng)和喜歡清晰簡(jiǎn)潔的產(chǎn)品設(shè)計(jì),就像我喜歡逛逛無(wú)印良品,找一點(diǎn)精致自然的物件,有時(shí)候設(shè)計(jì)也是,多一點(diǎn)克制少一些喧囂,當(dāng)滿屏都是重點(diǎn)都是標(biāo)簽引導(dǎo)、文字說(shuō)明時(shí),哪里還有什么重點(diǎn),就像小紅點(diǎn)誕生時(shí),醒目的提示能幫我們找到重點(diǎn),但現(xiàn)實(shí)處處是紅點(diǎn),哪里還弄得清什么是重要的。
就像一個(gè)簡(jiǎn)單模塊入口設(shè)計(jì),又是封面/標(biāo)題/描述,又是用戶信息/互動(dòng)數(shù)據(jù)/品類(lèi)標(biāo)簽啥的,這么多信息,我擱這兒讀書(shū)呢?為什么不循序漸進(jìn)呢?找到用戶正真會(huì)看的焦點(diǎn)信息很難嗎?
終于,在工信部的要求下,廣告與算法推送也得以控制,這意味著干擾又少了,但是這也側(cè)面反映了產(chǎn)品對(duì)用戶數(shù)據(jù)的過(guò)分收集甚至有所交易,如何讓用戶放心用,隱私或權(quán)限的最小可行獲取又何嘗不是“降噪”的重點(diǎn)。
洋洋灑灑的寫(xiě)了一大片,也非本意,怕詞不達(dá)意,只好多分一分內(nèi)容節(jié)點(diǎn),至于這么多字究竟在說(shuō)些什么,我們簡(jiǎn)單回顧一下;
數(shù)字化應(yīng)用即經(jīng)過(guò)精心編排的行為設(shè)計(jì),本質(zhì)是通過(guò)不一樣的行為方式完成我們的需求,通過(guò)行為設(shè)計(jì)視角我們可以共情以洞察出更多的用戶需求,并且在進(jìn)行數(shù)據(jù)分析時(shí),也需要善于使用行為視角洞察分析用戶特征或痛點(diǎn),這種方式我們可以記作三級(jí)維度兩層映射。而上癮模型與福格行為模型則可以為設(shè)計(jì)提供更多的指引,同時(shí)可以在模型的基礎(chǔ)上完善更多環(huán)節(jié)來(lái)作用于實(shí)際的設(shè)計(jì)過(guò)程,幫助我們打造受歡迎的產(chǎn)品。
用戶引導(dǎo)是非常具有價(jià)值的設(shè)計(jì),好的行為設(shè)計(jì)不能缺失引導(dǎo)設(shè)計(jì),而現(xiàn)在引導(dǎo)設(shè)計(jì)正在被濫用,它的優(yōu)勢(shì)正被埋沒(méi),被用作一些不友好的地方,產(chǎn)品體驗(yàn)也因此大打折扣,而掌握觸發(fā)式引導(dǎo)設(shè)計(jì),通過(guò)借機(jī)行事、借助社交、循序漸進(jìn)、行為視角、光明磊落五個(gè)方法也許能幫你改善。對(duì)于現(xiàn)在的數(shù)字化產(chǎn)品現(xiàn)狀,或許克制業(yè)務(wù)范圍,下鉆業(yè)務(wù)優(yōu)勢(shì),減少干擾,注重效率會(huì)帶來(lái)更多驚喜。
原文地址:站酷
作者:泡泡_PAO
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(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ì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn