UI設(shè)計(jì)師工作內(nèi)容揭秘

　　在具體的工作中，設(shè)計(jì)師不僅需要很辛苦的專業(yè)技能，也需要這些能力，今天AAA教育武老師為大家分享揭秘UI設(shè)計(jì)師的日常工作。
 

　　目前，我們正處于就業(yè)的“黃金時(shí)代”，一大批新的合作伙伴將涌入U(xiǎn)I設(shè)計(jì)的紅海。但是，如果你在一定程度上搜索“UI設(shè)計(jì)器”，你會(huì)發(fā)現(xiàn)大多數(shù)人對(duì)這一行不太了解。作為一名奮戰(zhàn)在第一線的用戶界面設(shè)計(jì)師，筆者分析了用戶界面的工作內(nèi)容和流程，為那些準(zhǔn)備進(jìn)入行業(yè)或已經(jīng)進(jìn)入行業(yè)但仍處于迷茫狀態(tài)的用戶界面設(shè)計(jì)人員進(jìn)行了分析。UI設(shè)計(jì)好找工作嗎？
 

　　UI設(shè)計(jì)人員做什么?
 

　　Ui設(shè)計(jì)師，也稱為用戶界面設(shè)計(jì)師，負(fù)責(zé)軟件開發(fā)團(tuán)隊(duì)中的產(chǎn)品視覺設(shè)計(jì)。他的工作目標(biāo)是使軟件界面更加美觀和實(shí)用。
 

　　在具體的工作中，設(shè)計(jì)師不僅需要扎實(shí)的專業(yè)技能，更需要溝通技巧。只有充分了解項(xiàng)目，相互溝通，才能最終完成滿足市場(chǎng)和用戶需求的產(chǎn)品。
 

　　UI設(shè)計(jì)器的工作流程?
 

　　1、需求分析
 

　　一般來說，產(chǎn)品經(jīng)理負(fù)責(zé)需求分析：將產(chǎn)品定位、功能點(diǎn)等寫入需求文件，傳遞給設(shè)計(jì)師;設(shè)計(jì)師理解需求后，站在用戶的角度考慮，將需求轉(zhuǎn)化為了解接口。但由于用戶在參與產(chǎn)品定位時(shí)存在的一些難點(diǎn)問題，在實(shí)際工作中也存在一些問題，需要設(shè)計(jì)師通過簡(jiǎn)單的方式進(jìn)行分析。一系列的特性常常讓設(shè)計(jì)師無所適從。
 

　　因此，UI設(shè)計(jì)者經(jīng)常參與需求分析的過程，這更有利于理解產(chǎn)品需求，提高設(shè)計(jì)效率，避免后期的溝通問題。
 

　　在這一階段，設(shè)計(jì)師可以使用紙筆或?qū)Ｓ迷蛙浖⒊醪皆O(shè)計(jì)構(gòu)建成線框(低保真原型)，重點(diǎn)關(guān)注框架、過程、基本功能和內(nèi)容。不要過早地陷入設(shè)計(jì)細(xì)節(jié)，比如頁面大小是否符合網(wǎng)格，使用什么樣式的圖標(biāo)，按鈕是否需要圓角等等。
 

　　在這里，筆者推薦了Moke設(shè)計(jì)平臺(tái)的在線設(shè)計(jì)功能，它有大量的組件和圖標(biāo)，可以通過拖放快速創(chuàng)建界面，支持多人協(xié)同工作，可以大大提高團(tuán)隊(duì)溝通效率，最大限度地降低試錯(cuò)成本，發(fā)現(xiàn)適當(dāng)?shù)脑O(shè)計(jì)方案。
 

　　2、設(shè)計(jì)執(zhí)行和交付
 

　　UI設(shè)計(jì)的工具，在初步需求分析后，要求設(shè)計(jì)人員根據(jù)得到的線框制作高保真設(shè)計(jì)草圖。在開始之前，您需要瀏覽所有頁面的功能點(diǎn)，并與開發(fā)人員溝通確認(rèn)，這樣可以減少交付時(shí)不必要的麻煩。
 

　　智能手機(jī)的用戶界面設(shè)計(jì)面臨著大多數(shù)的設(shè)計(jì)師的需求。主要內(nèi)容如下：
 

　　·應(yīng)用程序圖標(biāo)設(shè)計(jì)。這是產(chǎn)品給用戶的第一印象。很多時(shí)候，應(yīng)用程序的下載率和打開率都與應(yīng)用程序圖標(biāo)的美感密切相關(guān)，因此非常重要。它通常需要多種設(shè)計(jì)方案，這些方案可以通過多次評(píng)審最終確定。
 

　　·應(yīng)用程序開始頁，指導(dǎo)頁設(shè)計(jì)。這是第一次，每次打開應(yīng)用程序，用戶都會(huì)看到屏幕。設(shè)計(jì)的目的是傳達(dá)產(chǎn)品的核心功能，讓用戶更好地熟悉產(chǎn)品。不過，數(shù)據(jù)顯示，大多數(shù)用戶對(duì)啟動(dòng)頁面和指南頁面的關(guān)注度并不高。因此，應(yīng)盡量減少指南頁的數(shù)量和內(nèi)容。設(shè)計(jì)風(fēng)格要簡(jiǎn)潔明了，突出主題。
 

　　·產(chǎn)品登錄頁設(shè)計(jì)。為了獲取用戶信息，登錄頁面的設(shè)計(jì)也是必不可少的。為了減少用戶的不耐煩和跳出，需要最大限度地簡(jiǎn)化登錄步驟。常用的方法有手機(jī)驗(yàn)證碼登錄和第三方賬號(hào)快速登錄。
 

　　·產(chǎn)品內(nèi)部頁面設(shè)計(jì)。這部分的設(shè)計(jì)內(nèi)容大不相同。同樣的，我們需要盡可能符合各種硬件設(shè)備的設(shè)計(jì)規(guī)范，并始終保持統(tǒng)一。下面是UI設(shè)計(jì)器的基本技能，需要掌握。
 

　　高保真設(shè)計(jì)初稿一般需要修改幾次才能定稿。下一步是設(shè)計(jì)草案的交付。
 

　　高保真設(shè)計(jì)草圖是項(xiàng)目開發(fā)的標(biāo)準(zhǔn)和基礎(chǔ)。它的用戶包括產(chǎn)品經(jīng)理、前端工程師、測(cè)試工程師，有時(shí)甚至還有營(yíng)銷和用戶研究人員。為了讓這么多不同的角色理解你的設(shè)計(jì)，高保真原型必須清晰和標(biāo)準(zhǔn)。一旦表達(dá)不清楚、模棱兩可，開發(fā)結(jié)果可能會(huì)有偏差，影響整個(gè)團(tuán)隊(duì)的開發(fā)進(jìn)度。
 

　　設(shè)計(jì)初稿的交付應(yīng)包括以下內(nèi)容：
 

　　·簡(jiǎn)要設(shè)計(jì)說明：簡(jiǎn)單說明設(shè)計(jì)背景、頁面內(nèi)容、關(guān)鍵功能等;
 

　　·頁面級(jí)概述：方便項(xiàng)目成員快速瀏覽產(chǎn)品層次結(jié)構(gòu);
 

　　·交互描述：為了說明靜態(tài)設(shè)計(jì)草圖中的動(dòng)態(tài)操作效果，需要進(jìn)行邏輯嚴(yán)密的注釋。例如，如何顯示過多的文本?操作時(shí)會(huì)出現(xiàn)什么反饋效果?如何顯示丟失的內(nèi)容?跳轉(zhuǎn)到哪個(gè)頁面?所有這些都需要詳細(xì)說明。
 

　　·標(biāo)記和切割：用于交付給前端工程師進(jìn)行軟件開發(fā)。
 

　　作為產(chǎn)品開發(fā)的一個(gè)重要環(huán)節(jié)，高保真設(shè)計(jì)初稿的設(shè)計(jì)和交付，不僅考驗(yàn)著UI設(shè)計(jì)師的專業(yè)水平，更需要極大的耐心和細(xì)心，才能確保幾十頁甚至幾百頁的設(shè)計(jì)稿沒有問題。然而，借助模仿設(shè)計(jì)平臺(tái)提供的設(shè)計(jì)協(xié)作功能，可以大大提高設(shè)計(jì)初稿的交付效率。Moke可以提供自動(dòng)打標(biāo)、批量裁剪的功能，還可以在線進(jìn)行點(diǎn)評(píng)，快速將頁面全景化，甚至直接做出動(dòng)態(tài)的互動(dòng)效果，不用擔(dān)心繁瑣的互動(dòng)講解，極大地解放了設(shè)計(jì)師的生產(chǎn)力。
 

　　3、設(shè)計(jì)檢查與驗(yàn)收
 

　　巡檢驗(yàn)收是設(shè)計(jì)師最重要的任務(wù)之一。許多新設(shè)計(jì)師不注意檢查工作。他們認(rèn)為他們已經(jīng)做了嚴(yán)格細(xì)致的高保真遞送工作。執(zhí)行力差的問題是開發(fā)和產(chǎn)品經(jīng)理的問題。然而，當(dāng)用戶使用一個(gè)不好的產(chǎn)品時(shí)，他們首先會(huì)覺得設(shè)計(jì)師不好。這樣會(huì)使設(shè)計(jì)師自己的勞動(dòng)成果，甚至整個(gè)團(tuán)隊(duì)的勞動(dòng)價(jià)值都會(huì)大大降低。
 

　　因此，如果設(shè)計(jì)沒有完成，設(shè)計(jì)師可以休息一下。最重要的是保證產(chǎn)品上線前的最終落地效果和質(zhì)量。在開發(fā)和恢復(fù)的過程中，程序員可能會(huì)遇到各種潛在的問題。此時(shí)有必要與他們保持溝通與合作。
 

　　4、了解市場(chǎng)反饋
 

　　UI設(shè)計(jì)前景怎么樣？在立項(xiàng)初期，公司會(huì)制定新設(shè)計(jì)上線后要達(dá)到的目標(biāo)，通常是點(diǎn)擊量、轉(zhuǎn)化率提高了多少、具體的應(yīng)收賬款目標(biāo)等，不要認(rèn)為這些都是產(chǎn)品經(jīng)理或營(yíng)銷同事需要擔(dān)心的問題關(guān)于。好的設(shè)計(jì)應(yīng)該為公司創(chuàng)造價(jià)值，所以這些來自市場(chǎng)的量化反饋也是測(cè)試和提高設(shè)計(jì)能力的一種方式。
 

　　此外，還可以根據(jù)市場(chǎng)反饋對(duì)產(chǎn)品進(jìn)行改進(jìn)和優(yōu)化。小問題可以及時(shí)解決，快速釋放;大問題可以留給下一次優(yōu)化迭代統(tǒng)一解決。畢竟，產(chǎn)品再好，也不可能一步到位。只有快速推出產(chǎn)品，快速檢測(cè)錯(cuò)誤，根據(jù)反饋及時(shí)糾正，才能更好地適應(yīng)激烈的市場(chǎng)競(jìng)爭(zhēng)環(huán)境。
 

　　這樣就形成了一個(gè)閉環(huán)，促進(jìn)了產(chǎn)品的不斷迭代，設(shè)計(jì)師的能力也隨著這個(gè)過程而增長(zhǎng)。
 

　　以上是UI設(shè)計(jì)師的常見工作流程。可以看出，UI設(shè)計(jì)并不像繪制界面那么簡(jiǎn)單。一個(gè)優(yōu)秀的UI設(shè)計(jì)師不僅需要優(yōu)秀的動(dòng)手能力和豐富的跨學(xué)科知識(shí)，更需要優(yōu)秀的溝通協(xié)調(diào)能力，才能保證從需求安排到設(shè)計(jì)上線的全過程順利、穩(wěn)定的進(jìn)行。希望今天的分享能讓大家對(duì)UI設(shè)計(jì)工作的內(nèi)容和流程有一個(gè)清晰全面的了解，對(duì)您的發(fā)展有所幫助。更多內(nèi)容持續(xù)關(guān)注 AAA教育~