這一期我們聊聊APP設(shè)計(jì)的組成部分和開發(fā)流程季惩,下一期說說安卓和IOS個平臺的設(shè)計(jì)規(guī)范录粱,以及設(shè)計(jì)時需要注意哪些。
app是什么画拾?app是英文Application的簡稱啥繁,由于iPhone智能手機(jī)的流行,現(xiàn)在的app多指智能手機(jī)的第三方應(yīng)用程序碾阁。目前比較著名的App商店有Apple的iTunes商店里面的App Store输虱,android的Google Play Store,諾基亞的ovi store脂凶,還有Blackberry用戶的宪睹,BlackBerry App World。說白了就是基于移動端的第三方應(yīng)用蚕钦,可以在應(yīng)用商店下載亭病。
一個APP是怎么誕生的呢,一般經(jīng)歷這幾個階段
1嘶居、頭腦風(fēng)暴 ?(產(chǎn)品經(jīng)理或老板發(fā)現(xiàn)一個需求)
2罪帖、思維導(dǎo)圖 (列舉這個APP的功能,滿足用戶的哪些需求)
3邮屁、原型圖的設(shè)計(jì) (一般由產(chǎn)品經(jīng)理或交互設(shè)計(jì)師完成)
4整袁、由視覺設(shè)計(jì)師根據(jù)交互原型圖完成頁面視覺設(shè)計(jì)
5、 切圖 (由視覺設(shè)計(jì)師更具移動端各個平臺的設(shè)計(jì)規(guī)范切出相應(yīng)的圖佑吝,供開發(fā)使用)
6坐昙、編譯階段 (開發(fā)人員完成)
7、測試 (由測試人員芋忿,交互設(shè)計(jì)師炸客,產(chǎn)品經(jīng)理疾棵,用戶體驗(yàn)設(shè)計(jì)師完成,看看有無bug,l流程是否完整痹仙,體驗(yàn)是否良好之類)
8是尔、一切都沒問題之后就會交給運(yùn)營經(jīng)行推廣,然后根據(jù)數(shù)據(jù)反饋开仰,進(jìn)入下一版的更新迭代
那么APP有哪些分類呢
我們打開APP store 或者安卓的應(yīng)用商店拟枚,已經(jīng)分好類了
常見的有,新聞類众弓,工具類梨州,娛樂類,社交類 (此類APP用戶粘性比較大田轧,有聊天屬性,已微信 微博 等平臺都有海量用戶鞍恢,如果想做傻粘,可以做小眾社交,更加垂直的帮掉,比如我們公司現(xiàn)在做的工控圈)弦悉,報(bào)刊雜志,財(cái)務(wù)類蟆炊,參考類稽莉,導(dǎo)航類,醫(yī)療類涩搓,圖書類污秆,天氣類,游戲類昧甘,兒童類良拼,教育類,購物類充边,攝影庸推,效率,美食浇冰,健康贬媒,旅游,音樂肘习,還有暑期專區(qū)际乘,本周推薦... 好多好多
了解了APP的這么多分類之后,那么我們想做一個什么樣的APP呢
一定要小眾垂直類的井厌,一定要滿足一部分用戶的需求蚓庭,不要做的很大致讥,要做的很精,不忘初心器赞。
想好要做一個什么樣的APP之后呢垢袱,就要思維導(dǎo)圖了,概念化的有Xmind 圖形化的有Axure RP ,等港柜,這一部分不重視軟件能力-關(guān)鍵是做有產(chǎn)品思維的產(chǎn)品(想法很重要)
接下來就是設(shè)計(jì)界面了请契,那么APP由哪些頁面構(gòu)成呢?
1夏醉、引導(dǎo)頁(walkthroughs) -- ?剛下載的用戶爽锥,或者新版本升級是會出現(xiàn),主要是功能介紹
2畔柔、閃屏頁(launchscreen) -- ?APP需要加載網(wǎng)絡(luò)資源氯夷,為了加載信息時用戶不會煩。那么閃屏有多少種呢靶擦,往下看
動態(tài)閃屏 (開眼APP ?等)
品牌閃屏 ?(主要是突出品牌)
廣告閃屏 ?(賺錢)
事件閃屏 (活動類腮考,大事件,由設(shè)計(jì)師設(shè)計(jì)相關(guān)事件閃屏玄捕,提升用戶體驗(yàn))
節(jié)日類閃屏 (提升好感度踩蔚,一般多以手繪為主)
3、FEED流 (activity feeds) -- ?下拉刷新會加載新內(nèi)容常見的 新聞類 ?朋友圈刷新 會增加新內(nèi)容枚粘。
4馅闽、導(dǎo)航欄(navigations) -- 分為標(biāo)題導(dǎo)航/功能導(dǎo)航/搜索導(dǎo)航
5、狀態(tài)欄 ( Status Bar) --沉浸式狀態(tài)欄/獨(dú)立狀態(tài)欄/無狀態(tài)欄(沒有時間顯示馍迄,游戲較多)
6福也、等待動畫 (loading) -- 下拉刷新時
7、設(shè)置界面(seeting) -- r任何APP都會有設(shè)置頁面 讓用戶進(jìn)行設(shè)置
8柬姚、標(biāo)簽欄(Tab Bar) -- 位于界面最下方拟杉,用于全局導(dǎo)航,方便快速切換功能量承,一般有四個icon,5個iocn的按鈕
9搬设、工具欄(Toolbar) -- 位于界面最下方,工具欄和標(biāo)簽欄在一個界面中只能出現(xiàn)一次撕捍。
接下來就就需要開始原型圖設(shè)計(jì)了一般用的工具時Axure(一般由產(chǎn)品經(jīng)理和交互設(shè)計(jì)師共同完成)
視覺設(shè)計(jì)階段? UI設(shè)計(jì)師會根據(jù)原型圖設(shè)計(jì)界面拿穴,從全局的角度做視覺設(shè)計(jì),而不是單純的美化工作忧风,需要了解整個頁面的邏輯默色。最后輸出各種圖片,界面切圖及界面的標(biāo)注狮腿。
用戶體驗(yàn)設(shè)計(jì)師? (這個一般會由產(chǎn)品經(jīng)理腿宰,交互設(shè)計(jì)師呕诉,?UI?設(shè)計(jì)師共同完成)
以用戶為核心的原則,保證功能和審美的平衡吃度。
開發(fā)? 開發(fā)會根據(jù)UI設(shè)計(jì)師輸出的界面標(biāo)注圖甩挫,產(chǎn)品提供的開發(fā)需求文檔開發(fā)功能,最終產(chǎn)出可以使用的界面
測試? APP開發(fā)完成后椿每,會由專門的測試人員伊者,看看功能會不會有問題,反饋給開發(fā)和UI設(shè)計(jì)人員進(jìn)行修改间护,
運(yùn)營? 接下來就是上線啦亦渗,運(yùn)用各種手段提升下載量,和產(chǎn)品曝光度汁尺,提高人氣法精,然后通過用戶反饋,進(jìn)行產(chǎn)品迭代痴突。