雙擊安裝字體，安裝后重啟PPT請(qǐng)安裝字體山東科技職業(yè)學(xué)院交互界面設(shè)計(jì)UIdesignUI設(shè)計(jì)UIdesign山東科技職業(yè)學(xué)院4.1APP概念、類型與開發(fā)流程講課人：田雨學(xué)習(xí)目的1.了解APP的概念2.了解常見APP類型3.了解APP的開發(fā)流程APP的概念4.1.1APP的概念A(yù)PP是Application的縮寫，也稱APP軟件、APP應(yīng)用或APP客戶端等，是運(yùn)行在手機(jī)系統(tǒng)上的應(yīng)用程序，它為用戶提供了諸多便捷，讓用戶隨時(shí)隨地實(shí)現(xiàn)購(gòu)物、瀏覽網(wǎng)頁、社交、學(xué)習(xí)和游戲等操作。常見APP類型4.1.2常見APP類型一、生活服務(wù)類從簡(jiǎn)單的天氣預(yù)報(bào)到復(fù)雜的繳費(fèi)、購(gòu)物和訂餐等，提供這類服務(wù)的APP便屬于生活服務(wù)類APP。這類APP的界面布局簡(jiǎn)潔整齊，用色比較柔和，界面元素多采用圓角設(shè)計(jì)，能給用戶大方和親切的心理感覺。常見的有京東、美團(tuán)外賣、手機(jī)淘寶和攜程旅行等。4.1.2常見APP類型二、影音娛樂類影音娛樂類APP的內(nèi)容主要以視頻和音頻為主。這類APP的界面多采用圖文結(jié)合的形式整齊排列各個(gè)版塊，以精美的大尺寸圖片作為頁面主要信息，目的是突出熱門信息，吸引用戶視線。常見的影音娛樂類APP有愛奇藝、騰訊視頻、嗶哩嗶哩、華為視頻、酷狗音樂等。4.1.2常見APP類型三、社交類社交類APP涵蓋范圍很廣，比如我們每天都在用的QQ、微信、微博、抖音、釘釘?shù)龋紝儆谏缃活怉PP的范疇。隨著信息技術(shù)的發(fā)展，一些電商、教育、資訊、直播和游戲等APP也融入了聊天和通話功能，使得這些APP具備的社交屬性。4.1.2常見APP類型四、教育學(xué)習(xí)類根據(jù)教育內(nèi)容和用途的不同，這類APP內(nèi)容以視頻和文章為主，頁面布局與影音娛樂類APP的布局方式相似。常見的教育學(xué)習(xí)類APP有騰訊課堂、虎課、學(xué)浪等。4.1.2常見APP類型五、游戲類與其他類型的APP相比，游戲類APP更強(qiáng)調(diào)沉浸式的用戶體驗(yàn)。在游戲中，界面的狀態(tài)欄、導(dǎo)航欄和標(biāo)簽欄都將被隱藏，取而代之的是全屏的游戲界面，這樣能使用戶更專注游戲內(nèi)容。近年來，游戲APP產(chǎn)業(yè)發(fā)展迅猛，比較突出的有皇室戰(zhàn)爭(zhēng)、王者榮耀、荒野行動(dòng)和開心消消樂等。APP開發(fā)流程4.1.3APP開發(fā)流程一款A(yù)PP的開發(fā)需要經(jīng)過多個(gè)環(huán)節(jié)，每個(gè)環(huán)節(jié)人員的工作內(nèi)容不同但彼此聯(lián)系。為了更好地開展設(shè)計(jì)工作，我們需要簡(jiǎn)單了解該流程的各個(gè)環(huán)節(jié)，如下圖所示。4.1.3APP開發(fā)流程一款A(yù)PP的開發(fā)需要經(jīng)過多個(gè)環(huán)節(jié)，每個(gè)環(huán)節(jié)人員的工作內(nèi)容不同但彼此聯(lián)系。為了更好地開展設(shè)計(jì)工作，我們需要簡(jiǎn)單了解該流程的各個(gè)環(huán)節(jié)，如下圖所示。二維動(dòng)畫4.1.3APP開發(fā)流程二維動(dòng)畫一、產(chǎn)品規(guī)劃0102030405PM收集需求確定整體規(guī)劃和功能模塊繪制產(chǎn)品結(jié)構(gòu)圖制作低保真原型形成詳細(xì)開發(fā)需求文檔4.1.3APP開發(fā)流程一、產(chǎn)品規(guī)劃01PM收集需求02確定整體規(guī)劃和功能模塊0304繪制產(chǎn)品結(jié)構(gòu)圖制作低保真原型在APP開發(fā)前，首先由產(chǎn)品經(jīng)理(PM)收集需求，如產(chǎn)品定義、競(jìng)品調(diào)研等，形成分析報(bào)告。產(chǎn)品經(jīng)理根據(jù)需求確定項(xiàng)目整體規(guī)劃和系統(tǒng)功能模塊等。然后使用專業(yè)的產(chǎn)品結(jié)構(gòu)圖制作軟件(如Xmind)繪制產(chǎn)品結(jié)構(gòu)圖，接著根據(jù)產(chǎn)品結(jié)構(gòu)圖簡(jiǎn)略手繪原型或使用快速原型設(shè)計(jì)工具(如AxureRP)制作低保真原型。最后經(jīng)過產(chǎn)品經(jīng)理、開發(fā)和設(shè)計(jì)的反復(fù)討論后，形成詳細(xì)的開發(fā)需求文檔。4.1.3APP開發(fā)流程一、產(chǎn)品規(guī)劃1.低保真原型低保真原型也稱交互原型，一般由產(chǎn)品經(jīng)理或交互設(shè)計(jì)師完成，主要用來說明產(chǎn)品功能、邏輯結(jié)構(gòu)和基本布局。2.高保真原型是指由交互設(shè)計(jì)師根據(jù)低保真原型制作的無限接近最終產(chǎn)品的線框圖，用來表現(xiàn)產(chǎn)品流程、邏輯、布局、視覺效果和操作狀態(tài)等。4.1.3APP開發(fā)流程二、設(shè)計(jì)1.交互設(shè)計(jì)師（UX）會(huì)將低保真原型進(jìn)一步優(yōu)化，并更多考慮用戶操作流程、信息架構(gòu)、交互細(xì)節(jié)和頁面效果，最終完成高保真原型。2.視覺設(shè)計(jì)師（UI）需要在充分了解整個(gè)頁面邏輯的前提下，根據(jù)高保真原型完成設(shè)計(jì)稿，該環(huán)節(jié)最終產(chǎn)物是頁面切圖和標(biāo)注。4.1.3APP開發(fā)流程二、設(shè)計(jì)3.用戶體驗(yàn)設(shè)計(jì)（UE）原則是以用戶為核心，保證產(chǎn)品的功能與審美平衡。在這一階段要通過各種途徑讓目標(biāo)用戶體驗(yàn)產(chǎn)品，分析目標(biāo)用戶群的習(xí)慣、行為、感情、思考、語言或動(dòng)機(jī)等，可以讓你做出更好的設(shè)計(jì)。4.1.3APP開發(fā)流程三、開發(fā)程序員根據(jù)設(shè)計(jì)團(tuán)隊(duì)提供的高保真原型、頁面切圖和標(biāo)注搭建頁面，根據(jù)產(chǎn)品經(jīng)理提供的開發(fā)需求文檔開發(fā)功能，最終完成APP的開發(fā)。4.1.3APP開發(fā)流程四、測(cè)試

APP開發(fā)完成后，測(cè)試人員需要對(duì)APP的功能、兼容性、容錯(cuò)性、性能效率、易用性、壓力和信息安全等問題進(jìn)行測(cè)試，并將發(fā)現(xiàn)的問題及時(shí)反饋給開發(fā)人員或設(shè)計(jì)人員進(jìn)行修改。之后，測(cè)試人員做上線前的最終測(cè)試。測(cè)試過程中視覺設(shè)計(jì)師需要與測(cè)試人員相互協(xié)作，找出開發(fā)后的頁面與原型之間的差別，從而使APP與原型的規(guī)格一致。4.1.3APP開發(fā)流程五、上線通過測(cè)試后，運(yùn)營(yíng)人員負(fù)責(zé)將產(chǎn)品發(fā)布到蘋果商店和各大安卓市場(chǎng)，并通過各種手段（微博宣傳、投放廣告或