前面幾篇U妹都講了《一款A(yù)PP設(shè)計的從0到1》這些系列文章,總共6部分票顾,目前為止已經(jīng)講了前4個部分,還剩下視覺還原和上線準(zhǔn)備篇帆调,今天插播一下關(guān)于APP設(shè)計時該做的準(zhǔn)備工作和一些設(shè)計師必須要知道的UI常識
一般來說奠骄,移動UI界面設(shè)計包括兩個方向,分別是圖形(視覺)設(shè)計和交互設(shè)計:
1番刊、視覺設(shè)計主要負(fù)責(zé)這個UI看起來是否美觀含鳞,是否有設(shè)計感等等;
2芹务、交互設(shè)計主要負(fù)責(zé)這個UI用起來順不順手蝉绷,上手容不容易等等。
更重要的是移動APP UI 設(shè)計的魅力在于枣抱,你不僅需學(xué)會使用一些合適的技巧熔吗,更要有效的理解用戶與程序的交互關(guān)系。一個有效的用戶界面關(guān)注的是用戶目標(biāo)的實現(xiàn)佳晶,包括視覺元素與功能操作在內(nèi)的所有東西都需要完整一致桅狠。
1、如果你正要開始設(shè)計一款移動APPui界面設(shè)計的時候,如何來進(jìn)行一些基本的準(zhǔn)備工作呢中跌?
① 一定要玩機器咨堤,玩APP。包括iOS漩符、Andorid一喘、ipad、watch等等智能設(shè)備嗜暴。
② 熟悉各個平臺的界面設(shè)計規(guī)范凸克。
③ 學(xué)會欣賞幾款不錯的APP設(shè)計或者是好的APP設(shè)計模板
④ 無論是你設(shè)計多大尺寸的UI,一定要有一臺測試機也就是說必須真機測試。
⑤ 將review做為移動UI工作的一個階段灼伤。
(備注:review就是評論触徐、反饋的意思。這就是說狐赡,我們移動APP UI設(shè)計完成一些模塊之后撞鹉,一定要進(jìn)行階段性的評審和總結(jié),修改颖侄、反饋鸟雏。)
⑥ 培養(yǎng)一個靠譜的程序小伙伴。向一些有經(jīng)驗的客戶端程序員學(xué)習(xí)和了解更深的設(shè)計規(guī)范览祖。
2孝鹊、下面就是我們作為一名移動APP UI設(shè)計師,必須了解的一些APP UI設(shè)計原則
① UI設(shè)計的一致性
用戶來到你的APP展蒂,腦子里會保持著一種思維習(xí)慣又活,你的 UI 需要保持一致,以免用戶的思維方向被打亂锰悼。
② UI設(shè)計的流暢性
你應(yīng)當(dāng)分析一下柳骄,自己的站點是否容易導(dǎo)航。用戶應(yīng)當(dāng)可以自由掌控自己的瀏覽行為箕般,確保他們能從某個地點跳出耐薯,能夠毫無障礙地退出。不會讓你的用戶在你的設(shè)計作品當(dāng)中迷路丝里。
③ UI設(shè)計的群體特征
要設(shè)計有效的移動 UI界面曲初,必須對你的用戶群有所了解,不同的用戶階層對不同的設(shè)計元素有不同的理解杯聚,17~25 歲年齡段的人臼婆,和 40~55 年齡斷的人有不同的喜好。
④ UI設(shè)計的簡潔性
UI 設(shè)計越簡單幌绍,用戶體驗越好目锭,不要濫用設(shè)計元素评汰,不要使用擁擠的界面。目前來說痢虹,很多手機APP設(shè)計的非常簡約被去,簡約設(shè)計可以增強 UI 的易用性,可以讓用戶不必關(guān)心那些無關(guān)的信息奖唯。
⑤ UI設(shè)計交互要合理性
最好的設(shè)計不是用來看的惨缆,是用來體驗的。如果交互做的很差丰捷,談何體驗坯墨。而且不要混雜多種交互效果在一個頁面,會讓用戶感覺太“刺激”而反感病往。
3捣染、設(shè)計師必須要知道的一些常識
我覺得設(shè)計師都應(yīng)該要知道一些公司其他部門的工作內(nèi)容,起碼找人討論不會抓錯對象停巷。本文整理出較常見的各種縮寫和定義耍攘。主要是給設(shè)計師看的所以簡單說明,想深入理解可以參考 SA / SD / RD / PG / PM / DBA / MIS (自備梯子)這篇和 Wiki畔勤,網(wǎng)絡(luò)上也有許多文章介紹各個職務(wù)的工作內(nèi)容蕾各。
PM:Product Manager????產(chǎn)品經(jīng)理
針對某一項或是某一類的產(chǎn)品進(jìn)行規(guī)劃和管理的人員,主要負(fù)責(zé)產(chǎn)品的研發(fā)庆揪、制造式曲、營銷、渠道等工作缸榛。
(管進(jìn)度吝羞、各部門溝通協(xié)調(diào)、被客戶罵内颗、和程序各種撕)
SA:System Analyst????系統(tǒng)分析師
通過需求分析確認(rèn)系統(tǒng)的需求脆贵,并進(jìn)而形成系統(tǒng)產(chǎn)品設(shè)計的人。 通常他們也會涉及可行性評估起暮、項目管理、開發(fā)前評估会烙、需求驗證等工作负懦。
(簡稱:這個系統(tǒng)要做什么?)
SD:System Designer????系統(tǒng)設(shè)計師
根據(jù)領(lǐng)域模型柏腻,再配合實體的平臺纸厉,考慮其效能、穩(wěn)定五嫂、分散與安全性等颗品,所建構(gòu)而得的軟件規(guī)格肯尺。
(簡稱:這個系統(tǒng)要怎么做?)
PG:Programmer程序設(shè)計師
從事軟件撰寫躯枢,程序開發(fā)则吟、維護(hù)的專業(yè)人員。以某種程序語言為工具锄蹂,給出這種語言下的程序氓仲。包括分析、設(shè)計得糜、編碼敬扛、測試、排錯等不同階段朝抖。
(最常被叫做碼農(nóng)或程序猿的職業(yè)啥箭。)
RD:Research & Development engineer ????研發(fā)設(shè)計工程師
廣義:是一種工作類型,凡是研究或開發(fā)的人員都算治宣,包含 SA急侥、SD、PG炼七。
狹義:真正在作研發(fā)的單位缆巧,搞創(chuàng)新,很燒錢豌拙,還不能確定產(chǎn)出陕悬。
MIS:Management Information System????網(wǎng)管人員
工作范圍包含利用計算機硬件、軟件和網(wǎng)絡(luò)裝置按傅,進(jìn)行訊息的收集捉超、傳遞、儲存唯绍、加工拼岳、整理的系統(tǒng)窿给,以提高組織的經(jīng)營效率等等助琐。
(俗稱管機器的,大至主機斷線小至個人計算機藍(lán)白畫面四國語言都會出動他們忍饰。)
QA:Quality Assurance????質(zhì)量保證工程師
通過建立和維持質(zhì)量管理體系來確保產(chǎn)品質(zhì)量沒有問題绝骚。
QA的目的耐版,是要在產(chǎn)出產(chǎn)品的過程中,使用正確的方法來進(jìn)行压汪,而 QC 的作用粪牲,則是當(dāng)產(chǎn)品完成時,會去檢查所產(chǎn)出的產(chǎn)品是否正確止剖。
Planner:企劃
負(fù)責(zé)構(gòu)思目標(biāo)腺阳、分析現(xiàn)況落君、歸納方向、判斷可行性亭引,一直到擬訂策略绎速、實施方案、追蹤成效與評估成果痛侍。
(如果懂技術(shù)和實作會讓很多人不用加班加到死朝氓。)
Sales:業(yè)務(wù)
專門做銷售營銷的工作者,負(fù)責(zé)將公司之產(chǎn)品銷售給客戶主届。
(某些時候要把產(chǎn)品賣掉會夸大其詞赵哲,然后實作人員就哭了。)
F2E:Front-End Developer前端工程師
主要負(fù)責(zé)寫 Html君丁、CSS枫夺、Javascript,接 API…等等绘闷。
(要和設(shè)計師合作橡庞、常常想翻設(shè)計師的桌,偶爾會拿到 PS 直出的 HTML印蔗,比表格排版還慘…基于上述原因扒最,切圖常常變成是 F2E 的工作。)
UX/UE:User Experience Designer????用戶體驗師
設(shè)計流程包括:目標(biāo)用戶設(shè)定华嘹,滿意度的范圍和主題設(shè)定吧趣,用戶需求的功能,互動研究耙厚,系統(tǒng)回饋和最終的報告與成果强挫。
(應(yīng)該是整天和數(shù)據(jù)玩、做實驗薛躬、寫報告的一群人俯渤,不過都大多抓去畫 Flow 和 Wireframe。)
UI:User Interface Designer型宝,用戶界面設(shè)計師
應(yīng)該是畫 Flow 和 Wireframe八匠、設(shè)計接口的人。
(常常和 VD趴酣、UX 混在一起講梨树,能明確定義并區(qū)分的人和公司很少。)
VD:Visual Designer
擁抱Photoshop价卤、Illustrator、Sketch…繪圖軟件的人渊涝,退件修改和熬夜是基本慎璧。
希望這篇文章大家可以學(xué)以致用床嫌。
因為設(shè)計師不是藝術(shù)家,不像搞藝術(shù)的那么隨性胸私。因為設(shè)計師設(shè)計的產(chǎn)品是給人們用的厌处,關(guān)乎每個使用者的感受。藝術(shù)家不用考慮觀者的感受岁疼,只管傾述自己的內(nèi)心世界并充分展示個性阔涉。設(shè)計師注定背上神圣的使命——設(shè)計,讓生活更美好捷绒。
最后瑰排,附上完整的APP設(shè)計和開發(fā)流程:
項目啟動→建立產(chǎn)品原型→形成效果圖→進(jìn)入研發(fā)階段→研發(fā)成功后進(jìn)入測試階段→測試過后將問題反饋給研發(fā)人員進(jìn)行調(diào)整-→多次測試確認(rèn)沒有bug。
如果在工作中暖侨,遇到問題椭住,多和開發(fā)溝通交流,良好的溝通才是解決問題的唯一方法字逗,下期U妹繼續(xù)《一款A(yù)PP設(shè)計的從0到1系列之:視覺還原篇》京郑,我們下期再見!