經(jīng)典交互設(shè)計(jì)流程與方法

2022-06-14    分類: 網(wǎng)站建設(shè)

傳統(tǒng)的交互設(shè)計(jì)流程中,比較看重從設(shè)計(jì)目標(biāo)建立到最終方案推導(dǎo)過程的邏輯性、終端用戶體驗(yàn)與用戶心理認(rèn)知模型的匹配性等,相關(guān)的 UCD 設(shè)計(jì)方法很多,而基本框架則是大同小異。在規(guī)模較大的公司與設(shè)計(jì)團(tuán)隊(duì)里,作為交互設(shè)計(jì)師的我們也習(xí)慣了運(yùn)用這種按部就班、環(huán)環(huán)緊扣的推導(dǎo)方式,幫助自己有理有據(jù)地應(yīng)對各種「為什么這么做」的挑戰(zhàn)。

但在實(shí)際工作中,并不是每一個項(xiàng)目都是按照理想化的線性設(shè)計(jì)流程執(zhí)行,除去日常迭代類的需求,即使在相對完整的項(xiàng)目里,依靠某個靈光一現(xiàn)的想法或者老板一句命令而啟動的情況并不少見,當(dāng)遇到這種情況時,有些交互設(shè)計(jì)師會嘗試進(jìn)行一些反向推導(dǎo)(先有結(jié)論,再找支撐結(jié)論的原因)來強(qiáng)行圓回自己習(xí)慣的設(shè)計(jì)流程,降低在評審中遭到挑戰(zhàn)的可能性,即使自己內(nèi)心并不認(rèn)同這樣做。

可是,被我們奉為圭臬的那些經(jīng)典交互設(shè)計(jì)流程與方法,真的足夠好嗎?當(dāng)我還原了一下自己在工作中處于沉迷運(yùn)用各種方法階段時的狀態(tài)時,我開始意識到:我之所以喜歡這么做,更重要的原因是為了減少自己在設(shè)計(jì)中犯錯和遭到挑戰(zhàn)的概率、增強(qiáng)對別人的說服力、完成自己的專業(yè)沉淀等,而不是設(shè)計(jì)出真正令用戶喜歡的產(chǎn)品。再回顧那段時間的設(shè)計(jì)產(chǎn)出,雖然貌似專業(yè)正確,卻多少存在循規(guī)蹈矩、缺乏驚喜、創(chuàng)新性不足等缺點(diǎn),沒有靈氣和觸動人心的感覺。而隨著改變這種局面的沖動感越來越強(qiáng),我開始感到傳統(tǒng)交互設(shè)計(jì)思維可能并給不了我想要的答案,甚至可能就是造成這種桎梏的原因,我需要從中跳出來,尋找全新的出路。

突破慣性束縛

作為交互設(shè)計(jì)師的我們,常常把「設(shè)計(jì)原則」、「平臺規(guī)范」、「用戶習(xí)慣」一類詞匯掛在嘴邊,對各種常見組件和設(shè)計(jì)模式熟稔于心,致力于降低用戶認(rèn)知和學(xué)習(xí)的成本、提高產(chǎn)品可用性等。這樣做是我們的安身立命之本,當(dāng)然沒有錯,卻也可能造成一些潛在問題:體驗(yàn)趨同、缺乏亮點(diǎn)、審美疲勞等。

舉個已經(jīng)爛俗的海報(bào)設(shè)計(jì)例子,在我們的認(rèn)知習(xí)慣里,海報(bào)通常都會用各類色彩來營造強(qiáng)烈視覺沖擊力,但當(dāng)一整面墻都貼滿了五顏六色的海報(bào),再加一張有著絢爛色彩的海報(bào),就遠(yuǎn)不如一張黑白海報(bào)沖擊力強(qiáng)了。在我們的設(shè)計(jì)工作中也會有相似的情況,比如很多官網(wǎng)、APP 都喜歡用一個通欄大 Banner 來渲染氣氛,清一色的首屏布局等,從設(shè)計(jì)原則、用戶習(xí)慣的角度來看這樣做并沒有什么錯,可卻看不到什么差異化的創(chuàng)新亮點(diǎn)。

APP 「表態(tài)」是我覺得做得比好好的一個案例,很多投票、話題類的 APP 都喜歡用封面圖、大色塊等渲染氣氛,表態(tài)卻堅(jiān)持輕量設(shè)計(jì)的理念,在標(biāo)題區(qū)進(jìn)行大塊留白,整體風(fēng)格都是輕色彩、輕字體、輕背景,反而能更好地吸引用戶注意力。


另一方面,設(shè)計(jì)原則、用戶習(xí)慣并非一成不變,我們需要保持對最新設(shè)計(jì)趨勢的關(guān)注,而不是陷在一些陳舊的思維框架里面。比如說「首屏線」,在以前 PC端頁面設(shè)計(jì)時非常重要,但近年來隨著不同屏幕尺寸的終端設(shè)備日益豐富、用戶滑屏瀏覽習(xí)慣逐漸養(yǎng)成,已經(jīng)迅速成為了一個過時的概念。

隨著用戶體驗(yàn)設(shè)計(jì)標(biāo)準(zhǔn)化趨勢的增強(qiáng),只會沿襲既有設(shè)計(jì)模式、對用戶習(xí)慣唯唯諾諾,而不能洞察問題本質(zhì)、關(guān)注趨勢變化、敢于突破常規(guī)的交互設(shè)計(jì)師,空間恐怕只會變得越來越小。

學(xué)習(xí)視覺思維

交互視覺崗位界限的模糊化也是現(xiàn)在的一個趨勢,作為一個實(shí)習(xí)生時期就在出各種高保真設(shè)計(jì)稿的交互,我一直以為自己還是算懂一點(diǎn)視覺的,后來才意識到我所謂的懂,不過是一點(diǎn)技巧層面的東西,在思維方式上我仍然是徹頭徹尾的交互設(shè)計(jì)。

最近讀了幾本美國視覺設(shè)計(jì)學(xué)院用書,書中的一些網(wǎng)站設(shè)計(jì)案例給了我較深的印象,在設(shè)計(jì)流程上,區(qū)別于我們工作中常常根據(jù)產(chǎn)品/運(yùn)營限定的內(nèi)容來做梳理分類、優(yōu)先級劃分進(jìn)而出方案、測試獲取反饋等,這些案例先集中于創(chuàng)意發(fā)散,設(shè)計(jì)開發(fā)出幾種完全不同風(fēng)格的方案,在創(chuàng)意確定通過后,再和客戶一起編輯填充內(nèi)容。工作實(shí)踐中,有時候雖然業(yè)務(wù)需求還沒有完全明確,作為設(shè)計(jì)師我們也可以考慮適當(dāng)搶跑開始探索,圍繞核心目標(biāo)盡可能多地發(fā)散想法、出概念稿等,而如果總是被動等到需求確定,在內(nèi)容優(yōu)先級的梳理取舍上可能就要花去大量溝通精力,也不會有多少探索不同創(chuàng)意的時間了。

視覺設(shè)計(jì)師們在工作中經(jīng)常會定義一些品牌基調(diào)、設(shè)計(jì)關(guān)鍵詞等,我覺得這個其實(shí)在交互設(shè)計(jì)階段就可以考慮和滲透進(jìn)去,思考怎樣在合適的場景以合適的行為傳達(dá)給用戶相應(yīng)認(rèn)知,融入更多的感性思維,賦予最終方案更多的「靈性」,而不只滿足于出一份僅僅是推導(dǎo)完整、邏輯架構(gòu)清晰、符合可用性原則、考慮特殊場景的交互設(shè)計(jì)稿。


靈感驅(qū)動設(shè)計(jì)

我們在設(shè)計(jì)流程中講究目標(biāo)驅(qū)動、用戶驅(qū)動、業(yè)務(wù)驅(qū)動等,但其實(shí)還有一種不那么符合規(guī)矩的「靈感驅(qū)動」,好的設(shè)計(jì)方案并不一定是通過某種固定的方法流程推導(dǎo)得出,也可能是不知什么時候靈光一現(xiàn)而促成。

靈感并非唾手可得,經(jīng)歷過「想法枯竭」和「想法爆棚」兩種不同狀態(tài)的我,感覺很重要的一點(diǎn)是需要養(yǎng)成隨時隨地思考記錄的習(xí)慣,事實(shí)上,這半年來我產(chǎn)生的幾個最喜歡的設(shè)計(jì)靈感,很少有在工位電腦前敲敲打打得出的,印象比較深的是有一次洗澡時突然想到一個點(diǎn)子,然后一洗完就迅速打開電腦畫原型做 Demo,把想法快速記錄表達(dá)出來。

還有一些小技巧比如使用紙筆而非軟件、限定時間等,都可以起到一定的激發(fā)靈感作用,不過最重要的還是多看多想,培養(yǎng)豐富的閱歷和活躍的思維。

總結(jié)

從傳統(tǒng)交互設(shè)計(jì)流程中適當(dāng)跳出并不意味著背道而行,相反,傳統(tǒng)交互設(shè)計(jì)思維也可以反過來幫我們糾正過去劍走偏鋒的地方,避免做出一些過于注重創(chuàng)意表達(dá)、突破常規(guī)卻違背了基本可用性原則、用戶認(rèn)知理解困難,「為設(shè)計(jì)而設(shè)計(jì)」的方案,讓理性與感性形成合力,做出真正觸動人心的設(shè)計(jì)。

新聞名稱:經(jīng)典交互設(shè)計(jì)流程與方法
標(biāo)題網(wǎng)址:http://bm7419.com/news/166899.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、響應(yīng)式網(wǎng)站網(wǎng)站維護(hù)、移動網(wǎng)站建設(shè)、App設(shè)計(jì)、微信公眾號

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)