基于用戶(hù)體驗(yàn)的界面設(shè)計(jì)——習(xí)柚和蘑菇丁

1、職業(yè)技術(shù)學(xué)院畢業(yè)論文 畢業(yè)論文題目：基于用戶(hù)體驗(yàn)的界面設(shè)計(jì)習(xí)柚和蘑菇丁 學(xué)生姓名： 學(xué) 號(hào)： 班 級(jí): 專(zhuān) 業(yè)： 指導(dǎo)教師： 基于用戶(hù)體驗(yàn)的界面設(shè)計(jì)習(xí)柚和蘑菇丁摘要基于用戶(hù)體驗(yàn)的APP界面設(shè)計(jì)是從廣泛收集及調(diào)查目標(biāo)用戶(hù)（此次研究的用戶(hù)群體是實(shí)習(xí)生）的喜好和需求的調(diào)研開(kāi)始，然后綜合應(yīng)用各種技術(shù)手段，設(shè)計(jì)出有創(chuàng)意又實(shí)用的產(chǎn)品的過(guò)程。這個(gè)過(guò)程不是簡(jiǎn)單的元素堆砌，而是通過(guò)特定用戶(hù)群體的需求以及習(xí)慣設(shè)置內(nèi)容和安排布局。站在用戶(hù)的角度設(shè)計(jì)產(chǎn)品，同時(shí)又能夠讓用戶(hù)更好適應(yīng)產(chǎn)品。伴隨著互聯(lián)網(wǎng)的普及，參與其中的實(shí)習(xí)生比例越來(lái)越高。根據(jù)網(wǎng)民規(guī)模及上網(wǎng)行為調(diào)查報(bào)告顯示，到2017年為止，在中國(guó)已經(jīng)有8958.2萬(wàn)名網(wǎng)

2、民為實(shí)習(xí)生，實(shí)習(xí)生在工作時(shí)候的互聯(lián)網(wǎng)滲透率高至51%，其中有67.7%的實(shí)習(xí)生明確地說(shuō)對(duì)于他們來(lái)說(shuō)，最受歡迎的媒體形式就是互聯(lián)網(wǎng)。由此可見(jiàn)，移動(dòng)端應(yīng)用這股颶風(fēng)已經(jīng)猛烈地刮入了就業(yè)圈，實(shí)習(xí)類(lèi)APP這一新興市場(chǎng)更開(kāi)始被不少創(chuàng)業(yè)者垂涎。不過(guò)，相比于國(guó)外，國(guó)內(nèi)實(shí)習(xí)生移動(dòng)端應(yīng)用的市場(chǎng)起步較晚，目前還處于發(fā)展階段，但需求帶來(lái)發(fā)展空間，必然積極影響著市場(chǎng)。關(guān)鍵詞：實(shí)習(xí)生；用戶(hù)體驗(yàn)；市場(chǎng)；發(fā)展受限；前景目 錄 1 摘要12 實(shí)習(xí)類(lèi)APP中國(guó)市場(chǎng)發(fā)展現(xiàn)狀13 實(shí)習(xí)類(lèi)APP發(fā)展瓶頸14 關(guān)于實(shí)習(xí)生閱讀應(yīng)用的調(diào)研和設(shè)計(jì)14.1 確定產(chǎn)品定位24.2 設(shè)計(jì)交互原型24.3 設(shè)計(jì)思路24.4 針對(duì)實(shí)習(xí)生應(yīng)用的設(shè)計(jì)要點(diǎn)3

3、5 實(shí)習(xí)生APP市場(chǎng)發(fā)展前景45.1 優(yōu)化軟件內(nèi)容提升用戶(hù)信任度45.2 巧用營(yíng)銷(xiāo)策略46 總結(jié)4參考文獻(xiàn)6致謝72 實(shí)習(xí)類(lèi)APP中國(guó)市場(chǎng)發(fā)展現(xiàn)狀現(xiàn)在存在于市場(chǎng)上開(kāi)發(fā)實(shí)習(xí)生移動(dòng)端應(yīng)用的公司較多，按照經(jīng)營(yíng)模式，可分為以下三類(lèi)。第一類(lèi)是自從公司成立，實(shí)習(xí)生應(yīng)用軟件的開(kāi)發(fā)和分享就是他們專(zhuān)注的業(yè)務(wù)。如工程師爸爸，它設(shè)計(jì)虛擬實(shí)習(xí)交流社區(qū)以此滿(mǎn)足實(shí)習(xí)生關(guān)于實(shí)習(xí)工作上的需求，并且在這里提供準(zhǔn)確的教育信息給實(shí)習(xí)生。第二類(lèi)是公司成立初期專(zhuān)注于軟件開(kāi)發(fā)但目標(biāo)用戶(hù)并不是實(shí)習(xí)生，隨后才涉足實(shí)習(xí)生領(lǐng)域，這種公司在發(fā)展進(jìn)程中一般會(huì)跟公司企業(yè)進(jìn)行合作。第三類(lèi)是公司的轉(zhuǎn)型，常規(guī)實(shí)習(xí)類(lèi)中介轉(zhuǎn)向基于互聯(lián)網(wǎng)的實(shí)習(xí)生教育軟件開(kāi)發(fā)。3

4、 實(shí)習(xí)類(lèi)APP發(fā)展瓶頸APP發(fā)展受制于中國(guó)傳統(tǒng)實(shí)習(xí)中介的思路。實(shí)習(xí)生移動(dòng)端應(yīng)用市場(chǎng)是的典型的付費(fèi)者、用戶(hù)分離的市場(chǎng)，實(shí)習(xí)生雖然是軟件的直接用戶(hù)，但實(shí)習(xí)單位是付費(fèi)者。為實(shí)習(xí)生選擇合適的實(shí)習(xí)要求是實(shí)習(xí)單位做出的選擇。產(chǎn)品無(wú)特點(diǎn)。主要由兩個(gè)原因?qū)е拢旱谝?，?shí)習(xí)生APP市場(chǎng)抄襲情況嚴(yán)重，這是由市場(chǎng)環(huán)境和版權(quán)制度的不完善導(dǎo)致。第二，有些公司的管理層較為短視，他們追求短期的收益以及更新的速度，卻沒(méi)有通過(guò)有效的市場(chǎng)反饋機(jī)制完善內(nèi)容。這都是實(shí)習(xí)生APP市場(chǎng)充斥著大量?jī)?nèi)容上相差無(wú)幾的軟件原因。4 關(guān)于實(shí)習(xí)生閱讀應(yīng)用的調(diào)研和設(shè)計(jì)一個(gè)完整的交互原型的設(shè)計(jì)和制作，大致分為以下幾個(gè)步驟：（1）選定目標(biāo)用戶(hù)進(jìn)行調(diào)研；（2

5、）分析產(chǎn)品定位；（3）通過(guò)流程圖展現(xiàn)出層級(jí)關(guān)系，要考慮到層次不可太深，以防止用戶(hù)產(chǎn)生厭煩情緒；（4）用交互示意草圖來(lái)表現(xiàn)思維過(guò)程，借助便簽紙等工具定義交互元素；（5）完成虛擬測(cè)試；（6）借助軟件（Photoshop、After Effect等）將原型架構(gòu)、交互方式以動(dòng)態(tài)方式呈現(xiàn)出來(lái)。4.1 確定產(chǎn)品定位根據(jù)設(shè)計(jì)中的“五W”原則（分別為What產(chǎn)品內(nèi)容；Who用戶(hù)群體；When使用時(shí)段；Where使用地點(diǎn)，是否處于互聯(lián)網(wǎng)連接的狀態(tài)；Why產(chǎn)品設(shè)計(jì)目的）來(lái)確定產(chǎn)品的定位和各方面的交互設(shè)計(jì)方向。對(duì)用戶(hù)習(xí)性進(jìn)行了各種分析，以便讓?xiě)?yīng)用的設(shè)計(jì)更順利開(kāi)展，并完成了一系列的頭腦風(fēng)暴，最終得到產(chǎn)品定位：一款為實(shí)

6、習(xí)生設(shè)計(jì)的工作導(dǎo)向的APP，可進(jìn)行學(xué)習(xí)和實(shí)習(xí)，提供下載功能，取名為“蘑菇丁”。4.2 設(shè)計(jì)交互原型4.2.1 確定應(yīng)用的基本架構(gòu)歡迎界面加載界面；用戶(hù)登錄界面；簽到、實(shí)習(xí)崗位、周記、SOS、找工作、出國(guó)留學(xué)、旅游以及剩下的選擇，在基本頁(yè)面之外，你能看見(jiàn)其他人的生活與工作情況，你能與工作崗直接溝通，尋找自己合適的機(jī)遇。4.2.2 繪制原型草圖在實(shí)習(xí)期間，可以和成員們分別工作，形成的成果可以一起溝通交流，只是通過(guò)互聯(lián)網(wǎng)，并將相應(yīng)交互方式用文字等加以注釋?zhuān)允窘缑嬷g的層級(jí)關(guān)系，得到所有小組成員的部分手稿。4.3 設(shè)計(jì)思路4.3.1 歡迎界面加載動(dòng)畫(huà)因?yàn)橹饕鼙娛菍?shí)習(xí)生，所以背景應(yīng)當(dāng)用柔和簡(jiǎn)單的色塊

7、表現(xiàn)。極簡(jiǎn)主義可以減少壓力，頁(yè)面加載可能需要等候，在這段時(shí)間內(nèi)需要有趣的加載動(dòng)畫(huà)來(lái)吸引注意力，不會(huì)使得他們因?yàn)榈群虻臒o(wú)趣而放棄對(duì)應(yīng)用的使用。所以，刪掉了原本在頁(yè)面下方枯燥的進(jìn)度條，更加減少掉大家的枯燥感受。4.3.2 用戶(hù)登錄界面這個(gè)界面中，實(shí)習(xí)生要輸入自己的昵稱(chēng)、性別（旁邊的人物會(huì)根據(jù)性別進(jìn)行變化）、年齡（輸入年齡是提示系統(tǒng)提供用戶(hù)可用的信息）、換裝（實(shí)習(xí)生可根據(jù)自己的喜好，為自己“私人定制”一個(gè)自己專(zhuān)屬的人偶，為她/他更換各種服飾）。4.3.3 閱讀主題和課程選擇確認(rèn)個(gè)人信息后進(jìn)入主題選擇界面，通過(guò)點(diǎn)擊翻頁(yè)按鈕可以切換不同的主題，選定主題后，點(diǎn)擊進(jìn)入，界面上會(huì)出現(xiàn)于此主題相關(guān)的一張圖片，通

8、過(guò)甩動(dòng)手機(jī)將圖片變成拼圖，被收集在右側(cè)收起的邊欄里，當(dāng)圖片被拆成拼圖后，圖片會(huì)被隱藏起來(lái)，每一塊都本主題內(nèi)的一個(gè)小模塊；從右拉菜單中隨意選定一塊拼圖，會(huì)自動(dòng)被放置在正確的位置，每個(gè)模塊的課程都可以被收藏，實(shí)習(xí)生將本主題內(nèi)的課程全部完成，這張圖回作為背景皮膚的獎(jiǎng)勵(lì)與其他獎(jiǎng)勵(lì)機(jī)制一同更新進(jìn)書(shū)包。4.3.4個(gè)人收藏 APP的使用過(guò)程中，都會(huì)有一個(gè)未打開(kāi)的書(shū)包出現(xiàn)在屏幕的右下角，這個(gè)就是個(gè)人收藏，點(diǎn)擊書(shū)包，會(huì)顯示：收藏的圖書(shū)、課程、獎(jiǎng)品、以及分享功能（可以與共同使用此應(yīng)用的小伙伴一同分享課程或者游戲，在此過(guò)程中提升實(shí)習(xí)生的興趣）。點(diǎn)擊書(shū)包后，書(shū)包打開(kāi)，里面的內(nèi)容以動(dòng)畫(huà)的形式從中“躍出”，這樣的方式對(duì)于

9、實(shí)習(xí)生的視覺(jué)來(lái)說(shuō)更加直觀和清晰。4.4 針對(duì)實(shí)習(xí)生應(yīng)用的設(shè)計(jì)要點(diǎn)4.4.1 手勢(shì)操作中，箭頭式按鈕使用方便翻頁(yè)操作最常見(jiàn)的形式有兩種：觸摸式箭頭和翻頁(yè)手勢(shì)。相比于很容易觸發(fā)不當(dāng)操作的翻頁(yè)手勢(shì)，觸摸式箭頭的翻頁(yè)方式更適合忙碌時(shí)候，精確度也更高。4.4.2 放置交互功能的位置要盡量避免將交互功能設(shè)置于移動(dòng)設(shè)備底端，因?yàn)閷?duì)于實(shí)習(xí)生來(lái)說(shuō)這是一個(gè)非常敏感的區(qū)域，他們免不了觸碰到該區(qū)域從而娛樂(lè)過(guò)程會(huì)被干擾甚至中斷，隨即用戶(hù)體驗(yàn)也會(huì)因此大打折扣；并且，大多數(shù)人擅長(zhǎng)于右手操作，所以要將交互功能更多地放在屏幕右側(cè)。綜上所述，屏幕右側(cè)偏上是放置交互功能的最佳位置。4.4.3 切忌包括誘發(fā)式操作如果APP中包含誘發(fā)

10、購(gòu)買(mǎi)行為的操作，那么這款A(yù)PP會(huì)影響發(fā)展。為此，蘋(píng)果公司于2013年8月16日向開(kāi)發(fā)者發(fā)布了應(yīng)用評(píng)審規(guī)定，尤其對(duì)實(shí)習(xí)生應(yīng)用的相關(guān)規(guī)則做出了進(jìn)一步說(shuō)明。新規(guī)定說(shuō)明，用戶(hù)群體減少包括用戶(hù)行為廣告，例如：購(gòu)物廣告、推銷(xiāo)廣告。減少厭煩的感覺(jué)，使他成為單純的應(yīng)用型App。5 實(shí)習(xí)生APP市場(chǎng)發(fā)展前景5.1 優(yōu)化軟件內(nèi)容，提升用戶(hù)信任度從集中力量研發(fā)技術(shù)轉(zhuǎn)向內(nèi)容研發(fā)應(yīng)當(dāng)是相關(guān)企業(yè)豐富軟件內(nèi)涵的主要方向。以下三個(gè)方式可以助轉(zhuǎn)型一臂之力：第一，按期對(duì)開(kāi)發(fā)者提供相關(guān)實(shí)習(xí)生知識(shí)的專(zhuān)題講座；第二，嚴(yán)格劃分軟件類(lèi)別是軟件開(kāi)發(fā)人員的主要職責(zé)之一，對(duì)實(shí)習(xí)類(lèi)APP應(yīng)當(dāng)突出教育意義，以便逐步贏得信任；第三，在應(yīng)用開(kāi)發(fā)初期、開(kāi)

11、發(fā)中以及后期使用中都加強(qiáng)市場(chǎng)調(diào)研，從實(shí)習(xí)生身上及時(shí)得到反饋并進(jìn)行完善。當(dāng)軟件內(nèi)容的價(jià)值得到提升后，自然會(huì)作為用人單位對(duì)實(shí)習(xí)生教育投資的一部分。5.2 巧用營(yíng)銷(xiāo)策略，贏得市場(chǎng)第一，彈性定價(jià)。用戶(hù)往往會(huì)對(duì)過(guò)高價(jià)格的軟件望而卻步，而持續(xù)的免費(fèi)又不能夠支撐公司對(duì)其的開(kāi)發(fā)和維護(hù)?，F(xiàn)在很多公司通過(guò)限時(shí)免費(fèi)策略獲得用戶(hù)的青睞和關(guān)注。第二，開(kāi)放下載論壇。論壇能夠?yàn)橄胍窒硎褂眯牡玫挠脩?hù)提供合適的平臺(tái)，并且在跟用戶(hù)溝通中可以得到有力的改進(jìn)方向，同時(shí)積極的互動(dòng)也幫助用戶(hù)更好了解產(chǎn)品的理念，繼而增加用戶(hù)黏性。第三，線(xiàn)上線(xiàn)下活動(dòng)的融合。線(xiàn)下活動(dòng)的重心在戶(hù)外，公司有機(jī)會(huì)通過(guò)面對(duì)面的交流對(duì)目標(biāo)用戶(hù)有更深入了解以便更好服務(wù)

12、于他們。線(xiàn)下推廣活動(dòng)需要定期開(kāi)展，線(xiàn)上協(xié)助增加宣傳力度。6 結(jié)語(yǔ)該項(xiàng)目立題為基于用戶(hù)體驗(yàn)的界面設(shè)計(jì)習(xí)柚和蘑菇丁，目標(biāo)是了解能夠滿(mǎn)足用戶(hù)使用需求的APP。為了適應(yīng)時(shí)代需求，做出操作更方便、簡(jiǎn)單、流暢，界面更優(yōu)化的APP界面，我們做了的一系列調(diào)研和實(shí)踐，這都將輔助于最終的實(shí)現(xiàn)。根據(jù)調(diào)查，“蘑菇丁”是一款專(zhuān)業(yè)的實(shí)習(xí)就業(yè)管理平臺(tái)，提供的是高職院校實(shí)習(xí)就業(yè)一站式解決方案。依托以頂崗實(shí)習(xí)標(biāo)準(zhǔn)為基礎(chǔ)，設(shè)計(jì)的全流程化管理SAAS服務(wù)系統(tǒng)為載體，搭建實(shí)習(xí)生、教師、企業(yè)三方互通。為百萬(wàn)實(shí)習(xí)生提供安全、便捷的招聘信息，也為企業(yè)帶來(lái)初級(jí)人才。他在界面設(shè)計(jì)上實(shí)現(xiàn)了滿(mǎn)足用戶(hù)的基本需求，達(dá)到簡(jiǎn)單而實(shí)用。參考文獻(xiàn)1 任美琪, 謝慶森. 手機(jī)交互界面中圖標(biāo)的隱喻設(shè)計(jì)研究J. 天津: 河北工業(yè)大學(xué), 2014.2 趙志俊, 張凌浩. 智能app界面用戶(hù)體驗(yàn)原則與設(shè)計(jì)策略研