萬物皆產品之簡歷，在設計產品時你需要考慮哪些？本文作者將自己的簡歷設計成了一款產品，角度不錯，值得一看~

“萬事萬物皆對象”——這是JAVA對于世界的描述，它的意思是，無論是什么事情或者物品，不管他是真實的還是抽象的，都可以通過對他所擁有特性的描述將其展現出來。對于產品來說，“萬事本文皆產品”是做不到了，但是“萬物皆產品”應該還是可以實現的（仔細想想，像是句屁話~）。

又是一年金三銀四，很多小伙伴都在忙著尋找更適合自己也更能體現自己價值的工作，我相信大家都準備了十分優秀的簡歷，有些甚至從產品的角度對簡歷中頁面的布局、呈現的內容等等進行了專門的設計，不過是否有小伙伴將自己的簡歷設計成了產品呢？

項目啟動前的需求分析

當我們的腦海中出現一個idea時，我們需要思考并完成以下內容：

1. 這個idea有哪些特點、功能、屬性？可以往哪些方向擴展？
2. 市場對它的具體需求有哪些？其中有哪些是可以作為核心競爭力發展的？
3. 可能存在的贏利點有哪些？
4. 通過市場調研（用戶調研、競品調研）確定目標用戶、核心功能和主要盈利方向。

以上所有內容都是為了完成一個目標——產品可行性分析。

產品可行性分析的輸出結果就是BRD（商業需求文檔）和MRD（市場需求文檔），在這兩份文檔中需要明確的告訴大家為什么要去做這個產品以及如何通過這個產品去賺錢。無論是對于創業者還是投資者來說，這樣的一份報告可以極大地降低自身風險并且提高產品被投資的機會。

（PS：雖然個人認為這個項目沒前景，但是如果有強人將它真正的做成了產品或者某個產品中的模塊并獲得了良好的收益，記得來文章底下打個賞，么么噠?。?/p>

項目啟動后的產品設計

完成需求分析后，我們已經明確了產品的目標用戶、核心功能和主要盈利方向，那么如何根據目標用戶、核心功能和主要盈利方向來設計一款產品呢？

目標用戶

給予產品風格和交互設計最重要的參考（為什么不是確定產品風格和交互設計最重要的參考呢？因為喬布斯）。

核心功能

如何突出核心功能，讓其在產品中的展現或者使用方式更貼合目標用戶的習慣（當核心功能和用戶體驗出現矛盾時應權衡利弊）。

主要盈利方向

產品迭代的重要依據（在初版或者前期可以不在產品中體現，但是一定要設計進產品）。

PS：以上所描述的是一種方法，由于此產品的特殊性，本文并未對產品的目標人群、核心功能及盈利方向作出具體的闡述，主要描述設計過程中需要考慮到的一些界面呈現效果和用戶體驗。

產品設計第一步——思維導圖

又稱“思維腦圖”，它的主要功能是通過點線之間的鏈接來對產品的邏輯及結構做出一個直觀的描述（每個人的繪制習慣其實都不一樣，我的繪制習慣是按照模塊及其內容進行繪制，做得比較粗糙請見諒）。

以上是產品的前臺呈現，因為產品比較小所以并沒有繪制后臺，思維導圖軟件（我用的是Xmind）不止可以用來繪制產品的前、后臺，還可以用來對一些特殊內容/邏輯進行描繪及闡述，比如用戶的各種角色及這些角色之間的切換等。

產品設計第二步——流程圖

根據不同的需要，可以分為很多種，woshipm有篇文章講的比較全（點擊查看）。我畫的是一個整體的任務流程圖，業務流程圖并沒有畫，頁面流程圖我一起畫在了底部分享的壓縮包內（這是我的習慣，用Axure將頁面流程圖畫在原型圖的.rp文件中）。在任務流程圖中需要考慮到用戶的一些非正常操作，并對這一類操作的后果進行預防，并將用戶最終引導至正確的操作過程。

上圖中的“通過一些……”和“詳情體驗”兩部分需要另外在畫流程圖。一個產品的任務流程圖是非常復雜的，有些邏輯思維非常強的人會把它畫在一整張圖上，這個事情我暫時辦不到，一來是因為自己的邏輯思維還沒有達到那么強力的水平，二來是從閱讀的角度來講并不是很輕松。

產品設計第三步——原型圖（頁面詳情）

產品的大體設計完成后就要進入畫原型圖了，我在這里畫的原型是偏高保真的， 在正式的工作中剛開始時其實只需要畫一下線框圖，將頁面內需要的內容、哪些內容需要做哪些特殊處理、內容/頁面相互之間的關系等等描述清楚就可以了，我之所以做成這種偏高保真的原型圖是為了對自己的一些想法進行描述并展現。

1、封面

作為一款簡單的產品，我并沒有去設計啟動頁和引導頁，所以在一開始我就直接設計了封面。封面清爽簡潔（簡歷的查看者多為HR或者獵頭，在他們的日常工作中每天需要查看非常多的簡歷，所以在設計的時候應做的盡量清爽簡潔，讓用戶在體驗時有一種愉悅感，減緩查看者的工作疲勞其實也是在給你加分）：一個簡單的背景，上面清晰明了的“簡歷”二字說明這是一份什么樣的產品，下方“錯過我”和“了解我”兩個按鈕，你可以選擇看或者不看（做產品，套路是少不了的，所以只要你不直接關閉/退出，最終你還是要看我的喲）。

為了配合背景圖片的風格兩個按鈕采用了簡單的線框設計，按鈕的顏色不同，可能會有人覺得我的顏色用反了，的確是的，正常情況下的確應該凸顯“了解我”這個按鈕，不過我的目的并不是讓你第一次就直接去首頁查看我的簡歷，而是希望你去體驗我的一些小設計。雖然不是很好，但歡迎大家體驗，最好給點反饋啦~（小伙伴們知道我為什么要做這個看似多余的設計嗎？）

2、首頁

產品首頁延續了封面清爽簡潔的風格，作為產品最重要的頁面，在這個頁面該給用戶展現些什么，如何展現才是我們再設計首頁時需要好好考慮的。

首頁上方是一個簡單的名片，名片內包含了頭像、姓名、個人標簽和聯系方式等基礎信息。四種常用的聯系（社交）方式——電話、QQ、微信和微博，點擊之后彈窗給出相關信息（里面也有一些小動作，不知道大家能不能發現呢~），電話可以選擇撥打后跳轉至手機撥號頁面，其他都只是顯示相關信息（這邊并沒有直接顯示而是做成彈窗的原因有兩個：一是為了方便復制，二是我就想讓它這么不方便（有時候作為一個產品經理是任性的，哈哈））。

中間是一條1px（Axure支持的最低長度單位，個人比較喜歡0.5px的線）的白色線（不是透明線），從姓名底部貫穿而過，這樣的設計既可以將頁面進行分割，又不會讓上下兩部分過于獨立。

下方為簡歷的5個部分，五個隨機分布的圓（根據重要性有大小之分，興趣愛好按鈕相對于其他四個按鈕的功能來說個人認為重要性最低，所以放在了右上角），點擊展開相關信息，移入會滑動（這個設計其實并不符合用戶移動端的使用習慣，本來想做移入放大效果的，奈何7.0只支持背景圖片的填充，而我又不會做icon）。

名片貫穿整個產品保持不變，但是下方內容會隨著用戶的選擇而發生改變。

（PS：把自我介紹給忘了……）

3、展示全部

包括了工作經歷、項目經驗、技能特長和興趣愛好，一次性展示，頁面設計有點low（主要還是不會PS做不出想要的效果的鍋，嗯，我真的不是在找借口 。右下角有個漸變的返回按鈕（這個是后來自己體驗時發現的問題，沒有返回功能……后來補上去的，不太協調）。這個頁面另外的一些問題就是下方的可滑動區域不應該緊貼著名片欄，并且名片欄下方做一個2px的陰影也會更好些。

（1）工作經歷

動畫效果為左右移入（請自動忽略里面的文字，作為一個理科生能記得這么幾首詩詞（……好像并沒有詞）已經很不容易了 /捂臉）。原來設計的時候并沒有給具體內容特意設置文字顏色，后來自己體驗時發現在展示全部中實在是太單調了，才選取了顏色，這里面的一個問題是“某互聯網公司產品經理，負責：”這一行需要再設計下，否則在實際運用中缺乏主次感。

（PS：上下的順序我做反了）

（2）項目經驗

原來的設計和工作經歷是一樣的，覺得比較單調，就換成了履歷式的設計。不過由于項目經驗的內容一般都比較多，所以實際情況下還需要再設計設計的。

（3）技能特長

單個技能分為三個部分：

1. 進度條：掌握程度（顏色運用上感覺有點弱，不夠直觀）。
2. 技能名稱：這個就不用解釋了吧？
3. 技能描述：最好能通過實際案例說明你對該技能的具體掌握程度。

（4）興趣愛好

“展示全部”頁的興趣愛好是沒有動效的，但是在這個單獨的頁面，由于內容實在太少所以樓主做了一個簡單的移入時球體下移突出顯示（ 本來是想做被突出球體顏色變深，其他球體顏色變淡效果的，奈何實在是做不出來?。?。

以上就是我在設計“簡歷”這個產品時的心（hu）路（si）歷（luan）程（xiang）。

結語

在一個產品最終出來之前，所有的思維導圖、流程圖和頁面詳情（包括PRD——我更愿意叫它產品說明書，請原諒我并沒有寫這個文檔）等等產品相關的內容都應該處于一個不斷完善的過程。產品經理在設計產品時應該在“設計者”和“體驗者”這兩個角色之間不停的切換，才不至于閉門造車。

百度云盤：https://pan.baidu.com/s/1hsmjDXi（這是個原型圖的Html文件，不是我不肯分享.rp文件，只是希望大家可以自己動手，有想要.rp原型文件的可以下方留言，但如果有興趣的話最好還是自己做出來。）

最后，重要的事情說三遍：

希望大家多多指正文章/設計中不正確或者不合適的地方，一起多交流多分享，謝謝！

希望大家多多指正文章/設計中不正確或者不合適的地方，一起多交流多分享，謝謝！

希望大家多多指正文章/設計中不正確或者不合適的地方，一起多交流多分享，謝謝！

PS：保持微笑，每天都是不同的 ??

本文由 @HelloKitty?原創發布于人人都是產品經理。未經許可，禁止轉載。