掌柜注：特別贈送本期干貨鋪【所有文章】的102頁(yè)PDF，一鍵打包存著(zhù)看！
發(fā)送“流程”至我們的微信訂閱號
“產(chǎn)品100干貨速遞（chanpin100ghsd）”即可下載 (╭￣3￣)╭?
各位客官，開(kāi)篇之前，先讓掌柜的激動(dòng)一下。
您現在看到的是整整第10期產(chǎn)品壹佰干貨鋪！
壹佰干貨鋪欄目誕生于8月份，每周固定發(fā)布一期，每一期都收到了許多朋友的收藏與喜歡。每期附贈的PDF也有平均500+的下載量，說(shuō)明大家還是很愛(ài)學(xué)習的嘛。
承蒙客官厚愛(ài)，掌柜的會(huì )繼續更多制作更多又干又硬的干貨專(zhuān)題給大家。
——————這是一條蠢萌分割線(xiàn)——————
無(wú)規矩不成方圓，無(wú)流程不成體系。本期壹佰干貨鋪的重點(diǎn)，是“流程”。
作為一枚新人產(chǎn)品經(jīng)理，你是否經(jīng)常為了打造一個(gè)令人驚嘆的App，和整個(gè)團隊全都卯足勁兒、干勁十足的干活？
經(jīng)歷這樣一個(gè)累并快樂(lè )的過(guò)程后，最終，當團隊成員接近精力極限并筋疲力竭時(shí)，你設計的App驚艷出場(chǎng)了！可是隨后，你夢(mèng)想中的App迎來(lái)了重擊噩夢(mèng)：有著(zhù)旺盛需求的用戶(hù)下載了你的App，可是一旦使用一次，他們再也不會(huì )第二次使用了。
這意味著(zhù)近幾個(gè)月的犧牲和辛苦投入全都付諸流水了，這到底是為什么？
互聯(lián)網(wǎng)浪潮之下，越來(lái)越多的App正在遭受著(zhù)同樣地重擊命運：用戶(hù)使用一次后就被拋棄，這已經(jīng)成為互聯(lián)網(wǎng)世界的一種趨勢。而你的App很不幸的成為了這個(gè)趨勢浪潮的一員。
這不禁讓掌柜的想起已經(jīng)有400年歷史的瓦薩戰艦，這個(gè)趨勢與瓦薩沉船事故有許多相同之處，要知道這艘船可是當時(shí)最震撼的戰艦之一呢。據說(shuō)在它的處女行中，瓦薩號在水中晃蕩了一會(huì )兒，僅僅行駛了1英里就沉船了，而沉船的原因是因為它的基礎設計有問(wèn)題。
讓我們探索更多的瓦薩沉船的教訓，使你的App避免跟它一樣的命運：剛離開(kāi)港口就沉船。
本期壹佰干貨鋪梳理了我們網(wǎng)站有史以來(lái)最優(yōu)質(zhì)的15篇優(yōu)秀產(chǎn)品設計流程干貨，從工作流程的優(yōu)化開(kāi)始，幫你快速試錯，減少改稿次數，非常實(shí)用，建議收藏。
推薦干貨：《產(chǎn)品經(jīng)理必修課之產(chǎn)品設計流程[完整版]》
產(chǎn)品設計（Product Design）流程是一個(gè)怎樣的流程？這個(gè)問(wèn)題太高能，產(chǎn)品后生晚輩亦不敢貿然回答。事實(shí)上，我對“產(chǎn)品流程”并沒(méi)有一個(gè)完整的概念，故不忍信口妄語(yǔ)，有辱行業(yè)。然靜思己過(guò)，內心了然正躬身其中，卻茫然不知。結合自身的實(shí)踐和思考，以面向過(guò)程的方式回顧一下整個(gè)產(chǎn)品設計過(guò)程。
推薦干貨：《移動(dòng)互聯(lián)網(wǎng)產(chǎn)品設計開(kāi)發(fā)流程》
本文是移動(dòng)互聯(lián)網(wǎng)產(chǎn)品設計迭代開(kāi)發(fā)的完整流程。需注意的是設計流程是不可控的，因為設計不是理性和可工程化的。根據團隊中的實(shí)際情況適當調整。
涉及崗位：產(chǎn)品經(jīng)理、交互設計師、UI設計師、用戶(hù)研究員、開(kāi)發(fā)及測試人員。
推薦干貨：《精益產(chǎn)品設計系列：產(chǎn)品設計流程》
精益創(chuàng )業(yè)方法論從硅谷到全球各地的大熱，讓人們逐漸從傳統的產(chǎn)品設計流程轉變到精益方法論的道路上。那么如何進(jìn)行精益產(chǎn)品設計呢？本文對精益產(chǎn)品設計中，產(chǎn)品設計流程進(jìn)行了一個(gè)概述，在之后的系列文章中，將對精益產(chǎn)品設計的每一個(gè)流程進(jìn)行延伸。
關(guān)于產(chǎn)品設計流程，對于初入產(chǎn)品的新人往往不會(huì )在最開(kāi)始就可以接觸到產(chǎn)品的全生命周期流程。通過(guò)本文可以對產(chǎn)品的全生命周期有一個(gè)了解，在以后獨自負責產(chǎn)品線(xiàn)時(shí)，有一個(gè)大概的框架了解，不會(huì )一頭霧水，無(wú)從下手。
推薦干貨：《初級原型設計流程：強迫癥一般的循環(huán)完善》
其實(shí)就工作流程而言，每個(gè)公司、每個(gè)團隊、每個(gè)設計師都是不一樣的，并沒(méi)有所謂的統一標準，更多的是因地制宜。以上只是熊先生根據自己的一點(diǎn)實(shí)踐經(jīng)驗和平時(shí)學(xué)習的書(shū)籍中總結的簡(jiǎn)易工作流程。主要的目的是為了拋磚引玉，如果有更加靠譜的方式方法，希望各位大神不吝賜教。
我從入行開(kāi)始就在一個(gè)做自己產(chǎn)品的小公司工作，到現在已經(jīng)三年了。剛開(kāi)始工作的時(shí)候什么也不懂，老板說(shuō)讓出效果圖，就開(kāi)始直接上手作圖。后來(lái)看的內容多了，會(huì )的技能多了，慢慢開(kāi)始改進(jìn)自己的工作流程。
現在已經(jīng)可以快速并且一步步扎實(shí)的完成工作。工作內容包括：獲取需求、收集資料、結構圖、交互設計、視覺(jué)設計、切圖標注。希望能和大家交流，進(jìn)步。
推薦干貨：《一個(gè) App 的界面設計流程是怎么產(chǎn)生的？》
完整的流程，分層次設計，自下而上去完成
1.策略層，定義產(chǎn)品使命、價(jià)值、目標人群
2.愿景/功能層：定義核心場(chǎng)景、功能列表
3.結構層：做流程圖、信息架構，確定主導航、主菜單
4.框架層：梳理每一個(gè)主界面的內容、布局
5.表現層：視覺(jué)設計，涉及圖標、配色、切圖。
推薦干貨：《產(chǎn)品界面設計的整個(gè)工作流程是怎樣的？》
以我的了解，很多公司不設專(zhuān)門(mén)的交互設計師，而由產(chǎn)品經(jīng)理完成相關(guān)工作。以下是我這里的工作流程(圖片來(lái)自于網(wǎng)絡(luò )，本團隊的就不貼了)。這個(gè)流程希望整個(gè)產(chǎn)品團隊都能參與其中并共同加強對產(chǎn)品的理解?；蛘呓枰粋€(gè)時(shí)髦的概念，我是希望團隊能具有更多Design Thinking，“設計思維”，來(lái)加強和推動(dòng)解決問(wèn)題的能力，并激發(fā)更多創(chuàng )新。
推薦干貨： 《一個(gè)完整的交互設計流程是怎樣的？》
一個(gè)完整的交互設計流程是怎樣的？我的答案是基于《軟件觀(guān)念革命：交互設計精髓》(About Face)，這也是在國際上被廣為認可的流程。這個(gè)答案里我盡量不參雜個(gè)人觀(guān)點(diǎn)。先放一個(gè)大綱。
推薦干貨：《超贊干貨！一個(gè)完整的UI設計流程是怎樣的？》
收到一封 Mail，其中提到幾個(gè)關(guān)于設計流程和Prototype的問(wèn)題。UI設計流程：Wireframe->低保真Prototyple->Mockup->高保真Prototyple，這樣的流程是對的嗎？今天來(lái)聊聊一個(gè)完整的 UI 設計流程應該是怎樣的，收干貨！
目前業(yè)界的情況大多是 UI 設計師收到「開(kāi)工啦」的通知，然后就從 Wireframe 開(kāi)始下手。用戶(hù)怎么操作、有哪些功能、用戶(hù)和客戶(hù)的需求是什么往往靠 PM 簡(jiǎn)單口述。
Wireframe 為什么會(huì )長(cháng)這樣？在 Wireframe 之前還有哪些事要做？
推薦干貨：《專(zhuān)業(yè)科班的答案！一個(gè)完整的交互設計流程是怎樣的？》
初學(xué)交互設計的新人，因為沒(méi)有做過(guò)任何的設計項目，所以不知道整個(gè)交互設計師的工作流程會(huì )有哪些內容，今天這篇文章請了專(zhuān)業(yè)科班出身的設計師來(lái)科普他們在實(shí)際項目中的工作流程，強烈建議閱讀。
作者Spell是國內軟件工程本科+美國UW HCDE master，現在在硅谷做用戶(hù)體驗設計并且教用戶(hù)體驗課程。在這里我想給出我負責的幾個(gè)項目里所用到的流程，這些也是我教給學(xué)生的流程。
推薦干貨：《超實(shí)用！高手的私人筆記之APP設計流程全科普》
今天這篇譯文全程滿(mǎn)滿(mǎn)當當的都是干貨，包含超多的實(shí)用經(jīng)驗，比如讓元素在各個(gè)尺寸中保持邊界清晰的技巧，切片的專(zhuān)業(yè)方法，命名規則等，絕對值得每個(gè)UI設計師收藏起來(lái)！
推薦干貨：《41% 的APP不合格？可能是你沒(méi)試過(guò)這個(gè)快速高效的工作流程！》
記得原型的精確度與項目的進(jìn)度相匹配，在設計的關(guān)鍵部分，在你覺(jué)得很舒服之前，切記不要投入太多的時(shí)間和精力在高保真原型上。so，堅持盡可能長(cháng)時(shí)間地使用低保真原型，測試設計快速迭代，并不斷結合見(jiàn)解重新回（重構）到你的原型上。
精益，快速成型，再加上一個(gè)連續的反饋循環(huán)，將有助于您的團隊工作順利，結合新的想法，構建移動(dòng) App，不僅僅是首航成功，而是要在未來(lái)成功航行多年，并在對手的心中造成驚人的恐懼。
推薦干貨：《專(zhuān)業(yè)干貨！3個(gè)方法幫你優(yōu)化交互設計流程的“閉環(huán)”問(wèn)題》
交互設計師有一項很重要的工作就是定義任務(wù)流程。在接到需求之后，設計師需要把抽象的需求設計成具象的流程，然后再把流程分配到不同的界面，最終形成成品。設計流程不難，但是設計好的流程非常難。今天主要是從“閉環(huán)”這個(gè)角度來(lái)講講流程設計中的優(yōu)化問(wèn)題。
舉個(gè)簡(jiǎn)單的例子，注冊這個(gè)流程可以這么定義：
推薦干貨：《超完整的用戶(hù)體驗設計流程，規范化提升產(chǎn)品》
在產(chǎn)品設計文檔編制方面，理論和實(shí)踐是完全不同的兩碼事。我們都知道用戶(hù)中心設計的基本原則。我們也都能從紛雜的方法中認出各種不同的研究方法、原型制作階段以及文檔編制技巧的整體流程。但是，你還是會(huì )經(jīng)常問(wèn)自己這個(gè)問(wèn)題：在實(shí)踐中到底怎么操作？
推薦干貨：《使用線(xiàn)框圖來(lái)簡(jiǎn)化你的產(chǎn)品設計流程》
本文主要是教各位怎么用線(xiàn)框圖來(lái)簡(jiǎn)化我們的產(chǎn)品設計流程，因為繪制一個(gè)線(xiàn)框圖是你在制作一個(gè)網(wǎng)站前必須要經(jīng)歷的過(guò)程。線(xiàn)框圖能夠幫助你合理的組織并簡(jiǎn)化你內容和元素，是網(wǎng)站內容布局的基本視覺(jué)表現方式，是網(wǎng)站開(kāi)發(fā)過(guò)程中一個(gè)重要的步驟。
特別彩蛋——102頁(yè)本期干貨PDF！
發(fā)送“流程”至我們的微信訂閱號
“產(chǎn)品100干貨速遞（chanpin100ghsd）”即可下載 (╭￣3￣)╭?
預覽如下：
-本期專(zhuān)題互動(dòng)-
掌柜的想做個(gè)調查，
你們最希望在干貨鋪看到哪些主題的干貨？
告訴掌柜的，說(shuō)不定下期你就可以看到哦~
「壹佰干貨鋪」——互聯(lián)網(wǎng)產(chǎn)品、運營(yíng)、設計、職場(chǎng)精品干貨，應有盡有！
咱們下期再見(jiàn)~
聯(lián)系客服
