專業(yè)產(chǎn)品經(jīng)理的原型

專業(yè)產(chǎn)品經(jīng)理的原型目錄\h1創(chuàng)意收集/IDEA欲擒故縱\h1.1尋找創(chuàng)意的起點(diǎn)\h1.1.1需要——需求分析\h1.1.2方案再生\h1.1.3叛逆——顛覆性思維\h1.1.4人性化\h1.1.5科學(xué)推論\h1.2制造創(chuàng)意的過程\h1.2.1觀察\h1.2.2解構(gòu)對象\h1.2.3聯(lián)想\h1.2.4重組——再創(chuàng)造\h1.3創(chuàng)意的結(jié)果\h2用戶畫像/USER妙筆神探\h2.1步驟一：劃定用戶群\h2.2步驟二：線索與推理\h2.2.1收集線索\h2.2.2線索篩選\h2.3步驟三：提取總結(jié)\h2.3.1畫像\h2.3.2用戶故事\h2.4后記\h2.4.1本章節(jié)產(chǎn)出物\h2.4.2驗(yàn)證結(jié)果\h2.4.3思維方式\h2.4.4局限\h2.4.5其他知識點(diǎn)\h3任務(wù)與流程/FLOW步步逼近\h3.1步驟一：拆分任務(wù)\h3.1.1基于真實(shí)場景\h3.1.2調(diào)整任務(wù)時(shí)間軸\h3.1.3轉(zhuǎn)化成為線上任務(wù)\h3.2步驟二：任務(wù)流程推理\h3.2.1角色和行為\h3.2.2必要條件與必然結(jié)果\h3.2.3進(jìn)階：必要條件的必要條件的必要條件\h3.3步驟三：串聯(lián)事件畫面\h3.3.1流程轉(zhuǎn)化界面\h3.3.2把界面合并到流程中\(zhòng)h3.4后記\h3.4.1本章節(jié)產(chǎn)出物\h3.4.2評審與測試\h3.4.3思維方式\h3.4.4局限\h3.4.5其他知識點(diǎn)\h4界面/PROTOTYPE還原真相\h4.1展示頁\h4.1.1圍繞著“看”來設(shè)計(jì)\h4.1.2展示頁如何選擇內(nèi)容？\h4.1.3常見的展示頁\h4.2列表頁\h4.2.1找尋的方法\h4.2.2列表頁的特點(diǎn)\h4.2.3常見的列表\h4.3正文頁\h正文頁的目的\h4.4功能頁\h4.4.1功能頁應(yīng)該注意什么\h4.4.2常見的功能頁\h4.5輔助與特殊頁面\h4.5.1歡迎頁\h4.5.2過渡頁\h4.5.3加載頁\h4.5.4沉浸式頁面\h4.6回答問題\h4.7頁面數(shù)據(jù)\h數(shù)據(jù)推理\h4.8后記\h4.8.1本章節(jié)產(chǎn)出物\h4.8.2思維方式\h4.8.3其他知識點(diǎn)\h5交互理念/INTERACTIVE人在現(xiàn)場\h5.1我在哪里\h5.1.1地圖——頁面方位\h5.1.2道路——菜單\h5.1.3空間暗示——頁面動態(tài)\h5.2我是誰\h5.3我做什么\h5.3.1為人為錯誤設(shè)計(jì)\h5.3.2為情緒設(shè)計(jì)\h5.3.3特殊情況的處理\h5.4手指行為（移動產(chǎn)品）\h5.4.1手指與屏幕的關(guān)系\h5.4.2眼睛與屏幕的關(guān)系\h5.5后記\h5.5.1本章節(jié)產(chǎn)出物\h5.5.2評審與測試\h5.5.3其他知識點(diǎn)\h6風(fēng)格指南/COMPONENT解密設(shè)計(jì)邏輯\h6.1界面\h6.1.1示例頁面布局與風(fēng)格\h6.1.2布局說明\h6.2常用控件\h6.2.1狀態(tài)欄\h6.2.2導(dǎo)航欄\h6.2.3工具欄\h6.2.4文本輸入\h6.2.5按鈕\h6.2.6標(biāo)簽欄/分段控件\h6.2.7選擇與開關(guān)\h6.2.8選擇器\h6.2.9模態(tài)視圖\h6.2.10非模態(tài)視圖\h6.2.11滑塊\h6.2.12活動指示器\h6.2.13下拉菜單\h6.2.14圖標(biāo)與文字\h6.3加載\h6.3.1頁面加載\h6.3.2操作加載\h6.4刷新\h6.5緩存\h6.6熱區(qū)\h6.7頁面與視圖的進(jìn)入退出\h6.7.1頁面與視圖\h6.7.2轉(zhuǎn)場方式\h6.7.3動效說明\h6.8后記\h6.8.1本章節(jié)產(chǎn)出物\h6.8.2評審與測試\h6.8.3思維方式\h6.8.4局限\h6.8.5其他知識\h7溝通/COMMUNICATE不打口水仗\h7.1原型文檔\h7.1.1修改記錄\h7.1.2頁面結(jié)構(gòu)\h7.1.3全局說明\h7.1.4字符限制\h7.1.5核心任務(wù)流程\h7.1.6核心外任務(wù)流程\h7.1.7頁面與注釋\h7.1.8異常情況\h7.2后臺需求\h7.2.1功能點(diǎn)需求\h7.2.2完整需求\h7.3語言\h7.3.1匯報(bào)\h7.3.2說服\h7.3.3建議\h7.3.4情緒\h7.3.5討論\h7.4其他溝通方式\h7.4.1開會\h7.4.2郵件\h7.4.3IM\h7.5后記\h7.5.1本章節(jié)產(chǎn)出物\h7.5.2評審與測試\h7.5.3文檔的意義\h7.5.4為團(tuán)隊(duì)而作\h7.5.5其他知識點(diǎn)\h8遠(yuǎn)程工作方法/FREEDOM逆境求生\h8.1遠(yuǎn)程工作流程\h8.1.1創(chuàng)建原型\h8.1.2創(chuàng)建設(shè)計(jì)稿與風(fēng)格指南\h8.2遠(yuǎn)程團(tuán)隊(duì)協(xié)作\h8.3后記\h1創(chuàng)意收集/IDEA欲擒故縱1.1尋找創(chuàng)意的起點(diǎn)1.2制造創(chuàng)意的過程1.3創(chuàng)意的結(jié)果您有一封來自Gara的郵件TO：設(shè)計(jì)Charlie你好，我叫Gara，在未來幾個月的時(shí)間里，我們將進(jìn)行一場親密無間的合作。為了讓我們熟悉彼此，我們來約個“咖啡時(shí)間”吧！聊聊關(guān)于設(shè)計(jì)與創(chuàng)意的那些事情。聽說這個周末天氣晴朗，你有時(shí)間嗎？FROM：產(chǎn)品Gara2015/08/18于陪著棉被曬太陽的天臺什么是創(chuàng)意？我們談到創(chuàng)意，必然希望它讓人意外，充滿驚喜。因此我們總有一種誤區(qū)，覺得創(chuàng)意是毫無征兆的“靈感”，突如其來的“點(diǎn)子”，絕對的“天馬行空”。而在我看來，創(chuàng)意可以是以日常的觀察分析結(jié)果為基礎(chǔ)，由某個點(diǎn)激發(fā)，通過聯(lián)想與推理，得到與眾不同的新方案的過程。要得到創(chuàng)意，需要經(jīng)過仔細(xì)地觀察生活、解構(gòu)觀察的對象、聯(lián)想事物、重組對象的過程。大部分的創(chuàng)意工作者，多是“半桶水”，他們通常都拋棄了觀察、解構(gòu)的基礎(chǔ)，卻向往“天馬行空”的結(jié)果——這必然導(dǎo)致創(chuàng)意的雷同，或者經(jīng)不起推敲。另外，我認(rèn)為每一個工作者都應(yīng)該做著充滿創(chuàng)意的事情，即便是聽上去最需要嚴(yán)謹(jǐn)?shù)某绦騿T們。我意識到，我非常尊敬的少數(shù)幾位程序員，或者熱愛音樂，或者轉(zhuǎn)行自醫(yī)學(xué)專業(yè)，跨行業(yè)意識讓他們天然擁有了不同于其他共事者的思考維度與速度。創(chuàng)意工作有不同的目的，不同的創(chuàng)意方式也有很大差別。創(chuàng)意大師里奇·戈?duì)柕孪壬爬怂姆N創(chuàng)意思路：設(shè)計(jì)的創(chuàng)意、藝術(shù)的創(chuàng)意、程序的創(chuàng)意、科學(xué)的創(chuàng)意。其中，設(shè)計(jì)者與藝術(shù)家有很大差別：設(shè)計(jì)者為使用者服務(wù)，藝術(shù)家追求作品能夠表達(dá)自己的內(nèi)心；設(shè)計(jì)師看待世界的方式是觀察別人，藝術(shù)家則是觀察自己。工程師的創(chuàng)意是為解答問題，而科學(xué)創(chuàng)意的目的是為了尋找世界規(guī)律。擺在工程師面前的通常是一個具體的問題，工程師創(chuàng)意地使用各種方法解決這個問題，“如果我們滿足于使用馬來遠(yuǎn)行，那么就不會有汽車了對嗎？”而科學(xué)家的創(chuàng)意是試圖用某種規(guī)律表達(dá)世界法則，科學(xué)家的創(chuàng)意為工程師尋找“如何制造一輛汽車”的方法提供了基礎(chǔ)。為人的設(shè)計(jì)本書所寫的創(chuàng)意，主要是指“設(shè)計(jì)的創(chuàng)意”。設(shè)計(jì)師的創(chuàng)意有功能性，它能夠被人利用，當(dāng)作工具、用于溝通、簡化任務(wù)、愉悅心情等。設(shè)計(jì)師的作品應(yīng)該讓使用者滿意，不能夠給用戶帶來麻煩或者爭議。因此設(shè)計(jì)師需要與用戶不斷溝通，來理解用戶的需要與思想，從而達(dá)成作品設(shè)計(jì)的目。我們都是設(shè)計(jì)者，這是毋庸置疑的，所以為“人”設(shè)計(jì)，是我們的目的。版權(quán)把沒有被你消化前的知識當(dāng)作自己的，這是毫無意義的。如果把他人的智慧用于商業(yè)目的，則是違法的。這類做法破壞的恰恰是我們自己的生存環(huán)境。如果我們渴望創(chuàng)意，就應(yīng)該保護(hù)它，讓它有機(jī)會繁衍生息，不至于在剛剛冒頭的時(shí)候就被搶走了養(yǎng)分。對于大多數(shù)團(tuán)隊(duì)來說，“已經(jīng)被市場驗(yàn)證”過的產(chǎn)品遠(yuǎn)比一個“新鮮的創(chuàng)意產(chǎn)品”穩(wěn)妥得多。但我們希望生活在一個新鮮、美麗、文明的環(huán)境中，設(shè)計(jì)師們應(yīng)該對自己有更高的展望與要求。您有一封來自Charlie的郵件TO：產(chǎn)品Gara你好，Gara。周末有空，我們一起玩耍吧！PS.玉皇山里的“那家”咖啡館不管晴雨都很美。FROM：設(shè)計(jì)Charlie2015/08/18于時(shí)速180km/h的鐵皮盒子里\h1.1尋找創(chuàng)意的起點(diǎn)每個產(chǎn)品總有一個起點(diǎn)，這個起點(diǎn)就是一個靈感，或者一個想法。想法本身是充滿創(chuàng)意的，才會在誕生之初就擁有“創(chuàng)造者”的基因。我們有很多非常優(yōu)秀的設(shè)計(jì)作品，但是大大缺少了“產(chǎn)品起點(diǎn)”的創(chuàng)意人才或者想法。相信不少項(xiàng)目的需求方都說過這樣的話：“我們時(shí)間來不及了，就按照淘寶的抄就行了?！辈还苣闳绾螔暝?，都會設(shè)計(jì)出一個與淘寶設(shè)計(jì)得差不多的產(chǎn)品。這并不是設(shè)計(jì)師的錯，實(shí)際上，當(dāng)產(chǎn)品創(chuàng)意的起源點(diǎn)是“做一個和淘寶差不多的軟件”的時(shí)候，你擋不住它在任何人的眼中都應(yīng)該是“淘寶”的樣子。正是對起源點(diǎn)的漫不經(jīng)心，產(chǎn)品的道路越走越窄。我們要擁有一個充滿創(chuàng)意的起源，才有機(jī)會做一件充滿樂趣的事情。我相信把專業(yè)知識應(yīng)用到極致，必然能夠做出“音頻軟件中最好的設(shè)計(jì)”。但是誰來告訴我們要做一款什么軟件呢？為誰而作？何種形式？沒有這些回答，就沒有真正在基因上被刻上創(chuàng)意的產(chǎn)品。尋找創(chuàng)意的起點(diǎn)可以利用以下幾種思考模式，它們分別是需求分析、方案再生、顛覆性思維、人性化和科學(xué)推論。\h1.1.1需要——需求分析這是產(chǎn)品設(shè)計(jì)過程中常被我們掛在嘴皮子上的“需求”“痛點(diǎn)”。這是創(chuàng)意過程中我們最樂意提起的思維方式。它之所以被如此熱捧，是因?yàn)樾枰於擞A(chǔ)，只要有需要，必然會有人為此花錢，合理又安全的思考模式。需求來自問題。我們周圍總是在出現(xiàn)各種各樣的問題，這些問題有些輻射寬廣，有些影響深遠(yuǎn)，有些雞毛蒜皮，有些不為人知。高溫使食物腐敗，夏天是非常難熬的，而冷藏食品能夠解決長時(shí)間內(nèi)的食品保鮮問題，為此我們發(fā)明了冰箱，然而冰箱卻造成了環(huán)境破壞，制冷劑破壞大氣層——總不會有十全十美的解決方案。于是我們發(fā)現(xiàn)，隨著文明的發(fā)展，我們解決的問題越來越多，而衍生的問題也越來越多。可見問題是解決不完的，發(fā)現(xiàn)問題并解決問題，遍地都是創(chuàng)意。不管他說什么纏綿悱惻的“用戶需求”，她說什么越搔越癢的“用戶痛點(diǎn)”，你只要問“請問你打算解決什么問題？”然后冷靜地評估一下他們的方案是否有效即可。\h1.1.2方案再生再生就是把已有的事物用各種形式包裝一下再隆重登場。如果我們設(shè)計(jì)的是互聯(lián)網(wǎng)產(chǎn)品，那么最簡單有效的方式就是把線下的解決方案帶到線上（如下面提到的電子商務(wù)），我們也可以把另外一個領(lǐng)域的事物改頭換面，變成我們的商品?；蛘甙涯切┻€沒被別人發(fā)現(xiàn)的免費(fèi)產(chǎn)品賣出去。最早的電子商務(wù)，正是把購物行為搬到了網(wǎng)絡(luò)上引起了商業(yè)變革，再經(jīng)過多年智能手機(jī)的普及，為之后打車之類軟件的落地提供了市場。這種思維方式通常作為產(chǎn)品設(shè)計(jì)最基礎(chǔ)的邏輯被應(yīng)用在工作中。我堅(jiān)持認(rèn)為每一個產(chǎn)品都是基于線下的（我會在流程部分的內(nèi)容中詳解這個觀點(diǎn)）。當(dāng)然，簡單粗暴的線上線下的分割方法，僅僅是換了一種更加方便的智能工具而已。這個方法還可以被應(yīng)用在不相關(guān)的不同領(lǐng)域之間，會發(fā)生更加出人意料的化學(xué)反應(yīng)。行業(yè)之間互相隔閡已久，保健食品以前從來不曾企圖成為休閑零食，然而最近休閑零食們已經(jīng)決心要摘掉自己“垃圾食品”的帽子，它們開始“降火”“養(yǎng)胃”，畢竟零食也是有情懷的。如果零食和保健品還不算是“隔行如隔山”，那么筷子和搜索引擎絕對是（笑）。田邊的泥土是免費(fèi)的，但是如果有人企圖把它賣出去你也不要太驚訝。當(dāng)然這里的免費(fèi)并不包含包裝或者運(yùn)輸?shù)馁M(fèi)用，僅僅是物品本身。我們知道不少成本低廉，但是高價(jià)售賣的商品，如鉆石就是這樣。使用再生術(shù)，需要多找些愛好，多看些“閑書”。我有一些充滿創(chuàng)意的小伙伴來自各個行業(yè)或者有著各種各樣的興趣，他們看到的東西與我很不相同，所以有著與我更不相同的解決方式，如此才有了一些讓人拍案叫絕的想法。\h1.1.3叛逆——顛覆性思維意思就是不想按照常規(guī)來做事。它應(yīng)該是什么樣？它不應(yīng)該是什么樣？鋼琴應(yīng)該有88個琴鍵、黑白色、敲擊樂器……“不不不！我不要這么多琴鍵，我也不要黑白色，我還要讓鋼琴變成彈撥樂器……”桌子不應(yīng)該用來睡覺，不應(yīng)該不平整，不應(yīng)該……“不不不！我就要用桌子睡覺，我就要不平整的桌子，我就要……”這簡直太任性了，不過答案也確實(shí)太好玩了。我們可以經(jīng)常問問“如果（不）……會怎么樣？”然后我們可以重新改變桌子是“用來放平穩(wěn)東西”的功能，變?yōu)樽雷邮恰坝脕矸胖靡磺械摹??！耙m子是不是非得是一模一樣的兩只呢？”——我們現(xiàn)在知道答案了。\h1.1.4人性化圖1-1所示是一棟房子，但你又會覺得你看到了一張臉。因?yàn)槟惆l(fā)現(xiàn)房子的屋頂很像頭發(fā)，門窗像眼睛和嘴巴。圖1-1長得像人臉的房子和人有關(guān)的一切都會對人產(chǎn)生強(qiáng)烈的吸引力。我們會在第一時(shí)間注意到和我們接近的事物并且代入自己——人臉是其中最典型的。如“顏文字”，這是一種使用文字或者各種符號組成的十分簡單的面部團(tuán)，近來在年輕人當(dāng)中流行極了。在聊天過程中，你可以用文字表達(dá)“我很驚訝”。如果使用顏文字，大概是這樣“Σ(°△°|||)︴”。后者實(shí)在太抓人眼球了?。ㄒ妶D1-2）再比如，某一天晚上，你一個人在辦公室加班，突然間聽到了一個聲音：A.水滴聲B.嘆氣聲請選擇一個你覺得最可怕的。圖1-2長得像人臉的文字符號這是我個人的親身經(jīng)歷。前者是水龍頭的漏水聲，后者是耳機(jī)中傳來的音頻里無意中錄制的人聲。第一次聽到這個嘆氣聲的時(shí)候我瞬間奪門而出（小伙伴們都知道我是一個多么膽小的人），第二天回公司再三確認(rèn)才放心，我因此被嘲笑了很久。不管正反面，與人相關(guān)的事物總是帶給我們最大的共鳴，所以讓人性參與到創(chuàng)意中。\h1.1.5科學(xué)推論“分子的名字叫分子嗎？”分子的名字是科學(xué)家取的，因?yàn)槲覀儾荒芙兴澳莻€很小很小的東西”。地球在宇宙中“原地轉(zhuǎn)圈圈”還是“圍著什么東西轉(zhuǎn)圈圈”，我們能夠觀察到它現(xiàn)在在哪里，但是科學(xué)家通過計(jì)算可以推測它10年后在哪里。科學(xué)研究為世界法則定義（如上面所說，科學(xué)試圖為世界尋找規(guī)律）。因此，雖然我們主打“設(shè)計(jì)的創(chuàng)意”，但是“科學(xué)”的方法依然有它超然的地位。我們大概都幻想過能夠“預(yù)知未來”，如果我們沒有這樣的超能力，那么就只能通過推論：觀察現(xiàn)在與過去，得到一個公式，用這個公式套用未來，推測未來可能會發(fā)生什么。這種思維方式基于我們現(xiàn)在對事物的理解，理解越本質(zhì)，可參考的價(jià)值就越大。比如，人類玩手機(jī)的時(shí)間越來越長，使用手機(jī)的人群年齡越來越小，我們推測眼鏡的銷量可能會越來越好。但是隨著醫(yī)療技術(shù)的進(jìn)步，幾年以后眼鏡的銷量或許不升反降。再比如，某個商場的調(diào)查發(fā)現(xiàn)，人們總是同時(shí)購買啤酒和奶粉，于是銷售人員把這兩樣?xùn)|西放在了一起促銷，后來發(fā)現(xiàn)原因在于年輕的媽媽總是讓丈夫在出門買東西的時(shí)候順便帶點(diǎn)奶粉回家，所以把爸爸與寶寶相關(guān)的東西放在一起，可以提高更多商品的銷量?？茖W(xué)推論的創(chuàng)意，是基于世界法則，通過對現(xiàn)狀的深入研究，得到一種發(fā)展規(guī)律，預(yù)期未來并且推論現(xiàn)在的決策令其符合未來的目標(biāo)。在不確定性極大，或者事關(guān)未來（如中長期戰(zhàn)略規(guī)劃）的方案探討中，它是不可或缺的思考方式。\h1.2制造創(chuàng)意的過程在我們確定了一個起點(diǎn)或者說一個想法之后，隨即要為這個想法制作一套方案。這就是具體的設(shè)計(jì)工作。我們希望設(shè)計(jì)方案一樣充滿創(chuàng)意，以下談?wù)勚圃靹?chuàng)意的過程。\h1.2.1觀察我暗恨自己沒有強(qiáng)大的捕捉事物細(xì)節(jié)的能力，好在我周圍有那么一些小伙伴在這方面非常擅長，他們總是會發(fā)現(xiàn)一些你看不到的細(xì)節(jié)。這絕對不能說是“細(xì)心”，他們只是單純地在萬千事物中，看到了與眾不同的那一個。如果沒有這個天分，并且沒有對圖形記憶進(jìn)行過訓(xùn)練，我們會對眼皮子底下發(fā)生的事情視而不見。同事的桌子上有兩只手掌大的小熊，某位設(shè)計(jì)師每次路過都會給它們擺一個新的造型，然而這樣持續(xù)了很久之后他很沮喪，找了個機(jī)會告訴那位同事：“你一直沒發(fā)現(xiàn)你的小熊每天都在換造型嗎？”那位同事得知此事之后無比郁悶，因?yàn)樗刻烀鎸χ聊晦k公，兩只小熊每天都被夾在他的屏幕上，她居然一點(diǎn)都沒有發(fā)現(xiàn)。強(qiáng)大的觀察和圖形記憶能力是創(chuàng)意的基礎(chǔ)。不管從何種角度來說，只有先輸入，才有輸出。比如，語言的學(xué)習(xí)，你必須經(jīng)過“聽”——學(xué)習(xí)與記憶單詞，才有“說”——開口表達(dá)。如果你沒有“輸入”的過程，即便你每天沉浸在全外語環(huán)境中，對你的語言學(xué)習(xí)也不會有什么幫助。小孩子會不由自主地進(jìn)行“輸入”的過程，但是成年后，這個能力會退化，因此年齡越長，越需要有意識的輸入。觀察的對象積累，應(yīng)該來源于日常生活，如果在你想要設(shè)計(jì)某個東西的時(shí)候臨時(shí)抱佛腳，也要慎重考慮，一個不太有經(jīng)驗(yàn)的設(shè)計(jì)師如果看了其他競爭對手的作品，就無法逃出對手的“陷阱”，因?yàn)榉e累不夠，所以可參考的也僅有同行。如果你沒有在平時(shí)有意識、有目的地觀察到或者記住什么東西，在你需要想法的時(shí)候，就少了很多可選擇的道路。唯有思維，決不能用二手貨?！袄畎住盶h1.2.2解構(gòu)對象沒有經(jīng)過訓(xùn)練的人群，在大部分情況下看到的物體是一個整體，在擁有專業(yè)美術(shù)知識的學(xué)生眼中，看到的物體是被解構(gòu)過的各種部位（見圖1-3）。圖1-3解構(gòu)物體基礎(chǔ)的美學(xué)解構(gòu)是對色彩、點(diǎn)、線、面、表面活動（也稱為肌理）的分解。我們不用局限于這些元素，我們有時(shí)候還要解構(gòu)哪些部位先于另外的部位被制作出來，或者是對這些元素本身的進(jìn)一步解構(gòu)。解構(gòu)對象是消化吸收的過程。把一個完整的物體分開來，才知道每一個部位都承擔(dān)了什么責(zé)任，其優(yōu)點(diǎn)和缺點(diǎn)是什么。只有知道怎么分開，以后才知道怎么組合，剝離是再創(chuàng)造的前提。\h1.2.3聯(lián)想設(shè)計(jì)師需要培養(yǎng)自己的聯(lián)想能力，而不是一味地做設(shè)計(jì)稿，有足夠?qū)嵺`和使用工具的機(jī)會，卻少有系統(tǒng)學(xué)習(xí)和訓(xùn)練思維方式的機(jī)會。后天聯(lián)想能力的鍛煉事物關(guān)鍵詞與關(guān)鍵詞的繼續(xù)聯(lián)想。隨便找一個物體，以它為起點(diǎn)，不斷發(fā)散新的元素，把這些元素再次發(fā)散，以此類推，開始一段毫無目的的瘋狂聯(lián)想訓(xùn)練。這個方法能幫助我們拓寬聯(lián)想的廣度（見圖1-4）。圖1-4關(guān)鍵詞聯(lián)想隨機(jī)兩個事物有條件地聯(lián)系在一起?！白闫骱陀钪骘w船產(chǎn)生相關(guān)性的條件是什么？”條件一：宇宙飛船需要安裝坐便器。條件二：和坐便器長得一樣的宇宙飛船。條件三：坐便器的生產(chǎn)商和宇宙飛船一樣。條件四：……隨意選擇兩個看似毫不相關(guān)物體，使用各種條件把它們聯(lián)系起來，條件越多越好。這個方式幫助我們鍛煉聯(lián)想的深度（見圖1-5）。圖1-5條件的聯(lián)想聯(lián)想的兩個維度事物本身和事物所在的時(shí)空。關(guān)于時(shí)間的聯(lián)想：一個香蕉在昨天和明天分別會怎么樣？關(guān)于空間的聯(lián)想：一個蘋果在咖啡館和宇宙飛船中分別會怎么樣？我們通?？梢詫κ挛锱c事物之間做輕松的聯(lián)系，但是很少把事物放在不同空間中聯(lián)想。所以在聯(lián)想的鍛煉過程中，可以嘗試多次把事物放到不同的時(shí)間與空間中進(jìn)行聯(lián)想。比如：現(xiàn)在我眼前有一個獼猴桃，兩天前它硬得和石頭一樣，我剛才捏它的時(shí)候，軟軟的恰好可以吃了，如果再放兩天應(yīng)該會更甜。它現(xiàn)在放在我的桌子上，如果我把它放在冰箱里味道會更棒，如果我把它的毛都剃掉會怎么樣……就這樣用思維帶著這個獼猴桃去旅行。要超出常人的預(yù)期，你首先得先足夠發(fā)散。大家都能從牛頓聯(lián)想到蘋果，唯有你能聯(lián)想到砸中牛頓的那只蘋果，和五分鐘后被牛頓咬了一口的蘋果。\h1.2.4重組——再創(chuàng)造我們經(jīng)過觀察與解構(gòu)，在腦中儲存了元素，在正式開始創(chuàng)意過程時(shí)聯(lián)想到了這些可用的元素，然后把這些元素重組起來——這就是再創(chuàng)造。重組有下面這些方法。打亂組合，把解構(gòu)的部件打亂重組。替換，用其他部件替換。增刪，增加或刪除部件。重組的目標(biāo)是達(dá)到一體化，一體化是對設(shè)計(jì)整體的把握、點(diǎn)線面構(gòu)成的組織能力、所有部件的共同特質(zhì)等。如果我們僅僅是把解構(gòu)的部件拼接起來，那遠(yuǎn)不能說是一個優(yōu)秀的作品。當(dāng)重組之后的作品有了自己的靈魂，成為一個整體，體現(xiàn)了設(shè)計(jì)師個人風(fēng)格與特性的表達(dá)，我們才能說完成了“再創(chuàng)造”的過程。PS：上面一段的版權(quán)應(yīng)該歸屬我的伙伴Charlie，來自我們的閑談并由我收集整理。\h1.3創(chuàng)意的結(jié)果收，然后一以貫之地執(zhí)行如果你已經(jīng)有了一個創(chuàng)意，就要給自己潑一桶冷水，用最嚴(yán)厲的標(biāo)準(zhǔn)去挑剔它，找出它的各種毛病，并且完善它，確保這個創(chuàng)意的“可行性”。把所有其他亂七八糟的想法都拋棄，選中它，執(zhí)行它。即便你這只“狗熊”在執(zhí)行過程中遇到了更加美好的“棒子”，也不要東張西望，內(nèi)心堅(jiān)定地完成眼前的任務(wù)。我們都知道創(chuàng)意只停留在腦海中，是毫無意義的。您有一封來自Gara的郵件TO：設(shè)計(jì)Charlie上次和你聊天真是太愉快了，我也學(xué)習(xí)到了很多有趣的東西。我們即將開始一個新的項(xiàng)目：制作一個“視頻會議”軟件。需要為項(xiàng)目啟動做重要準(zhǔn)備，那就是用戶研究工作，而我和你被指派到一起，為我們的產(chǎn)品方案提供一個重要的參考依據(jù)：用戶畫像。這會是一個非常有趣的開始，隨信附上用戶畫像工作所需的材料，我們各自搜集線索并相約在周三（8月26日）的下班路上交換想法。FROM：產(chǎn)品Gara2015/08/24于暴雨傍晚的辦公室\h2用戶畫像/USER妙筆神探2.1步驟一：劃定用戶群2.2步驟二：線索與推理2.3步驟三：提取總結(jié)2.4后記您有一封來自Charlie的郵件回復(fù)TO：產(chǎn)品Gara好期待周三的到來。但是我不是很懂得用戶畫像具體需要產(chǎn)出哪些文檔，對團(tuán)隊(duì)協(xié)作也不太有經(jīng)驗(yàn)，可以給我一些建議嗎？PS:送你一只小熊！FROM：設(shè)計(jì)Charlie2015/08/24于會議桌底下用戶畫像是什么？這是用戶研究工作的一部分。用戶研究包含前期的用戶畫像和后期的用戶數(shù)據(jù)分析，我們來詳細(xì)說說前期的用戶畫像這個工作。我們需要為用戶設(shè)定一個形象，不僅描繪用戶的外在，也探究用戶所在的環(huán)境，他的心情和性格。在后期，我們還會探究他在不同情況下的所感所想。在最開始我們不知道我們的產(chǎn)品為誰設(shè)計(jì)，所以我們需要尋找一個對象，就像嫌疑人畫像，我們通過研究線索和做各種參照，拼湊出“嫌疑人”的大概樣子（見圖2-1）。圖2-1畫像這是一個非常有趣的觀察和推理過程。為什么要畫像？把畫像的工作作為用戶研究的重點(diǎn)是我的提議。在制作任何產(chǎn)出物時(shí)，我有如下一些行之有效的方法。凡產(chǎn)出，必有對象。我們制作任何一個事物，必然存在使用這個事物的對象。凡對象，必有群體。不管多么少的對象，他都能代表一個群體，即便這些文字我為你而寫，但我相信，它們依然對一群與你相似的人群有價(jià)值。如果無法概括則盡量真實(shí)。很多時(shí)候我們不知道如何去概括某類用戶的屬性、喜好，所以我習(xí)慣在生活中尋找最相近的那個人，去觀察記錄他的一切，去做他喜歡或討厭的事情。于是我提取了“用戶畫像”作為用戶研究工作的初始與切入點(diǎn)。隨著項(xiàng)目的推進(jìn)，畫像會扮演一個越來越重要的角色，產(chǎn)品細(xì)化的過程中我們會碰到多次爭論，畫像是其中一種盡量避免毫無目的口水仗的方法。沒有畫像的對話：“我覺得這個產(chǎn)品用戶需要xx功能?！薄拔矣X得不需要，這對用戶沒啥意義?！薄皶杏脩舸嬖谶@樣的情況?！薄按_實(shí)會有，但是肯定是少數(shù)。”“你怎么知道是少數(shù)呢？”……有畫像的對話：“我覺得這個產(chǎn)品用戶需要xx功能?！薄拔覀冄芯苛四繕?biāo)用戶Roger、David的行為方式，他們暫時(shí)不需要這個功能?！睂υ捊Y(jié)束。什么時(shí)候開始這個工作？當(dāng)我們有一個大致的市場方向與需求之后，我們才能夠開始這個工作。當(dāng)然只能在案件發(fā)生之后才開始給“嫌疑人”畫像。而一旦開始，這就是一個不斷完善、推翻、優(yōu)化的過程。隨著線索越來越多，方向越來越明確，畫像也會越來越清晰，且不同階段的畫像目的與內(nèi)容也不盡相同。早期（這正是我們現(xiàn)在所處的階段），僅有一個需求的初步想法，用戶畫像更傾向于尋找參照系并忠實(shí)和盡量詳細(xì)客觀地記錄用戶信息。這個階段由于線索不足，對用戶做其他解讀或假設(shè)，極容易產(chǎn)生偽需求。隨著項(xiàng)目的時(shí)間推進(jìn)，畫像工作開始做重點(diǎn)深入，對用戶的某幾類信息做更加深入的研究，在觀察記錄的基礎(chǔ)上，推理原因，并做出假設(shè)。怎么畫像？畫像的核心是尋找或虛構(gòu)一個盡量真實(shí)的用戶記錄他的各種信息。這是為了讓我們在設(shè)計(jì)產(chǎn)品的過程中盡量避免個人喜好對用戶行為的臆想。這個工作應(yīng)該盡量清晰，不能太簡略。如果不深入地研究用戶，畫像就會成為一個拍腦門子的工作，沒有實(shí)際的參考價(jià)值。但也由于畫像對目標(biāo)群體細(xì)致的打量，它有天然的局限性。比如，我們總結(jié)用戶群特征：男、中年、短發(fā)、公司中層管理者。但是我們做用戶畫像時(shí)的描述：Roger，36歲，金牛座，A型血，身高178厘米，體重75千克，平頭、短發(fā)、雙眼皮，已婚并有一個2歲的女兒，互聯(lián)網(wǎng)教育行業(yè)，Web產(chǎn)品經(jīng)理等。但是我們極有可能沒注意到一大部分目標(biāo)用戶，就像大部分的“嫌疑人”畫像其實(shí)與最終的犯罪者一點(diǎn)都不像。但是不用擔(dān)心，在未來很長一段時(shí)間內(nèi)，有大量的研究工作去調(diào)整我們的用戶定位，但是我們首先要有一個起點(diǎn)，才能前進(jìn)與糾錯。我們只要謹(jǐn)記它的局限性，忠實(shí)地記錄所有信息，留意為產(chǎn)品的未來預(yù)留擴(kuò)展性即可（見圖2-2）。圖2-2過程\h2.1步驟一：劃定用戶群您有一封來自Gara的郵件TO：設(shè)計(jì)Charlie好可愛的小熊！看在它的面子上，我一定知無不言！在周三我們要交流各自收集到的線索，我們首先要劃定一個簡單的用戶群，然后觀察他們的生活和行為，記錄所有有用或者看上去沒用的線索。然后我們把各自收集到的線索放到一起，看看這些線索是否彼此關(guān)聯(lián)，尋找這些關(guān)聯(lián)的原因和結(jié)果。這是為了幫助我們更了解用戶，并且為以后越來越細(xì)的需求探索尋找源點(diǎn)。比如：“Roger不需要購買奶粉——如果我們追根究底，為什么他不需要購買奶粉呢？”于是我們就可以用觀察到的線索回答他：“Roger沒有結(jié)婚也沒有孩子，不是母嬰行業(yè)的從業(yè)人員，所以我們推測他暫時(shí)不需要頻繁購買奶粉。”這個步驟不需要產(chǎn)出文件，但是當(dāng)我們交流之后，需要產(chǎn)出用戶畫像的文檔。我會隨信附上線索收集的方法。FROM：產(chǎn)品Gara2015/08/26于空調(diào)開太猛的星爸爸我們在研究用戶群時(shí)，要確保下面幾個要素都被考慮到了。用戶所在的時(shí)空。用戶與他接觸的人群。用戶所在的環(huán)境。用戶完成什么任務(wù)。用戶完成任務(wù)使用的工具。我把時(shí)空放在第一條，而且你可能也覺得這個概念非常詭異或玄幻。給我一個機(jī)會來解釋。時(shí)空概念的重要性，在于它對其他所有元素的決定性影響。在有限的生命中，我們18歲左右正值青春，25歲左右工作，35歲左右養(yǎng)育下一代，50歲左右衰老。在我國，互聯(lián)網(wǎng)興起的這10年，北上廣深一大片學(xué)生成為互聯(lián)網(wǎng)從業(yè)者。這些時(shí)空條件的影響力有多大？它決定了2015年的高校學(xué)生人手一個智能手機(jī)，決定了25歲之后人際關(guān)系的大換血。時(shí)空幾乎決定了大部分的環(huán)境因素，所以我把這個要素放在首位。我們先來判斷用戶所在的時(shí)間、地點(diǎn)和年齡段。8歲之前，你的世界都是父母；25歲之前，你的伙伴都是同學(xué)；28歲以后，你的朋友圈幾乎都是同行；40歲以后，鄰居的存在感變強(qiáng)了?，F(xiàn)在，我們可以來研究用戶交往的人群。比如，我的小伙伴是一個品牌策劃公司創(chuàng)業(yè)者，29歲。他的朋友圈一部分是同年齡段的創(chuàng)業(yè)者，另外一部分是上游企業(yè)房地產(chǎn)、商超行業(yè)企劃負(fù)責(zé)人，下游崗位平面設(shè)計(jì)師、活動策劃師等。這些人際關(guān)系極大地影響了他接收到的世界觀與價(jià)值觀信息。他們傳達(dá)的信息影響了他的關(guān)注點(diǎn)與興趣愛好。我這里說的環(huán)境是比較狹義的，主要指位置和場所。在時(shí)空和人際關(guān)系的影響下，其他變量還有家庭構(gòu)成、經(jīng)濟(jì)收入、職業(yè)和興趣愛好等。它們決定了你時(shí)常出入哪些場所，并且在這些場所中消耗了多少時(shí)間，所以在劃定用戶群的環(huán)境時(shí)也不要忘了這些信息。用戶任務(wù)是由我們產(chǎn)品的市場定位決定的，比如，書籍相關(guān)產(chǎn)品用戶群，任務(wù)是買書、借書之類的。觀察他發(fā)生買書行為的頻率、時(shí)間，還有使用的工具。所以在劃定用戶群時(shí)，我們根據(jù)這些要素，框定一個大概的范圍，比如：視頻會議產(chǎn)品的用戶群——30～40歲；跨國公司員工中層及以上管理者，或者專業(yè)技術(shù)人員；本科以上學(xué)歷；國內(nèi)用戶位置為一二線城市；人際關(guān)系主要為同行、同事、同級；最常待的場所是住處、辦公室、咖啡館，偶爾出入健身房、約會場所；年收入20萬以上；愛好看書、運(yùn)動、喝茶、聽音樂、旅行；持有設(shè)備包括筆記本、pad、智能手機(jī)；進(jìn)行視頻會議的工具有App、Web。這個范圍是比較寬泛的，根據(jù)這個用戶群，我們需要多找?guī)讉€符合條件的用戶談一談，確認(rèn)在他們的工作生活中是否有使用類似軟件的場景，之后反復(fù)調(diào)整之后再確定。\h2.2步驟二：線索與推理\h2.2.1收集線索現(xiàn)在，我們帶著劃定用戶群的結(jié)果，去尋找某一個符合這些條件的真實(shí)存在的人物，觀察他生活中的一切，并且忠實(shí)地進(jìn)行記錄。收集線索應(yīng)該客觀理性，還不到分析推理的時(shí)候，我們需要克制自己的判斷欲望。盡量多找一些用戶，以及選擇不同類型的用戶樣本（但還是在劃定的用戶群范圍內(nèi)）?！{(diào)研表——基本信息姓名：Lay性別：男照片：【】年齡：27歲生日：1987/5家鄉(xiāng)：金華目前常住地：杭州——調(diào)研表——環(huán)境背景家庭成員：父母與兄弟姐妹親人關(guān)系：聯(lián)系方式和頻率，微信好友等居住地點(diǎn)：城區(qū)周圍，月租3000元上班地點(diǎn)：城區(qū)，寫字樓出行交通：開車、乘地鐵家庭環(huán)境的情況對用戶來說比較敏感，如果我們想要了解用戶與父母的關(guān)系大概是怎么樣的，可以側(cè)面詢問，如上面所說的社交工具情況和交流次數(shù)等。人際關(guān)系最好的朋友：朋友的年齡、職業(yè)、愛好、結(jié)識方式、聯(lián)系方式與頻率經(jīng)常聯(lián)系的朋友：朋友的年齡、職業(yè)、結(jié)識方式、聯(lián)系方式與頻率興趣愛好興趣愛好：健身——調(diào)研表——內(nèi)容：練肌肉場所：健身房、住處工具/方法：健身器材、有氧運(yùn)動消費(fèi)：健身卡1500元/年——調(diào)研表——作息習(xí)慣起床：6:30上班：9:00午休：12:00下班：20:00睡覺：23:30什么時(shí)間發(fā)生什么事件，先區(qū)分大的時(shí)間塊。如果是上班族，日常時(shí)間較為固定。時(shí)間不固定的對象，可以先從詢問最常待的場所，最經(jīng)常做的事情開始，把多天的信息平均到一天。然后我們在大的時(shí)間塊中間填入小事件。比如，起床到上班中間有一些任務(wù)：早餐、看書、運(yùn)動、上班路上，添加這些事件的時(shí)間。早晨起床：6:30看書：6:30早餐：8:00出門：8:30上午上班：9:00……填入這些事件的關(guān)鍵詞：場所、工具、消費(fèi)支出等?？磿捍采?、kindle早餐：樓下快餐店、8元……排查“嫌疑人”需要確定“不在場證明”，不同的事件之間有一些空余時(shí)間，或者某件事情是否可以與其他事情并行。警察會計(jì)算這些時(shí)間是否足夠做案。我們可以詢問用戶這些空余時(shí)間會做些什么，如等車的時(shí)候刷刷朋友圈，還是一邊吃飯一邊看微博？每個人對自己工作的定位都不相同，從中可以看到不同的工作方式和能力?！{(diào)研表——工作情況行業(yè)：互聯(lián)網(wǎng)崗位名稱：運(yùn)營經(jīng)理現(xiàn)在的收入：1.8萬元/月和你接觸最多的崗位：產(chǎn)品、編輯、推廣一句話概括你的崗位是做什么的：讓產(chǎn)品成長與成熟看具體情況在每個類型的信息中增加與我們的產(chǎn)品有關(guān)的信息，并且視情況深入，比如下面的情況。會議頻率和時(shí)間：每周一次項(xiàng)目會，15分鐘；每周一次部門會，30分鐘；每天一次任務(wù)會，5分鐘；每月一次匯報(bào)會，1小時(shí)哪些會議是遠(yuǎn)程視頻的：需求溝通會議開會方式：使用社交工具參會人數(shù)：5人左右——調(diào)研表——設(shè)備電腦：iMac手機(jī)：iPhone其他器材：Kindle、AppleWatch使用頻率和時(shí)間：電腦每日使用超過10小時(shí)、手機(jī)每日使用超過10小時(shí)另外可以請求用戶提供相關(guān)線索（場所、工具、家人）的照片，這個很好用，圖配文字更加直觀，你會發(fā)現(xiàn)Lay眼中的有趣的咖啡館與你心中的概念完全不同，更容易感受用戶所處的環(huán)境。這些圖片在之后的設(shè)計(jì)溝通中也會有巨大作用。一次調(diào)研之后，我們最好能夠觀察一段時(shí)間用戶的作息，以便驗(yàn)證調(diào)研結(jié)果的真實(shí)性。建議用社交工具加好友。我會與某個用戶約定，在接下來的一周內(nèi)每天打擾幾次，只詢問下面這幾個問題。你在哪里？能給環(huán)境拍張照片嗎？你在做什么？能把你正在做的事情拍張照片給我嗎？這樣你就有了他在什么時(shí)間，做什么事情的最真實(shí)的一手資料。在觀察期結(jié)束之后做個總結(jié)，因?yàn)槲也荒芴^頻繁地打擾他，所以難免有遺漏的地方，在最后總結(jié)的時(shí)候和對方一起回憶一下發(fā)生過的事情。通常調(diào)研結(jié)束，我會把整理好的資料也給用戶一份留作紀(jì)念。一定要確保用戶的信息安全，不要在資料中保留真實(shí)的個人信息。調(diào)研結(jié)果存在大量看似與產(chǎn)品無關(guān)緊要的信息，我們經(jīng)常認(rèn)為只要知道用戶與產(chǎn)品相關(guān)的部分就行了，但是實(shí)際上我們并不是真的知道用戶的哪些信息對我們有用。局限性是，這項(xiàng)工作對調(diào)研者的要求比較高，需要與用戶面對面聊，保持良好的關(guān)系，引導(dǎo)用戶表達(dá)更多，判斷用戶哪些話夸大其詞或有所保留。還要控制哪類問題需要深入，哪類問題不要擴(kuò)散。理論是最理性狀態(tài)的執(zhí)行方案，實(shí)操過程中需要更多靈活性。\h2.2.2線索篩選這些線索需要被整理和篩選，有一些研究辦法，主要目的是通過研究不同線索的關(guān)聯(lián)性，尋找目標(biāo)用戶的共性，以下僅做舉例。關(guān)聯(lián)用戶、事件、時(shí)間、場所，可以尋找目標(biāo)用戶共同的行為模式。關(guān)聯(lián)用戶、場所、工具、時(shí)間，可以尋找用戶完成任務(wù)的習(xí)慣。關(guān)聯(lián)用戶、事件、場所、消費(fèi)，可以尋找用戶的消費(fèi)習(xí)慣?！讯鄠€維度交叉關(guān)聯(lián)，制作多個可視化數(shù)據(jù)，可以得到用戶群體的整體結(jié)果（見圖2-3）。我們現(xiàn)在知道潮汐的漲落，是由于地球與太陽對月亮的引力變化，導(dǎo)致月球公轉(zhuǎn)對地球的引力影響了潮汐。但是古人不知道，他們認(rèn)為潮汐的漲落與月亮的圓缺這種時(shí)間上的巧合是相關(guān)聯(lián)的，但是他們并不知道原因。如果某些數(shù)據(jù)有巨大的關(guān)聯(lián)性，我們可以采取對應(yīng)的行動。圖2-3用戶——事件——時(shí)間關(guān)聯(lián)局限性是，需要大量的數(shù)據(jù)進(jìn)行比對才能大膽推測相關(guān)性，并且在采取行動之后要采集數(shù)據(jù)進(jìn)行驗(yàn)證。這在初期的用戶研究中不適用。\h2.3步驟三：提取總結(jié)您有一封來自Charlie的郵件回復(fù)TO：產(chǎn)品Gara旮旯老人家！我推薦星爸爸樓上的咖啡館！附件是我們上次神交之后我整理的用戶畫像～幫我看看能否作為文檔產(chǎn)出呢？FROM：設(shè)計(jì)Charlie2015/08/30于夜晚的小區(qū)天臺\h2.3.1畫像我們僅需要把與產(chǎn)品相關(guān)的用戶信息一一提取出來。早期我們不太確定哪些信息有用，所以最早的幾位調(diào)研對象可以盡量詳細(xì)一些。在總結(jié)出規(guī)律之后，之后尋找的調(diào)研對象僅需要針對性地詢問與產(chǎn)品密切關(guān)聯(lián)的問題。比如，在案例中我不太確定目標(biāo)用戶是不是有很大一部分是自由職業(yè)者，他們是在家里工作的，就會涉及與生活相關(guān)的問題，之后經(jīng)過考證，大部分的視頻會議需求者是公司職員，所以可以排除一些生活信息，主要提取和工作有關(guān)的內(nèi)容（見圖2-4、圖2-5、圖2-6、圖2-7和圖2-8）?！幸环鈦碜訥ara的郵件回復(fù)——TO：設(shè)計(jì)Charlie你推薦的咖啡館真是太棒了！我住在這里有一段時(shí)間了，居然沒有發(fā)現(xiàn)這里！咖啡很好喝，我以后會常來的。我看到了你制作的用戶畫像，完全是一個合格的產(chǎn)出物！另外一個完整的畫像還需要圍繞用戶講故事，我已經(jīng)完成了這個工作，你可以在附件中看到。我們在未來的項(xiàng)目進(jìn)程中還會逐步調(diào)整這些畫像，越來越接近真實(shí)的用戶人群，但是現(xiàn)在，如果你能輕松地學(xué)習(xí)到畫像的基本原理和方法，那么我這個階段的目的也就達(dá)到了。在之后的每一個步驟決策和每一次爭論中，把用戶畫像貼出來。謹(jǐn)記：我們?yōu)椤癓ay”設(shè)計(jì)產(chǎn)品。FROM：產(chǎn)品Gara2015/08/31于令人興奮的臺風(fēng)天圖2-4用戶畫像列表圖2-5用戶畫像——基本信息圖2-6用戶畫像——工作概述圖2-7用戶畫像——工作聯(lián)絡(luò)圖2-8用戶畫像——作息規(guī)律\h2.3.2用戶故事在未來的產(chǎn)品設(shè)計(jì)過程中，我們需要頻繁考慮用戶使用產(chǎn)品的場景，這個時(shí)候用戶故事就可以給我們一些幫助。比如，如果用戶經(jīng)常在戶外使用軟件，那么研發(fā)時(shí)需要考慮流量問題，如果在郊區(qū)使用軟件，則我們還要考慮信號不穩(wěn)定的處理方法。我們通常需要為不同的用戶使用產(chǎn)品的情景設(shè)計(jì)不同的幾個故事，以下舉例其中之一。“周一早上，Lay8點(diǎn)半出門，開車上班，等紅燈的過程中，看到App有一條推送，通知上午10點(diǎn)半有一個和北京研發(fā)團(tuán)隊(duì)的視頻會議通知。到達(dá)公司開完早會之后時(shí)間還有余，Lay拿上會議材料，抱著pad找了一個安靜的小會議室。10點(diǎn)20分左右，Lay進(jìn)入會議室等待，他看到研發(fā)主管Hua已經(jīng)在會議室中，就與他打了聲招呼。Hua在外地出差，信號不太好，不過好在今天他只是旁聽。10點(diǎn)30分大家都到齊了，Lay開始主持會議，并且把會議過程中的問題與任務(wù)做了記錄。半個小時(shí)后，會議就結(jié)束了，這次會議還算順利，但是產(chǎn)品經(jīng)理Steffi中途掉線了，對方在三分鐘后重新上線表示iPad沒電所以換了一臺手機(jī)再次進(jìn)入，Lay整理了會議記錄并發(fā)送郵件給所有與會者?！比绻赡艿脑挘适聭?yīng)盡量詳細(xì)地說明產(chǎn)品使用中發(fā)生的情況和處理方法（比如，可能有其他與會者掉線，以及更換設(shè)備再次進(jìn)入），還有用戶的其他行為（如做會議記錄與發(fā)郵件）。如果你有耐心閱讀到第7章，你會發(fā)現(xiàn)研究用戶使用過程中發(fā)生的異常行為時(shí)很需要“用戶故事”的幫助。\h2.4后記\h2.4.1本章節(jié)產(chǎn)出物用戶畫像包含用戶的基本資料、背景、職業(yè)，以及與產(chǎn)品相關(guān)的細(xì)節(jié)（見圖2-4、圖2-5、圖2-6、圖2-7和圖2-8）。用戶故事假設(shè)用戶使用產(chǎn)品的過程，包含環(huán)境變化、工具、行為、對象等。\h2.4.2驗(yàn)證結(jié)果用戶畫像與故事的驗(yàn)證在制作過程中進(jìn)行。我們不能臆想目標(biāo)用戶的行為，應(yīng)該從用戶那里得到盡量真實(shí)的結(jié)果。因此，用戶畫像與故事只需要確認(rèn)調(diào)研來自符合標(biāo)準(zhǔn)的目標(biāo)用戶，并且過程可靠真實(shí)。\h2.4.3思維方式由大入小當(dāng)我需要完成一項(xiàng)理性任務(wù)時(shí)，我通常會把這件事情想得全面而復(fù)雜，然后不斷刪減，直到“刪無可刪”，然后深入雕琢。須知在“簡約”“扁平”大行其道的今天，我們尤其要了解，哪些功能在全局上來講尤為重要，或者哪些內(nèi)容的刪除并不妨礙核心功能。由大處著眼，從小事入手，才有進(jìn)退自如的選擇余地。\h2.4.4局限用戶畫像有重要的參考價(jià)值，但其結(jié)論并不是“正確的答案”，因?yàn)槎ㄐ苑治鲇泻芏嘤绊懸蛩睾筒淮_定性。我們在討論的過程中應(yīng)盡量尊重早期的調(diào)查結(jié)果，并且通過每一階段的用戶調(diào)研與測試不斷補(bǔ)充優(yōu)化，可以匹配以更加直接和科學(xué)的定量分析方式。\h2.4.5其他知識點(diǎn)展開談?wù)剬θ诵愿衽c行為的影響因素。環(huán)境在研究人與人之間的差異時(shí)，我們更多的是考慮“后天的環(huán)境”。從小到大生活的家庭環(huán)境、享受的教育資源、接觸的朋友圈，極大程度地影響了用戶成年之后的行為模式?？陀^環(huán)境對一個人的影響是巨大而深遠(yuǎn)的，它不會幫你成為天才，但它塑造了你不同于其他環(huán)境中成長的人的行為模式，而行為導(dǎo)致結(jié)果。在一個理性的工作環(huán)境中，我們應(yīng)該更多地考慮“客觀原因”，而不是強(qiáng)調(diào)“主觀積極性”?；蛳胂笠幌履阍谏掷铮ê推邆€小矮人快樂地玩耍），鳥鳴蟲鳴嘰嘰喳喳。突然間，所有聲音都消失了，蟲鳥都停下來靜止不動，你感到很緊張，停下來，警惕地觀察周圍（唯恐是王后派來的殺手找到你了）。這是源于動物演化到現(xiàn)在的天然的危機(jī)感，是天敵來臨的信號。源于人類這種群居動物“先天的基因”，我們發(fā)明了環(huán)境噪聲（某種白噪音），它可以帶給你安全感，讓你更加集中注意力，或者更加安心地入眠。人我聽說過一個戒毒的例子。戒毒者的家人為了讓他戒毒，舉家從北京搬到了海南，切斷他與所有朋友的聯(lián)系，戒毒十年，成功了。但是十年后某一天，他回到了北京，見到了曾經(jīng)的朋友，一朝復(fù)吸，功虧一簣。Ted有一個關(guān)于家暴的演講。妻子是一位優(yōu)秀的知識分子，婚后，他丈夫帶著她搬到了遠(yuǎn)離她所有家人、朋友的另外一座城市，切斷了她所有的對外交往。她遭家暴多年，從來沒有試圖逃跑，她的所有智慧都無法解救困局中的自己，因?yàn)闆]有人知道她的情況，無法從井口為她伸出援手，她也無法接收到任何“快離開”的訊息。每個人都被環(huán)境、基因、他人這些背景影響著成為了不同的個體，但是相似的背景也塑造了人們之間的共性。探尋這些共性為我們推理用戶的需要提供了邏輯基礎(chǔ)，而研究人與人之間的差異能幫助我們在同類產(chǎn)品中找到吸引用戶的產(chǎn)品個性。\h3任務(wù)與流程/FLOW步步逼近3.1步驟一：拆分任務(wù)3.2步驟二：任務(wù)流程推理3.3步驟三：串聯(lián)事件畫面3.4后記您有一封來自Gara的郵件TO：設(shè)計(jì)Charlie上周我們完成了目標(biāo)用戶的畫像，本周的工作是在此基礎(chǔ)上解析任務(wù)，梳理流程。這是一個比較“燒腦”的過程，大多數(shù)設(shè)計(jì)師并不愿意參與，但是誰讓我在創(chuàng)意這件事情上做得并不美好，所以需要你的幫助，相信你能為我們的產(chǎn)品提供更多有趣的想法。如果你愿意參與這個工作，會有助于你形成比其他設(shè)計(jì)師更加開闊的眼界和專業(yè)的視角，搭配上你源源不斷的靈感，未來必然會成長為一個粗壯的“大腿”！在開始之前，推薦你看看我為你準(zhǔn)備的資料～如果有什么不好理解的地方，隨時(shí)問我，么么噠！FROM：產(chǎn)品Gara2015/09/02于早晨的沙縣小吃為什么要做任務(wù)與流程？“我們要做一個聊天軟件。”很多產(chǎn)品經(jīng)理的腦海中，微信“唰”地過去了，然后陌陌“唰”地過去了，再然后不知道什么“鬼東西”“唰”地過去了。然后他們一邊大罵需求方，一邊設(shè)計(jì)了一個融合了微信、陌陌，以及不知道什么“鬼東西”的產(chǎn)品出來。回顧這個過程，有一個巨大的斷層發(fā)生在看到需求“聊天軟件”和“設(shè)計(jì)”之間這些產(chǎn)品的創(chuàng)意并不是經(jīng)過推理得來的，而是一個藝術(shù)家一般的“靈光一閃”。我們是設(shè)計(jì)師，不是藝術(shù)家。我們?yōu)樾枨蟆霸O(shè)計(jì)”產(chǎn)品，而設(shè)計(jì)是一個以需求為起點(diǎn)推理結(jié)論的過程。對任務(wù)和流程的梳理，就是幫助我們接上“需求”到“創(chuàng)意”之間的那條邏輯線。然后，我們再著手把一個想法擴(kuò)展成為一個產(chǎn)品、一個平臺、一個系統(tǒng)。什么時(shí)候開始這個工作？假設(shè)我們的創(chuàng)意起點(diǎn)是制作一款“會議軟件”，結(jié)合用戶畫像，我們提煉了一個核心需求：什么人物，在什么地點(diǎn)，使用什么工具，完成什么任務(wù)；Lay在咖啡館使用手機(jī)完成了開會的任務(wù)。它摒棄了除了Lay之外的用戶，咖啡館之外的場景，手機(jī)之外的工具，開會之外的任務(wù)。這句話幫助我們尋找最重要的核心，節(jié)省大量的資源與成本，因?yàn)榧幢闶峭瓿蛇@句話包含的五個要素，也并不是一件容易的工作。在確認(rèn)需求后，我們要做的，就是通過一系列步驟完成對任務(wù)與流程的梳理，最終目的就是幫助用戶，完成核心任務(wù)。怎么做任務(wù)與流程？從本質(zhì)思考產(chǎn)品當(dāng)我還是個經(jīng)驗(yàn)不足的產(chǎn)品經(jīng)理時(shí)，我會尋找或使用很多軟件，把這些好玩的軟件細(xì)節(jié)都記下來，用到參與的產(chǎn)品方案中。于是，這在項(xiàng)目中釀成了一系列慘案。我僅從表象出發(fā)，東拼西湊了一個徒有外表的空殼，在未來的執(zhí)行過程中，不得不去填補(bǔ)各種漏洞。即便是現(xiàn)在，我對多數(shù)軟件功能已經(jīng)基本熟諳，但也不喜歡在制作細(xì)節(jié)之前，參考同類的產(chǎn)品界面設(shè)計(jì)。并且從界面推導(dǎo)邏輯是一件非常痛苦的事情。以邏輯推演流程我曾經(jīng)接觸過一款技術(shù)上非常有競爭力的產(chǎn)品，最早由幾個程序員一邊開發(fā)，一邊制作界面。產(chǎn)品完成后，與微信長得一摸一樣。需求方找到我希望能夠調(diào)整現(xiàn)在界面。當(dāng)時(shí)我拿到產(chǎn)品的時(shí)候非常疑惑，怎么看都是第二個微信。經(jīng)過深入了解，才知道這個產(chǎn)品的核心競爭力是音視頻處理技術(shù)，產(chǎn)品方向是商務(wù)會議。于是當(dāng)我拋開“微信”從“商務(wù)會議”的角度去重新考慮這個產(chǎn)品的時(shí)候，它在我的腦海中已經(jīng)自然而然地生長成了另外一副模樣。如果一開始就告知你這是一款商務(wù)會議軟件，你無論如何也不會想要和微信聯(lián)系在一起，因?yàn)橛脩羰褂卯a(chǎn)品的操作模式截然不同。但是由于產(chǎn)品涉及的功能與微信聊天部分的功能有大量相似，因此程序員們直接使用了微信的界面。顯然大家把邏輯弄反了，我們以用戶行為來決定操作方式與界面，而不是用功能倒推界面。\h3.1步驟一：拆分任務(wù)每個人都有TA自己的方法去完成一件事情，通常我們會把這件事拆分為一系列按照時(shí)間排序的小任務(wù)，然后依次執(zhí)行。因此拆分任務(wù)是完成核心任務(wù)的第一步。用戶體驗(yàn)工作中有一個說法，就是把自己變成用戶去思考問題，但是這樣的同理心并非人人都有。實(shí)際上，大多數(shù)人會直接把自己代入用戶，于是，并不是我們“變成”了用戶，而是我們把用戶“當(dāng)作”了自己，實(shí)際與用戶毫不相干。我建議先抽離出來去審視整個任務(wù)。如果用戶的視角是一條小路，那么我們的視角不僅僅能看到用戶的道路（見圖3-1），還能看到與用戶接觸的其他道路（見圖3-2）。從這個視角出發(fā)，對任務(wù)進(jìn)行拆分。我會從線下開始思考，然后轉(zhuǎn)化到線上。圖3-1用戶的視角圖3-2我們的視角\h3.1.1基于真實(shí)場景互聯(lián)網(wǎng)的本質(zhì)是工具——它被用于解決真實(shí)世界的問題。要使用這個工具，應(yīng)該先弄清楚一個問題，我們要解決的生活中的問題是什么。在我眼中“互聯(lián)網(wǎng)+”不同于“互聯(lián)網(wǎng)行業(yè)+傳統(tǒng)行業(yè)”，而更接近“真實(shí)世界使用互聯(lián)網(wǎng)工具”。每個互聯(lián)網(wǎng)產(chǎn)品的需求都來自真實(shí)的人、真實(shí)的事情、真實(shí)的環(huán)境。所以，我們的起始問題是：在現(xiàn)實(shí)中，用戶可以如何完成這個任務(wù)？角色任務(wù)角色是任務(wù)過程中的重要元素，經(jīng)常被新手們忽略。我們抽離出來看整個任務(wù)過程，就會發(fā)現(xiàn)除了用戶自己之外還有很多角色參與其中，不同角色的任務(wù)完成才是一個完整的任務(wù)過程。比如，用戶要完成一個購買任務(wù)，必然會和售出的角色有交流；用戶要完成一個問路的角色，必然有一個被問的角色給予用戶答案。我們找到這些角色，通過角色的不同來拆分與整理任務(wù)。用戶如何完成“買書”任務(wù)（見圖3-3）:圖3-3拆分買書的子任務(wù)用戶如何完成“會議”任務(wù)（見圖3-4）:圖3-4拆分會議的子任務(wù)任務(wù)是否必須初次的任務(wù)整理后，不要著急，我們需要審查這些任務(wù)是不是必須要完成的。問一個問題：“這個任務(wù)是必須的嗎？如果刪掉會怎么樣？會影響用戶完成這件事嗎？”——“選擇書這個過程是必須的嗎？如果書店不提供挑選書籍的服務(wù)呢？”可以啊！我們可以把書架都藏起來，然后告訴用戶你現(xiàn)在就要買這本書！由于時(shí)間、場地、職業(yè)、心情、長相、星座、血型的原因，反正就是這本書了！——“我們需要結(jié)賬嗎？如果沒有收銀臺呢？”可以??！那就把收銀臺撤了吧！我們再也不接受現(xiàn)金和刷卡啦！——“一定要用戶支付嗎？如果我們直接從用戶的錢包拿錢呢？”可以?。∥覀冎苯訌挠脩舻腻X包里拿錢（瞧瞧Uber怎么干的）！——“需要打包嗎？如果我們不提供打包服務(wù)呢？”可以啊！就讓用戶自己帶著書走吧！——“那么如果帶走書這項(xiàng)任務(wù)不存在呢？”可以啊！我們可以讓用戶在這里看完！或者把書存放在這里！我們可以為用戶提供私人書架和座位！用戶也可以把自己的書有償出借給其他用戶！……我們經(jīng)過這樣反復(fù)提問與回答，直到任務(wù)刪無可刪：“如果刪除該項(xiàng)子任務(wù)，核心任務(wù)就無法完成。”最后得到一個最精簡的任務(wù)流。你會發(fā)現(xiàn)，如果一定要選擇的話，每一個任務(wù)都不是必須存在的，去掉其中之一都會產(chǎn)生非常有趣的結(jié)果。我并不想說非得去掉什么，而是希望你形成“我們還能刪除什么”，而不是“我們還能添加什么”的思維方式。PS：為單獨(dú)描述清楚某個工作內(nèi)容，我會穿插一些更加契合的案例，比如，前面的“買書流程”，用來描述“真實(shí)場景”對你來說可能更加生動。但是顧及邏輯的連貫性，我依然使用郵件中提到的“會議案例”作為貫穿始終的說明對象。假設(shè)在會議案例中我們認(rèn)為圖xx是這個階段能夠梳理的最精簡的任務(wù)流，現(xiàn)在繼續(xù)進(jìn)行下一個步驟。\h3.1.2調(diào)整任務(wù)時(shí)間軸檢查任務(wù)的先后順序，或者合并某些任務(wù)。這便于我們更加合理地利用時(shí)間。如圖3-5所示，我們把任務(wù)排布在時(shí)間軸上，看看先做什么，后做什么，每個任務(wù)花費(fèi)的時(shí)間長短。提問：如果我們合并某些時(shí)間點(diǎn)會發(fā)生什么事呢，交換先后順序又會怎么樣呢？如圖3-6所示，比如，我們在查看場地時(shí)就能確認(rèn)場地空余，詢問時(shí)間時(shí)就能確認(rèn)時(shí)間空余，并且交換確認(rèn)和制定方案的順序。圖3-5任務(wù)時(shí)間軸圖3-6調(diào)整后的任務(wù)時(shí)間軸\h3.1.3轉(zhuǎn)化成為線上任務(wù)現(xiàn)在我們可以在線下流程的基礎(chǔ)上，制作線上流程了。有如下兩個簡單的方法。產(chǎn)品替換某角色會議流程中產(chǎn)品替換了資源方的角色，如互聯(lián)網(wǎng)可以解決會議室場地、顯示器、記錄等資源問題。系統(tǒng)替換人工會議發(fā)起人是工作者，系統(tǒng)可替換一些工作者的任務(wù)，如聯(lián)絡(luò)通知用戶、制作會議方案、記錄會議結(jié)果，當(dāng)然系統(tǒng)可能無法進(jìn)行設(shè)定主題的工作（但是如果無限接近于智能，我們還是可以設(shè)計(jì)系統(tǒng)計(jì)算大概在哪一個項(xiàng)目節(jié)點(diǎn)，進(jìn)行什么主題的會議）。圖3-7是轉(zhuǎn)化后的任務(wù)流。圖3-7轉(zhuǎn)化后的線上任務(wù)流歸功于系統(tǒng)的自動化，完成任務(wù)的時(shí)間必然大幅縮短。而系統(tǒng)的溝通成本小，復(fù)雜情況下也要比大多數(shù)人工處理結(jié)果更加簡單可控。我們可以嘗試合并上一步驟中的會議方案與會議通知，因?yàn)槲覀兺耆梢园褧h方案當(dāng)作通知發(fā)出去（見圖3-8）。圖3-8調(diào)整后的線上任務(wù)流現(xiàn)在我們有了一個“會議”產(chǎn)品的基礎(chǔ)任務(wù)流。對任務(wù)進(jìn)行分解、融合、交換會產(chǎn)生無數(shù)種可能性，這會是一個非常有趣的過程，它是由邏輯衍生的創(chuàng)意。如果你習(xí)慣了這樣的思維方式，可以快速推導(dǎo)出無數(shù)有意思的結(jié)果。就像蝴蝶效應(yīng)，讓產(chǎn)品有了廣闊的想象空間。\h3.2步驟二：任務(wù)流程推理我們從這里開始研究各個角色如何通過各種行為來完成整個任務(wù)。這個過程會讓你對業(yè)務(wù)邏輯建立最本質(zhì)的理解。下面我會為你講述這一步驟需要考慮的因素。\h3.2.1角色和行為執(zhí)行任務(wù)的兩個最重要的要素是“誰”“做什么”，即某個角色來完成某個行為。然后我們把一些列行為串聯(lián)到流程中，包括不同角色之間的行為是如何流轉(zhuǎn)交接的，可以得到一個初步的流程方案。按照以下方法梳理角色行為。“誰”“做什么”每個子任務(wù)由若干個行為來完成，而一個行為由“誰”“做什么”構(gòu)成。以下是“會議”任務(wù)的執(zhí)行流程。讓上一個行為銜接下一個行為就能順利整理出一個最初的流程圖（見圖3-9）。任務(wù)“設(shè)置主題”包含以下行為?！九c會人x設(shè)置主題：會議主題、會議內(nèi)容?！俊九c會人x添加成員：參與會議的所有成員?！俊九c會人x添加會議時(shí)限：我們需要在某個起始時(shí)間和結(jié)束時(shí)間之間完成這個會議。】【與會人x添加會議時(shí)長：會議需要多長時(shí)間。】【與會人x發(fā)布會議：成員收到會議主題。】……核心任務(wù)的角色行為此時(shí)我們可以再次梳理任務(wù)流，我們發(fā)現(xiàn)現(xiàn)在的流程過于復(fù)雜，發(fā)起人提交主題之后還需要其他用戶確認(rèn)時(shí)間。我們把用戶“Lay”代入其中，Lay每天要開多次小型會議，經(jīng)研究，Lay的開會過程有三種場景：第一種是已經(jīng)組織好會議，僅需要一個線上的會議室；第二種是臨時(shí)會議；第三種是從頭組織會議。這三種行為都在“開會”任務(wù)部分重合，但是第一種/第二種使用場景出現(xiàn)得更加頻繁，任務(wù)可以進(jìn)一步簡化。圖3-9“會議”流程圖所以，我們?nèi)サ簟捌渌蓡T再次確認(rèn)時(shí)間”的部分，設(shè)計(jì)出第二套更加精簡的流程（見圖3-10）。這里的任務(wù)流程中有一項(xiàng)重要不同：因?yàn)槭蔷€下已經(jīng)組織好的會議，不需要線上再組織一次，與會人直接提交方案即可。審查核心與再次決策通過前面提到的畫像，我們發(fā)現(xiàn)用戶最頻繁的使用場景是直接開始會議，或者線下組織完成后去線上開會并保留記錄。通常舉行遠(yuǎn)程的小型會議，流動性強(qiáng)，快速組建工作，講求效率而不是嚴(yán)謹(jǐn)?shù)墓芾砼c流程。另外由于遠(yuǎn)程會議的技術(shù)與溝通限制，用戶無法進(jìn)行大型的、人數(shù)較多、時(shí)間較長的會議。基于以上各種原因，我們審查了刪減后的方案，認(rèn)為這套方案更加合理。您有一封來自Charlie的郵件回復(fù)TO：產(chǎn)品Gara我可以理解決策的結(jié)果，但是為什么不是一開始就先做“開會”任務(wù)的流程，而是做了一個很復(fù)雜的，從組織到結(jié)束的“會議”流程呢？FROM：設(shè)計(jì)Charlie2015/09/03于傍晚的蘭州拉面您有一封來自Gara的郵件回復(fù)TO：設(shè)計(jì)Charlie你這個問題問得太棒了！還記得最開始我提到過，我們先抽離出來看看用戶的道路嗎？正是因?yàn)槌殡x之后，我們能看到每一條和用戶相關(guān)的道路，所以先做了一個復(fù)雜并且完整的任務(wù)流。之后我們切換到用戶視角，看到了用戶的行為模式，也看到了他會選擇哪一條道路走，所以我們在完整的任務(wù)流中提取了“開會”這一條用戶選擇的道路。如果你對用戶足夠敏感，并不一定要嚴(yán)格按照這個方法。我僅希望這個思考過程能培養(yǎng)你的全局視野，么么噠！圖3-10“開會”流程圖FROM：產(chǎn)品Gara2015/09/03于夜晚的練琴室\h3.2.2必要條件與必然結(jié)果你可以跳過這部分，這節(jié)涉及較多流程的背后邏輯。這部分的內(nèi)容整理完后，我必須和研發(fā)團(tuán)隊(duì)溝通確認(rèn)是否可執(zhí)行。一個行為產(chǎn)生之前需要一些條件，如畫畫需要工具，騎車需要車子，這些是必備條件。一個行為產(chǎn)生之后會造成一些結(jié)果，如打字會有文檔，彈琴會有音樂，這些就是結(jié)果（在流程中會被探討的是必然結(jié)果）。這些條件與結(jié)果會形成岔路，通往另外一個支線任務(wù)，所有的支線任務(wù)組成一個完整的產(chǎn)品。因此梳理?xiàng)l件與結(jié)果是對產(chǎn)品完整性的檢查。研究某個行為有哪些必要條件，并以此類推，大部分情況下上一個行為就是下一個行為的條件，反之為結(jié)果。必要條件以常見的登錄流程為例（見圖3-11）。圖3-11登錄注冊流程“用戶登錄”這個行為的必要條件和解決方案如下?！居脩粢呀?jīng)注冊過】：用戶未注冊時(shí)使用功能，引導(dǎo)向注冊流程——支線任務(wù)。【用戶輸入的手機(jī)號格式正確】：檢查到輸入不符合“11位數(shù)字”格式，提醒用戶格式錯誤，重新輸入?！居脩糨斎氲氖謾C(jī)號與密碼正確】：檢查到用戶密碼錯誤，引導(dǎo)向忘記密碼流程——支線任務(wù)。必然結(jié)果“系統(tǒng)發(fā)布會議日志”這個行為的必然結(jié)果和方案如下?！緯h日志】：用戶參與多個會議，形成列表記錄（見圖3-12）——支線任務(wù)。圖3-12會議日志列表行為類型角色行為有兩種：操作和判斷（見圖3-13）。“操作”比較好理解，如提交一個申請，填寫一段評論，都是一個操作?！芭袛唷笔菍δ硞€條件是否符合進(jìn)行判斷，它只有兩個結(jié)果：“是”和“否”。比如，你提交了一個申請，不管是人工還是系統(tǒng)，都會給出一個判斷。判斷結(jié)果決定了接下來的操作是什么。如果判斷結(jié)果是“否”，那么你的表單可能會被退回；如果判斷結(jié)果是“是”，那么你可能會得到申請通過的消息。流程中的操作與判斷如圖3-14所示。圖3-13常見的操作與判斷圖3-14流程中的操作與判斷\h3.2.3進(jìn)階：必要條件的必要條件的必要條件這部分講的是支線任務(wù)的其他枝節(jié)，是對產(chǎn)品需求針對性的擴(kuò)展衍生，也是流程優(yōu)化的一種思路。在早期我們通常不需要考慮這方面的內(nèi)容，如果你是初學(xué)者，以下內(nèi)容可以跳過。必要條件“與會人與成員是好友”的必要條件和解決方案如下?！九c會人的好友也已登錄】：好友如果沒有登錄，系統(tǒng)通過短信發(fā)送會議信息。必要條件的必要條件“與會人的好友也已登錄”的必要條件和解決方案如下?！九c會人的好友也已注冊】：好友如果沒有注冊，系統(tǒng)調(diào)用用戶的通訊錄或微信等發(fā)送注冊邀請與會議信息?！@個步驟引導(dǎo)大家去理解產(chǎn)品設(shè)計(jì)的本質(zhì)，這些看上去巧妙的功能并非突如其來的靈感，而是對核心流程的邏輯擴(kuò)展，如果能夠形成這樣的思維習(xí)慣，我們不用搬運(yùn)創(chuàng)意，而是推理創(chuàng)新。您有一封來自Charlie的郵件TO：產(chǎn)品Gara我居然看完了！操作和判斷對我來說比較難理解，希望以后能給予我更多幫助。雖然有點(diǎn)艱澀，但是感覺打開了新世界的大門！感覺以后可以和開發(fā)哥哥們好好聊天了！以及，是不是每個操作都伴隨著判斷？FROM：設(shè)計(jì)Charlie2015/09/05于夜晚詭異的辦公室\h3.3步驟三：串聯(lián)事件畫面您有一封來自Gara的郵件回復(fù)TO：設(shè)計(jì)Charlie研究操作和判斷是個技術(shù)活，需要在未來的頁面細(xì)化中不斷修正。而現(xiàn)在我們產(chǎn)出的流程圖只要說明一些顯而易見或者特殊情況的條件就行了。以及，并不是每個操作都伴隨著判斷，只有在有前置條件時(shí)才需要判斷。經(jīng)過“燒腦”的這個過程，我們終于來到了任務(wù)與流程的最后一步，也是界面設(shè)計(jì)的前一步。我們要把這個流程圖轉(zhuǎn)化為界面啦！我們把流程中涉及的幾個主要界面整理出來和流程圖放在一起，作為這個階段工作的收尾。FROM：產(chǎn)品Gara2015/09/05于深藍(lán)色的被窩\h3.3.1流程轉(zhuǎn)化界面整理流程中出現(xiàn)的界面。與用戶交互的行為需要頁面，我們可以按照流程圖，先在界面中寫下所需要的內(nèi)容（見圖3-15）。圖3-15界面與內(nèi)容如下所示?！O(shè)置主題、內(nèi)容、時(shí)間、添加成員等可以合并為一個“預(yù)約會議”的頁面。——提交會議方案應(yīng)該是一個“提交”按鈕?！獣h之前需要一個通知來提醒用戶參加會議?！绻脩翦e過了通知，希望在收到“會議日志”后直接進(jìn)入會議室，所以我們在“日志”中設(shè)計(jì)一個“進(jìn)入會議室”的入口按鈕?！源祟愅疲覀儼殃P(guān)鍵的頁面內(nèi)容梳理出來。元素轉(zhuǎn)化設(shè)計(jì)師把內(nèi)容轉(zhuǎn)化成元素，如輸入框、圖片、文字等（見圖3-16）。圖3-16元素轉(zhuǎn)化結(jié)果如下所示?！砑优c會成員，用戶打開聯(lián)系人列表挑選，選擇結(jié)果大概是頭像或者名字?！O(shè)置主題或者內(nèi)容，用戶需要輸入文本信息，我們把它們轉(zhuǎn)化成一個輸入框。——選擇會議起止時(shí)間，用戶必須通過日期和時(shí)間選擇器設(shè)置?！璡h3.3.2把界面合并到流程中通過之前的步驟把每一個流程轉(zhuǎn)化成頁面內(nèi)容，然后把頁面內(nèi)容轉(zhuǎn)化成元素，我們最終梳理出了全部的頁面（見圖3-17）。我們把這些頁面按照流程順序排列。如果有足夠的條件，這個階段可以做一次可用性測試，為原型可操作的按鈕制作鏈接，并且邀請用戶使用原型，確保用戶能夠通過操作這幾個頁面，完成核心流程。如果邀請了真實(shí)的用戶，頁面內(nèi)容需要替換成真實(shí)的信息，比如，把占位符替換成真人頭像之類的，否則用戶無法理解這些信息?？梢远嘀谱鲙讉€方案。此時(shí)應(yīng)該控制住自己不要追求細(xì)節(jié)（如我們到底是放頭像還是放昵稱等問題），快速產(chǎn)出各種不同的方案，畢竟此時(shí)修改方案的成本是最低的。決策時(shí)，請選擇平庸的方案。我這里所說的平庸，是指頁面內(nèi)容與操作，對用戶而言理解成本很低（常見的典型操作），并且有高度擴(kuò)展性（隨時(shí)可以往里填充內(nèi)容）。此時(shí)我們還未進(jìn)入美化環(huán)節(jié)，只要確保流程通暢即可。圖3-17一個初步的界面流程和簡單可操作的原型PS：我在初期設(shè)計(jì)產(chǎn)品時(shí)使用的界面結(jié)構(gòu)與最終版本有些不同。我曾試圖把前期的想法也修改成最終方案，但是被自己否決了。前后方案的差異更加真實(shí)，能夠體現(xiàn)我們在決策過程中并不是堅(jiān)持完全不變的想法，而是會隨著每個階段的工作內(nèi)容不斷地改變（說不定你還會覺得最早的方案更好一些）。因?yàn)橐陨侠碛赡銜l(fā)現(xiàn)本章節(jié)的產(chǎn)出物與第7章的結(jié)果有些差距。您有一封來自Gara的郵件回復(fù)TO：產(chǎn)品Gara做好了流程圖和幾套界面圖，突然覺得自己棒棒噠！FROM：設(shè)計(jì)Charlie2015/09/08于猥瑣的泰迪熊身旁\h3.4后記\h3.4.1本章節(jié)產(chǎn)出物業(yè)務(wù)流程圖包含用戶、系統(tǒng)、運(yùn)營工作的任務(wù)流，是產(chǎn)品的基調(diào)與骨架（見圖3-17）。界面流程用頁面的形式直觀地表達(dá)業(yè)務(wù)流程，是用戶操作的核心邏輯，界面流程只能看到用戶所看到的信息（見圖3-17）。產(chǎn)品低保真原型包含“界面流程”中的核心頁面，并且制作了可點(diǎn)擊的鏈接，用于最早的可用性測試。\h3.4.2評審與測試開發(fā)評審開發(fā)的意見是能夠給予我們支持力量的，他們會看到你的邏輯錯誤，以及幫你補(bǔ)充那些你考慮不到的漏洞。他們有檢驗(yàn)產(chǎn)品流程的可行性的專業(yè)能力。運(yùn)營評審在流程評審中，運(yùn)營能夠給予我們最實(shí)際的建議。很多研發(fā)團(tuán)隊(duì)在早期經(jīng)常忽視運(yùn)營的作用，而產(chǎn)品的成長與運(yùn)營息息相關(guān)，如果運(yùn)營團(tuán)隊(duì)沒有參與到流程設(shè)計(jì)的過程中來，必然會在執(zhí)行時(shí)碰到很多問題。涉及任何付費(fèi)、社交的功能，或者必然會有的編輯、客服等工作，都需要運(yùn)營團(tuán)隊(duì)的梳理。運(yùn)營工作的落地伴隨非常多的不確定性，運(yùn)營團(tuán)隊(duì)會考慮在推動用戶做出某個行為時(shí)碰到什么阻力。他們是非常實(shí)際的一群人，也是最能夠幫助產(chǎn)品走得長遠(yuǎn)的一群人，千萬不要忽視他們的意見。\h3.4.3思維方式關(guān)注核心我們在步驟二對流程的再次決策中，決定選擇“開會”的核心流程是依賴于關(guān)注核心的思維方式。首先關(guān)注核心是無奈之舉，不管是個人還是團(tuán)隊(duì)都是有限資源，尤其我們的團(tuán)隊(duì)越來越小，行動越來越快，變化越來越大，同時(shí)做很多件事情遠(yuǎn)不如專注地做好一件事情效率高，結(jié)果好?？焖俚赝瓿扇蝿?wù)也代表著能夠快速得到市場驗(yàn)證。其次專注核心是尋找自己立足點(diǎn)，因?yàn)槿绻銓Ｗ⒂谶@件事，就不會被無數(shù)人的不同想法所干擾。這是個奇怪的現(xiàn)象，我們需要謙虛地接受不同建議，但是這些建議會讓你越來越偏離原來的軌道。你向一群“牛人”尋求意見，“牛人”們給你的意見都很有道理，于是你一會兒這樣做，一會兒那樣做，然后過了幾個月又回來這樣做。在我們前面的任務(wù)討論中，有這樣的思維方式：如果沒有這個任務(wù)行嗎？在案例中，除了開會本身，其他所有的事情都是可以被拋棄的。我們在早期的規(guī)劃中，這樣做刪減決策：如果它對核心沒有影響，那就拋棄它。當(dāng)然我們并不是想要屏蔽一切可能性，實(shí)際上產(chǎn)品應(yīng)該有足夠大的想象空間。\h3.4.4局限關(guān)于過程：這章是一個符合邏輯的思維決策過程，但是很多情況下我們并不是這樣按部就班來完成工作的。很多設(shè)計(jì)師喜歡一邊做頁面一邊梳理流程，這沒什么問題。文中的過程是為了帶領(lǐng)我們深入挖掘產(chǎn)品邏輯的本質(zhì)，以及站在一個更全局的角度來看產(chǎn)品的脈絡(luò)。關(guān)于邏輯和創(chuàng)意：這一章充滿了邏輯，但是創(chuàng)意絕對是不可或缺的。我們每個人都有不同的邏輯方式，也有不少人認(rèn)為符合邏輯即為真理。實(shí)際上，沒有創(chuàng)意的邏輯，只是對昨天的簡單重復(fù)而已。如果我們的產(chǎn)品與基礎(chǔ)流程是毫無創(chuàng)新之處的，也不要指望頁面內(nèi)容能驚天動地讓人眼前一亮。\h3.4.5其他知識點(diǎn)關(guān)于運(yùn)營：我為了盡量簡單地說明流程，找了一個工具型的產(chǎn)品，這樣就不用放入復(fù)雜的運(yùn)營環(huán)節(jié)，對初學(xué)者的理解造成困難。實(shí)際上，如果要讓互聯(lián)網(wǎng)真正服務(wù)于其他行業(yè)，運(yùn)營的融入是必然的，如果有機(jī)會，可以了解下運(yùn)營的基本工作，這樣可以讓我們有更加長遠(yuǎn)的意識，更高的角度。\h4界面/PROTOTYPE還原真相4.1展示頁4.2列表頁4.3正文頁4.4功能頁4.5輔助與特殊頁面4.6回答問題4.7頁面數(shù)據(jù)4.8后記您有一封來自Gara的郵件TO：Charlie親愛的查理，這套流程圖足以為我們接下來的工作提供支持。接下來，和所有產(chǎn)品（包括工業(yè)產(chǎn)品）一樣，我們得先設(shè)計(jì)一個模型。在流程的基礎(chǔ)上，根據(jù)頁面內(nèi)容開始整理頁面原型。如果你準(zhǔn)備好了，就可以開始繪制原型。我的要求是整理產(chǎn)品的所有頁面。在開始制作模型之前，我需要為你解釋一些頁面背后的事情。FROM：Gara2015/09/09于空調(diào)壞了的月球上圖4-1頁面設(shè)計(jì)什么是頁面設(shè)計(jì)？如圖4-1所示，完整的頁面設(shè)計(jì)應(yīng)該包含內(nèi)容設(shè)計(jì)與人機(jī)交互兩個部分，現(xiàn)在我想先講解如何進(jìn)行內(nèi)容設(shè)計(jì)，之后再單獨(dú)說說交互的部分。以內(nèi)容為中心的設(shè)計(jì)當(dāng)我們在提倡“以用戶為中心”的設(shè)計(jì)理念時(shí)，我建議設(shè)計(jì)師們先從“以內(nèi)容為中心”的設(shè)計(jì)理念開始學(xué)習(xí)。我們已經(jīng)在前面探討過任務(wù)與流程設(shè)計(jì)，在此基礎(chǔ)之上我們?yōu)橛脩粼O(shè)計(jì)內(nèi)容，其次才是風(fēng)格與交互。如果沒有內(nèi)容，“巧婦難為無米之炊”，一切都是空談。項(xiàng)目過程中，我碰到過不少設(shè)計(jì)師為了突出自己喜歡的排版和設(shè)計(jì)，會在頁面上增添一些額外的內(nèi)容。我曾經(jīng)設(shè)計(jì)的產(chǎn)品，如圖4-2所示，左邊是原型稿，右邊是視覺稿的布局。你能發(fā)現(xiàn)問題在哪里嗎？右邊多了一個內(nèi)容：手機(jī)號。當(dāng)我詢問為什么要放手機(jī)號的時(shí)候，設(shè)計(jì)師說“排版比較好看……”圖4-2設(shè)計(jì)的原因這會導(dǎo)致一系列問題，如昵稱無法顯示足夠多，在小屏幕上只能顯示四個中文字，而手機(jī)號又不是必須顯示在菜單欄的信息，事實(shí)上顯示在這里除了讓用戶不厭其煩地知道自己的手機(jī)號是什么之外對于內(nèi)容展示毫無幫助，平白給這個頁面增加了一個“噪音”，菜單上部分會顯得非常擁擠。這樣的錯誤時(shí)常發(fā)生，是因?yàn)樵S多設(shè)計(jì)師的決策方式通常是“這樣好看”，而不是“手機(jī)號”出現(xiàn)在這里的“價(jià)值”。什么時(shí)候進(jìn)行頁面設(shè)計(jì)?我們在流程的基礎(chǔ)上設(shè)計(jì)內(nèi)容結(jié)構(gòu)。在我實(shí)際的工作中，任務(wù)流設(shè)計(jì)和頁面設(shè)計(jì)大概是前后腳，幾乎同步進(jìn)行的。不過為了能夠讓你更加好地理解思維過程，我把它們作為單獨(dú)的任務(wù)拆解開來。因?yàn)槲以诠ぷ髦信紶枙霈F(xiàn)溝通不力的情況，前端開發(fā)和設(shè)計(jì)師們似乎有個不太好的習(xí)慣，大多數(shù)會認(rèn)為通過頁面就能理解產(chǎn)品邏輯，而我曾經(jīng)因?yàn)槎虝菏浂浵蚰承﹫F(tuán)隊(duì)成員明確溝通任務(wù)流，在某個模塊的制作上出現(xiàn)返工的現(xiàn)象。我們先確認(rèn)幾個大的內(nèi)容模塊，然后梳理這些模塊包含了哪些頁面，根據(jù)不同的目的，設(shè)計(jì)頁面的內(nèi)容，當(dāng)然最終還要經(jīng)過把內(nèi)容轉(zhuǎn)化成元素的過程。怎么設(shè)計(jì)頁面原型？所有的一切都將圍繞著內(nèi)容展開。我們一起梳理產(chǎn)品有哪些內(nèi)容模塊？用哪些頁面來承載產(chǎn)品內(nèi)容？內(nèi)容結(jié)構(gòu)梳理整理內(nèi)容結(jié)構(gòu)時(shí)，首先考慮把核心任務(wù)中的幾個重要節(jié)點(diǎn)的內(nèi)容作為重要模塊，如任務(wù)開始、任務(wù)結(jié)果。也可以把任務(wù)進(jìn)行的重