紀(jì)念冊(cè)app界面設(shè)計(jì)可用性研究

1、<p>　　紀(jì)念冊(cè)APP界面設(shè)計(jì)可用性研究</p><p><b>　　摘要： </b></p><p>　　文章基于可用性理論基礎(chǔ)，調(diào)查分析了市場(chǎng)上近似產(chǎn)品，并以“校友錄”為主要研究對(duì)象進(jìn)行深入研究，從色彩、圖形、頁面布局、交互流程等方面進(jìn)行探討。并對(duì)紀(jì)念冊(cè)產(chǎn)品進(jìn)行了現(xiàn)狀和前景分析，根據(jù)產(chǎn)品特性確定具體目標(biāo)群體并對(duì)目標(biāo)群體做出具體需求分析?；谶@些調(diào)查與分

2、析，設(shè)定“時(shí)光之書”APP的功能及頁面布局的方案。 </p><p><b>　　關(guān)鍵詞： </b></p><p>　　可用性 App紀(jì)念冊(cè) 界面設(shè)計(jì) 校友錄 </p><p>　　1.可用性理論基礎(chǔ) </p><p>　　隨著手機(jī)市場(chǎng)的火熱發(fā)展，促使了智能手機(jī)端的應(yīng)用也如火如荼地發(fā)展起來，可用性界面設(shè)計(jì)的研究也不單單

3、是以計(jì)算機(jī)為載體的這一方向，APP界面遵循可用性原則已被多數(shù)產(chǎn)品開發(fā)者認(rèn)可。 </p><p>　　可用性是指特定的用戶在特定的環(huán)境下使用產(chǎn)品并達(dá)到特定目標(biāo)的效力（Effectiveness）、效率（Efficiency）和滿意程度（Satisfaction）（國(guó)際標(biāo)準(zhǔn)化組織ISO9241-11，1998）。最先始于計(jì)算機(jī)，從可學(xué)習(xí)性、效率、可記憶性、出錯(cuò)、滿意度這五方面來解讀可用性，對(duì)于APP界面的可用性設(shè)計(jì)研

4、究，從中可以提取部分的可用性維度，從設(shè)計(jì)學(xué)的角度和用戶角度歸納和總結(jié)來研究APP界面設(shè)計(jì)的可用性。分別可以通過設(shè)計(jì)APP界面布局達(dá)到可視性從而使用戶產(chǎn)生可記憶性，流暢的APP交互流程設(shè)計(jì)可使用戶提高對(duì)產(chǎn)品的使用效率，增強(qiáng)用戶對(duì)產(chǎn)品的可學(xué)習(xí)性。設(shè)計(jì)學(xué)的角度和用戶角度歸納和總結(jié)來研究APP界面設(shè)計(jì)的可用性。 </p><p><b>　　2.用戶需求分析 </b></p><

5、p>　　伴隨著移動(dòng)互聯(lián)網(wǎng)的迅速發(fā)展，APP應(yīng)用已經(jīng)遍布全球，成為了一種新的大眾傳媒形式。按目前移動(dòng)互聯(lián)網(wǎng)的發(fā)展趨勢(shì)，未來中國(guó)移動(dòng)互聯(lián)網(wǎng)將出現(xiàn)爆發(fā)式的發(fā)展，APP應(yīng)用范圍之廣，數(shù)量之多，人們?cè)絹碓揭蕾囉贏PP應(yīng)用帶來的方便快捷、高效率的生活方式。在如今的信息時(shí)代，信息不再局限于文本格式，更多伴隨著語音信息和影像信息，而紙質(zhì)媒介漸漸被人遺忘，當(dāng)然，畢業(yè)紀(jì)念冊(cè)也面臨著相同的轉(zhuǎn)變，APP形式無疑是一種可以涵蓋更多不同信息形式的新型畢業(yè)紀(jì)念

6、冊(cè)。 </p><p><b>　　2.1產(chǎn)品分析 </b></p><p><b>　　現(xiàn)狀分析 </b></p><p>　　APP紀(jì)念冊(cè)相較于傳統(tǒng)紙質(zhì)紀(jì)念冊(cè)的優(yōu)勢(shì)在于可以涵蓋信息的多樣性，而相較于網(wǎng)頁版的紀(jì)念冊(cè)的優(yōu)勢(shì)在于滿足信息多元化的同時(shí)在使用時(shí)便捷性的提高。APP紀(jì)念冊(cè)在市場(chǎng)上不為少數(shù)，但是多數(shù)APP紀(jì)念冊(cè)多為自

7、己學(xué)校專用的形式，忽視了大多數(shù)大學(xué)生群體的市場(chǎng)；另外，在功能的設(shè)計(jì)上面，多將APP往社交類的方向進(jìn)行引導(dǎo)，眾所周知，社交類APP發(fā)展愈演愈烈，種類也是百花齊放，將紀(jì)念冊(cè)APP定位成社交類，反而模糊了本身的產(chǎn)品定位，阻礙發(fā)展。 </p><p><b>　　前景分析 </b></p><p>　　根據(jù)產(chǎn)品本身獨(dú)具的功能，應(yīng)該對(duì)紀(jì)念冊(cè)APP設(shè)定明確的產(chǎn)品定位，在功能上的設(shè)

8、定主要還原傳統(tǒng)紙質(zhì)紀(jì)念冊(cè)中的信息填寫，同學(xué)寄語等，減少社交類的功能。同時(shí)，APP形式可以展現(xiàn)對(duì)各種格式信息保存的功能，在功能設(shè)計(jì)中加入圖片信息、語音信息、視頻信息等是區(qū)別于市場(chǎng)中同類產(chǎn)品的一大特點(diǎn)。調(diào)查報(bào)告顯示，網(wǎng)站形式畢業(yè)紀(jì)念冊(cè)多數(shù)與打印相結(jié)合，轉(zhuǎn)向開始販?zhǔn)奂o(jì)念冊(cè)的印刷類產(chǎn)物，所以，紀(jì)念冊(cè)APP同時(shí)也可以融入此功能，不僅滿足大部分人群對(duì)APP形式便捷的需求，同時(shí)也可以滿足小部分人群對(duì)紙質(zhì)畢業(yè)紀(jì)念冊(cè)傳統(tǒng)感的追求，配合平面設(shè)計(jì)建立多模板，

9、為用戶提供多樣性的選擇空間，可見，這將擴(kuò)大用戶市場(chǎng)同時(shí)也是APP盈利的一大渠道。 </p><p>　　2.2目標(biāo)群體分析――以大學(xué)生為例 </p><p>　　APP紀(jì)念冊(cè)主要針對(duì)的人群集中在即將畢業(yè)的大學(xué)生，即將畢業(yè)的大學(xué)生對(duì)紀(jì)念冊(cè)是主要的需求對(duì)象，同時(shí)大學(xué)生也正是手機(jī)用戶的一大類人群，作為年輕的一代，對(duì)于新型模式的紀(jì)念冊(cè)排斥度會(huì)較小，接受度較高，而且善于接受新鮮事物，所以大學(xué)生人群作

10、為APP紀(jì)念冊(cè)的最開始推廣的對(duì)象。 </p><p>　　大學(xué)生群體對(duì)所選擇的手機(jī)服務(wù)具有明確的目的性，使用手機(jī)的動(dòng)機(jī)主要表現(xiàn)在滿足溝通、娛樂、學(xué)習(xí)等需求上，情感價(jià)值主要表現(xiàn)在對(duì)個(gè)性化、時(shí)尚、分享交流等的追求上?，F(xiàn)代信息的多元化，信息的交流和保存不再局限于文字的格式，更多的信息是圖片格式、語音格式和視頻格式，在APP紀(jì)念冊(cè)中加入超越普通紙質(zhì)紀(jì)念冊(cè)所不能滿足的語音和視頻信息的儲(chǔ)存交流功能既滿足大學(xué)生群體溝通的需求同

11、時(shí)也滿足大學(xué)生對(duì)個(gè)性化、時(shí)尚、分享交流的追求。 </p><p>　　3.紀(jì)念冊(cè)APP設(shè)計(jì)分析 </p><p>　　如今APP種類的多樣性，用戶對(duì)于選擇APP下載，首先是視覺感官的接觸，視覺效果先于技術(shù)功能，一款新型APP首先要面對(duì)的是大量競(jìng)品的市場(chǎng)格局，能否在用戶眼前脫穎而出，要針對(duì)用戶需求進(jìn)行視覺設(shè)計(jì)。所以在前期，首先進(jìn)行同類產(chǎn)品的視覺界面圖形元素和頁面布局等視覺設(shè)計(jì)的調(diào)查，根據(jù)調(diào)查

12、，得出滿足相應(yīng)需求的頁面元素。 </p><p>　　3.1視覺界面調(diào)查分析――以校友錄為例 </p><p>　　校友錄是一款關(guān)于學(xué)校同學(xué)錄的社交類APP，功能上比較多樣性，在具備聊天加好友的功能之外，APP考慮到校友這一資源，還加入招聘、婚戀、聚會(huì)、創(chuàng)業(yè)等輔助功能。本次調(diào)查主要從視覺界面上進(jìn)行深入展開。（如圖1） </p><p>　　首先，頁面布局中的導(dǎo)航元素

13、，校友錄主要采取的導(dǎo)航形式是標(biāo)簽導(dǎo)航、宮格導(dǎo)航、列表導(dǎo)航等多種導(dǎo)航組合形式，考慮到信息發(fā)布的有效性，有效的導(dǎo)航對(duì)用戶的行為有迎合和引導(dǎo)作用。從用戶的角度出發(fā)，在使用的過程中，標(biāo)簽導(dǎo)航形式更易于頻繁地在不同頁面之間的切換，宮格導(dǎo)航形式主要體現(xiàn)在“校友BBS”頁面中，將同等的功能全部聚合在一起，以圖形化形式呈現(xiàn)，讓用戶做出選擇，此外，在“個(gè)人中心”中，采用列表導(dǎo)航形式，能夠幫助用戶快速的定位到對(duì)應(yīng)的頁面，是必不可少的信息承載模式。 <

14、/p><p>　　其次，頁面布局中的圖形元素。顏色采用橙色和白色為主色調(diào)，灰色和黑色為輔助色，雖然顏色較少，但是整體視覺效果簡(jiǎn)潔大方，也是現(xiàn)在多數(shù)APP的慣用風(fēng)格。校友錄的圖標(biāo)采用橙色和白色組成，橙色占據(jù)大部分面積，雖然圖形簡(jiǎn)單，顏色單一，但僅需一瞥，便能使人印象深刻。在應(yīng)用市場(chǎng)中，圖標(biāo)顯示會(huì)比較大，但是在手機(jī)屏幕中占據(jù)的面積就小多了，更別說擠在小小的文件夾中，校友錄圖標(biāo)的設(shè)計(jì)特點(diǎn)反而能在用戶眼前脫穎而出。 　　最

15、后，校友錄APP中的小圖標(biāo)也是不可被忽視的，小圖標(biāo)往往代表著語言元素，用戶在使用中也正因?yàn)橛羞@些圖標(biāo)而使執(zhí)行行為更加直接了當(dāng)，一圖勝千言。在圖標(biāo)設(shè)計(jì)中在滿足APP主次分明的同時(shí)更要注重統(tǒng)一協(xié)調(diào)性，那便是小圖標(biāo)發(fā)揮語言功能的同時(shí)更加強(qiáng)了APP的整體品牌形象。 </p><p>　　3.2時(shí)光之書APP設(shè)計(jì)分析 </p><p>　　這是一款基于可以語音留言、影像傳遞的APP紀(jì)念冊(cè)。眾所周知，

16、電子相冊(cè)也曾風(fēng)靡網(wǎng)絡(luò)，無疑是將照片組合成一本冊(cè)子保存下來。然而如果將照片配上一段語音再保存，相信比起只是文字?jǐn)⑹鍪降谋４娓腥ず陀幸饬x的多，以語音留言的格式為同學(xué)留下一段祝福寄語，并能永久保存的話，意義的價(jià)值是翻倍的。影像傳遞功能便是以視頻的形式保存一段來自同學(xué)的記憶，相較于照片是一個(gè)動(dòng)態(tài)的更直觀的保存形式。將這些功能融入普通紀(jì)念冊(cè)中形成APP形式的畢業(yè)紀(jì)念冊(cè)，在APP中同時(shí)也具備翻頁等真實(shí)效果，保留用戶對(duì)原始紙質(zhì)紀(jì)念冊(cè)的感受，從用戶角

17、度出發(fā)，滿足了他們對(duì)現(xiàn)在信息多元化的追求，同時(shí)也是對(duì)同學(xué)之間情誼最好的保存。 </p><p>　　基于先前對(duì)校友錄APP視覺設(shè)計(jì)的調(diào)查分析，用戶界面設(shè)計(jì)的目標(biāo)是用戶在體驗(yàn)視覺界面的藝術(shù)感受時(shí)并能有效而快速的完成任務(wù)，通過頁面布局設(shè)計(jì)提高界面的可用性，使技術(shù)功能和視覺元素之間找到平衡，適用并滿足用戶需求。本次應(yīng)用界面采用顏色為綠色和白色為主，深灰色為輔，按鍵字體粗細(xì)得當(dāng)，大小適中，顏色與字體恰好的搭配給用戶清新簡(jiǎn)

18、潔的用戶體驗(yàn)，也彰顯了紀(jì)念冊(cè)APP青春文藝的特點(diǎn)：應(yīng)用主界面采用標(biāo)簽導(dǎo)航和頂部菜單和搜索框，標(biāo)簽導(dǎo)航更易于用戶在不同頁面之間頻繁切換，導(dǎo)航欄按鈕功能為首頁、朋友、信息、我的，可通過這些功能按鈕快速進(jìn)入軟件的核心功能，頂部右側(cè)的菜單打開后包括添加畢業(yè)紀(jì)念冊(cè)、設(shè)置、信息反饋等，搜索框可快速搜索到朋友為你留言的頁面。之后的二級(jí)頁面也將和用戶保持舒適流暢的交互形式。 </p><p>　　根據(jù)對(duì)校友錄等APP形式的紀(jì)念冊(cè)

19、的研究，校友錄的交互流程是以一種簡(jiǎn)單易學(xué)習(xí)的寬而淺的樹狀結(jié)構(gòu)，底部的導(dǎo)航形式可以隨時(shí)返回主界面，界面與用戶之間的交互簡(jiǎn)潔流暢，使用戶在短時(shí)間內(nèi)就能學(xué)會(huì)整個(gè)流程，值得參考。這里以用戶首次使用時(shí)光之書APP建立紀(jì)念冊(cè)為例（如圖5），用戶在進(jìn)入APP之前需要注冊(cè)登錄，創(chuàng)建紀(jì)念冊(cè)有兩種渠道，一是可以通過首頁中顯示的添加紀(jì)念冊(cè)的ICON，二是通過點(diǎn)擊右上方的按鈕的下拉菜單中的添加紀(jì)念冊(cè)按鈕，考慮到用戶學(xué)習(xí)生涯中的不同階段，所以紀(jì)念冊(cè)的添加數(shù)量并沒

20、有具體規(guī)定，用戶可以創(chuàng)建多個(gè)紀(jì)念冊(cè)，當(dāng)用戶擁有多本紀(jì)念冊(cè)的時(shí)候，可以通過下拉首頁頁面找到添加ICON，首頁中的紀(jì)念冊(cè)封面以圖片和年級(jí)、主題、簡(jiǎn)介等文字相組成。創(chuàng)建之后可以通過邀請(qǐng)好友來留言紀(jì)念冊(cè)，當(dāng)然用戶也可被好友邀請(qǐng)去留言，這些消息都會(huì)通過底部導(dǎo)航中的信息頁面中顯示提醒。 </p><p>　　該項(xiàng)目受新苗資助，本人屬于新苗項(xiàng)目2015R407048，項(xiàng)目“‘時(shí)光之書’――基于發(fā)聲留言、影像傳遞的電子畢業(yè)紀(jì)念冊(cè)