六套 App:構(gòu)建我的產(chǎn)品設(shè)計工作流

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

工具有很多,適合不同的人,作為設(shè)計師,我的日常就是接受并討論需求、拆解任務(wù)、設(shè)計流程與界面、制作原型和動效等。今天給大家介紹一下我每天工作中必用的六套工具,它們滿足了我?guī)缀跛械墓ぷ髟V求,并且效果拔群。

界面與流程設(shè)計:Sketch + Axure + Xmind

日常工作中,核心的設(shè)計產(chǎn)出就依賴這三款 App 了。

在需求梳理階段,會利用 Xmind 繪制腦圖和流程圖,明確所有的設(shè)計節(jié)點并呈現(xiàn)出來。 Xmind 免費版功能足夠強大,支持各種樣式的圖表,并且上手門檻也很低,稍加學(xué)習(xí)就可以馬上投入到實際工作中。

界面與原型設(shè)計階段主要靠大名鼎鼎的 Sketch 和 Axure ,前者更擅長頁面呈現(xiàn),后者則更注重邏輯關(guān)系。在公司,因為相關(guān)組件比較完備,所以設(shè)計師使用任何一種都能夠快速產(chǎn)出高保真的設(shè)計圖,應(yīng)對復(fù)雜業(yè)務(wù)邏輯也都沒有問題。

Sketch 的優(yōu)勢在于,如果產(chǎn)出物包含了視覺內(nèi)容,則其提供的信息更加精準,再加上學(xué)習(xí)成本極低,團隊的開發(fā)同學(xué)也要求掌握 Sketch ,這樣設(shè)計師就不需要標注和切圖了,大大提升了工作效率,專注設(shè)計本身。

而早一些的設(shè)計師或產(chǎn)品經(jīng)理可能更鐘情于 Axure,畢竟功能足夠強大,又可以產(chǎn)生可交互的原型。因為不方便使用外部存儲平臺,所以對我們團隊而言,Axure 的 Team 功能是最不可替代的:能夠快速將設(shè)計稿上傳到服務(wù)器并供所有團隊成員分享和查看。因此即便設(shè)計師使用 Sketch 進行設(shè)計,也需要將產(chǎn)出物放置到 Axure 服務(wù)器上,方便協(xié)作。

任務(wù)管理:Wunerlist(奇妙清單)

很早以前,我就有嘗試在自己的項目過程中使用奇妙清單來管理日常任務(wù),但是發(fā)現(xiàn)需求并沒有那么大。而來公司實習(xí)以后,發(fā)現(xiàn)日常工作的并發(fā)數(shù)量已經(jīng)遠遠超過我的極限(我最大線程數(shù)是3,就是一段時間里同時把精力分配到三件事已經(jīng)是極限了),常常既要設(shè)計又要溝通,并且是多個需求同時存在,每個周期還很長。這個時候,任務(wù)管理類軟件的價值才體現(xiàn)出來。

每次有新的工作需求過來時,我會把它先放置到「Tmall Intern」文件夾,并且在主任務(wù)里建立多個子任務(wù),還要寫上相關(guān)文檔的地址和注意事項,因此這個文件夾里的任務(wù)是最重要的。而比較零碎的任務(wù),比如什么時間開評審會、要記住提醒產(chǎn)品經(jīng)理提供數(shù)據(jù)、或者準備內(nèi)部培訓(xùn)的資料等就可以直接放在「收件箱」中。每次小塊工作的開始和結(jié)束時,都要快速瀏覽一下任務(wù)清單,把必要的更新添加進去,并把已經(jīng)完成的小任務(wù)清理掉。

另外,奇妙清單用來做記錄也非常不錯,不論是普通的溝通還是會議記錄。上周就有一次和產(chǎn)品經(jīng)理協(xié)商時某個要點因為沒有及時記下來,很快就被我忘記了,導(dǎo)致后來出現(xiàn)了很多狀況。而慢慢學(xué)會將所有的信息都記錄在軟件中以后,就可以解放大腦,不要再費力去記住那些復(fù)雜的內(nèi)容,更專注于眼前的工作。

奇妙清單還支持協(xié)作,并且能夠指派任務(wù)、互相評論。設(shè)置提醒和到期時間也非常實用,基本能夠應(yīng)付當(dāng)前的各種工作狀況。最后,產(chǎn)品橫跨所有平臺,不論我人在哪里,只要看一眼手機或者電腦,就知道現(xiàn)在需要去做什么事。

Mac 效率提升:Paste + Alfred2 + Dropshelf

量變引起質(zhì)變,每一個簡單操作的高效化將會大幅提升日常工作的效率。

Paste 是一款復(fù)制粘貼板管理軟件,可以將所有復(fù)制過的內(nèi)容(圖片、文本、文件等)記錄下來,并且一鍵快速調(diào)用。簡而言之,就是你可以方便地管理每一個復(fù)制過的內(nèi)容(我設(shè)置的是記錄50次)。對設(shè)計師而言經(jīng)常需要復(fù)制粘貼組件或文案,因此它真的可以減少很多重復(fù)操作,提升效率。(我推薦給一個運營朋友,她更是愛不釋手......)

Alfred2 是 Mac 平臺上最為傳奇的效率神器,光是快速檢索、打開文檔這一件事就為我每天省下來大量的時間和操作,不論我在做什么,通過 option + space 就可以打開任何文件和 App,而相比之下 Spotlight 的檢索真的是太慢了。購買 Powerpack 后,還可以使用功能更為強大的 workflow,效率更可以得到成倍的提升。

Dropshelf 則是我上周剛剛購買的軟件,核心功能是在桌面的側(cè)邊提供一個小格子,用以暫存文件副本,并且在需要的時候快速打開或拖入設(shè)計稿中。如果說 Paste 主要管理的是復(fù)制粘貼內(nèi)容,那 Dropshelf 服務(wù)的就是文件中轉(zhuǎn),比如我在做內(nèi)部學(xué)習(xí)小組的時候就會事先把要用到的 demo 文件拖放到屏幕邊緣的小格子里,講解到某個時刻就直接打開或者拖到應(yīng)用中,避免了反復(fù)在 Finder 里切換,非常方便。

動效與可交互原型:Pixate + Origami

動效與原型設(shè)計的軟件實在是太多了,我前前后后嘗試、接觸了恐怕有不下十款,而最后則是選定了 Pixate 和 Origami 作為僅存的設(shè)計工具。

Pixate 前幾天剛宣布加入 Google,Studio 免費之后基本告別了之前在 Web 端進行編輯的煩瑣和卡頓,同時還支持 Windows 和 Android 設(shè)備。Pixate 操作非常簡單,學(xué)習(xí)成本極低,基本通過半天的嘗試就可以掌握核心操作方法,而后面就可以集中思考效果的實現(xiàn)方式。絕大部分的效果用它來實現(xiàn)都沒有任何問題,看官方提供的幾個 demo 就知道,即便是復(fù)雜的動效它也可以輕松應(yīng)對,因此作為輕量級原型設(shè)計工具實在太合適了。在我的影響下,團隊里不少設(shè)計師已經(jīng)開始使用 Pixate 產(chǎn)出簡單的 demo 用以查看和測試效果。

與 Pixate 相比,Origami 的陡峭學(xué)習(xí)曲線是大家所公認的,說實話很多時候我寧可寫代碼實現(xiàn)也不想去碰 Origami。但是它強大的代碼導(dǎo)出功能、細致到每一個設(shè)計細節(jié)的動效能力又讓人割舍不下。最近,我在團隊中發(fā)起了一個 Origami 學(xué)習(xí)小組,每周兩到三次下班后的學(xué)習(xí),希望一起深入學(xué)習(xí)這個軟件。同時,開發(fā)同學(xué)也會一起來參與學(xué)習(xí),我也在嘗試尋找設(shè)計-開發(fā)流程中的平衡點,讓整體的效率最高。

總而言之,簡單的效果使用 Pixate 實現(xiàn),復(fù)雜的、需要微調(diào)、需要代碼復(fù)用的動效則使用 Origami。

錄屏與演示:Quicktime + PicGIF

做完 demo 之后,除了拿真機去給開發(fā)同學(xué)或產(chǎn)品經(jīng)理演示,往往還需要把效果錄下來,制作成 GIF 之后不論是發(fā)郵件還是放到任務(wù)管理平臺都足夠方便。試用了不少錄屏工具,結(jié)果還是 Apple 自帶的 Quicktime 最清晰最實用,錄制成 mp4 或 mov 文件后,導(dǎo)入 PicGIF 軟件,可以方便地將視頻抽取幀變?yōu)?GIF,并且可以自由地調(diào)整播放速率、幀數(shù)等內(nèi)容。

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

文件傳輸與共享:Pushbullet + Airdrop

做產(chǎn)品分析或者素材整理的時候,經(jīng)常需要在手機或 iPad 端截屏,我這一個月已經(jīng)數(shù)不清自己手機里存了多少張截圖了,而把頁面平鋪起來確實是查看和對比的好方法。我工作中會用到一臺 Macbook、一臺 iMac、兩部手機和一部 iPad,那么,怎么將圖片方便地從任意一個設(shè)備傳輸?shù)搅硪粋€設(shè)備呢?

Apple 自帶的 Airdrop 是個很好的選擇,速度很快,也是我用的最多的。但是 Airdrop 常常受到距離的限制(要用藍牙),并且不知道是不是系統(tǒng)原因,有的時候又總找不到設(shè)備,所以我還配合使用了 Pushbullet。

Pushbullet 也是跨平臺的產(chǎn)品,所以 Android 設(shè)備也可以一起加入文件分享啦,通過它可以快速精確地發(fā)送信息到指定設(shè)備,并且能夠像翻聊天記錄一樣查看過往的信息,非常方便。

每個人都可以構(gòu)建一套最適合自己的工作流,也歡迎大家留言分享你的工具箱,讓大家的效率飛起來。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,836評論 6 540
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,275評論 3 428
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,904評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,633評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 72,368評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,736評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,740評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,919評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,481評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,235評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,427評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,968評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,656評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,055評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,348評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,160評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 48,380評論 2 379

推薦閱讀更多精彩內(nèi)容

  • 正則:就是用來操作字符串(匹配和捕獲)的一系列規(guī)則; 匹配:校驗字符串是否符合我們的規(guī)則; 返回值-》布爾值 tr...
    劉曉洋閱讀 296評論 0 2
  • 你是自由的風(fēng) 喚醒草莓的耳朵 追趕浪花的腳步 你是自由的水滴 落在半空凝成云朵 落進小河嘩啦啦唱歌 你在歡笑 你在...
    戈小淺閱讀 270評論 5 7
  • Rainbow按前兩天,看到簡友老虎不吃飯飯相繼刊發(fā)在簡書上的兩篇文章,描寫了上海的兩條老街區(qū)新樂路及汾陽路,恰巧...
    RainbowPeng閱讀 1,270評論 18 16
  • 茍惟自由,棄置不顧! 每天有飽滿的7小時工作,卻沒有半分感覺能活下去的經(jīng)濟...
    從前的駱駝閱讀 195評論 0 0