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

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

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

項目啟動前的需求分析

當(dāng)我們的腦海中出現(xiàn)一個idea時，我們需要思考并完成以下內(nèi)容：

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

以上所有內(nèi)容都是為了完成一個目標(biāo)——產(chǎn)品可行性分析。

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

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

項目啟動后的產(chǎn)品設(shè)計

完成需求分析后，我們已經(jīng)明確了產(chǎn)品的目標(biāo)用戶、核心功能和主要盈利方向，那么如何根據(jù)目標(biāo)用戶、核心功能和主要盈利方向來設(shè)計一款產(chǎn)品呢？

目標(biāo)用戶

給予產(chǎn)品風(fēng)格和交互設(shè)計最重要的參考（為什么不是確定產(chǎn)品風(fēng)格和交互設(shè)計最重要的參考呢？因為喬布斯）。

核心功能

如何突出核心功能，讓其在產(chǎn)品中的展現(xiàn)或者使用方式更貼合目標(biāo)用戶的習(xí)慣（當(dāng)核心功能和用戶體驗出現(xiàn)矛盾時應(yīng)權(quán)衡利弊）。

主要盈利方向

產(chǎn)品迭代的重要依據(jù)（在初版或者前期可以不在產(chǎn)品中體現(xiàn)，但是一定要設(shè)計進(jìn)產(chǎn)品）。

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

產(chǎn)品設(shè)計第一步——思維導(dǎo)圖

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

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

產(chǎn)品設(shè)計第二步——流程圖

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

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

產(chǎn)品設(shè)計第三步——原型圖（頁面詳情）

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

1、封面

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

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

2、首頁

產(chǎn)品首頁延續(xù)了封面清爽簡潔的風(fēng)格，作為產(chǎn)品最重要的頁面，在這個頁面該給用戶展現(xiàn)些什么，如何展現(xiàn)才是我們再設(shè)計首頁時需要好好考慮的。

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

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

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

名片貫穿整個產(chǎn)品保持不變，但是下方內(nèi)容會隨著用戶的選擇而發(fā)生改變。

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

3、展示全部

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

（1）工作經(jīng)歷

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

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

（2）項目經(jīng)驗

原來的設(shè)計和工作經(jīng)歷是一樣的，覺得比較單調(diào)，就換成了履歷式的設(shè)計。不過由于項目經(jīng)驗的內(nèi)容一般都比較多，所以實(shí)際情況下還需要再設(shè)計設(shè)計的。

（3）技能特長

單個技能分為三個部分：

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

（4）興趣愛好

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

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

結(jié)語

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

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

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

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

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

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

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

本文由 @HelloKitty?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。