六套 App 構建我的產品設計工作流

2021-09-23 19:31:45 字數 2979 閱讀 5592

工欲善其事,必先利其器。思維和方**固然超級重要,但是掌握並制定適合自己的工作流也可以成倍提公升效率。好的軟體加上熟練的使用可以幫助解決遇到的所有問題,不僅可以減輕大腦和身體的負擔,更可以讓產品設計師在工作中如虎添翼。

工具有很多,適合不同的人,作為設計師,我的日常就是接受並討論需求、拆解任務、設計流程與介面、製作原型和動效等。今天給大家介紹一下我每天工作中必用的六套工具,它們滿足了我幾乎所有的工作訴求,並且效果拔群。

介面與流程設計:sketch + axure + xmind

在需求梳理階段,會利用 xmind 繪製腦圖和流程圖,明確所有的設計節點並呈現出來。 xmind 免費版功能足夠強大,支援各種樣式的圖表,並且上手門檻也很低,稍加學習就可以馬上投入到實際工作中。

介面與原型設計階段主要靠大名鼎鼎的 sketch 和 axure ,前者更擅長頁面呈現,後者則更注重邏輯關係。在公司,因為相關元件比較完備,所以設計師使用任何一種都能夠快速產出高保真的設計圖,應對複雜業務邏輯也都沒有問題。

sketch 的優勢在於,如果產出物包含了視覺內容,則其提供的資訊更加精準,再加上學習成本極低,團隊的開發同學也要求掌握 sketch ,這樣設計師就不需要標註和切圖了,大大提公升了工作效率,專注設計本身。

而早一些的設計師或產品經理可能更鍾情於 axure,畢竟功能足夠強大,又可以產生可互動的原型。因為不方便使用外部儲存平台,所以對我們團隊而言,axure 的 team 功能是最不可替代的:能夠快速將設計稿上傳到伺服器並供所有團隊成員分享和檢視。因此即便設計師使用 sketch 進行設計,也需要將產出物放置到 axure 伺服器上,方便協作。

任務管理:wunerlist(奇妙清單)

很早以前,我就有嘗試在自己的專案過程中使用奇妙清單來管理日常任務,但是發現需求並沒有那麼大。而來公司實習以後,發現日常工作的併發數量已經遠遠超過我的極限(我最大執行緒數是3,就是一段時間裡同時把精力分配到三件事已經是極限了),常常既要設計又要溝通,並且是多個需求同時存在,每個週期還很長。這個時候,任務管理類軟體的價值才體現出來。

每次有新的工作需求過來時,我會把它先放置到「tmall intern」資料夾,並且在主任務裡建立多個子任務,還要寫上相關文件的位址和注意事項,因此這個資料夾裡的任務是最重要的。而比較零碎的任務,比如什麼時間開評審會、要記住提醒產品經理提供資料、或者準備內部培訓的資料等就可以直接放在「收件箱」中。每次小塊工作的開始和結束時,都要快速瀏覽一下任務清單,把必要的更新新增進去,並把已經完成的小任務清理掉。

另外,奇妙清單用來做記錄也非常不錯,不論是普通的溝通還是會議記錄。上週就有一次和產品經理協商時某個要點因為沒有及時記下來,很快就被我忘記了,導致後來出現了很多狀況。而慢慢學會將所有的資訊都記錄在軟體中以後,就可以解放大腦,不要再費力去記住那些複雜的內容,更專注於眼前的工作。

mac 效率提公升:paste + alfred2 + dropshelf

量變引起質變,每乙個簡單操作的高效化將會大幅提公升日常工作的效率。

paste 是一款複製貼上板管理軟體,可以將所有複製過的內容(、文字、檔案等)記錄下來,並且一鍵快速呼叫。簡而言之,就是你可以方便地管理每乙個複製過的內容(我設定的是記錄50次)。對設計師而言經常需要複製貼上元件或文案,因此它真的可以減少很多重複操作,提公升效率。(我推薦給乙個運營朋友,她更是愛不釋手......)

dropshelf 則是我上週剛剛購買的軟體,核心功能是在桌面的側邊提供乙個小格仔,用以暫存檔案副本,並且在需要的時候快速開啟或拖入設計稿中。如果說 paste 主要管理的是複製貼上內容,那 dropshelf 服務的就是檔案中轉,比如我在做內部學習小組的時候就會事先把要用到的 demo 檔案拖放到螢幕邊緣的小格仔裡,講解到某個時刻就直接開啟或者拖到應用中,避免了反覆在 finder 裡切換,非常方便。

動效與可互動原型:pixate + origami

動效與原型設計的軟體實在是太多了,我前前後後嘗試、接觸了恐怕有不下十款,而最後則是選定了 pixate 和 origami 作為僅存的設計工具。

pixate 前幾天剛宣布加入 google,studio 免費之後基本告別了之前在 web 端進行編輯的煩瑣和卡頓,同時還支援 windows 和 android 裝置。pixate 操作非常簡單,學習成本極低,基本通過半天的嘗試就可以掌握核心操作方法,而後面就可以集中思考效果的實現方式。絕大部分的效果用它來實現都沒有任何問題,看官方提供的幾個 demo 就知道,即便是複雜的動效它也可以輕鬆應對,因此作為輕量級原型設計工具實在太合適了。在我的影響下,團隊裡不少設計師已經開始使用 pixate 產出簡單的 demo 用以檢視和測試效果。

與 pixate 相比,origami 的陡峭學習曲線是大家所公認的,說實話很多時候我寧可寫**實現也不想去碰 origami。但是它強大的**匯出功能、細緻到每乙個設計細節的動性能力又讓人割捨不下。最近,我在團隊中發起了乙個 origami 學習小組,每週兩到三次下班後的學習,希望一起深入學習這個軟體。同時,開發同學也會一起來參與學習,我也在嘗試尋找設計-開發流程中的平衡點,讓整體的效率最高。

總而言之,簡單的效果使用 pixate 實現,複雜的、需要微調、需要**復用的動效則使用 origami。

錄屏與演示:quicktime + picgif

有個小 tips 是,演示動畫可能還需要有觸點標識,以表達手指正在進行的操作。pixate 的錄屏功能雖然不夠清晰,卻可以提供觸點顯示,在這個過程中再使用 quicktime 錄製就可以實現最完美的效果啦。

檔案傳輸與共享:pushbullet + airdrop

做產品分析或者素材整理的時候,經常需要在手機或 ipad 端截圖,我這乙個月已經數不清自己手機裡存了多少張截圖了,而把頁面平鋪起來確實是檢視和對比的好方法。我工作中會用到一台 macbook、一台 imac、兩部手機和一部 ipad,那麼,怎麼將方便地從任意乙個裝置傳輸到另乙個裝置呢?

pushbullet 也是跨平台的產品,所以 android 裝置也可以一起加入檔案分享啦,通過它可以快速精確地傳送資訊到指定裝置,並且能夠像翻聊天記錄一樣檢視過往的資訊,非常方便。

Axure RP Pro 7是老牌的產品設計工具

axure rp pro 7是老牌的產品設計工具 axure rp pro允許程式設計者為程式或者 製作動態的線框圖 流程圖 以及其他所需的圖表。它可以輔助產品經理快速設計完整的產品原型,並結合批註 說明以及流程圖 框架圖等元素將產品完整地表述給各方面設計人員,如ui ue等等,並在討論中不斷完善。...

我的平台型產品設計分析缺了什麼

最近在策劃推進乙個平台型產品核心操作鏈路的整體設計優化,因為之前覺得pd 產品經理 提乙個需求 我補乙個場景的工作模式太過碎片化,很容易失去全域性視野 並有讓鏈路變得越來越複雜和難以擴充套件的危險。和pd不約而同地意識到這個問題之後,我們基於使用者調研反饋共同做了一次體驗地圖,發現存在大量的體驗問題...

產品設計體會(4015)我與本書的侷限性

又來有關書的事情了,先匯報一下進度 初稿完成7章中的前四章,字數分別為 22k 43k 46k 49k,總計16萬字,從字數看應該有全書的60 出頭,還真是蠻能寫的 漸漸的感到初稿完成後,每個章節的修改工作也是浩大的工程,未必比初稿省事。前段時間提到了同行前輩們給樣章的意見和建議,我仔細的進行了思考...