認(rèn)清這7種設(shè)計關(guān)系,為交互設(shè)計打開新思路
已經(jīng)了解了一定的設(shè)計方法,產(chǎn)品設(shè)計的過程中要怎樣理清工作思路?做設(shè)計的過程就是處理設(shè)計關(guān)系的過程,本文作者從宏觀設(shè)計角度出發(fā),著眼于微觀設(shè)計面,介紹了設(shè)計中的七種設(shè)計關(guān)系,用整體的聯(lián)系的目光看待設(shè)計中的問題,希望能在設(shè)計思路上提供更多的思考角度。適合關(guān)注產(chǎn)品設(shè)計的小伙伴閱讀。
做設(shè)計的過程就是處理設(shè)計關(guān)系的過程。而無論交互設(shè)計還是視覺設(shè)計,在設(shè)計過程中需要反復(fù)考慮的是這 7 種設(shè)計關(guān)系:
- 生意介質(zhì)關(guān)系
- 路徑聯(lián)動關(guān)系
- 系統(tǒng)構(gòu)成關(guān)系
- 同類并列關(guān)系
- 分級從屬關(guān)系
- 歸組收納關(guān)系
- Z 軸層級關(guān)系
在這里強(qiáng)調(diào)關(guān)系這個詞,是因為設(shè)計這件事從來都不是孤立的。
這個道理雖然很容易明白,但是在我們大部分常規(guī)設(shè)計工作中,接到的設(shè)計任務(wù)往往是經(jīng)過拆解后的局部。陷入局部,忽略這個局部與其他因素之間的關(guān)系,是設(shè)計開始變得糟糕的重要原因。
說到設(shè)計方法,我們現(xiàn)在已經(jīng)有一些比較成熟的思維框架,比如斯坦福設(shè)計學(xué)院的 Design Thinking Process、雙鉆模型、體驗地圖、用戶體驗五要素框架等,但有了這些框架之后,在具體的設(shè)計問題中,還是沒有一種行之有效的方法可以直接的指導(dǎo)、改善不同職級、不同經(jīng)驗的設(shè)計師的設(shè)計產(chǎn)出。
基于這樣的現(xiàn)狀,我嘗試梳理了我的設(shè)計方法論,從宏觀的設(shè)計關(guān)系出發(fā),側(cè)重眼于微觀的設(shè)計層面,希望用一種簡單的方式抓住這 7 個詞,為設(shè)計工作提供一點建議和幫助。
一、生意介質(zhì)關(guān)系
為什么設(shè)計師容易自嗨?或者容易被別人認(rèn)為設(shè)計師在自嗨,所以不得不連續(xù)不斷不遺余力的進(jìn)行自證,自證設(shè)計的價值?很多時候是因為沒有處理好設(shè)計的生意介質(zhì)關(guān)系。
設(shè)計區(qū)別于藝術(shù)的一個根本點在于,設(shè)計是一種服務(wù),而非自我表達(dá)。這種服務(wù)并不是說設(shè)計師作為乙方需要服務(wù)好你的需求方,而是說任何設(shè)計都始于明確的目標(biāo),并服務(wù)于一種生意以及參與到這個生意中的用戶。
這種服務(wù)的第一屬性要求我們放下設(shè)計師的自嗨,分析生意和用戶,分析當(dāng)下遇到的問題,并在困難中尋找最佳設(shè)計方案。所以從這個角度來看,任何一個設(shè)計都是困難的。如果你覺得沒有困難,那只能說明你想的過于簡單,或者沒有在從事真正意義上的設(shè)計工作。
為什么說任何一個設(shè)計都是困難的?因為設(shè)計關(guān)乎用戶的的認(rèn)知、預(yù)期與習(xí)慣。
用戶認(rèn)知的形成取決于用戶過去的經(jīng)驗,過去這個用戶或者說這類用戶在使用類似產(chǎn)品時建立起來的基本認(rèn)知,帶著這個基本認(rèn)知以及用過過去養(yǎng)成的操作習(xí)慣甚至思維習(xí)慣,用戶看到你的產(chǎn)品界面時,首先會產(chǎn)生一個認(rèn)知,在這個認(rèn)知的基礎(chǔ)上形成一個對這個界面狀態(tài)的潛在預(yù)期。
好的設(shè)計能夠引導(dǎo)、管理用戶的這種認(rèn)知和預(yù)期,進(jìn)而促使用戶產(chǎn)生實際的操作行為。而差的設(shè)計往往不能幫助用戶直觀的建立基礎(chǔ)認(rèn)知,以至于不能產(chǎn)生我們想要的用戶預(yù)期,甚至產(chǎn)生了完全錯誤的預(yù)期。當(dāng)用戶操作之后發(fā)現(xiàn)與自己的預(yù)期不相符的時候,體驗痛點就產(chǎn)生了。
所以說,設(shè)計是一種介質(zhì)。一種連接生意和用戶的介質(zhì),一種復(fù)雜與簡單之間的介質(zhì),一種邊界模糊的、還在不斷進(jìn)化的介質(zhì)。
要做好這種介質(zhì),需要設(shè)計師具備好的分析能力、邏輯思維與轉(zhuǎn)化能力、想象與創(chuàng)造能力,而這三種能力合起來,可以簡單概括為我們常說的洞察力。去洞察自己的洞察力吧。這樣才能處理好生意與用戶之間的設(shè)計關(guān)系,讓設(shè)計成為一種好的介質(zhì)。
二、路徑聯(lián)動關(guān)系
交互設(shè)計設(shè)計的是什么?
設(shè)計的是用戶行為。
可用戶行為是虛的,那實際上設(shè)計的是什么呢?
設(shè)計的是一個個狀態(tài)以及狀態(tài)與狀態(tài)之間的聯(lián)動關(guān)系。
這是一種設(shè)計關(guān)系,視覺設(shè)計考慮的點線面之間的關(guān)系,不同元素之間的組織關(guān)系,交互設(shè)計考慮的是不同信息之間的組織關(guān)系,不同狀態(tài)之間的交互聯(lián)動關(guān)系。
在這個過程中,需要有好的用戶洞察,充分理解用戶場景與業(yè)務(wù)訴求,管理用戶預(yù)期,及時給予合理的界面反饋。
時間是線性的,我們的工作是線性的,用戶在你的產(chǎn)品中花費(fèi)的時間是線性的,所以用戶在使用產(chǎn)品的過程中所接觸到的一個個界面與交互也是線性的。
在這個線條中我們需要考慮到你當(dāng)前處理的這個點在整個用戶路徑中的關(guān)系,要如何處理才能使用戶不在當(dāng)前這個節(jié)點中斷任務(wù)甚至退出程序。在這個線條中的每一個節(jié)點都與它的上一個節(jié)點與下一個節(jié)點存在路徑聯(lián)動關(guān)系。
這種路徑聯(lián)動關(guān)系在交互設(shè)計的工作里常常以流程圖的方式輸出,容易理解,但同時也容易被忽視,尤其是對專職的視覺設(shè)計師而言。所以無論哪種形式的設(shè)計工作,對于路徑聯(lián)動關(guān)系的處理,都需要充分考慮流程的起點與終點,以及路徑的匯合與分支。
交互設(shè)計的思維不應(yīng)該局限在交互設(shè)計這個工作或者交互設(shè)計師這個職位上,視覺設(shè)計師的工作同樣需要具備交互思維。
產(chǎn)品是一個復(fù)雜的系統(tǒng),我們的日常工作是被拆分后的一個個節(jié)點。開始一個設(shè)計項目之后,只有充分考慮當(dāng)前這個頁面或者這個視覺物料在用戶的時間線程里的前后聯(lián)動關(guān)系。
多問問自己,用戶是從哪里來的,接觸到你當(dāng)前設(shè)計的這個界面/元素/物料之后,我們應(yīng)該如何引導(dǎo)用戶走到下一步。這個環(huán)節(jié)如果考慮的不夠全面,就有可能形成斷點。
三、系統(tǒng)構(gòu)成關(guān)系
每一個科技產(chǎn)品都是一個有機(jī)的系統(tǒng),它的迭代與成長呈現(xiàn)著基本的生命體征。每一個生命體的律動都可以表現(xiàn)出自然的美感。生命的發(fā)展與進(jìn)化并不是被人為設(shè)計出來的,而現(xiàn)在我們?nèi)祟愊M约涸O(shè)計和研發(fā)的產(chǎn)品能夠不斷進(jìn)化,并且經(jīng)久不衰的活下去。
想想這有多難,首先我們要創(chuàng)造一個生命,其次我們還要希望他在短時間內(nèi)根據(jù)達(dá)爾文的進(jìn)化論在自然選擇中不斷進(jìn)化,不斷的在惡劣的競爭環(huán)境中存活、發(fā)展。
每一個小的設(shè)計都從屬于一個整體,是這個整體的一部分,并且?guī)в羞@個整體的特征。我們常說的 DNA 也就是這個意思。每一個設(shè)計元素,都應(yīng)該從屬于一個設(shè)計語言,不管這個設(shè)計語言是顯性的還是隱性的。假如說我們不在乎這個系統(tǒng)構(gòu)成關(guān)系,或者說根本沒有這個 DNA 的存在。
在設(shè)計上對于其他競品的我們認(rèn)為好的、對數(shù)據(jù)有幫助的東西直接拿過來會有什么問題嗎?如果我們覺得自己的手臂不夠強(qiáng)壯,是不是直接可以移植健身教練的手臂到自己身上呢?那結(jié)果必定是丑陋的、畸形的。
這也就是為什么我們在做設(shè)計規(guī)范與設(shè)計語言,為什么我們吹毛求疵的追求系統(tǒng)一致性。
同樣的,平面構(gòu)成是設(shè)計基礎(chǔ)課程,我們可以學(xué)到一些基礎(chǔ)的構(gòu)成一個畫面的方式技巧。所以在設(shè)計草稿階段需要從構(gòu)圖考慮,而不是從單個元素的刻畫來進(jìn)行。如果我們在做設(shè)計的時候忽略元素與元素之間的構(gòu)成關(guān)系,最后整體的效果可能是不協(xié)調(diào)的、不自然的、美感缺失的。
四、同類并列關(guān)系
警察有兩種,胖警察和瘦警察;講笑話的表演有兩種,相聲和脫口秀;電影簡單的說也有兩種,故事片和紀(jì)錄片。并列與類比是人們在對事物建立認(rèn)知時的一個簡單可用的方法,分類便于我們迅速理解世界,理解一個系統(tǒng)中不同功能、內(nèi)容/信息之間的關(guān)系。
同時,電影的類型化為電影產(chǎn)業(yè)帶來了更多的觀眾,產(chǎn)品設(shè)計形態(tài)的類型化為互聯(lián)網(wǎng)產(chǎn)品帶來了更多的用戶,信息的類型化幫助用戶獲取到了更多的信息。
用戶的時間碎片化了,大塊的內(nèi)容被切分成了小的信息單元,這樣的背景下 Feed/信息流技術(shù)(算法匹配)發(fā)展起來。同時我們不能不看到這個懶惰的循環(huán):碎片化催生了信息流,信息流讓用戶的時間更加碎片化。在這樣的環(huán)境下,各種類型的信息被強(qiáng)行拆分塞進(jìn)了用戶的信息流。
這些信息并列在一起,無論是新聞資訊、生活貼士、旅行攻略、還是一條機(jī)靈段子,無論是深度長文、番劇解說視頻,還是一張吸引眼球的圖片,通通都并列在一起,一起爭奪用戶短暫的注意力。
歸類的過程是強(qiáng)化共性擱置個性的過程。
們常常面對的困難也是該如何將功能或信息分類。這些信息本來是千差萬別的,這種并列關(guān)系的處理在設(shè)計上的困難也是顯而易見的。我們的困難是每當(dāng)我們進(jìn)入一個部分的設(shè)計時,總會覺得當(dāng)前處理的這個問題是特殊的,并不那么容易對不必要的個性做出舍棄。
五、分級從屬關(guān)系
如果一個團(tuán)隊有100個人一起做一件事情,那么怎么進(jìn)行組織才能有效的完成這件事呢?如果一個系統(tǒng)有100個頁面,那么這些頁面如何能夠更有序的組織在一起,才能完成業(yè)務(wù)目標(biāo)并滿足用戶需求呢?如果一個頁面有20個不同的字段與元素,那么界面中用戶要閱讀的內(nèi)容、對下一步操作的引導(dǎo)等應(yīng)該如何進(jìn)行有效的組織?
分級從屬關(guān)系的建立可以幫助我們建立易于理解的設(shè)計框架。從信息架構(gòu)的組織、導(dǎo)航的設(shè)計到單個頁面、單個卡片的設(shè)計框架都需要清晰的傳遞分級從屬關(guān)系。
扁平化管理在互聯(lián)網(wǎng)公司一度聽上去非常洋氣,但現(xiàn)在我們?nèi)匀粺o法確定扁平化管理一定優(yōu)于層級化管理。
扁平化的優(yōu)點和缺點都很明顯:他可以降低管理成本,但對公司結(jié)構(gòu)架構(gòu)能力和組織能力要求較高;他可以分權(quán)管理讓更多的人參與決策,但這樣的決策過程容易混亂;他可以更好的激勵人才培養(yǎng),但同時隱晦的層級關(guān)系也無法避免。
扁平化設(shè)計更加凸顯內(nèi)容本身,避免信息傳達(dá)上的不必要干擾,強(qiáng)調(diào)界面的效率。但值得強(qiáng)調(diào)的是,扁平化設(shè)計并非直接放棄了信息的層級關(guān)系,而是在用更簡練的形式來表現(xiàn)層級關(guān)系。當(dāng)扁平化成為一種設(shè)計趨勢被無腦濫用的時候,扁平化本身的缺點就被無限放大了。
在信息架構(gòu)層面,明確的層級關(guān)系要比所謂的流行趨勢重要的多。
還以微信為例,他為什么要把朋友圈歸到二級頁面?為什么要在 IM 頁單獨(dú)設(shè)置一個聊天詳情頁而不把操作選項前置?為什么對于單條朋友圈的點贊與評論沒有直接外露而收到一個單看上去表意并不明確的兩個點的圖標(biāo)里?這看上去一點也不扁平,但似乎并沒有影響到微信的易用性。
六、歸組收納關(guān)系
作為交互設(shè)計入門書籍的《簡約至上》中談到了刪除、組織、隱藏、轉(zhuǎn)移四個設(shè)計策略,介紹了非常實用的設(shè)計方法。
幾年前在裝修房子的時候接觸了一點室內(nèi)設(shè)計的知識,小戶型空間的收納問題、動靜分區(qū)問題、冰箱洗衣機(jī)放在什么位置會讓生活更舒適的問題,這些問題的解決方法都與交互設(shè)計的設(shè)計方法相通。
人們對簡單的追求在不同的設(shè)計領(lǐng)域都非常相似。還有一個有趣的現(xiàn)象:世界是復(fù)雜的,人是復(fù)雜的,生意是復(fù)雜的,而大家在產(chǎn)品設(shè)計上的審美取向卻是簡單的。
簡單的體驗簡單的說就是在易懂的基礎(chǔ)上易用,輕松,沒有不必要的干擾和負(fù)荷,而這種簡單體驗的塑造建立在更有效的歸組與收納的設(shè)計關(guān)系處理上。
卡片式布局、抽屜式菜單、發(fā)現(xiàn)頁都是對信息和功能的歸組收納。在什么場景什么時機(jī)下適合隱藏、刪除哪些內(nèi)容,把哪些內(nèi)容歸位一組是更合適的,這些都需要設(shè)計師結(jié)合當(dāng)前場景、結(jié)合其他幾個設(shè)計關(guān)系的處理來綜合考量。
七、Z 軸層級關(guān)系
設(shè)計的過程是處理信息關(guān)系的過程。人們有兩只眼睛來感受廣闊立體的空間,人們對信息的接收也從來都不是平面的。信息本身是立體的,而平面設(shè)計與互聯(lián)網(wǎng)產(chǎn)品設(shè)計的媒介是平面的,設(shè)計師需要做的是把立體的信息通過平面的媒介完整的傳遞給用戶。
壓感式觸摸屏的技術(shù)發(fā)展帶來了的新的交互手勢;我們通過疊加與覆蓋等設(shè)計方式在平面上制造層次的視覺誤差來劃分信息層級;我們利用信息與信息之間的大小對比、色彩關(guān)系來幫助用戶更好的理解信息層級,降低視覺上的噪音與干擾。
這都是在處理Z軸上的信息層級關(guān)系。信息與信息之間的關(guān)系是立體的,功能與功能之間的關(guān)系也是如此。所以無論扁平化的設(shè)計趨勢如何,我們該處理的Z軸層級關(guān)系還是要處理。
–以上談到的 7 種設(shè)計關(guān)系并不是相互獨(dú)立的,相互之間存在交集,需要我們在設(shè)計過程中綜合考慮靈活處理才可以形成結(jié)實、完整、成熟的設(shè)計方案。
作者:柴林;公眾號:柴林的設(shè)計筆記
本文由@柴林 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
- 目前還沒評論,等你發(fā)揮!