保障設(shè)計(jì)效果的實(shí)現(xiàn)也是設(shè)計(jì)師的重要工作之一。設(shè)計(jì)能力再?gòu)?qiáng),設(shè)計(jì)方案再好,如果沒(méi)有后續(xù)良好的執(zhí)行,也終究不過(guò)是廢紙一張。今天網(wǎng)易同學(xué)從4個(gè)方面聊聊這方面的經(jīng)驗(yàn) >>> 從發(fā)散創(chuàng)意到設(shè)計(jì)實(shí)施,開始時(shí)抽象的目標(biāo)和概念,已經(jīng)一步步具象化,成為了可視化的設(shè)計(jì)方案。這時(shí),最了解設(shè)計(jì)方案的設(shè)計(jì)師,需要與項(xiàng)目組各個(gè)角色進(jìn)行溝通,闡述設(shè)計(jì)方案,在達(dá)成一致后,才能繼續(xù)推進(jìn)項(xiàng)目進(jìn)入到下一個(gè)開發(fā)測(cè)試的環(huán)節(jié)。 在項(xiàng)目推進(jìn)的過(guò)程中,每個(gè)人都會(huì)有不同的出發(fā)點(diǎn)。設(shè)計(jì)師會(huì)覺(jué)得娛樂(lè)化的設(shè)計(jì)更有趣、更能抓住用戶的眼球。但產(chǎn)品經(jīng)理可能更在乎新功能的開發(fā),希望產(chǎn)品能夠趕快上線。由于娛樂(lè)化的設(shè)計(jì)會(huì)有很多富交互的效果,所以開發(fā)的工作量往往也會(huì)較大。 在開發(fā)的過(guò)程中,最終的實(shí)現(xiàn)效果也可能與設(shè)計(jì)師所想的不同。腦海中完美的設(shè)計(jì),可能會(huì)因?yàn)榧?xì)節(jié)標(biāo)注不全面、沒(méi)有做高保真動(dòng)效、溝通不到位、或是設(shè)備性能等原因,在技術(shù)實(shí)現(xiàn)后變得面目全非。 所以設(shè)計(jì)師需要對(duì)外要有項(xiàng)目推進(jìn)的能力,從幕后走到臺(tái)前,使設(shè)計(jì)方案得到項(xiàng)目組成員的認(rèn)同;對(duì)內(nèi)有自我驅(qū)動(dòng)力,設(shè)計(jì)方案的完成并不是設(shè)計(jì)工作的結(jié)束,主動(dòng)跟進(jìn)項(xiàng)目,保障設(shè)計(jì)效果的實(shí)現(xiàn)。
1、目標(biāo)認(rèn)同 一般在項(xiàng)目初期的需求分析階段,產(chǎn)品人員會(huì)和設(shè)計(jì)人員一起分析出產(chǎn)品定位或設(shè)計(jì)目標(biāo)。這些概念性的目標(biāo)不是為了說(shuō)服老板或是擺擺樣子,在項(xiàng)目的各個(gè)階段,都需要用這些目標(biāo)去衡量產(chǎn)品是否偏離了方向。在設(shè)計(jì)推進(jìn)階段,首先要檢驗(yàn)的就是設(shè)計(jì)方案是否達(dá)成了最初確定的目標(biāo)。
2、方案認(rèn)同 俗話說(shuō)“臺(tái)上一分鐘,臺(tái)下十年功”,闡述設(shè)計(jì)方案也是一樣的道理。一個(gè)設(shè)計(jì)提案,可能是做了十幾個(gè)方案后精挑細(xì)選出來(lái)的最合適方案。半個(gè)小時(shí)的方案闡述,也可能是設(shè)計(jì)師深思熟慮幾天后的結(jié)果。令人信服的設(shè)計(jì)方案,是需要許多準(zhǔn)備工作作為支撐的。沒(méi)有充分的準(zhǔn)備,很容易受到項(xiàng)目組相關(guān)人員的質(zhì)疑。 在方案評(píng)審時(shí),我們可以只拿出一種設(shè)計(jì)方案。但在評(píng)審之前需要把能想到的方案都仔細(xì)考慮一遍。如果只做一個(gè)方案就覺(jué)得可以交差,一方面可能會(huì)錯(cuò)過(guò)更優(yōu)的方案,另一方面,在評(píng)審時(shí)被問(wèn)到這里為什么不設(shè)計(jì)成那樣時(shí),可以從容應(yīng)答,把之前已經(jīng)思考過(guò)的另一個(gè)方案存在的問(wèn)題一一列舉。 在闡述最優(yōu)方案時(shí),也要詳盡說(shuō)明這樣設(shè)計(jì)的理由。會(huì)議上闡述的方案是設(shè)計(jì)師從無(wú)到有一點(diǎn)一點(diǎn)設(shè)計(jì)出來(lái)的作品,設(shè)計(jì)師經(jīng)歷了從需求分析到設(shè)計(jì)表達(dá)的所有過(guò)程,自然覺(jué)得方案中的一切都是合理的。但并非項(xiàng)目組的所有成員都了解設(shè)計(jì)方案的原委,尤其是開發(fā)和測(cè)試人員,他們可能在項(xiàng)目中期才參與進(jìn)來(lái)。如果只將最后的方案展示給大家,很有可能受到質(zhì)疑。設(shè)計(jì)師需要在評(píng)審會(huì)前將用戶調(diào)研的結(jié)果、支撐的數(shù)據(jù)、競(jìng)品分析、設(shè)計(jì)實(shí)施前制定的目標(biāo)等等,都準(zhǔn)備充分,并在評(píng)審時(shí)闡述清楚。這樣有理有據(jù)的設(shè)計(jì),才會(huì)得到大家的支持。
3、標(biāo)準(zhǔn)化的原型 隨著產(chǎn)品不斷的發(fā)展壯大,我們需要為產(chǎn)品制定設(shè)計(jì)規(guī)范,標(biāo)準(zhǔn)化交互原型。 對(duì)于設(shè)計(jì)師來(lái)說(shuō),有了交互規(guī)范可以為新的設(shè)計(jì)提供參照,在交互和視覺(jué)上保持統(tǒng)一性,做設(shè)計(jì)時(shí)重復(fù)的模塊可以直接復(fù)用,提高工作效率。在與開發(fā)、前端溝通時(shí),可以不遺漏狀態(tài),減少溝通成本,開發(fā)人員還可以以此為參考制作模塊化代碼復(fù)用。 在制作設(shè)計(jì)規(guī)范的過(guò)程中,可以將那些可復(fù)用的、多狀態(tài)的交互元素進(jìn)行梳理。將最基本的控件(如按鈕、文本、圖標(biāo)等),由控件組成的組件(如刷新、加載、狀態(tài)欄、標(biāo)題欄、彈窗等),以及由控件和組件組成的頁(yè)面(如列表頁(yè)、詳情頁(yè)、專題頁(yè)等),分別整理,最終形成完整的交互設(shè)計(jì)規(guī)范。
4、可視化的動(dòng)效 在有條件的情況下,設(shè)計(jì)可以輸出高保真的動(dòng)效,減少與開發(fā)的溝通成本,保證動(dòng)效設(shè)計(jì)的實(shí)現(xiàn)效果。 一般可由交互設(shè)計(jì)師和視覺(jué)設(shè)計(jì)師一起,定義出需要添加動(dòng)效的地方和樣式,再由視覺(jué)設(shè)計(jì)師和動(dòng)效設(shè)計(jì)師共同完成高保真的動(dòng)效設(shè)計(jì),最終將動(dòng)效通過(guò)動(dòng)畫和代碼進(jìn)行輸出。 在做iOS app的設(shè)計(jì)時(shí),可以使用Quartz Composer進(jìn)行動(dòng)效設(shè)計(jì)。Quartz Composer可以通過(guò)調(diào)節(jié)摩擦力、拉力等參數(shù)高保真的實(shí)現(xiàn)動(dòng)畫效果,并可以進(jìn)行代碼輸出,方便了設(shè)計(jì)師與開發(fā)人員的溝通。