UI設計師是如何工作的?

UI設計師是如何工作的?

UI設計師是如何工作的? ,觀點,jongde,原創文章站酷網,中國設計師互動平台。

眼下正值就業的“金九銀十”,又有大批新人小伙伴要湧入UI設計這片紅海啦。然而在某度搜索“UI設計師”會發現,其實大部分人對這一行並不是十分了解。筆者作為一名正奮斗在一線的UI設計師,給準備入行或已經入行卻仍然迷茫的小伙伴們解析一下,UI的工作內容以及流程究竟是怎樣的。

UI設計師具體做什麼?

UI設計師又稱用戶界面(User interface)設計師,在軟件開發團隊中負責產品視覺設計工作。其工作的目標簡單來說就是讓軟件界面變得更美觀更好用。

在具體工作中,設計師不僅需要很硬的專業技巧,溝通能力也不容忽視。只有充分了解項目、各崗位溝通一致,才能最終完成符合市場和用戶需求的產品。

UI設計師的工作流程?

1.需求分析

通常來說,需求分析的工作是由產品經理負責的:將產品定位、功能點等撰寫成需求文檔,交付給設計師;設計師理解需求後,再從用戶角度考慮,把需求轉化為易於理解的界面即可。然而實際的工作中,這種方式存在一些問題:由於設計師沒有參與前期的需求分析,很難通過一份需求文檔或簡單的溝通就完全領會產品定位、目標用戶的情況、使用痛點、癢點等信息。一連串功能列表往往讓設計師無所適從。

所以,UI設計師往往會適當參與需求分析的過程,更有利於理解產品需求,提高設計效率,避免後期產生溝通問題。

這一階段,設計師可以用紙筆或者專門的原型軟件,將初步的設計構繪製成線框圖(低保真原型),重點關注框架、流程、基本功能和內容。切記不要過早地陷入設計細節,例如頁面的尺寸是否符合柵格、用什麼風格的圖標、按鈕是否需有圓角等等。

這裡筆者推薦摹客設計平台的在線設計功能,擁有海量組件和圖標,只需要拖拽便可快速製作界面,並且支持多人協同工作,能夠極大的提高團隊溝通效率,最小成本的試錯並找到適合的設計方案。

2.設計執行、交付

經過了前期的需求分析,接下來就需要設計師根據獲得的線框圖,製作高保真設計稿了。動手前需要先瀏覽所有頁面的功能點,和開發人員溝通確認,這樣可以減少交付時不必要的麻煩。

設計稿主要分桌面端和移動端兩大類,隨著智能手機的普及,大多數UI設計師面對的都是移動端的設計需求。主要內容包括以下內容:

  • App圖標設計。這是產品給用戶的第一印象,很多時候App的下載率、打開率等都和App圖標的美觀度密切相關,因此非常重要。往往需要多個設計備選,並通過多次評審才能最終確定下來。

  • App啟動頁、引導頁設計。分別是頭一次和每次打開App時用戶看到的畫面。設計的目的是傳達產品的核心功能,讓用戶更好的熟悉產品。然而數據表明,絕大多數用戶對於啟動頁和引導頁的關注度並不高,所以盡量減少引導頁數量和畫面內容,設計風格也推薦簡潔明了,突出主題。

  • 產品登錄頁設計。為了獲得用戶信息,登錄頁的設計也是必不可少的。為了減少用戶因不耐煩而跳出,登錄的步驟需要最大程度的簡化,常用的方式就是手機驗證碼登錄和第三方賬號快捷登錄。

  • 產品內部頁面設計。這一部分的設計內容千差萬別,相同的是都需要盡量遵守各種硬件設備的設計規範,且始終保持統一。這裡是體現UI設計師基本功的地方,需要熟練掌握。

高保真設計稿一般需要多次修改才能最終敲定,接下來就是設計稿的交付工作了。

高保真設計稿是項目開發的標準和依據,其使用者有產品經理、前端工程師、測試工程師,有時甚至包括市場推廣和用戶調研人員等。為了讓這麼多種不同的角色都能理解你的設計方案,高保真原型務必要表達的清楚、規範。一旦表述不清、出現歧義,開發的成果就可能出現偏差,影響整個團隊的開發進度。

交付設計稿時需要括以下內容:

  • 簡要的設計說明:簡單交代設計的背景,頁面內容,重點功能等;

  • 頁面層級全覽圖:方便項目成員快速瀏覽產品層級結構;

  • 交互說明:為了在靜態的設計稿中說明動態的操作效果,需要進行邏輯嚴密的標註。例如,文字過多怎麼顯示?操作瞬間會出現什麼反饋效果?內容缺失改如何顯示?跳轉到哪個頁面?等等,都需要詳細註明。

  • 標註、切圖:用來交付給前端工程師用以軟件開發。

作為產品開發的重要環節,高保真設計稿的設計和交付不僅考驗UI設計師的專業程度,動輒幾十甚至上百頁的設計稿標註說明更是需要極大的耐心和細心才能確保萬無一失。但只要藉助摹客設計平台提供的設計協作功能,就可以極大提高設計稿的交付效率。摹客提供自動標註、批量切圖的功能,還能在線審閱,快速的製作頁面全覽圖,甚至可以直接製作動態交互效果,不必再為繁瑣的交互說明而煩惱,大大解放了設計師的生產力。

3.設計走查、驗收

走查、驗收是設計師最重要的工作之一。許多剛入行的設計師並不重視檢查工作,認為自己已經嚴謹細緻的做了高保真的交付工作,執行的不好是開發和產品經理的問題。殊不知,當用戶用到一款糟糕的產品,首先一定會覺得是設計師水平欠佳。這會使設計師自身的勞動成果,乃至整個團隊的勞動價值大打折扣。

因此,不是設計稿完成設計師就可以休息了。產品上線之前最重要保證最終落地的效果和品質。開發還原的過程中,程序員們可能會遇到各種潛在的問題,這個時候和他們保持溝通和配合是非常必要的。

4.了解市場反饋

在立項初期,公司會制定出新設計上線後要達到的目標,通常是點擊量、轉化率提升了多少,或者俱體的應收目標等。不要覺得這些是產品經理或者市場部的同事們需要操心的問題。好的設計本應該為公司創造價值,所以這些來自市場的可量化的反饋,也是檢驗和提升設計能力的途徑。

另外,可以根據市場反饋的問題改進和優化產品。小的問題可以及時解決、迅速發布;較大的問題可以留到下次優化迭代時統一解決。畢竟再好的產品也不可能一步到位,快速上線、迅速試錯、根據反饋立即改正才能更好的適應激烈的市場競爭環境。

如此一來,便形成了推動產品不斷迭代的閉環,設計師的能力也伴隨這一過程成長。

以上就是UI設計師的常見工作流程,可以看到UI設計並非畫畫界面這麼簡單的一份工作,一名優秀的UI設計師除了需要過硬的手上功夫和豐富的跨專業知識,還需要優秀的溝通協調能力,才能保證從需求整理到設計、上線全過程順利穩定的進行。希望今天的分享能讓你對UI設計工作的內容和流程有一個較為清晰、全面的認知,對你的發展有所幫助。

文末給粉絲們送福利,點擊領取摹客專業版激活碼(cyrenejs)30天。

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。