在具體的工作中,設(shè)計師不僅需要很辛苦的專業(yè)技能,也需要這些能力,今天AAA教育武老師為大家分享揭秘UI設(shè)計師的日常工作。
目前,我們正處于就業(yè)的“黃金時代”,一大批新的合作伙伴將涌入UI設(shè)計的紅海。但是,如果你在一定程度上搜索“UI設(shè)計器”,你會發(fā)現(xiàn)大多數(shù)人對這一行不太了解。作為一名奮戰(zhàn)在第一線的用戶界面設(shè)計師,筆者分析了用戶界面的工作內(nèi)容和流程,為那些準備進入行業(yè)或已經(jīng)進入行業(yè)但仍處于迷茫狀態(tài)的用戶界面設(shè)計人員進行了分析。UI設(shè)計好找工作嗎?
Ui設(shè)計師,也稱為用戶界面設(shè)計師,負責(zé)軟件開發(fā)團隊中的產(chǎn)品視覺設(shè)計。他的工作目標是使軟件界面更加美觀和實用。
在具體的工作中,設(shè)計師不僅需要扎實的專業(yè)技能,更需要溝通技巧。只有充分了解項目,相互溝通,才能最終完成滿足市場和用戶需求的產(chǎn)品。
1、需求分析
一般來說,產(chǎn)品經(jīng)理負責(zé)需求分析:將產(chǎn)品定位、功能點等寫入需求文件,傳遞給設(shè)計師;設(shè)計師理解需求后,站在用戶的角度考慮,將需求轉(zhuǎn)化為了解接口。但由于用戶在參與產(chǎn)品定位時存在的一些難點問題,在實際工作中也存在一些問題,需要設(shè)計師通過簡單的方式進行分析。一系列的特性常常讓設(shè)計師無所適從。
因此,UI設(shè)計者經(jīng)常參與需求分析的過程,這更有利于理解產(chǎn)品需求,提高設(shè)計效率,避免后期的溝通問題。
在這一階段,設(shè)計師可以使用紙筆或?qū)S迷蛙浖⒊醪皆O(shè)計構(gòu)建成線框(低保真原型),重點關(guān)注框架、過程、基本功能和內(nèi)容。不要過早地陷入設(shè)計細節(jié),比如頁面大小是否符合網(wǎng)格,使用什么樣式的圖標,按鈕是否需要圓角等等。
在這里,筆者推薦了Moke設(shè)計平臺的在線設(shè)計功能,它有大量的組件和圖標,可以通過拖放快速創(chuàng)建界面,支持多人協(xié)同工作,可以大大提高團隊溝通效率,最大限度地降低試錯成本,發(fā)現(xiàn)適當?shù)脑O(shè)計方案。
2、設(shè)計執(zhí)行和交付
UI設(shè)計的工具,在初步需求分析后,要求設(shè)計人員根據(jù)得到的線框制作高保真設(shè)計草圖。在開始之前,您需要瀏覽所有頁面的功能點,并與開發(fā)人員溝通確認,這樣可以減少交付時不必要的麻煩。
智能手機的用戶界面設(shè)計面臨著大多數(shù)的設(shè)計師的需求。主要內(nèi)容如下:
·應(yīng)用程序圖標設(shè)計。這是產(chǎn)品給用戶的第一印象。很多時候,應(yīng)用程序的下載率和打開率都與應(yīng)用程序圖標的美感密切相關(guān),因此非常重要。它通常需要多種設(shè)計方案,這些方案可以通過多次評審最終確定。
·應(yīng)用程序開始頁,指導(dǎo)頁設(shè)計。這是第一次,每次打開應(yīng)用程序,用戶都會看到屏幕。設(shè)計的目的是傳達產(chǎn)品的核心功能,讓用戶更好地熟悉產(chǎn)品。不過,數(shù)據(jù)顯示,大多數(shù)用戶對啟動頁面和指南頁面的關(guān)注度并不高。因此,應(yīng)盡量減少指南頁的數(shù)量和內(nèi)容。設(shè)計風(fēng)格要簡潔明了,突出主題。
·產(chǎn)品登錄頁設(shè)計。為了獲取用戶信息,登錄頁面的設(shè)計也是必不可少的。為了減少用戶的不耐煩和跳出,需要最大限度地簡化登錄步驟。常用的方法有手機驗證碼登錄和第三方賬號快速登錄。
·產(chǎn)品內(nèi)部頁面設(shè)計。這部分的設(shè)計內(nèi)容大不相同。同樣的,我們需要盡可能符合各種硬件設(shè)備的設(shè)計規(guī)范,并始終保持統(tǒng)一。下面是UI設(shè)計器的基本技能,需要掌握。
高保真設(shè)計初稿一般需要修改幾次才能定稿。下一步是設(shè)計草案的交付。
高保真設(shè)計草圖是項目開發(fā)的標準和基礎(chǔ)。它的用戶包括產(chǎn)品經(jīng)理、前端工程師、測試工程師,有時甚至還有營銷和用戶研究人員。為了讓這么多不同的角色理解你的設(shè)計,高保真原型必須清晰和標準。一旦表達不清楚、模棱兩可,開發(fā)結(jié)果可能會有偏差,影響整個團隊的開發(fā)進度。
設(shè)計初稿的交付應(yīng)包括以下內(nèi)容:
·簡要設(shè)計說明:簡單說明設(shè)計背景、頁面內(nèi)容、關(guān)鍵功能等;
·頁面級概述:方便項目成員快速瀏覽產(chǎn)品層次結(jié)構(gòu);
·交互描述:為了說明靜態(tài)設(shè)計草圖中的動態(tài)操作效果,需要進行邏輯嚴密的注釋。例如,如何顯示過多的文本?操作時會出現(xiàn)什么反饋效果?如何顯示丟失的內(nèi)容?跳轉(zhuǎn)到哪個頁面?所有這些都需要詳細說明。
·標記和切割:用于交付給前端工程師進行軟件開發(fā)。
作為產(chǎn)品開發(fā)的一個重要環(huán)節(jié),高保真設(shè)計初稿的設(shè)計和交付,不僅考驗著UI設(shè)計師的專業(yè)水平,更需要極大的耐心和細心,才能確保幾十頁甚至幾百頁的設(shè)計稿沒有問題。然而,借助模仿設(shè)計平臺提供的設(shè)計協(xié)作功能,可以大大提高設(shè)計初稿的交付效率。Moke可以提供自動打標、批量裁剪的功能,還可以在線進行點評,快速將頁面全景化,甚至直接做出動態(tài)的互動效果,不用擔(dān)心繁瑣的互動講解,極大地解放了設(shè)計師的生產(chǎn)力。
3、設(shè)計檢查與驗收
巡檢驗收是設(shè)計師最重要的任務(wù)之一。許多新設(shè)計師不注意檢查工作。他們認為他們已經(jīng)做了嚴格細致的高保真遞送工作。執(zhí)行力差的問題是開發(fā)和產(chǎn)品經(jīng)理的問題。然而,當用戶使用一個不好的產(chǎn)品時,他們首先會覺得設(shè)計師不好。這樣會使設(shè)計師自己的勞動成果,甚至整個團隊的勞動價值都會大大降低。
因此,如果設(shè)計沒有完成,設(shè)計師可以休息一下。最重要的是保證產(chǎn)品上線前的最終落地效果和質(zhì)量。在開發(fā)和恢復(fù)的過程中,程序員可能會遇到各種潛在的問題。此時有必要與他們保持溝通與合作。
4、了解市場反饋
UI設(shè)計前景怎么樣?在立項初期,公司會制定新設(shè)計上線后要達到的目標,通常是點擊量、轉(zhuǎn)化率提高了多少、具體的應(yīng)收賬款目標等,不要認為這些都是產(chǎn)品經(jīng)理或營銷同事需要擔(dān)心的問題關(guān)于。好的設(shè)計應(yīng)該為公司創(chuàng)造價值,所以這些來自市場的量化反饋也是測試和提高設(shè)計能力的一種方式。
此外,還可以根據(jù)市場反饋對產(chǎn)品進行改進和優(yōu)化。小問題可以及時解決,快速釋放;大問題可以留給下一次優(yōu)化迭代統(tǒng)一解決。畢竟,產(chǎn)品再好,也不可能一步到位。只有快速推出產(chǎn)品,快速檢測錯誤,根據(jù)反饋及時糾正,才能更好地適應(yīng)激烈的市場競爭環(huán)境。
這樣就形成了一個閉環(huán),促進了產(chǎn)品的不斷迭代,設(shè)計師的能力也隨著這個過程而增長。
以上是UI設(shè)計師的常見工作流程??梢钥闯?,UI設(shè)計并不像繪制界面那么簡單。一個優(yōu)秀的UI設(shè)計師不僅需要優(yōu)秀的動手能力和豐富的跨學(xué)科知識,更需要優(yōu)秀的溝通協(xié)調(diào)能力,才能保證從需求安排到設(shè)計上線的全過程順利、穩(wěn)定的進行。希望今天的分享能讓大家對UI設(shè)計工作的內(nèi)容和流程有一個清晰全面的了解,對您的發(fā)展有所幫助。更多內(nèi)容持續(xù)關(guān)注 AAA教育~
填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!
?2007-2022/ m.5wd995.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc