首先召调，我承認(rèn)這次標(biāo)題黨了秉沼，其實我要說的是 - 設(shè)計
為了證明我不是純粹的標(biāo)題黨，我先貼上自己翻譯的第一篇文章空执，來自Uber設(shè)計師，講述了一段他與共享單車的故事......
故事開始的地方
2010年穗椅，倫敦推出了巴克萊自行車出租的共享方案辨绊。這是一篇我積極改變自己生活與這個城市的故事。
為了遵守我的保密協(xié)議匹表，我省略了部分機密信息门坷，重新包裝了這些設(shè)計過程。故事開始了袍镀，他的名字叫 London By Bike默蚌。
我的角色
我們的團(tuán)隊負(fù)責(zé)的用戶體驗策略和移動端應(yīng)用的設(shè)計部分。我?guī)ьI(lǐng)UX團(tuán)隊交付產(chǎn)品中所有和用戶體驗交互相關(guān)的內(nèi)容苇羡，并應(yīng)用于2011年11月到2012年3月之間的客戶敏簿。在此期間，我與一個初級UX架構(gòu)師一起專注于Android部分的應(yīng)用程序設(shè)計宣虾。
我們所面臨的困難惯裕，只有兩個月時間
客戶只給了我們兩個月的時間讓我們提高他們的應(yīng)用程序的功能性和可用性，使其超出其他競爭對手绣硝，并促進(jìn)相關(guān)社區(qū)的用戶活躍度蜻势。
為了配合在東倫敦擴(kuò)張的方案，我們的隊伍走的很快鹉胖，頂著巨大的壓力握玛。我們的任務(wù)是在2個月內(nèi)提供iPhone和Android的高保真原型給我們的開發(fā)方合作伙伴够傍。一個固定的最后期限，在應(yīng)用程序商店提交挠铲，完成安全測試和可用性測試冕屯，這意味著我需要在第一個月就要完成正確用戶體驗信息的采集和分析。
專注于目標(biāo)拂苹，而不是功能
雖然我們的任務(wù)是開發(fā)出比競爭對手更好的功能安聘，但我們覺得在功能增強上發(fā)起一場戰(zhàn)爭并不明智，也無法捕捉到用戶的心瓢棒。
為了在一個已經(jīng)非常成熟和競爭激烈的市場中脫穎而出浴韭，我們需要為這個應(yīng)用定義一個理想的角色，以及它如何滿足目標(biāo)用戶的需求脯宿。這是一個讓我們感到無比興奮的機會念颈，因為我們能創(chuàng)造出更加有意義的東西。
精益用戶體驗設(shè)計的合作文化
我們選擇了精益設(shè)計 的方法榴芳，強調(diào)快速線框圖設(shè)計，原型設(shè)計跺撼，用戶的反饋和仿真設(shè)計窟感。這創(chuàng)造了早期團(tuán)隊的高度一致性，引發(fā)了大量的思考和創(chuàng)造财边，讓身處不同組織的伙伴們感到了很強的歸屬感。
通過工作的透明性建立信任
通過分享方法和想法点骑，幫助我們從一開始就建立一個良好的伙伴關(guān)系酣难。在項目中我們有充足的機會和舒適的環(huán)境來分享想法，建立彼此的信任黑滴，這是在初期最為寶貴的價值憨募。
隨時隨地做兩次部署
由于項目交付時間緊迫，我們選擇 Appcelerator Titanium Framework來構(gòu)建應(yīng)用程序袁辈，這個框架支持代碼重用和跨平臺部署菜谣。事后看來，這是一個糟糕的選擇晚缩，它嚴(yán)重 損害 了用戶體驗尾膊。
愉快的開始設(shè)計吧
與主要利益相關(guān)者溝通幫助我們了解他們的業(yè)務(wù)挑戰(zhàn)。我們一起確定風(fēng)險和期望荞彼，并構(gòu)建了應(yīng)用的共同愿景冈敛。接下來，我制作了一個經(jīng)驗戰(zhàn)略來概述我們每個階段設(shè)計應(yīng)用的方法和方向鸣皂。
發(fā)現(xiàn)階段 - 騎行對你意味著什么抓谴？
發(fā)現(xiàn)階段暮蹂，過程短、強度高癌压，允許我們定義項目的里程碑仰泻，審視現(xiàn)有的工作，調(diào)查競品情況滩届，了解我們的客戶的愿景集侯，并開始研究用戶的需求、行為和痛點丐吓。同時我們還開始了技術(shù)驗證階段浅悉，了解可行性和約束。
我們的研究顯示券犁，用戶對參與騎行的計劃和動機不同术健，存在著不同的需求。
在確定人物角色類型和結(jié)合我們的戰(zhàn)略后粘衬，優(yōu)先考慮重點支持我們早期用戶Michael和Nick荞估。后續(xù)的計劃中，將支持Natalie, Carla & Alejandro and Chris稚新。
我們使用人物畫像不斷在項目指導(dǎo)我們的設(shè)計決策勘伺，優(yōu)先級和重點。
我們的人物角色假設(shè)有五個不同的原型褂删，用來方便進(jìn)行我們的用戶需求討論飞醉。通過仔細(xì)分析，我們確定了足夠的行為變量屯阀，例如：騎行頻率缅帘、技能、信心和動機等难衰，來細(xì)分我們的受眾用戶钦无。我們與客戶討論這些設(shè)定的人物角色，綜合判斷誰才是我們的早期用戶盖袭。
騎行者的想法
嚴(yán)格的時間意味著我們需要有效地進(jìn)行用戶研究和收集反饋失暂。幸運的是，該計劃的普及為我們提供了充足的參與者鳄虱。我們進(jìn)行了一系列與利益相關(guān)者同事和朋友的訪談弟塞；通過Twitter觀察人們在說什么；并利用官方報道從倫敦交通局了解用戶的參與動機拙已。這些不同的渠道有助于迅速了解我們的用戶的需求宣肚，并幫助我們了解具體的騎行環(huán)境和工作流程。
一見到陽光悠栓，我就自己出去兜風(fēng)了霉涨。
虛擬化描述端到端的用戶體驗
我們用體驗地圖技術(shù)來將用戶體驗變得可視化按价，它能體現(xiàn)出用戶端到端的，在各接觸點上的經(jīng)歷笙瑟。這使我們能夠找準(zhǔn)用戶的痛點楼镐，看看我們需要在哪投入更多的精力。這里的關(guān)鍵是找準(zhǔn)用戶的情緒反應(yīng)往枷，為客戶設(shè)計符合他情感狀態(tài)的場景框产，以滿足客戶的預(yù)期。
用單車讓倫敦變得更美好
當(dāng)我們的競爭對手致力于解決客戶痛點時错洁，我們的愿景是讓用戶更加享受生活的樂趣秉宿。我希望我們能真的讓倫敦變得更加美好。
需求階段 - 設(shè)計是為了用戶的想法屯碴、體驗和感受
我們對用戶體驗的綜合研究就像一個透鏡描睦，不僅僅要考慮產(chǎn)品怎么設(shè)計，也要考慮用戶怎么去感受它导而。我們相信這是一個好的產(chǎn)品和一個偉大產(chǎn)品之間的區(qū)別忱叭。在早期思考用戶的情感設(shè)計，有助于讓客戶和我們體會到美感與體驗的重要性今艺。
用故事來處理體驗設(shè)計
首先韵丑，我們必須清楚我們產(chǎn)品到底是為誰所設(shè)計，如何用產(chǎn)品來解決用戶生活和工作中的問題虚缎。我們的設(shè)計經(jīng)驗應(yīng)該用在用戶的思維和行為上撵彻，而不是具體接口、技術(shù)和業(yè)務(wù)目標(biāo)实牡。
用戶場景需要維持在一個高階的層面上去進(jìn)行描述陌僵，這樣能幫助我們更加順暢的和其他人進(jìn)行溝通并達(dá)成理解上的一致。這些故事逐步形成了一個主干铲掐，在功能和情感上不斷進(jìn)行完善拾弃，讓所有參與到產(chǎn)品中的人能夠感同身受值桩。
用心智模型來提取需求
通過我們的研究和頭腦風(fēng)暴的梳理摆霉，人們在騎車之前、中奔坟、下班之后做的不同的事情都能讓我快速總結(jié)出一系列的任務(wù)携栋。我按照用戶行為進(jìn)行歸類整理，并統(tǒng)一到相同的內(nèi)容和特性下咳秉。這給了我一個方法來了解現(xiàn)有的功能和內(nèi)容什么會是有用的婉支，什么樣的任務(wù)需要額外支持，什么樣的任務(wù)意味著創(chuàng)新澜建，什么樣的任務(wù)需要被丟棄向挖。
隨后蝌以，我將所有的想法整理到一個電子表格，并優(yōu)先考慮它們對人物角色的需求何之，技術(shù)可行性和商業(yè)目標(biāo)的影響跟畅。這個體現(xiàn)到了我們的產(chǎn)品策略，產(chǎn)品路線圖和產(chǎn)品備忘錄中溶推。
此外徊件，我們還需要考慮體驗和品牌的需求
了解應(yīng)用程序使用的上下文幫助我開發(fā)一個清晰的視覺主題以匹配用戶對我們產(chǎn)品的預(yù)期。為了確定我們應(yīng)用程序的個性蒜危，我和團(tuán)隊及客戶制定了一套經(jīng)驗原則虱痕，被用來支撐我們設(shè)計決策。清晰的核心價值觀和描述應(yīng)該秉承用戶和品牌的關(guān)鍵屬性辐赞，該原則被用來推動產(chǎn)品美感部翘，體驗和整體色調(diào)等方向的不斷演進(jìn)。
制定設(shè)計的方向
我們使用從頂至下的方法來定義用戶體驗的整體結(jié)構(gòu)，包括草圖和故事看板恰梢。我繪制了大量的UI來表述信息架構(gòu)脐嫂，功能、數(shù)據(jù)元素表牢，和互動行為。從此贝次，我們的愿景開始演變成有形的東西：一種高階的設(shè)計語言崔兴，交互方式和產(chǎn)品結(jié)構(gòu)。
追蹤與同步
一但用戶確認(rèn)了我們的內(nèi)容及功能并排入到生產(chǎn)中山析，我就要開始編制內(nèi)容的追蹤和同步機制堰燎。我使用 Jesse James Garrett's Visual Vocabulary 來描述應(yīng)用的架構(gòu)。 在早期使用統(tǒng)一的系統(tǒng)編碼能夠幫助我們更好的與產(chǎn)品其他團(tuán)隊進(jìn)行溝通并達(dá)成理解上的一致笋轨。
用戶體驗的結(jié)構(gòu)化
在確定了主要的場景后秆剪，我們將通過應(yīng)用中不同角色的探索定義出用戶使用產(chǎn)品的幾個主要途徑。我們?yōu)槊恳粋€人物角色制作幾個關(guān)鍵用戶旅程爵政，這是構(gòu)思和提煉出內(nèi)容及功能的最佳途徑仅讽。我開始考慮特定的使用環(huán)境，幫助我們思考如何在界面中如何設(shè)計元素的呈現(xiàn)和排布钾挟。
我把想法寫到故事看板上洁灵，幫助大家設(shè)計和溝通更復(fù)雜的交互和流程。它節(jié)省了我大量的時間來避免繪制一些邊緣化的情況和原型掺出。
設(shè)計階段 - 交互框架
因為在Axure的一些局限性徽千，我決定使用蘋果的Keynote來傳達(dá)應(yīng)用程序的交互和場景轉(zhuǎn)換苫费。因為其主題提供了所有iOS原生的過渡效果，是一個非常理想的工具双抽。
不幸的是黍衙，大部分的交互設(shè)計工作并沒真正的被應(yīng)用到程序中，因為大多數(shù)人認(rèn)為它只是一種美化而被排上較低的優(yōu)先級荠诬。雖然我設(shè)計了必要的交互想幫助用戶在場景跳轉(zhuǎn)時保持導(dǎo)航的上下文琅翻，提高用戶感知性，但這些設(shè)計只是在可用性測試時重新排布了優(yōu)先級柑贞。想要在第1階段就發(fā)布這些已經(jīng)有點太晚了方椎。
使用Axure RP設(shè)計手機原型
Axure是進(jìn)行原型設(shè)計最好的選擇。因為時間緊迫我們選擇開發(fā)一個高保真原型钧嘶，這樣做既有優(yōu)點又有缺點棠众。
優(yōu)點是：原型是一個強大的工具，體現(xiàn)了我們的設(shè)計過程的透明性有决，加強了我們與客戶的互動闸拿，獲得及時的反饋，并得到客戶和開發(fā)伙伴的早期認(rèn)可书幕。
缺點是：原型是我們交付合作伙伴的最終成果新荤。這意味著任何設(shè)計的修改都需要在原型本身中反映出來。幸運的是台汇，Axure可以創(chuàng)建可重復(fù)使用的頁面組件苛骨。當(dāng)我們迭代可視化設(shè)計時，我可以復(fù)用它們苟呐，讓設(shè)計的變化反映在原型的每個實例中痒芝。事后看來，我們應(yīng)該找到一種更好的方式來傳遞修改牵素，讓原型真的成為原型严衬。
讓重要的事情做起來更迅速
在設(shè)計主屏幕時，要讓用戶能夠快速訪問應(yīng)用程序的主要功能笆呆。圖標(biāo)大小的設(shè)計使點擊更容易请琳，圖標(biāo)順序基于功能的到達(dá)率和布局進(jìn)行設(shè)計，并為信息選擇提供不同的展現(xiàn)方式腰奋，同時還要考慮必要的擴(kuò)展性单起。
讓學(xué)習(xí)成本最小化
因為用戶的使用場景都發(fā)生在運動中抱怔，因此可以依靠他們使用谷歌地圖的經(jīng)驗劣坊，并結(jié)合現(xiàn)有iOS設(shè)計約定來幫助他們學(xué)會使用我們的產(chǎn)品。
測試階段 - 這是一個好的設(shè)計還是一個垃圾屈留？
我們的應(yīng)用程序利用情感設(shè)計的原則局冰，激發(fā)用戶去兜風(fēng)测蘑。針對那些安全性上的擔(dān)憂，以及我們目標(biāo)用戶natalie對新自行車的擔(dān)憂康二，我們會在網(wǎng)頁上放上吸引用戶去騎車兜風(fēng)的圖片碳胳。這樣做是因為我們希望放大積極的方面，并幫助用戶專注于美好的回憶沫勿，而不是擔(dān)憂挨约。另外，我們會創(chuàng)造一種安全感产雹，讓用戶知道他們在騎行時是安全的诫惭。
設(shè)計時要體現(xiàn)出自信
界面設(shè)計力求自信。它不包含一些不必要的元素蔓挖。我們選擇了清晰夕土，可讀性更高的字體，選擇具有高對比度的瘟判、增加戶外易讀性的色彩怨绣。整體設(shè)計簡潔，干凈拷获，大間距篮撑。我們所有的設(shè)計決策，都散發(fā)著強烈的設(shè)計自信心匆瓜。
讓用戶參與到測試中
我們與我們的可用性測試合作伙伴Spotless Interactive進(jìn)行緊密的合作和互動咽扇，幫助我們確定任務(wù)，建立目標(biāo)和評估應(yīng)用程序陕壹。
為了確保測試是真實的质欲，我們選擇使用一個真正的應(yīng)用程環(huán)境。然而糠馆，這個過程也揭示了應(yīng)用程序的不穩(wěn)定性嘶伟。在各種錯誤和程序崩潰過程中，我們能夠找到布局又碌、搜索以及各種交互設(shè)計可能存在的問題九昧。
如何理解自行車和存車處
反饋問題中有一個提到了頂欄中的自行車、存車處與地圖之間的視圖是斷開的毕匀。對此铸鹰，我們當(dāng)初的理由是：使用標(biāo)準(zhǔn)的iOS標(biāo)簽欄風(fēng)格并不能傳達(dá)給用戶足夠的認(rèn)知性、可見性和信息的連接圖皂岔，從而使用了頂部分欄的方案蹋笼。這種分欄控制的平臺模式，更加容易找到想要的信息也更加清晰。
搜索的修復(fù)
我們通過觀察用戶的搜索剖毯，發(fā)現(xiàn)了一個嚴(yán)重的問題圾笨，于是我們重新制定了剩下任務(wù)的優(yōu)先級來解決這個問題。用戶搜索目的地時逊谋，使用地址擂达、郵政編碼、區(qū)域胶滋、地鐵站和地標(biāo)時有很大的差別板鬓。我們使用的API沒有返回任何有意義的結(jié)果，這意味著用戶不能完成他們的搜索究恤。于是我們改變了我們的API穗熬，還添加了更多個性化的搜索索引比如：最近和最喜歡的。
同時我們還發(fā)現(xiàn)丁溅，用戶無法確認(rèn)他們的搜索是否成功唤蔗。在服務(wù)繁忙時，無法在地圖上看到搜索的結(jié)果窟赏。這是因為標(biāo)準(zhǔn)地圖行為默認(rèn)為完全縮小妓柜。為了幫助用戶，我們實現(xiàn)了一個隱含的功能涯穷，可以設(shè)置縮放水平來顯示地圖至少3個結(jié)果棍掐，并提供足夠的背景空間方便用戶了解結(jié)果位置和附近的其他的車輛。
心得 - 我們該如何看待設(shè)計拷况？
我不是一個布道者作煌，也不是一個專業(yè)的翻譯者，不是為了宣揚敏捷設(shè)計方法赚瘦；也不是為了鼓吹國外工程師如何牛逼粟誓；也不是為了教大家如何去做用戶體驗......
通過這篇文章，我們可以清晰的看到作者的設(shè)計愿景起意、原則鹰服、思路和實操手法，讓我們能夠感同身受并且還有可能學(xué)到一些好用的方法揽咕。這個過程本身悲酷，就是設(shè)計的意義！
設(shè)計亲善，是即使站在不同的角度设易，也能講好你的故事，讓目標(biāo)受益蛹头、讓同伴理解顿肺、讓自己進(jìn)步戏溺！
