為團(tuán)隊創(chuàng)建設(shè)計原則—來自Zaplabs團(tuán)隊的分享

這是來來Zaplabs的設(shè)計師的文章,來源Determining Your Design Principles

譯文:

比較不同的設(shè)計方案,權(quán)衡最終設(shè)計方案對我們團(tuán)隊來說是件很頭疼的事情。

終于我們搞明白了原因:沒有確定團(tuán)隊的設(shè)計原則。

下面講述了我們?nèi)绾伍_始建立團(tuán)隊的設(shè)計原則:

激發(fā)靈感

我召開了一個設(shè)計團(tuán)隊的會議,要求每一位成員展示自己的想法。為了激發(fā)靈感,我鼓勵隊友們逛逛Design Principles FTW,這個網(wǎng)站上有來自Google, Facebook, Apple等眾多公司的設(shè)計原則。

定義設(shè)計原則

在第一次會議中產(chǎn)生了許多設(shè)計原則的初步構(gòu)想。下一步是將我們的設(shè)計原則精細(xì)化

我展開了第二個會議,要求隊員們在便利貼上寫下他們自己認(rèn)為重要的原則。接下來我們把所有這些便利貼展示到墻上,給它們編組并比較優(yōu)先級。

必須提及一點,“好的設(shè)計原則是清晰而不含混的?!?/p>

馬斯洛需求等級模型

我們已經(jīng)明確了我們的設(shè)計原則,現(xiàn)在需要更好地呈現(xiàn)它們。六月時,我寫了關(guān)于Lyft的設(shè)計原則的報告Lyft redesign article。他們用了一個金字塔(馬斯洛需求模型)來幫助定義設(shè)計原則的優(yōu)先級。他們的做法給了我靈感,我決定也試試看。

我把大家想出的設(shè)計原則打印出來,剪成小塊。接著在白板上畫了一個巨大的金字塔,并在旁邊貼上馬斯洛需求模型。我們每一個人都拿了一摞設(shè)計原則小紙條,然后按自己的想法貼在相應(yīng)的位置。

哎呀!沖突發(fā)生了

排序的過程中有一些沖突發(fā)生了。比如說,我們不能決定一致性(consistency)與效率(efficiency)哪個更重要。于是我們花了很長時間討論它,最后決定把他們放在同一層級。這樣做的理由是,一致性和效率的優(yōu)先級取決于你所工作的項目和你擔(dān)任的角色。

比如,我們的工程師更側(cè)重一致性,因為他們已經(jīng)建好了樣式庫。而作為設(shè)計師,我們得考慮那些不得不進(jìn)行額外點擊操作的用戶。我們希望通過提升軟件的操作效率來保留現(xiàn)用戶,并吸引到那些使用競品的用戶。

好吧,我們知道一些過去已建成的模式在阻止我們達(dá)到提升效率目的。為什么不探索一些實際可以幫助他們更有效率的工作的產(chǎn)品呢?如果有一個需要將效率至于一致性之上的特殊案例呢?

下面是一些我從設(shè)計中學(xué)到的

如果特定的舊系統(tǒng)模式運(yùn)行得并不好,那么不要害怕創(chuàng)建新的模式。跟你的工程師和產(chǎn)品經(jīng)理溝通——幫助他們理解特別的需求。希望通過溝通你能夠?qū)⒛愕男略O(shè)計應(yīng)用于下一階段。

最終設(shè)計原則


設(shè)計原則優(yōu)先級(回合2)

我們決定在金字塔旁邊貼一下圖片的例子上去。我想了漢堡包是如何把面包,肉和沙拉混合的。我想了一些別的主意,覺得“肉”太具體了,于是把“肉”替換成了“配料”,這樣它更符合心理上的需求。

這是我們的成品:

·理解你的用戶=面包(基本需要)

·清晰+一致性&效率=配料(心理需要)

·審美=醬汁(個人滿足需要)

設(shè)計原則可視化

為了幫助團(tuán)隊了解設(shè)計原則,并可視化這些原則的重要程度,我創(chuàng)建了一個圖表

定義:

了解你的用戶

·理解用戶需求:如果你不理解用戶需求就無法創(chuàng)造正確的解決方案。采訪用戶以更好地理解他們。

·對用戶需求產(chǎn)生共鳴:意識到用戶需求和實際的行動。管理好用戶的預(yù)期并且明白你不是你的用戶。

清晰

·元素之間的關(guān)系必須清晰:考慮好頁面內(nèi)的關(guān)系,并按照重要程度結(jié)構(gòu)化頁面。

·創(chuàng)建結(jié)構(gòu)和層級:提供及時的反饋來提高系統(tǒng)的信任度。用戶需要知道他們每一個操作的結(jié)果。

一致性

·一致的界面:允許用戶編輯使用模式。使用標(biāo)準(zhǔn)控件和一致的手勢使用戶像人們期待的一樣表現(xiàn)。

·一致的用詞:當(dāng)指向特定的操作,物體或?qū)υ挄r,使用一致的用詞,避免混亂。

·一致的現(xiàn)存模式:用戶尋找他們已熟悉的模式來降低學(xué)習(xí)成本和理解新的體驗。

效率

·用戶體驗是持續(xù)的:它應(yīng)該適用于不同的屏幕,平臺和產(chǎn)品。當(dāng)人們有可能經(jīng)常使用一個應(yīng)用并且準(zhǔn)備花長時間學(xué)習(xí)它時,效率是非常有用的。

·有效率的系統(tǒng)節(jié)約時間:設(shè)計最短時間和點擊次數(shù)達(dá)到任務(wù)的方法。有效率的反饋可以幫助用戶達(dá)成目標(biāo)。

·利用技術(shù)杠桿提升效率:讓技術(shù)來適應(yīng)行為需要,而不是讓用戶去適應(yīng)電腦。

審美

第一印象很重要:美觀的界面能夠提升系統(tǒng)的可信度

人們認(rèn)可、想要并需要審美:它讓我們使用界面的過程更愉悅

令人愉快的:如果使用過程很愉悅,你的用戶就會期待使用你的產(chǎn)品。

重要性

最近我聽了Facebook的產(chǎn)品設(shè)計副總監(jiān)Julie Zhuo的播客。她談到在初期建立一系列清晰的設(shè)計原則是一件多么重要的事。她的觀點讓我更確信我們的設(shè)計原則會幫助我們的產(chǎn)品變得更好。

“設(shè)計準(zhǔn)則的目的是使大家圍繞真正重要的東西努力”

優(yōu)秀的設(shè)計原則編碼好對我們來說什么是重要的、什么是真實的。當(dāng)有新人加入公司或者你的公司正處于規(guī)模化時,設(shè)計原則幫助他們更好地理解那些對我們正在做和重視的東西最獨特和最重要的事情。

“我們關(guān)注簡單,我們也關(guān)注人。當(dāng)你不得不權(quán)衡某些事情的時刻,你如何評定優(yōu)先級?什么是你最重看重的東西?”—Julie Zhuo

收聽Julie的完整播客

展望未來

設(shè)計原則可能不是對每個公司都有用。對我們來說,擁有一個整個團(tuán)隊都同意的設(shè)計原則是有用的。我們需要原則來幫助聚焦于清晰和減少含混。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容