2024-6-21 資深UI設(shè)計(jì)者
整個體驗(yàn)設(shè)計(jì)的大趨勢是和社會科學(xué)的那一套思路走得越來越近,因此現(xiàn)在大家可以觀察到做交互設(shè)計(jì)或者用戶研究經(jīng)常會借鑒心理學(xué)/社會學(xué)的研究方法去應(yīng)用成熟的理論模型甚至建立模型、去“玩概念”,但可惜的是咱這一行大多數(shù)設(shè)計(jì)師都沒有這樣的教育背景,就算是所謂的“大廠公眾號出品”,也難免會有思慮不周的時候。
但是從另一方面來講,現(xiàn)在的這個越來越卷的行業(yè)形勢,也的確在不斷地要求交互設(shè)計(jì)師提升自己的思考維度,往更系統(tǒng)化、更結(jié)構(gòu)化的方向去走。雖然我經(jīng)常說我不是一個喜歡玩概念的人,我也非常不鼓勵不推薦大家一點(diǎn)小破事就上綱上線去整模型做PPT,但客觀來講,學(xué)會玩概念是交互設(shè)計(jì)師的一個高階能力,是思維邏輯的技能化體現(xiàn)。
那么,如何能夠合理地、有理有據(jù)地玩概念?什么情況下需要我們?nèi)ネ娓拍??本篇文章將解決你的這方面疑惑。
社會學(xué)教科書會告訴你:“理論是以一種系統(tǒng)化的方式,將經(jīng)驗(yàn)世界中某些被挑選的方面概念化,并組織起來的一組內(nèi)在相關(guān)的命題。”但咱們不用這么文縐縐,簡單來講理論就是抽象地、高度概括地解釋一些在生活中的現(xiàn)象。
比如說你是一個貓奴,在和你的貓朝夕相處之后,你覺得養(yǎng)貓好像有助于你的身心健康,于是你提出來一個概念叫“小貓可愛度”,這個“小貓可愛度”受三個因素影響:貓的毛色、貓的眼睛大小、貓的性格,并且假設(shè)小貓可愛度越高,對人的心理健康正面影響越大。那也可以說你就創(chuàng)建了一個理論叫“小貓可愛論”。
而什么是“模型”呢?這個問題比較難說明,咱不搞學(xué)術(shù)研究也沒有必要展開來講。這個詞匯和“理論”有一定的重疊,但一般我們在工作中講“模型”時,往往指的是構(gòu)成某個概念的因素之間的關(guān)系,以及其測量方式。比如我們設(shè)計(jì)師酷愛搞的體驗(yàn)度量,也可以算作是一種模型的建設(shè)。
圖片來源:https://www.xiaohongshu.com/discovery/item/6285d9360000000021034b22?share_from_user_hidden=true&xhsshare=WeixinSession&appuid=5bcbe6f0f8462700015da647&apptime=1654249488
研究一個問題時我們會用到兩種最基本的思路:歸納和演繹。前者是自下而上的、由具體現(xiàn)象抽象形成理論假設(shè),后者是自上而下的、由抽象理論具像化到個例。
比如我們剛才的“小貓可愛論”,就是基于日常的觀察抽象得出的結(jié)論,使用的是歸納的方法。而假如現(xiàn)在已經(jīng)有一個成熟理論,叫做”地球貓貓論“,它發(fā)現(xiàn)貓對于人類社會有方方面面的影響。而基于“地球貓貓論”的已知研究結(jié)論,我們著重去關(guān)注貓咪外觀造型對人身心的影響,猜測外觀越可愛的貓貓可能對人心理的正面影響越大。那么這就是使用了演繹的方法來推導(dǎo)假設(shè)。
當(dāng)我們應(yīng)用一個模型或理論時,就是在基于這個抽象的理論做演繹推導(dǎo)。我們期待這個理論能夠?qū)ξ覀兊脑O(shè)計(jì)問題作出解釋、對設(shè)計(jì)方案給出指導(dǎo)方向,這是最最重要的。有很多剛?cè)胄械脑O(shè)計(jì)師容易被一些花里胡哨的文章晃了眼睛,誤以為做設(shè)計(jì)和寫八股文似的,非要在具體設(shè)計(jì)之前拽一些大詞、拉出來一些貌似很厲害很科學(xué)的高深理論才能體現(xiàn)自己的邏輯性,并不是這樣的。我們使用的理論在多大程度上能解釋當(dāng)前面對的問題、它對于問題解決是不是不可或缺,這才是衡量設(shè)計(jì)師思維能力的標(biāo)準(zhǔn)。
另一方面,當(dāng)我們面對的問題非常聚焦、非常情景化的時候,單純靠演繹推導(dǎo)就沒有辦法支持了。比如B端設(shè)計(jì)的領(lǐng)域差異都特大,有人設(shè)計(jì)倉庫貨架動線,有人設(shè)計(jì)鉆井鉆頭。這些千奇百怪的場景都有各自特性的問題,不是拿出來一個尼爾森的可用性十原則就能盡數(shù)解釋的。因此為了提煉出整個業(yè)務(wù)的運(yùn)行方式、為了表現(xiàn)出當(dāng)下設(shè)計(jì)發(fā)力點(diǎn),或者為了拆解影響體驗(yàn)的構(gòu)成要素,就需要進(jìn)行觀察和歸納,從而構(gòu)建模型。
構(gòu)建模型是一個很麻煩的事情,本篇不打算展開,下次一定吧。
咱們做設(shè)計(jì)對理論的要求其實(shí)很低。以下兩點(diǎn)是我覺得重要、最基礎(chǔ)的:
1.貼合設(shè)計(jì)問題
在我的其他文章里里提過,理論它有理論層次和對應(yīng)的解釋范圍,只有理論貼合設(shè)計(jì)問題,才能完美地解答設(shè)計(jì)問題。不是說名氣越大的理論就越好用,也幾乎不存在從雞毛蒜皮到家國大事都能完美解釋的理論。
比如有些互聯(lián)網(wǎng)從業(yè)者很喜歡拿“人是貪婪的”說事,只要講個啥和促銷/轉(zhuǎn)化沾點(diǎn)邊的事情,就必要講“因?yàn)槿诵允秦澙返?,所以我們這里要這樣……”,先不提這個“人性貪婪論”它能不能證偽、是不是科學(xué),它首先是在講人類、人的本性這個層面的事情。你怎么就知道這個用戶在用你這個軟件的時候,他貪婪的人性就會占領(lǐng)理智的上風(fēng)呢?可能他本性是貪婪,但他在使用你這款軟件的時候,更多地受軟件好不好用、折扣看起來真實(shí)不真實(shí)、像不像詐騙這些因素影響。就算他貪婪,他也不是傻子,不可能看見個金幣/紅包就去點(diǎn)。這就是“理論”和研究問題風(fēng)馬牛不相及。
那么如何叫理論貼合問題?我今天準(zhǔn)備拿一篇google發(fā)在USENIX Security 21年的會議文章來介紹,這篇文章叫“噓,安靜!減少在chrome瀏覽器中的非必要信息提示”(“Shhh...be quiet!” Reducing the Unwanted Interruptions of Notification Permission Prompts on Chrome),有興趣的同學(xué)可以在Google research上下載到PDF,鏈接:https://research.google/pubs/pub49767/
各位在用Chrome瀏覽器(桌面端或安卓端)的時候,應(yīng)該都見過這個通知提示。當(dāng)網(wǎng)站準(zhǔn)備給你彈窗的時候,chrome會彈出來一個這樣的非模態(tài)小提示窗口(學(xué)名叫prompt)詢問你是否愿意被彈窗,假如你無視這個彈窗、沒做出任何表示,那么下次你進(jìn)入這個頁面時還會再彈。
但這個提示窗口對體驗(yàn)有沒有影響呢?是不是會很煩人?怎么樣能迭代這個窗口的樣式和生效邏輯,從而減少對用戶的打斷,提升用戶體驗(yàn)?zāi)兀?mdash;—這篇文章就研究這個。
這個問題顯然是一個芝麻大點(diǎn)的問題,恐怕在座各位做需求的時候遇到這種問題都懶得寫設(shè)計(jì)分析。也因此,如此微觀的研究問題,就應(yīng)該搭配微觀的、著眼于用戶具體行為的理論。
這個項(xiàng)目要研究的是三個主題:權(quán)限控制、彈窗提醒和打斷、移動端和PC端差異,所以它首先引用了心理學(xué)和人機(jī)交互交叉領(lǐng)域的期刊上最直接相關(guān)的研究成果:之前的研究發(fā)現(xiàn),在PC或移動端場景下當(dāng)用戶在完成主任務(wù)時被打斷會非常焦慮、難受,此時對用戶進(jìn)行觸達(dá)也沒什么效果,而當(dāng)用戶在任務(wù)之間的間隙被打斷時則沒那么難受,觸達(dá)有效程度也會提升。
這些研究通過實(shí)驗(yàn)的形式去探討幾個概念之間的關(guān)系:打斷、工作流、心理感受或工作表現(xiàn)。非常微觀、簡單,甚至可能無法形成一個我們普遍理解的、帶名字的“理論”。但它們非常貼合這個研究的主題,基于這些研究結(jié)論可以合理地推導(dǎo)出這篇文章的后續(xù)設(shè)計(jì)策略:針對不同場景、任務(wù),做差異化的權(quán)限觸達(dá)體系——這不比拿著馬斯洛需求層次模型往自己的設(shè)計(jì)上生搬硬套強(qiáng)多了。
2.對設(shè)計(jì)有指導(dǎo)
咱們做設(shè)計(jì)不是做純粹研究,最終所有的研究和推理,都要落到對設(shè)計(jì)行為的指導(dǎo)性上。不要一通分析猛如虎,最后得不出有價(jià)值的結(jié)論,或者只能得到解釋性的結(jié)論,而無法對未來行為做出建議。
在這里我們又要請出ISUX的新文章做例子:
?「互動儀式」一詞最早來源于美國社會學(xué)家戈?duì)柭?,是指一種表達(dá)意義性的程序化活動(大到特殊節(jié)日舉行的大型慶典,小到定期的家庭聚會、公司團(tuán)建等活動)。這類活動對個體在群體中的參與感及群體生活的團(tuán)結(jié)性來說具有重要意義?!富觾x式」理論給出了一個分析社會活動的理論模型,幫助我們具體觀察群體活動的現(xiàn)象,觀察群體從聚集到產(chǎn)生情感符號的整體過程。那么如何將「互動儀式鏈」理論轉(zhuǎn)化為具體可執(zhí)行的設(shè)計(jì)方法?
——ISUX設(shè)計(jì),公眾號:騰訊ISUX 互動儀式鏈 | 直播情感化互動體驗(yàn)設(shè)計(jì)
這篇文章用一個傳播學(xué)的經(jīng)典理論“互動儀式鏈”來解釋騰訊的直播場景的產(chǎn)品服務(wù)鏈條。文章本身是很規(guī)范的,使用“互動儀式鏈”來解釋直播也很符合這個理論的解釋范圍。
但是,“互動儀式鏈”更偏向于解釋一個現(xiàn)象的成因。也就是說假如我們是一個傳播學(xué)的學(xué)者,你老板讓你去解釋為什么直播間那么火爆、里面的觀眾那么多那么活躍、他們?yōu)樯兑M成家族要打榜,你用“互動儀式鏈”來解釋,這很合理。但現(xiàn)在我們是設(shè)計(jì)師,我們要解答的問題不僅是直播間作為社會現(xiàn)象為什么會火,而是騰訊直播之后直播要往哪里發(fā)展?我們要做哪些具體的設(shè)計(jì)動作來增強(qiáng)這個群體之間的共鳴?從這個圖里面是看不出來的,太抽象了。
當(dāng)然本文是很希望讀者相信騰訊直播的產(chǎn)品搭建是基于理論有理有據(jù)地去構(gòu)建的,比如下面這個圖就是“「互動儀式鏈」理論中引申出的設(shè)計(jì)方法”,但是話說,我覺得非常有以果推因的嫌疑,難道沒有“互動儀式鏈”,騰訊直播會不搞粉絲團(tuán)/家族,會不辦主題賽事?假如這些產(chǎn)品動作都是我們已知的或者行業(yè)常規(guī)的,那貼上一個「互動儀式鏈」的皮,對設(shè)計(jì)的幫助和指導(dǎo)就很小了。
當(dāng)然,ISUX為了建立自己的品牌影響力可以寫這種文章,但咱自己做作品集的時候還是要心里有數(shù),注意你采納的、特意提到的所有理論都要和最終的設(shè)計(jì)手段有緊密的因果推導(dǎo)關(guān)系。
那話說回來,我們能從哪里獲得這些和人機(jī)交互直接相關(guān)的研究成果?我建議大家多關(guān)注人機(jī)交互本領(lǐng)域的期刊,或者和心理學(xué)相關(guān)的期刊/會議。比如google這篇文章援引的CHI,就是人機(jī)交互領(lǐng)域下最知名的、影響力最大的期刊。根據(jù)google scholar的統(tǒng)計(jì),HCI(人機(jī)交互)領(lǐng)域下的前10期刊排名如下:
地址:https://scholar.google.com/citations?view_op=top_venues&hl=en&vq=eng_humancomputerinteraction
除了CHI和上述排名的期刊之外,我們還可以關(guān)注ACM(美國計(jì)算機(jī)協(xié)會)旗下的其他相關(guān)會議和期刊。比如google的這篇論文就援引了另一個會議MOBILEHCI的文章。最后,除了人機(jī)交互領(lǐng)域,我們也可以多去關(guān)注心理學(xué)和人機(jī)交互的交叉期刊,比如本篇引用的Computers in Human Behavior,其他和心理學(xué)相關(guān)的研究可以從美國心理學(xué)會(APA)的數(shù)據(jù)庫中檢索。
ACM協(xié)會:https://dl.acm.org/journals
APA協(xié)會:https://psycnet.apa.org/
當(dāng)然,上述所有的文章都是英文的。說起來很可惜,但咱國內(nèi)學(xué)界對交互這一塊比較缺乏成形的討論。反而是行業(yè)內(nèi)會有一些比較好的沉淀。大家加油學(xué)習(xí)吧。
藍(lán)藍(lán)設(shè)計(jì)(www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com