旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 行業(yè)資訊 > UI設(shè)計(jì)師在做稿前都會(huì)準(zhǔn)備什么

UI設(shè)計(jì)師在做稿前都會(huì)準(zhǔn)備什么

時(shí)間:2018-03-10來(lái)源:mwtacok.cn點(diǎn)擊量:作者:馬晨皓
時(shí)間:2018-03-10點(diǎn)擊量:作者:馬晨皓

更重要的是移動(dòng)APP UI 設(shè)計(jì)的魅力在于,你不僅需學(xué)會(huì)使用一些合適的技巧,更要有效的理解用戶與程序的交互關(guān)系。一個(gè)有效的用戶界面關(guān)注的是用戶目標(biāo)的實(shí)現(xiàn),包括視覺(jué)元素與功能操作在內(nèi)的所有東西都需要完整一致。

 

一. 如何進(jìn)行一些基本的準(zhǔn)備工作?

  • 一定要玩機(jī)器,玩APP。包括iOS、Andorid、ipad、watch等等智能設(shè)備。
  •  熟悉各個(gè)平臺(tái)的界面設(shè)計(jì)規(guī)范。
  • 學(xué)會(huì)欣賞幾款不錯(cuò)的APP設(shè)計(jì)或者是好的APP設(shè)計(jì)模板。
  • 無(wú)論是你設(shè)計(jì)多大尺寸的UI,一定要有一臺(tái)測(cè)試機(jī)也就是說(shuō)必須真機(jī)測(cè)試。
  • 將review做為移動(dòng)UI工作的一個(gè)階段。(備注:review就是評(píng)論、反饋的意思。這就是說(shuō),我們移動(dòng)APP UI設(shè)計(jì)完成一些模塊之后,一定要進(jìn)行階段性的評(píng)審和總結(jié),修改、反饋。)
  •  培養(yǎng)一個(gè)靠譜的程序小伙伴。向一些有經(jīng)驗(yàn)的客戶端程序員學(xué)習(xí)和了解更深的設(shè)計(jì)規(guī)范。



二. 必須了解的一些APP UI設(shè)計(jì)原則

UI設(shè)計(jì)的一致性

用戶來(lái)到你的APP,腦子里會(huì)保持著一種思維習(xí)慣,你的 UI 需要保持一致,以免用戶的思維方向被打亂。

UI設(shè)計(jì)的流暢性

你應(yīng)當(dāng)分析一下,自己的站點(diǎn)是否容易導(dǎo)航。用戶應(yīng)當(dāng)可以自由掌控自己的瀏覽行為,確保他們能從某個(gè)地點(diǎn)跳出,能夠毫無(wú)障礙地退出。不會(huì)讓你的用戶在你的設(shè)計(jì)作品當(dāng)中迷路。

UI設(shè)計(jì)的群體特征

要設(shè)計(jì)有效的移動(dòng) UI界面,必須對(duì)你的用戶群有所了解,不同的用戶階層對(duì)不同的設(shè)計(jì)元素有不同的理解,17~25 歲年齡段的人,和 40~55 年齡斷的人有不同的喜好。

UI設(shè)計(jì)的簡(jiǎn)潔性

UI 設(shè)計(jì)越簡(jiǎn)單,用戶體驗(yàn)越好,不要濫用設(shè)計(jì)元素,不要使用擁擠的界面。目前來(lái)說(shuō),很多手機(jī)APP設(shè)計(jì)的非常簡(jiǎn)約,簡(jiǎn)約設(shè)計(jì)可以增強(qiáng) UI 的易用性,可以讓用戶不必關(guān)心那些無(wú)關(guān)的信息。

UI設(shè)計(jì)交互要合理性

最好的設(shè)計(jì)不是用來(lái)看的,是用來(lái)體驗(yàn)的。如果交互做的很差,談何體驗(yàn)。而且不要混雜多種交互效果在一個(gè)頁(yè)面,會(huì)讓用戶感覺(jué)太“刺激”而反感。

 

三. 設(shè)計(jì)師必須要知道的一些常識(shí)

我覺(jué)得設(shè)計(jì)師都應(yīng)該要知道一些公司其他部門的工作內(nèi)容,起碼找人討論不會(huì)抓錯(cuò)對(duì)象。本文整理出較常見(jiàn)的各種縮寫(xiě)和定義。主要是給設(shè)計(jì)師看的所以簡(jiǎn)單說(shuō)明,想深入理解可以參考 SA 、 SD 、 RD 、 PG 、 PM 、 DBA 、 MIS (自備梯子)這篇和 Wiki,網(wǎng)絡(luò)上也有許多文章介紹各個(gè)職務(wù)的工作內(nèi)容。

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

針對(duì)某一項(xiàng)或是某一類的產(chǎn)品進(jìn)行規(guī)劃和管理的人員,主要負(fù)責(zé)產(chǎn)品的研發(fā)、制造、營(yíng)銷、渠道等工作。(管進(jìn)度、各部門溝通協(xié)調(diào)、被客戶罵、和程序各種撕)

SA:System Analyst 系統(tǒng)分析師

通過(guò)需求分析確認(rèn)系統(tǒng)的需求,并進(jìn)而形成系統(tǒng)產(chǎn)品設(shè)計(jì)的人。 通常他們也會(huì)涉及可行性評(píng)估、項(xiàng)目管理、開(kāi)發(fā)前評(píng)估、需求驗(yàn)證等工作。(簡(jiǎn)稱:這個(gè)系統(tǒng)要做什么?)

SD:System Designer 系統(tǒng)設(shè)計(jì)師

根據(jù)領(lǐng)域模型,再配合實(shí)體的平臺(tái),考慮其效能、穩(wěn)定、分散與安全性等,所建構(gòu)而得的軟件規(guī)格。(簡(jiǎn)稱:這個(gè)系統(tǒng)要怎么做?)

PG:Programmer 程序設(shè)計(jì)師

從事軟件撰寫(xiě),程序開(kāi)發(fā)、維護(hù)的專業(yè)人員。以某種程序語(yǔ)言為工具,給出這種語(yǔ)言下的程序。包括分析、設(shè)計(jì)、編碼、測(cè)試、排錯(cuò)等不同階段。(最常被叫做碼農(nóng)或程序猿的職業(yè)。)

RD:Research & Development engineer 研發(fā)設(shè)計(jì)工程師

廣義:是一種工作類型,凡是研究或開(kāi)發(fā)的人員都算,包含 SA、SD、PG。

狹義:真正在作研發(fā)的單位,搞創(chuàng)新,很燒錢,還不能確定產(chǎn)出。

MIS:Management Information System 網(wǎng)管人員

工作范圍包含利用計(jì)算機(jī)硬件、軟件和網(wǎng)絡(luò)裝置,進(jìn)行訊息的收集、傳遞、儲(chǔ)存、加工、整理的系統(tǒng),以提高組織的經(jīng)營(yíng)效率等等。(俗稱管機(jī)器的,大至主機(jī)斷線小至個(gè)人計(jì)算機(jī)藍(lán)白畫(huà)面四國(guó)語(yǔ)言都會(huì)出動(dòng)他們。)

QA:Quality Assurance 質(zhì)量保證工程師

通過(guò)建立和維持質(zhì)量管理體系來(lái)確保產(chǎn)品質(zhì)量沒(méi)有問(wèn)題。

QA的目的,是要在產(chǎn)出產(chǎn)品的過(guò)程中,使用正確的方法來(lái)進(jìn)行,而 QC 的作用,則是當(dāng)產(chǎn)品完成時(shí),會(huì)去檢查所產(chǎn)出的產(chǎn)品是否正確。

Planner:企劃

負(fù)責(zé)構(gòu)思目標(biāo)、分析現(xiàn)況、歸納方向、判斷可行性,一直到擬訂策略、實(shí)施方案、追蹤成效與評(píng)估成果。(如果懂技術(shù)和實(shí)作會(huì)讓很多人不用加班加到死。)

Sales:業(yè)務(wù)

專門做銷售營(yíng)銷的工作者,負(fù)責(zé)將公司之產(chǎn)品銷售給客戶。(某些時(shí)候要把產(chǎn)品賣掉會(huì)夸大其詞,然后實(shí)作人員就哭了。)

F2E:Front-End Developer 前端工程師

主要負(fù)責(zé)寫(xiě) Html、CSS、Javascript,接 API…等等。(要和設(shè)計(jì)師合作、常常想翻設(shè)計(jì)師的桌,偶爾會(huì)拿到 PS 直出的 HTML,比表格排版還慘…基于上述原因,切圖常常變成是 F2E 的工作。)

UX/UE:User Experience Designer 用戶體驗(yàn)師

設(shè)計(jì)流程包括:目標(biāo)用戶設(shè)定,滿意度的范圍和主題設(shè)定,用戶需求的功能,互動(dòng)研究,系統(tǒng)回饋和最終的報(bào)告與成果。(應(yīng)該是整天和數(shù)據(jù)玩、做實(shí)驗(yàn)、寫(xiě)報(bào)告的一群人,不過(guò)都大多抓去畫(huà) Flow 和 Wireframe。)

UI:User Interface Designer,用戶界面設(shè)計(jì)師

應(yīng)該是畫(huà) Flow 和 Wireframe、設(shè)計(jì)接口的人。(常常和 VD、UX 混在一起講,能明確定義并區(qū)分的人和公司很少。)

VD:Visual Designer

擁抱Photoshop、Illustrator、Sketch…繪圖軟件的人,退件修改和熬夜是基本。

希望這篇文章大家可以學(xué)以致用。

因?yàn)樵O(shè)計(jì)師不是藝術(shù)家,不像搞藝術(shù)的那么隨性。因?yàn)樵O(shè)計(jì)師設(shè)計(jì)的產(chǎn)品是給人們用的,關(guān)乎每個(gè)使用者的感受。藝術(shù)家不用考慮觀者的感受,只管傾述自己的內(nèi)心世界并充分展示個(gè)性。設(shè)計(jì)師注定背上神圣的使命——設(shè)計(jì),讓生活更美好。

 

最后,附上完整的APP設(shè)計(jì)和開(kāi)發(fā)流程:

項(xiàng)目啟動(dòng)→建立產(chǎn)品原型→形成效果圖→進(jìn)入研發(fā)階段→研發(fā)成功后進(jìn)入測(cè)試階段→測(cè)試過(guò)后將問(wèn)題反饋給研發(fā)人員進(jìn)行調(diào)整-→多次測(cè)試確認(rèn)沒(méi)有bug。


 

預(yù)約申請(qǐng)免費(fèi)試聽(tīng)課

填寫(xiě)下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2022/ mwtacok.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號(hào)

網(wǎng)站地圖