譯文|好的設(shè)計(jì)準(zhǔn)則如何塑造更強(qiáng)大的產(chǎn)品形態(tài)?
一個(gè)設(shè)計(jì)團(tuán)隊(duì)如果沒(méi)有好的設(shè)計(jì)準(zhǔn)則,想要決定產(chǎn)品成功是非常困難的。
一個(gè)設(shè)計(jì)團(tuán)隊(duì)如果沒(méi)有好的設(shè)計(jì)準(zhǔn)則,想要決定產(chǎn)品成功是非常困難的。
我的工作是為房地產(chǎn)專業(yè)人士設(shè)計(jì)和改進(jìn)一款傳統(tǒng)的客戶關(guān)系管理系統(tǒng)(CRM)。我們經(jīng)常遇到設(shè)計(jì)瓶頸,因?yàn)闆](méi)有任何的設(shè)計(jì)準(zhǔn)則可以參考。我們的用戶對(duì)這款產(chǎn)品愛(ài)憎分明。一些用戶認(rèn)為這是一個(gè)引領(lǐng)時(shí)代的工具,幫助他們提高業(yè)務(wù)量的同時(shí),更好的管理他們的聯(lián)系人。另外也有一些客戶認(rèn)為它是一個(gè)累贅,完成任務(wù)需要耗費(fèi)大量時(shí)間,錯(cuò)誤多而且使用很不方便。這里需要改進(jìn)很多內(nèi)容,但是限制條件是什么?
不對(duì)稱的平衡
新特性VS現(xiàn)有問(wèn)題
我們與用戶研究小組合作進(jìn)行用戶測(cè)試和用戶訪談。根據(jù)產(chǎn)品特征的測(cè)試結(jié)果重新設(shè)計(jì)原型。通過(guò)收集用戶反饋,定義用戶分類和確認(rèn)可實(shí)行要素。通過(guò)一整套用戶測(cè)試,設(shè)計(jì),迭代產(chǎn)品。然而,當(dāng)我們努力工作改善產(chǎn)品時(shí),經(jīng)常被要求加入新的產(chǎn)品特性。這可能令人崩潰,尤其是當(dāng)一個(gè)頁(yè)面已經(jīng)擁有可用性腳本的時(shí)候。添加的功能越多,產(chǎn)品就會(huì)變的更加復(fù)雜。
傳統(tǒng)設(shè)計(jì)模式
工作中,我們通常使用傳統(tǒng)設(shè)計(jì)模式。因此,新的設(shè)計(jì)也要保持一致性。理論上,一致性原則是必要的,因?yàn)槲覀儾幌雽?duì)用戶正在操作的內(nèi)容造成破壞。然而同時(shí),我們需要快速迭代,減少任務(wù)點(diǎn)擊量。那樣的話,我們就不得不犧牲一致性原則。我們?cè)撛趺崔k?在保持一致性和提高有效性兩個(gè)方面怎么排名?孰輕孰重?
用戶需求VS設(shè)計(jì)需求
通過(guò)用戶測(cè)試,我們了解到,通常用戶需求與設(shè)計(jì)需求不匹配。承認(rèn)這一點(diǎn),難道不是因?yàn)槲覀兯鶅A向的設(shè)計(jì)都依靠自己的假設(shè)么?我們自以為獲悉的用戶流程沒(méi)有通過(guò)進(jìn)一步深刻的用戶研究。事實(shí)上,我們不總是對(duì)的。傳授以人為本的理念課程是“為什么?”為什么不僅僅是用戶讓得到它?為什么用戶不能發(fā)現(xiàn)一個(gè)如此明顯的按鈕?為什么用戶不想使用我們所認(rèn)為有用的功能?為什么用戶不喜歡現(xiàn)有的功能?這么多為什么我們難以理解。
我們了解到公司創(chuàng)立客戶關(guān)系管理系統(tǒng)(CRM)已經(jīng)很多年了。它從1.0版本到2.0發(fā)展到現(xiàn)在的3.0版本。用傳統(tǒng)設(shè)計(jì)模式為之前的版本服務(wù),為什么在當(dāng)前的版本不使用同樣的設(shè)計(jì)模式呢?我們開(kāi)始意識(shí)到用戶群發(fā)生了變化。當(dāng)你在處理不同的用戶時(shí),首先了解用戶的需求是非常重要的。了解他們是誰(shuí),我們需要為他們?cè)O(shè)計(jì)什么。確保你了解用戶故事和用戶的旅行地圖是什么樣的。
啟發(fā)
我們得出的結(jié)論是,我們需要建立一套設(shè)計(jì)準(zhǔn)則。我組織了一個(gè)設(shè)計(jì)團(tuán)隊(duì)會(huì)議,要求每個(gè)人都提出自己的觀點(diǎn)。為了尋找靈感,我推薦了一個(gè)網(wǎng)站叫做FTW設(shè)計(jì)準(zhǔn)則。你可以從公司的列表中查找設(shè)計(jì)原則,例如:谷歌、臉書(shū)、蘋(píng)果等。
FTW設(shè)計(jì)準(zhǔn)則網(wǎng)站截圖
定義設(shè)計(jì)準(zhǔn)則
從會(huì)議報(bào)告中產(chǎn)生了可靠的設(shè)計(jì)準(zhǔn)則想法。我們需要更深層次的討論,去定義它們是什么。我組織了第二次會(huì)議,要求每個(gè)人在便簽紙上寫(xiě)下他們的設(shè)計(jì)準(zhǔn)則。然后我們把這些準(zhǔn)則貼到墻上分組處理,根據(jù)重要性確定先后順序。
按重要性排列設(shè)計(jì)準(zhǔn)則(第1回合)
馬斯洛需求層次理論
當(dāng)我們開(kāi)始明白設(shè)計(jì)準(zhǔn)則應(yīng)該是什么樣的時(shí)候,我們需要一個(gè)更好的方法,使他們可視化。6月份的時(shí)候,我寫(xiě)了一篇關(guān)于Lyft 重設(shè)計(jì)的文章,其中提到他們的設(shè)計(jì)準(zhǔn)則。他們使用了金字塔形狀(馬斯洛需求層次理論)定義規(guī)則的重要性。這件事情啟發(fā)了我,我決定試一試。
我打印出我們共同創(chuàng)建的設(shè)計(jì)準(zhǔn)則,然后把它們分成單個(gè)的。我在白板上畫(huà)了一個(gè)巨大的金字塔,并把馬斯洛需求層次理論放在旁邊。我們其中每個(gè)人都有一套設(shè)計(jì)準(zhǔn)則,根據(jù)我們的排名方法把這些準(zhǔn)則放到金字塔里面。
按重要性排列設(shè)計(jì)準(zhǔn)則(第2回合)
哎呀,出現(xiàn)矛盾了
我們意識(shí)到這里出現(xiàn)了一些矛盾。我們不能決定哪個(gè)更重要,是一致性還是高效性?我們討論了很久。最后,我們決定把一致性和高效性放在一起討論。理由是根據(jù)不同的項(xiàng)目和工作過(guò)程中的不同階段,一致性和高效性的重要程度也往往不同。舉個(gè)例子,我們的工程師傾向于一致性,因?yàn)樗麄円呀?jīng)建立了一個(gè)樣式庫(kù)。作為設(shè)計(jì)師,我們和用戶的心里一樣,因?yàn)橐恢滦詴?huì)導(dǎo)致不得不完成額外數(shù)量的點(diǎn)擊。我們需要保留!我們想吸引競(jìng)爭(zhēng)對(duì)手的用戶使用我們的產(chǎn)品!我們知道一些傳統(tǒng)的設(shè)計(jì)模式會(huì)妨礙我們?nèi)?shí)現(xiàn)它。為什么不選擇可以幫助用戶更有效率地經(jīng)營(yíng)自己的業(yè)務(wù)呢?如果有一個(gè)特殊案例,需要優(yōu)先考慮高效性超越一致性原則會(huì)怎樣?
矛盾狀況示意圖
這是我從設(shè)計(jì)項(xiàng)目中學(xué)到的一些知識(shí)
如果明確的傳統(tǒng)設(shè)計(jì)模式不湊效時(shí),不要害怕創(chuàng)造新的模式。與工程師和產(chǎn)品經(jīng)理溝通,幫助他們了解特殊需求。衷心希望,你能得到新的設(shè)計(jì)模式運(yùn)用到下一個(gè)沖刺中。
確定設(shè)計(jì)準(zhǔn)則
我們非常激動(dòng)!然后,我們停了下來(lái)。每個(gè)階段都出現(xiàn)了“協(xié)作”,我們應(yīng)當(dāng)把它從金字塔里拿走。美是一個(gè)令人深刻印象的單詞,但是我們?yōu)槭裁床蛔屗?tīng)起來(lái)更加優(yōu)雅迷人呢?
按重要性排列設(shè)計(jì)準(zhǔn)則(第3回合)
我們有一個(gè)想法,用圖片范例緊挨著金字塔使其可視化。我想到了漢堡包是如何制作的,用面包,肉和調(diào)味汁。我嘗試了一些想法,覺(jué)得肉太具像化了。我用“原料”代替“肉”,因?yàn)樗訌V泛,呈現(xiàn)的心理需求更好。
這是我們最終呈現(xiàn)的:
- 了解你的用戶=面包(基礎(chǔ)需求)
- 清晰度+一致性和高效性=成分(心理需求)
- 審美學(xué)=調(diào)味汁(自我實(shí)現(xiàn)需求)
設(shè)計(jì)準(zhǔn)則
下面是我創(chuàng)建的一個(gè)圖表。這個(gè)概念應(yīng)該是一目了然的,視覺(jué)化展示每個(gè)準(zhǔn)則的重要性。
設(shè)計(jì)準(zhǔn)則圖
釋義:
了解你的用戶
- 了解用戶需求。了解他們的需求,然后才能提供正確的解決方案。通過(guò)訪談了解他們的目標(biāo)和遇到的挫折。
- 通過(guò)適應(yīng)用戶需求引起共鳴。覺(jué)察到用戶需求和真實(shí)反應(yīng)。管理你的用戶期望值,同時(shí)理解你不是你的用戶。
清晰度
- 清晰度是指所有關(guān)于元素之間的關(guān)系。考慮到項(xiàng)目中頁(yè)面之間的關(guān)系,根據(jù)重要性創(chuàng)建頁(yè)面。
- 創(chuàng)建程序結(jié)構(gòu)和等級(jí)制度。為了確保系統(tǒng)的可信度需要提供及時(shí)反饋功能。用戶應(yīng)該知道他們采取的每一個(gè)行動(dòng)的后果。
一致性
- 一致的接口。允許用戶開(kāi)發(fā)使用模式。使用標(biāo)準(zhǔn)控件和手勢(shì)以便符合用戶行為習(xí)慣和預(yù)期。
- 一致的語(yǔ)言。當(dāng)指向一個(gè)特定的動(dòng)作或?qū)ο髸r(shí),以及在通信版塊中,使用相同的術(shù)語(yǔ),避免混亂。
- 一致使用既定模式。用戶希望得到他們已經(jīng)了解的模式,從而縮短學(xué)習(xí)曲線,并通過(guò)整個(gè)程序了解新的體驗(yàn)。
高效性
- 流暢的用戶體驗(yàn)。這個(gè)適用于多個(gè)不同屏幕尺寸,平臺(tái)和產(chǎn)品。效率的重要性涉及到用戶可能頻繁使用這個(gè)應(yīng)用,而且他們?cè)敢饣ㄙM(fèi)時(shí)間學(xué)習(xí)它。
- 高效的系統(tǒng),尊重你的時(shí)間。通過(guò)獲取用戶目標(biāo)的驅(qū)動(dòng)器,在完成任務(wù)過(guò)程中設(shè)計(jì)最短時(shí)間和最少點(diǎn)擊次數(shù)來(lái)反映系統(tǒng)的高效性。
- 利用技術(shù)提升效率。使用技術(shù)來(lái)適應(yīng)現(xiàn)有的行為而不是讓用戶去適應(yīng)電腦。
審美學(xué)
- 第一印象很重要。一個(gè)外觀精美的系統(tǒng)可以提升整個(gè)系統(tǒng)的信任度和依賴性。
- 審美學(xué)是人們對(duì)美的一種感知能力,人們需要它并且想得到它。它在設(shè)計(jì)過(guò)程中出現(xiàn),同時(shí)也在生活中遇到,它可以讓用戶界面非常有趣。
- 討人喜歡。如果你的產(chǎn)品非常好用,你的顧客就會(huì)非常愿意使用它。
重要性
最近我在收聽(tīng)一個(gè)廣播節(jié)目來(lái)自朱莉婭·卓,臉書(shū)的產(chǎn)品設(shè)計(jì)副總裁。她提到,對(duì)于一個(gè)初創(chuàng)公司,早期建立一套完整的設(shè)計(jì)準(zhǔn)則是非常重要的。她的見(jiàn)解增強(qiáng)了我的信心,相信我們的準(zhǔn)則會(huì)使我們的產(chǎn)品更好。
一套好的原則可以理解為,每個(gè)人都可以有共同的感覺(jué):對(duì)我們來(lái)講,什么是最重要的,什么是真實(shí)的。當(dāng)新員工加入或者當(dāng)你的公司裁員的時(shí)候,很容易理解那些準(zhǔn)則是如此獨(dú)特和重要,這正是你做事的方法和個(gè)人價(jià)值所在。
我們關(guān)注簡(jiǎn)單化,同時(shí)我們也關(guān)心人。當(dāng)推轉(zhuǎn)變成猛推,你必須做一個(gè)權(quán)衡,在那種情況下,你怎么樣,作為一個(gè)團(tuán)隊(duì)或公司會(huì)優(yōu)先考慮什么?什么是你要關(guān)心的?
期待
設(shè)計(jì)原則可能并不適用于所有的公司的工作中。盡管對(duì)我們來(lái)講,擁有一整套設(shè)計(jì)準(zhǔn)則是有幫助的,也是整個(gè)設(shè)計(jì)團(tuán)隊(duì)期望的設(shè)計(jì)初衷。我們需要原則強(qiáng)調(diào)清晰度和減少歧義。好的設(shè)計(jì)準(zhǔn)則是堅(jiān)不可摧的。這些準(zhǔn)則背后的重要份量也是自然存在的。什么看起來(lái)是對(duì)的,什么感覺(jué)很好 – 這些都是表面的東西。一個(gè)偉大的設(shè)計(jì)師基于準(zhǔn)則捍衛(wèi)自己的工作,過(guò)去的一個(gè)決定,過(guò)去的一千年,任何風(fēng)吹草動(dòng)都不會(huì)改變她的選擇?!炖驄I·卓
我們期待在實(shí)踐中運(yùn)用我們的原則。展望未來(lái),我希望在不久的將來(lái),分享一些個(gè)人見(jiàn)解。
作者:Jessie Chen
原文:https://uxdesign.cc/why-design-principles-shape-stronger-products-ae677bdd831b#.x7kwbk63s
翻譯:Norman_HU
譯文:http://www.jianshu.com/p/2aa5f540a994
本文由 @Norman_HU 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
其實(shí)以為最后會(huì)寫(xiě)一些規(guī)則,然并卵