這一篇應(yīng)該算是《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（四）——Hi-fi輸出》的上篇，當(dāng)項(xiàng)目進(jìn)行到Hi-fi階段時(shí)，設(shè)計(jì)師會(huì)同PM一起開會(huì)，經(jīng)過立項(xiàng)階段，走過low-fi過程，來到Hi-fi的這一步。在這一系列的相處過程中，大家會(huì)遇到問題，然后解決問題，會(huì)產(chǎn)生摩擦也會(huì)一笑泯恩仇。

這篇主要集中于講Hi-fi的主要內(nèi)容和與PM相處之道。下篇會(huì)詳細(xì)分析Hi-fi在輸出過程中的注意事項(xiàng)以及標(biāo)準(zhǔn)。

交互設(shè)計(jì)師與PM的恩怨情仇

樓主的文章主要是從自身的職場(chǎng)經(jīng)歷去寫的，每個(gè)公司情況不一樣，樓主只是拋磚引玉，和大家一起探討。當(dāng)然也歡迎和大伙一起交流~

工作這幾年，從一個(gè)畢業(yè)生，新手設(shè)計(jì)師，成長到現(xiàn)在熟練的過程，其間與PM的撕逼之戰(zhàn)，從最初相互咄咄逼人，到現(xiàn)在的平和商量，主動(dòng)為對(duì)方思考的過渡，走了不少彎路，撞了不少南墻，才一步步糾正自己的思維與行動(dòng)。越是成熟的人，處理事情的方式越溫柔。

1.角色定位與交流主旨

交互設(shè)計(jì)的角色是幫助、協(xié)助PM一起完成產(chǎn)品，不是畫設(shè)計(jì)圖，也不是切圖，而是幫助團(tuán)隊(duì)一起經(jīng)歷產(chǎn)品從0到1的整個(gè)過程。為什么會(huì)在開頭強(qiáng)調(diào)這個(gè)事，這個(gè)決定設(shè)計(jì)師對(duì)自己作品的態(tài)度，不是完成任務(wù)，作為交換工資的籌碼，而是傾注自己的激情與心血的作品，是自己的一個(gè)代表面。

而交流的主旨呢，不是從氣勢(shì)上壓倒對(duì)方，證明自己的做法是對(duì)的，或者說顯示自己多么聰明，而是幫助PM，幫助團(tuán)隊(duì)順利完成產(chǎn)品的開發(fā)，產(chǎn)品好，團(tuán)隊(duì)好，對(duì)方好，自己才能更好。這就是一種雙贏的思維吧。

2.工作內(nèi)容的交流

與任何人的工作內(nèi)容都包含兩個(gè)方面，一方面是對(duì)方向你的信息輸入，另一方面你給對(duì)方的信息輸出。

PM對(duì)交互設(shè)計(jì)師的信息輸入主要是場(chǎng)景的溝通與對(duì)用戶畫像的建立。想講明白一件事，咱們做的產(chǎn)品是給什么人在什么情況下因?yàn)橐鉀Q什么問題而干了什么事。會(huì)有相應(yīng)的用戶畫像，即對(duì)我們的目標(biāo)用戶進(jìn)行年齡、職業(yè)、興趣愛好等方面信息的確認(rèn)。

當(dāng)交互設(shè)計(jì)師拿到這樣的信息時(shí)，最不在狀態(tài)的反應(yīng)就是沒有任何反饋，一切聽從PM的信息傳輸。比較好的做法是，在討論當(dāng)時(shí)就說出自己的疑慮，跟PM進(jìn)行溝通，最常見的術(shù)語是“有沒有考慮過在這種情況下用戶…”、“倘若用戶不這么做，而是…”等等。及時(shí)的反饋會(huì)幫助PM進(jìn)行場(chǎng)景上的完善和調(diào)整。

當(dāng)然，這樣的討論過程是個(gè)持續(xù)輸出的狀態(tài)，不管自己做low-fi還是hi-fi的時(shí)候都會(huì)遇到，然后自己一邊做一邊想到問題，一遍去問PM。不反饋的話，這些問題在開發(fā)的階段都會(huì)一個(gè)個(gè)蹦出來，逃也逃不掉。

PM對(duì)設(shè)計(jì)師另一個(gè)信息的輸出就是針對(duì)設(shè)計(jì)稿。首先會(huì)設(shè)計(jì)稿整體對(duì)用戶傳達(dá)的信息是否有所體現(xiàn)進(jìn)行refine，接著會(huì)對(duì)信息是否完整，流程是否通常進(jìn)行進(jìn)一步的確認(rèn)。

3.提供必要的情緒價(jià)值

生活的方方面面都是在與人進(jìn)行溝通，你幫我，我?guī)湍氵M(jìn)行解決問題。除了解決工作內(nèi)容后，如果能學(xué)會(huì)與人交朋友，讓別人更開心地與你合作，提升同事與你合作的體驗(yàn)是一件干得特別漂亮的事情。有空再展開這篇進(jìn)行討論吧，樓主也在鍛煉自己這方面的能力中。

Hi-fi的三個(gè)階段

做Hi-fi，說明產(chǎn)品的功能和流程基本確定，產(chǎn)品雛形已經(jīng)形成，現(xiàn)在拿出low-fi圖開始進(jìn)行細(xì)致地UI設(shè)計(jì)，做出精美的商業(yè)視覺效果，讓用戶感受到這是一個(gè)值得信賴的成熟產(chǎn)品。

Hi-fi大概也可以分為前期、中期和后期三個(gè)階段。前期的主要任務(wù)是hero screen（主功能頁面）的嘗試設(shè)計(jì)，通過它進(jìn)行視覺風(fēng)格上的確定。包括代表色、代表字體以及它們搭配方案、用法等的確定。

中期，在確定好風(fēng)格的基礎(chǔ)上進(jìn)行APP其他頁面的視覺完善，比如輔助功能，頁面的空狀態(tài)和無網(wǎng)絡(luò)狀態(tài)的確定。

后期，繼續(xù)完善，抽出時(shí)間，來進(jìn)行創(chuàng)意性以及個(gè)性化的設(shè)計(jì)，這些會(huì)是產(chǎn)品的點(diǎn)睛之筆，讓靈魂呼吁而出，比如個(gè)性化的loading小動(dòng)畫，lauch card（啟動(dòng)頁）等等。

總的來說，設(shè)計(jì)師先學(xué)會(huì)做人，然后才能用心體會(huì)到做事。敬請(qǐng)期待下期對(duì)Hi-fi階段的詳細(xì)解析~

Sophia的tips：成長總是一點(diǎn)點(diǎn)進(jìn)行的，給自己多一點(diǎn)的耐心~

相關(guān)閱讀

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（三）——Low-fi輸出》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（二）——立項(xiàng)》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（一）——概述》

專欄作家

作者：Sophiallg，人人都是產(chǎn)品經(jīng)理專欄作家，微信公眾號(hào)：Sophia的玲瓏閣。

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