寫給想投身互聯(lián)網(wǎng)設(shè)計(jì)的朋友的一篇文章

互聯(lián)網(wǎng)視覺(jué)設(shè)計(jì)師

什么是UI設(shè)計(jì)師？ UI是User（即界面設(shè)計(jì)）的縮寫。 該界面可以是手機(jī)界面、網(wǎng)站界面、軟件界面、智能設(shè)備界面等人機(jī)交互視覺(jué)媒體。 人機(jī)交互是指人與計(jì)算機(jī)之間的通信。 你可以想象這種通信方式，從最早的圖靈計(jì)算機(jī)依靠音符與計(jì)算機(jī)進(jìn)行通信，到我們現(xiàn)在屏幕上的各種按鈕，再到我們現(xiàn)在的各種類型的聲音。 交互，以及AR、VR或者像科幻電影那樣的各種腦電波交互，已經(jīng)成為人類和計(jì)算機(jī)越來(lái)越便捷的交流方式。 然而，目前人與計(jì)算機(jī)之間最有效的溝通仍然在屏幕上。 屏幕仍然是最高效的人機(jī)交互方式。 我們需要將這樣的交互界面設(shè)計(jì)成用戶更高效、更容易理解的界面。 讓普羅大眾更好地了解計(jì)算機(jī)的用意是我們的責(zé)任。 總結(jié)一下：UI設(shè)計(jì)師的職責(zé)是設(shè)計(jì)用于人機(jī)交互的圖形用戶界面，并使界面更加易用和友好。

Xerox 8010 Star，早期的 GUI 設(shè)計(jì)

我們完成的圖形界面也稱為GUI（User）。 它的要求是需要易于使用（Easy to use），即界面無(wú)需復(fù)雜的思考即可輕松使用； ()，即非常人性化。 ， 容易明白。 一個(gè)好的GUI應(yīng)該是易于使用且友好的，比如我們手機(jī)上的微信、支付寶等知名應(yīng)用程序。 由于互聯(lián)網(wǎng)的發(fā)展，很多行業(yè)被重新整合：設(shè)計(jì)師也被重新定義。 UI設(shè)計(jì)、動(dòng)效設(shè)計(jì)、交互設(shè)計(jì)、平面設(shè)計(jì)逐漸融合為一職業(yè)。 這個(gè)職業(yè)不能簡(jiǎn)單地設(shè)計(jì)界面和布局，還需要有繪制圖形、掌握?qǐng)D形技巧、理解交互等能力，這個(gè)職業(yè)有不同的特點(diǎn)。 名字，比如全鏈路設(shè)計(jì)師、全棧設(shè)計(jì)師等等，但我覺(jué)得合適的稱謂是：互聯(lián)網(wǎng)視覺(jué)設(shè)計(jì)師。 目前國(guó)內(nèi)知名公司在招聘時(shí)也用這個(gè)詞來(lái)強(qiáng)調(diào)只懂布局和標(biāo)準(zhǔn)應(yīng)用的界面設(shè)計(jì)師。 互聯(lián)網(wǎng)視覺(jué)設(shè)計(jì)師負(fù)責(zé)我們這個(gè)時(shí)代主流媒體的設(shè)計(jì)：互聯(lián)網(wǎng)。 不管叫什么，我們的責(zé)任都沒(méi)有變：解決人機(jī)交互問(wèn)題。

界面中的UI設(shè)計(jì)

互聯(lián)網(wǎng)視覺(jué)設(shè)計(jì)師或者UI設(shè)計(jì)師一般隸屬于互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)，不像平面設(shè)計(jì)師或者服裝設(shè)計(jì)師成立很多平面設(shè)計(jì)公司。 因此，我們打交道的人不一定是同行，而可能是互聯(lián)網(wǎng)從業(yè)者中的其他角色，比如產(chǎn)品經(jīng)理、程序員、技術(shù)團(tuán)隊(duì)、運(yùn)營(yíng)團(tuán)隊(duì)等。如果我們所在的團(tuán)隊(duì)不僅僅是設(shè)計(jì)師，那么我們必須有足夠的表現(xiàn)力和耐心，讓周圍的人了解我們的工作。 互聯(lián)網(wǎng)視覺(jué)設(shè)計(jì)師的工作主要包括移動(dòng)設(shè)計(jì)、網(wǎng)站設(shè)計(jì)、操作設(shè)計(jì)等。如今，隨著UI設(shè)計(jì)師數(shù)量的增加和行業(yè)的日趨成熟，UI設(shè)計(jì)師承擔(dān)的責(zé)任也越來(lái)越多。 如果你需要懂交互知識(shí)，懂平面設(shè)計(jì)，擅長(zhǎng)手繪等等。 那么UI的定義越來(lái)越豐富，現(xiàn)在成為UI設(shè)計(jì)師的門檻也越來(lái)越高。

互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)

美劇《硅谷》中的創(chuàng)業(yè)團(tuán)隊(duì)

互聯(lián)網(wǎng)公司的產(chǎn)品線就是一條裝配線。 互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)是指整個(gè)團(tuán)隊(duì)圍繞產(chǎn)品構(gòu)建，以設(shè)計(jì)和開(kāi)發(fā)產(chǎn)品為目標(biāo)的團(tuán)隊(duì)。 比如微信團(tuán)隊(duì)、支付寶團(tuán)隊(duì)等?；ヂ?lián)網(wǎng)產(chǎn)品可能是移動(dòng)終端，也可能是電腦終端。 也可以同時(shí)開(kāi)發(fā)多個(gè)產(chǎn)品線。 我們可以按照部門來(lái)劃分：管理部、產(chǎn)品部、研發(fā)部、營(yíng)銷部。 設(shè)計(jì)團(tuán)隊(duì)可以是一個(gè)獨(dú)立的部門，也可以整合到產(chǎn)品部門中。 互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)可以分為：

高水平（）

一個(gè)團(tuán)隊(duì)的領(lǐng)導(dǎo)者由董事會(huì)、董事長(zhǎng)、首席執(zhí)行官（Chief）、首席技術(shù)官（Chief）等組成。對(duì)公司的關(guān)鍵事情進(jìn)行決策。

主要輸出：想法

使用軟件：

用戶研究團(tuán)隊(duì)UR(User)

通過(guò)用戶研究來(lái)調(diào)查老板的想法是可靠的。 用戶研究團(tuán)隊(duì)保證了公司和用戶之間的聯(lián)系，保證開(kāi)發(fā)的產(chǎn)品受到用戶的喜歡。 開(kāi)發(fā)前、開(kāi)發(fā)中、開(kāi)發(fā)后的反饋需要用戶研究團(tuán)隊(duì)參與及時(shí)的數(shù)據(jù)收集等。

主要輸出：用戶研究報(bào)告

使用的軟件：、眼動(dòng)儀等

產(chǎn)品經(jīng)理 PM ( )

產(chǎn)品經(jīng)理細(xì)化產(chǎn)品邏輯，產(chǎn)品經(jīng)理或交互設(shè)計(jì)師設(shè)計(jì)原型圖。 原型圖用于向老板匯報(bào)并交付給設(shè)計(jì)師。 負(fù)責(zé)從頭開(kāi)始的產(chǎn)品規(guī)劃。 產(chǎn)品經(jīng)理的首要職責(zé)是在產(chǎn)品規(guī)劃階段向管理層提出產(chǎn)品文檔。 產(chǎn)品文檔PRD通常包括產(chǎn)品規(guī)劃、市場(chǎng)分析、競(jìng)品分析、迭代規(guī)劃等，然后項(xiàng)目建立后，他負(fù)責(zé)進(jìn)度控制、質(zhì)量控制以及各部門的協(xié)調(diào)。 在產(chǎn)品管理中，產(chǎn)品經(jīng)理是領(lǐng)導(dǎo)者、協(xié)調(diào)者、煽動(dòng)者，但他不是老板。 作為產(chǎn)品經(jīng)理，雖然他對(duì)產(chǎn)品開(kāi)發(fā)本身?yè)碛泻艽蟮臋?quán)力，可以干預(yù)產(chǎn)品生命周期的各個(gè)階段，但從行政上來(lái)說(shuō)，他不像普通經(jīng)理那樣有自己的下屬，但他也必須擁有大量的資源動(dòng)員起來(lái)去做事，所以如何做好這個(gè)角色需要相當(dāng)?shù)募记伞?/p>

主要輸出：產(chǎn)品需求文檔（PRD）、市場(chǎng)需求文檔（MRD）、原型圖（）等。

使用的軟件：文檔編寫軟件（）、原型設(shè)計(jì)軟件（Axure、Blue Lake、Ink Knife等）

專案經(jīng)理（ ）

從專業(yè)角度看，是指企業(yè)設(shè)立的重要管理崗位，建立以項(xiàng)目經(jīng)理負(fù)責(zé)制為核心的責(zé)任保障體系，實(shí)施項(xiàng)目質(zhì)量、安全、進(jìn)度、成本管理ai圖標(biāo)導(dǎo)入sketch，全面提高項(xiàng)目水平。管理。 項(xiàng)目經(jīng)理是對(duì)項(xiàng)目的成功規(guī)劃和執(zhí)行全面負(fù)責(zé)的人。 在很多公司，這個(gè)職位可能既以產(chǎn)品為中心，又以產(chǎn)品為中心。 項(xiàng)目經(jīng)理負(fù)責(zé)實(shí)時(shí)控制進(jìn)度并解決項(xiàng)目問(wèn)題。

主要輸出：項(xiàng)目進(jìn)度表

使用軟件：文檔寫作軟件()

交互設(shè)計(jì)師 UX 或 UE（用戶）

將產(chǎn)品需求文檔 (PRD) 優(yōu)化為設(shè)計(jì)師和技術(shù)的交互式原型。

主要輸出：交互圖()

使用軟件：Axure RP、Blue Lake、魔道、Adobe XD等。

互聯(lián)網(wǎng)視覺(jué)設(shè)計(jì)師或UI設(shè)計(jì)師（用戶）

互聯(lián)網(wǎng)設(shè)計(jì)師不僅給原型上色，還根據(jù)實(shí)際具體內(nèi)容和具體交互修改布局，甚至重新定義交互。 同時(shí)提供技術(shù)剪紙或PSD。 出現(xiàn)過(guò)的一些別名：藝術(shù)家、全鏈路設(shè)計(jì)師、全棧設(shè)計(jì)師、UID、UI設(shè)計(jì)師、視覺(jué)設(shè)計(jì)師等等，他們都在說(shuō)我們。 收到原型圖或交互圖后，我們將根據(jù)原型圖的內(nèi)容進(jìn)行交互優(yōu)化、布局和視覺(jué)設(shè)計(jì)。 與導(dǎo)演最終確認(rèn)后，將移交給開(kāi)發(fā)商。 如果是連接到web項(xiàng)目，我們只需要交付給開(kāi)發(fā)者：PSD、規(guī)格書。 如果是移動(dòng)端項(xiàng)目，那么我們需要交付給開(kāi)發(fā)者：裁剪圖片、標(biāo)注、規(guī)格。 為什么Web開(kāi)發(fā)工程師（前端）不需要裁剪圖片，直接給PSD？ 因?yàn)榍岸斯こ處熎鋵?shí)最早和我們的職位一起被稱為美術(shù)師，他們有PS操作能力。

主要輸出：設(shè)計(jì)稿、設(shè)計(jì)規(guī)范、圖紙注釋等。

使用軟件：Ps Ae Ai等

前端開(kāi)發(fā)RD（及）

有兩種類型的開(kāi)發(fā)人員：數(shù)據(jù)庫(kù)端和用戶端。 一般來(lái)說(shuō)，我們接觸到的都是用戶端開(kāi)發(fā)，他們負(fù)責(zé)還原設(shè)計(jì)。 那么做Web客戶端開(kāi)發(fā)的工程師就叫前端工程師； 做設(shè)備開(kāi)發(fā)的叫工程師； 而做蘋果設(shè)備開(kāi)發(fā)的人被稱為IOS工程師。 都是指客戶端的開(kāi)發(fā)，也就是我們看到的所有接口。 目前在客戶端，我們接觸到三種主流設(shè)備：Web、、IOS。 他們開(kāi)發(fā)和使用的代碼不同，因此對(duì)一些特效如運(yùn)動(dòng)效果、陰影等的支持也不同。

后端工程師或程序架構(gòu)師RD（兼）

后端工程師的主要職責(zé)是什么？ 后端工程師或者程序架構(gòu)師的主要工作就是數(shù)據(jù)存儲(chǔ)。 我們平時(shí)使用的產(chǎn)品產(chǎn)生的數(shù)據(jù)，比如頭像、昵稱、聊天記錄、對(duì)話、圖片等，都是通過(guò)互聯(lián)網(wǎng)傳輸?shù)椒?wù)器，然后進(jìn)行信息交換和分發(fā)回來(lái)。 存儲(chǔ)這些數(shù)據(jù)的架構(gòu)是后端工程師的工作。 不幸的是，設(shè)計(jì)師與后端工程師沒(méi)有太多接觸。

運(yùn)營(yíng)或市場(chǎng)開(kāi)發(fā)BD

產(chǎn)品完成并進(jìn)入運(yùn)營(yíng)階段后，可能會(huì)根據(jù)運(yùn)營(yíng)情況調(diào)整產(chǎn)品設(shè)計(jì)或運(yùn)營(yíng)圖設(shè)計(jì)等需求。 運(yùn)營(yíng)更加直接面對(duì)市場(chǎng)，因此市場(chǎng)的目的更加明確。 這樣，推出市場(chǎng)和運(yùn)營(yíng)的目的往往更加直接。 有時(shí)，運(yùn)營(yíng)的盈利目的與產(chǎn)品以用戶為中心的思維之間存在沖突。 這時(shí)候?qū)υO(shè)計(jì)師的要求就更高了。 如何調(diào)整設(shè)計(jì)美觀、操作目的、以用戶為中心的目的就成了設(shè)計(jì)師的事了。 難題。

測(cè)試工程師質(zhì)量保證

測(cè)試工程師在企業(yè)中一般被稱為軟件開(kāi)發(fā)測(cè)試工程師（Test，SDET）。 通常是具有 1-2 年經(jīng)驗(yàn)的測(cè)試工程師或程序員。 具有良好經(jīng)驗(yàn)的測(cè)試工程師可以成長(zhǎng)為產(chǎn)品/項(xiàng)目團(tuán)隊(duì)的測(cè)試組長(zhǎng)（）或軟件質(zhì)量經(jīng)理（SQA），負(fù)責(zé)軟件質(zhì)量保證、測(cè)試管理和領(lǐng)導(dǎo)測(cè)試團(tuán)隊(duì)。 測(cè)試工程師的職責(zé)是控制軟件的質(zhì)量。 監(jiān)督者和客觀者都會(huì)控制它，包括體驗(yàn)和視覺(jué)部分。 但通常設(shè)計(jì)師需要配合測(cè)試工程師來(lái)完成產(chǎn)品視覺(jué)部分的還原測(cè)試。

大型互聯(lián)網(wǎng)企業(yè)

大型互聯(lián)網(wǎng)公司架構(gòu)圖

大型互聯(lián)網(wǎng)公司人員配置比較齊全：高管負(fù)責(zé)決策，用戶研究團(tuán)隊(duì)負(fù)責(zé)研究用戶對(duì)產(chǎn)品的反饋，產(chǎn)品經(jīng)理負(fù)責(zé)制定產(chǎn)品發(fā)布進(jìn)度，交互設(shè)計(jì)師負(fù)責(zé)優(yōu)化交互圖，視覺(jué)效果等。設(shè)計(jì)師負(fù)責(zé)優(yōu)化交互和設(shè)計(jì)視覺(jué)效果。 隨后輸出裁剪和標(biāo)注，完成設(shè)計(jì)規(guī)范。 前端工程師負(fù)責(zé)接口恢復(fù)以及與數(shù)據(jù)庫(kù)的連接。 后端工程師負(fù)責(zé)程序架構(gòu)和數(shù)據(jù)庫(kù)結(jié)構(gòu)。 測(cè)試工程師負(fù)責(zé)測(cè)試整個(gè)程序是否可用。 業(yè)務(wù)部門負(fù)責(zé)后期運(yùn)營(yíng)。 大型互聯(lián)網(wǎng)公司除了擁有完整的產(chǎn)品線外，還設(shè)有人力資源部門、后勤部門、協(xié)調(diào)部門等，分工成熟。 但大公司病經(jīng)常發(fā)生，行動(dòng)也比較緩慢。 注：本圖為產(chǎn)品流程主要關(guān)系圖。 在實(shí)際工作中，關(guān)系是復(fù)雜的，不僅僅是線性序列。

中型互聯(lián)網(wǎng)公司

中型互聯(lián)網(wǎng)公司架構(gòu)圖

中型互聯(lián)網(wǎng)公司人員配置中等：高管負(fù)責(zé)決策，產(chǎn)品經(jīng)理負(fù)責(zé)制定產(chǎn)品發(fā)布時(shí)間表和交互圖，視覺(jué)設(shè)計(jì)師優(yōu)化交互和設(shè)計(jì)視覺(jué)，然后輸出裁剪圖和注釋以及完整的設(shè)計(jì)規(guī)范，前端工程師負(fù)責(zé)實(shí)現(xiàn)界面修復(fù)。 而與數(shù)據(jù)庫(kù)的連接，后端工程師負(fù)責(zé)程序架構(gòu)和數(shù)據(jù)庫(kù)結(jié)構(gòu)，測(cè)試工程師負(fù)責(zé)測(cè)試整個(gè)程序是否可用，業(yè)務(wù)部門負(fù)責(zé)后期運(yùn)營(yíng)。 中型互聯(lián)網(wǎng)公司的人員也比較整齊，但缺少很多細(xì)節(jié)，設(shè)計(jì)師會(huì)承擔(dān)更多的責(zé)任。

小型互聯(lián)網(wǎng)公司

小型互聯(lián)網(wǎng)公司架構(gòu)圖

小型互聯(lián)網(wǎng)公司人員配置比較齊全：高管負(fù)責(zé)決策，承擔(dān)產(chǎn)品經(jīng)理的角色； 視覺(jué)設(shè)計(jì)師優(yōu)化交互和設(shè)計(jì)視覺(jué)效果，然后輸出剪紙和注釋以及完整的設(shè)計(jì)規(guī)范； 前端工程師負(fù)責(zé)接口恢復(fù)以及與數(shù)據(jù)庫(kù)的連接。 后端工程師負(fù)責(zé)程序架構(gòu)和數(shù)據(jù)庫(kù)結(jié)構(gòu)，測(cè)試工程師負(fù)責(zé)測(cè)試整個(gè)程序是否可用。 小型互聯(lián)網(wǎng)公司人員很少，決策很快。 但由于每個(gè)人負(fù)責(zé)很大一部分，所以常常學(xué)得雜而不能掌握。 而且人少了，所以進(jìn)步更多地取決于我們自己。

分工

工作

尋找投資：作為一個(gè)團(tuán)隊(duì)的領(lǐng)導(dǎo)者，首要任務(wù)是解決團(tuán)隊(duì)的生存問(wèn)題。 因此，在產(chǎn)品完成盈利模式構(gòu)建之前，進(jìn)行投資是一個(gè)很好的方式。 在采訪中，我們總是看到一家公司正處于A輪或B輪融資階段。 這是什么意思？ 投資按照項(xiàng)目成熟度分為：路演、天使輪、A輪、B輪、C輪、上市等。投資的階段也代表了項(xiàng)目的成熟度。 找工作時(shí)也可以權(quán)衡這一點(diǎn)。

招募合伙人：一個(gè)好的團(tuán)隊(duì)領(lǐng)導(dǎo)者不應(yīng)該事事親力親為。 除了CEO之外，還應(yīng)該尋找CTO、CTOO等高管的人選。

創(chuàng)業(yè)咖啡文化已成為一種熱潮。 圖為北京一家咖啡館內(nèi)眾多創(chuàng)業(yè)團(tuán)隊(duì)工作。來(lái)源：互聯(lián)網(wǎng)

用戶研究工作

用戶研究的主要方法有以下幾種：

可用性測(cè)試：讓不同的用戶群體通過(guò)篩選來(lái)操作產(chǎn)品，同時(shí)觀察員進(jìn)行觀察和記錄。 可用性測(cè)試的要求是用戶不能是互聯(lián)網(wǎng)從業(yè)者，而應(yīng)該是真實(shí)產(chǎn)品的用戶群體。

焦點(diǎn)小組：一般由6-12人組成，由專業(yè)人員主持，指導(dǎo)小組成員根據(jù)訪談提綱發(fā)表意見(jiàn)，并進(jìn)行記錄和分析。 并且焦點(diǎn)小組房間內(nèi)會(huì)有一扇單向玻璃窗，因此用戶無(wú)法看到里面的人。 坐在里面的通常是開(kāi)發(fā)團(tuán)隊(duì)。 他們可以清楚地看到用戶如何抱怨他們的產(chǎn)品，但他們無(wú)權(quán)直接向用戶解釋。

問(wèn)卷調(diào)查：可分為紙質(zhì)問(wèn)卷和網(wǎng)絡(luò)問(wèn)卷。 根據(jù)產(chǎn)品列出需要了解的問(wèn)題，并創(chuàng)建文檔供用戶回答。 問(wèn)卷調(diào)查是一種成本相對(duì)較低的用戶調(diào)查方法。

用戶訪談：邀請(qǐng)用戶回答與產(chǎn)品相關(guān)的問(wèn)題并記錄下來(lái)以供后續(xù)分析。 用戶訪談?dòng)腥N形式：結(jié)構(gòu)化訪談（根據(jù)之前寫好的問(wèn)題結(jié)構(gòu)）、半結(jié)構(gòu)化訪談（一半基于問(wèn)題、一半討論）、開(kāi)放式訪談（與用戶更深入的溝通，雙方都有主動(dòng)討論）。 在設(shè)置用戶訪談時(shí)，請(qǐng)注意：用戶不能是互聯(lián)網(wǎng)行業(yè)的專業(yè)人士，不能提出引導(dǎo)性問(wèn)題，不能使用專業(yè)術(shù)語(yǔ)。

眼動(dòng)追蹤測(cè)試：使用專用設(shè)備：眼動(dòng)儀來(lái)追蹤用戶在使用產(chǎn)品時(shí)眼睛聚焦的位置以及盲點(diǎn)在哪里。 例如，網(wǎng)站可以通過(guò)眼動(dòng)追蹤測(cè)試得知，用戶的視線會(huì)自動(dòng)遮擋網(wǎng)站上常見(jiàn)的廣告位置。 這時(shí)，如果想要增加廣告的點(diǎn)擊量，就需要將廣告位置放置在用戶關(guān)注時(shí)間較長(zhǎng)的位置。 眼動(dòng)追蹤測(cè)試的設(shè)備相對(duì)專業(yè)，通常在小公司很難開(kāi)展。

用戶畫像：根據(jù)產(chǎn)品的調(diào)性和用戶群體，用戶研究團(tuán)隊(duì)可以設(shè)計(jì)用戶模型。 這種研究方法稱為用戶畫像。 人物角色由具有特征的標(biāo)簽組成，使我們能夠更好地了解誰(shuí)在使用我們的產(chǎn)品。 用戶畫像建立后，每個(gè)功能都可以完成自己的用戶故事：用戶在什么場(chǎng)景下需要這個(gè)功能。 這樣，我們?cè)O(shè)計(jì)的功能就會(huì)更加貼近用戶的實(shí)際需求。

用戶反饋和大數(shù)據(jù)分析：根據(jù)市場(chǎng)提供的反饋和數(shù)據(jù)做出客觀判斷和合理推測(cè)。 用戶反饋也是用戶研究的一個(gè)重點(diǎn)。 用戶反饋主要是用戶通過(guò)產(chǎn)品的反饋入口主動(dòng)向開(kāi)發(fā)者提供的意見(jiàn)。

圖為美劇《硅谷》中焦點(diǎn)小組測(cè)試片段

產(chǎn)品經(jīng)理職位

產(chǎn)品經(jīng)理負(fù)責(zé)協(xié)調(diào)整個(gè)團(tuán)隊(duì)的進(jìn)度，他們的工作非常復(fù)雜。 產(chǎn)品經(jīng)理與整個(gè)團(tuán)隊(duì)打交道。

產(chǎn)品經(jīng)理的很大一部分產(chǎn)出就是溝通和協(xié)調(diào)。 如果單純細(xì)化輸出文件的話，有以下幾種：

PRD：即“產(chǎn)品需求文檔( )”。 本文檔的受眾是項(xiàng)目組、開(kāi)發(fā)團(tuán)??隊(duì)、測(cè)試團(tuán)隊(duì)、策劃團(tuán)隊(duì)、體驗(yàn)團(tuán)隊(duì)等。文檔描述了產(chǎn)品的概念，規(guī)劃了產(chǎn)品每個(gè)步驟的完成時(shí)間。 輸出內(nèi)容包括產(chǎn)品界面、產(chǎn)品流程、功能需求、測(cè)試需求、體驗(yàn)需求等。

MRD：即“業(yè)務(wù)需求文檔（）”。 本文檔的受眾是業(yè)務(wù)、運(yùn)營(yíng)、營(yíng)銷等人員。 文檔描述了產(chǎn)品的商業(yè)模式，明確了產(chǎn)品的用戶群體。 輸出內(nèi)容包括產(chǎn)品模型、商業(yè)模型、運(yùn)營(yíng)模型、市場(chǎng)模型等。

原型：又稱線框，是用線條和圖形繪制的產(chǎn)品框架。

圖為產(chǎn)品需求文檔PRD模板

交互設(shè)計(jì)師職位

交互圖：展示操作行為后，對(duì)象之間的關(guān)系以及觸發(fā)的下一步信息。 與產(chǎn)品經(jīng)理設(shè)計(jì)的線框圖或原型不同，交互設(shè)計(jì)師完成的交互圖更加詳細(xì)，完成后可以在手機(jī)上運(yùn)行，??模擬APP的使用。

圖為交互圖案例

UI設(shè)計(jì)師的工作

優(yōu)化原型圖：根據(jù)具體的視覺(jué)元素提出交互圖的優(yōu)化方案。

視覺(jué)設(shè)計(jì)：根據(jù)人機(jī)交互、操作邏輯等原理對(duì)原型圖的界面進(jìn)行設(shè)計(jì)和美化。

切割：根據(jù)不同的平臺(tái)尺寸，輸出相應(yīng)倍數(shù)的圖片。

注釋：使用工具在輸出頁(yè)面上的每個(gè)元素之間注釋尺寸和狀態(tài)注釋。

項(xiàng)目演練：開(kāi)發(fā)完成后，選取主流機(jī)型進(jìn)行屏幕評(píng)審。

視覺(jué)概要：展示并解釋設(shè)計(jì)作品中的字體、字號(hào)、顏色、圖標(biāo)、模塊等元素。

圖為UI設(shè)計(jì)稿

前端工程師崗位

Web前端工程師：完成Web前端界面的編程。 收到視覺(jué)設(shè)計(jì)師發(fā)來(lái)的PSD后，剪切圖片并使用網(wǎng)頁(yè)代碼重構(gòu)頁(yè)面，并使用數(shù)據(jù)庫(kù)提供的接口進(jìn)行調(diào)試。 沒(méi)問(wèn)題后放到服務(wù)器上就可以訪問(wèn)網(wǎng)站了。 主要使用的代碼語(yǔ)言有：HTML、CSS、JS等。

蘋果軟件工程師：完成iOS平臺(tái)App的程序開(kāi)發(fā)，接受視覺(jué)設(shè)計(jì)師的裁剪和標(biāo)注，完成客戶端編譯，上線前與后端工程師共同調(diào)試。 主要使用的編碼語(yǔ)言有：-C、Swift等。

軟件工程師：也稱為開(kāi)發(fā)工程師。 完成平臺(tái)APP的開(kāi)發(fā)，接手視覺(jué)設(shè)計(jì)師的裁剪和標(biāo)注ai圖標(biāo)導(dǎo)入sketch，完成客戶端編譯，并與后端工程師共同調(diào)試上線前。 主要使用的編碼語(yǔ)言有：java等。

圖為前端HTML代碼

后端工程師崗位

數(shù)據(jù)庫(kù)編程：分為網(wǎng)絡(luò)數(shù)據(jù)庫(kù)、層次數(shù)據(jù)庫(kù)和關(guān)系數(shù)據(jù)庫(kù)。 數(shù)據(jù)庫(kù)編程主要用于存儲(chǔ)和管理數(shù)據(jù)。 主要使用的語(yǔ)言有：PHP、JSP、JAVA等。

圖為后端編譯的部分代碼

測(cè)試工程師職位

如有侵權(quán)請(qǐng)聯(lián)系刪除！