原文鏈接:How We Use Prototyping, And How It Made Us More Efficient
原文作者:Demian Borba
原型是至關(guān)重要的蛀蜜,它能夠幫助你的團(tuán)隊(duì)創(chuàng)造出最好的產(chǎn)品。它是一個(gè)機(jī)會(huì)來(lái)試驗(yàn)?zāi)愕南敕ǎ⑥D(zhuǎn)化為有形的狀態(tài),你可以繼續(xù)測(cè)試或者展開(kāi)云挟。當(dāng)你的原型失敗之后,你也會(huì)很軟著陸-這里還有很多機(jī)會(huì)去迭代和改進(jìn)转质。
Adobe新的原型工具Experience Design(Adobel XD)在新功能添加到項(xiàng)目之前园欣,使用原型作為一種方法來(lái)測(cè)試這些新的功能。作為Adobe XD團(tuán)隊(duì)的產(chǎn)品經(jīng)理休蟹,我會(huì)分享一些自己的見(jiàn)解沸枯,關(guān)于團(tuán)隊(duì)是如何使用原型來(lái)搭建并提高Adobe XD,并且讓設(shè)計(jì)師們制作原型更加高效赂弓。
那么我們?yōu)槭裁创罱ㄔ停?/b>
原型的作用是溝通和驗(yàn)證假設(shè)绑榴。他們給團(tuán)隊(duì)提供了有形的東西進(jìn)行交流,縮短了用戶和解決方案之間的心理距離盈魁。
“一個(gè)原型勝過(guò)一千次會(huì)議翔怎。”-IDEO曾經(jīng)這樣說(shuō)過(guò)杨耙。
我們搭建原型用來(lái)學(xué)習(xí)赤套,解決分歧,引導(dǎo)交流珊膜,管理建立過(guò)程容握。他幫助團(tuán)隊(duì)建立同理心,探索可能性(或存在的障礙)车柠,而這都是建立在可見(jiàn)的基礎(chǔ)上剔氏,才能夠測(cè)試和從中獲得啟發(fā)。
有研究報(bào)告支持這個(gè)理論:你可以通過(guò)“建立思考”或“書(shū)寫(xiě)記憶”竹祷,這意味著如果你使用你的雙手谈跛,更多的神經(jīng)元會(huì)被調(diào)用來(lái)處理你大腦中的任務(wù),讓你“思考的更多”或“記憶的更多”塑陵。
最大的好處就是回歸到風(fēng)險(xiǎn)感憾,我們“失敗”的越早,學(xué)習(xí)的就會(huì)越快猿妈,越有可能接近成功吹菱。
我們?cè)皆缡∈菫榱蓑?yàn)證哪些工作是不需要做的彭则,這成本很低鳍刷。所以我們?yōu)槊總€(gè)主要的功能都會(huì)構(gòu)建原型,我們與試發(fā)布用戶和關(guān)鍵用戶很早就開(kāi)始實(shí)現(xiàn)這樣的嘗試模式俯抖。是的输瓜,我們失敗了很多,這很棒!因?yàn)槲覀儠?huì)在這個(gè)過(guò)程中學(xué)習(xí)尤揣,從長(zhǎng)遠(yuǎn)來(lái)看我們減少了失敗的風(fēng)險(xiǎn)搔啊。最終我們能夠解決真正的用戶需求,以一種新的方式換位思考北戏。
原型可以有趣又迷人嗎负芋?
當(dāng)然可以!我用來(lái)激勵(lì)我們?cè)O(shè)計(jì)團(tuán)隊(duì)嗜愈,會(huì)使用一種叫做“黑馬”的有趣原型練習(xí)方式旧蛾。每個(gè)人從你的設(shè)計(jì)思維里展開(kāi)頭腦風(fēng)暴,選出自己認(rèn)為的最瘋狂的想法蠕嫁,一個(gè)幾乎不肯能實(shí)現(xiàn)的想法锨天,然后組成團(tuán)隊(duì),為它搭建原型剃毒。
警告:瘋狂和有趣的事情將會(huì)發(fā)生病袄!
你要確保成員之間能夠發(fā)生化學(xué)反應(yīng),團(tuán)隊(duì)成員將會(huì)連接的更加緊密赘阀。
建立Adobe XD
不久之前益缠,一個(gè)有出眾的設(shè)計(jì)師,工程師和產(chǎn)品經(jīng)理組成的團(tuán)隊(duì)纤壁,通過(guò)原型來(lái)構(gòu)建一個(gè)設(shè)計(jì)師用來(lái)傳遞他們信息的工具左刽。在經(jīng)過(guò)了很多的頭腦風(fēng)暴,而不是從零開(kāi)始酌媒,他們將現(xiàn)有的原型串聯(lián)在一起,探索和嘗試新的設(shè)計(jì)工具和方法迄靠。
這個(gè)初始原型不斷地成長(zhǎng)秒咨,新的工具被創(chuàng)建、驗(yàn)證掌挚、調(diào)整并再次驗(yàn)證雨席,被命名為Project Comet。在2016年吠式,這個(gè)團(tuán)隊(duì)擴(kuò)充了陡厘,有了更多的設(shè)計(jì)師,工程師特占,產(chǎn)品經(jīng)理和實(shí)習(xí)生糙置。我們走到了一起,會(huì)見(jiàn)了公司領(lǐng)導(dǎo)和未來(lái)專注解決更多UX挑戰(zhàn)的設(shè)計(jì)師是目。
當(dāng)?shù)谝粋€(gè)原型驗(yàn)證之后谤饭,我們很快的調(diào)整并再次驗(yàn)證,我們覺(jué)得開(kāi)發(fā)Adobe XD作為本地應(yīng)用。首先選擇的是Mac OS平臺(tái)揉抵,之后是Windows亡容。除此之外,我們還正在為iOS和Android開(kāi)發(fā)應(yīng)用程序冤今。幫助設(shè)計(jì)師們實(shí)時(shí)預(yù)覽他們的設(shè)計(jì)闺兢。
伴隨數(shù)據(jù)原型設(shè)計(jì)
2015年10月,在Adobe MAX,Anirudh Sasikumar一位致力于Adobe XD的工程師戏罢,演示了應(yīng)用的原型列敲,設(shè)計(jì)師可以使用這款工具來(lái)滿足有不同來(lái)源數(shù)據(jù)的設(shè)計(jì),例如文件帖汞,網(wǎng)頁(yè)戴而,文字段落和圖像。他在Medium中的文章有詳細(xì)介紹這個(gè)特性翩蘸。
我最近和Anirudh交流過(guò),問(wèn)他是如何想到這個(gè)的催首,原型是如何幫助他驗(yàn)證方法扶踊。
根據(jù)他的說(shuō)法,對(duì)開(kāi)發(fā)人員來(lái)說(shuō)將數(shù)據(jù)綁定到系統(tǒng)是非常常見(jiàn)的郎任。有時(shí)候他對(duì)設(shè)計(jì)師來(lái)說(shuō)并不真實(shí)秧耗,通常需要假數(shù)據(jù)來(lái)模擬現(xiàn)實(shí)世界中的設(shè)計(jì)結(jié)果。
Anirudh闡述了這種真實(shí)數(shù)據(jù)的設(shè)計(jì)催化劑舶治,是重復(fù)網(wǎng)格工具分井。一旦我們構(gòu)建完成,很自然就會(huì)想到帶入更多數(shù)據(jù)霉猛。設(shè)計(jì)社區(qū)已經(jīng)表達(dá)出了“伴隨數(shù)據(jù)設(shè)計(jì)”的濃厚興趣尺锚,以及眾多的實(shí)現(xiàn)相同功能的擴(kuò)展插件的解決方案。
由于Caltrain的拖延惜浅,他開(kāi)始編寫(xiě)功能瘫辩。有一些用例在心里,實(shí)現(xiàn)會(huì)簡(jiǎn)單很多坛悉。在年底伐厌,它有了一個(gè)工作版本,雖然還沒(méi)有進(jìn)行優(yōu)化裸影,但是足夠去兌現(xiàn)承諾和進(jìn)行驗(yàn)證挣轨。
神奇的原型是能夠看到所有的可能性和邊界情況。這不僅存在于你的腦子里空民,它更加接近現(xiàn)實(shí)刃唐,你可以看到更多羞迷。
你同樣也會(huì)看到瓶頸,那些在你實(shí)際建立之前不會(huì)遇到的困難画饥。例如:與Google Sheets的連接變得棘手衔瓮。
Google Docs通過(guò)一次點(diǎn)擊實(shí)現(xiàn)重復(fù)網(wǎng)格,來(lái)測(cè)試不同的語(yǔ)言抖甘。
第一階段已經(jīng)完成了热鞍,并且應(yīng)用在了Mac OS上,設(shè)計(jì)師可以從文件中拖動(dòng)文本衔彻,來(lái)實(shí)現(xiàn)重復(fù)網(wǎng)格功能薇宠,接下來(lái)的階段是將重點(diǎn)放在樣本數(shù)據(jù)并且將內(nèi)容從Web上搬下來(lái)。
決定是否需要圖層
讓我再來(lái)問(wèn)這個(gè)已經(jīng)問(wèn)過(guò)了數(shù)百個(gè)設(shè)計(jì)師的問(wèn)題:你需要圖層嗎艰额?
最初澄港,我們假設(shè)用戶不需要圖層,特別是圖層呈現(xiàn)的概念在Photoshop和Illustrator中應(yīng)用了很多年柄沮。這是一個(gè)巨大的挑戰(zhàn)回梧,因?yàn)檫@是很多體驗(yàn)設(shè)計(jì)師花費(fèi)了很長(zhǎng)的時(shí)間才建立起來(lái)的心智模型。
在Adobe XD中祖搓,為了能夠有所創(chuàng)新狱意,我們經(jīng)常挑戰(zhàn)現(xiàn)有的心智模型。
基于最初的研究拯欧,Talin Wadsworth详囤,XD的主持設(shè)計(jì)師,想出了本地層的概念镐作。為了驗(yàn)證這個(gè)概念藏姐,我們一同工作,建立情景并與預(yù)期用戶和關(guān)鍵用戶測(cè)試原型滑肉。
經(jīng)過(guò)長(zhǎng)時(shí)間的研究和使用原型推動(dòng)溝通的驗(yàn)證過(guò)程包各。在多次調(diào)整后,我們確認(rèn)我們的用戶需要層來(lái)表達(dá)和組織復(fù)雜的設(shè)計(jì)靶庙。
我們已經(jīng)開(kāi)始實(shí)現(xiàn)這種新的思維模式。
很快娃属,來(lái)自世界各地的設(shè)計(jì)師告訴我們是不是正確的六荒。Fingers crossed!
總結(jié)
從第一天開(kāi)始,在我們實(shí)施之前矾端,都會(huì)構(gòu)建并測(cè)試每一個(gè)主要功能的原型掏击。一個(gè)原型是一個(gè)極其強(qiáng)大的工具幫助團(tuán)隊(duì)“看見(jiàn)”更多,體驗(yàn)更多秩铆,“失敗”更多砚亭,學(xué)會(huì)更多灯变,最后,更快速的找到成功的秘密所在之處捅膘。
引用《從零到一》的一句話來(lái)歸納原型的好處:
“這世界就像是一個(gè)充滿了驚人成功的秘密添祸,只是等待著別人發(fā)現(xiàn)它們⊙罢蹋”
誰(shuí)來(lái)創(chuàng)建下一個(gè)Uber,或者是下一個(gè)Fackbook刃泌,或者是下一個(gè)Pokemon Go app?構(gòu)建并測(cè)試原型可以幫助你發(fā)現(xiàn)它們,快行動(dòng)吧署尤!