【正文】 基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 第 3 頁(yè) 共 48 頁(yè) 手機(jī)設(shè)備背景 移動(dòng)電話(huà)，俗稱(chēng)為手機(jī)。 隨著用戶(hù)有著越來(lái)越多的同類(lèi)產(chǎn)品可以選擇，用戶(hù)會(huì)更注重他們使用這些產(chǎn)品的過(guò)程中所需要的時(shí)間成本、學(xué)習(xí)成本和情緒感受。用戶(hù)操作行為研究則通過(guò)錄像、筆記等方式將用戶(hù)使用產(chǎn)品的操作全過(guò)程記錄下來(lái)，以此研究用戶(hù)的操作步驟，其中重點(diǎn)分析其與產(chǎn)品原先的操作設(shè)想的不同，這些不同點(diǎn)就是在產(chǎn)品設(shè)計(jì)過(guò)程中對(duì)用戶(hù)產(chǎn)生的干擾。如表 所示， IOS、 Android 系統(tǒng)的觸屏手機(jī)與電腦的常見(jiàn)硬件對(duì)比。 基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 第 14 頁(yè) 共 48 頁(yè) 第四部分 基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)原則研究 適配原則 如今的手機(jī)屏幕尺寸越來(lái)越大，但是最大也不過(guò) 寸，相對(duì)電腦來(lái)說(shuō)還是相差甚遠(yuǎn)，因此在如此狹小的屏幕上做設(shè)計(jì)是個(gè)很大的挑戰(zhàn)。當(dāng)面對(duì)很多操作的時(shí)候，也要分清主次關(guān)系，注意哪些是希望用用戶(hù)去做的，經(jīng)常做的，哪些是不希望用戶(hù)做的，不常做的，而對(duì)于希望用戶(hù)去做的操作還要進(jìn)一步分清主次關(guān)系。 基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 第 21 頁(yè) 共 48 頁(yè) 圖 遇見(jiàn)注冊(cè)頁(yè)面 適當(dāng)?shù)仉[藏功能可以很大程度簡(jiǎn)化產(chǎn)品設(shè)計(jì)，但是切記要精準(zhǔn)控制隱藏，要是用戶(hù)需要時(shí)能夠找得到，否則 效果會(huì)適得其反。用戶(hù)每做出一個(gè)操作，都希望能及時(shí)收到信息的反饋。 用戶(hù)對(duì)某一樣式有了認(rèn)知以后，根據(jù)用戶(hù)的心理模型，用戶(hù)使用其他類(lèi)似樣式的時(shí)候會(huì)很自然地想到之前所認(rèn)知的，也會(huì)做同樣的操作。但是再酷的圖標(biāo)，如果不能立刻清晰地讓用戶(hù)知曉其意圖，那也是個(gè)失敗的作品。由于手機(jī)屏幕的局限性，通過(guò)手機(jī)輸入大量信息是很繁瑣的事情，更別說(shuō)輸入大量隱私信息。然后可以適當(dāng)給用戶(hù)發(fā)些提醒，但一定要注意措辭要幽默與人性化一些。 設(shè)計(jì)流程時(shí)要注意留出明顯地后退操作，不能使用戶(hù)進(jìn)入某個(gè)操作后返回的成本太高。問(wèn)答題和有需要補(bǔ)充回答的直接寫(xiě)在題目以及選項(xiàng)后的橫線(xiàn)上。要適當(dāng)給用戶(hù)出乎意料的功能以滿(mǎn)足需求。驚喜可 以以獎(jiǎng)勵(lì)的方式出現(xiàn)，可以出乎用戶(hù)意料，超出用戶(hù)的期望值會(huì)給用戶(hù)帶來(lái)更多的快樂(lè)，也會(huì)使用戶(hù)更加忠實(shí)產(chǎn)品。 用戶(hù)進(jìn)門(mén)后 app 首先我們要知道用戶(hù)大部分時(shí)間使用手機(jī)應(yīng)用的時(shí)候是掃描而不 是閱讀，不同于電腦，使用手機(jī)的場(chǎng)景是變化的，并且用戶(hù)的時(shí)間是寶貴，用戶(hù)不會(huì)花太多時(shí)間去研究手機(jī)應(yīng)用上的所有功能，只會(huì)尋找并使用對(duì)自己有用的信息與功能。目前大部分的程序都是顯示二維內(nèi)容，而實(shí)物都是三維的實(shí)體，兩種控制方式與操作手法還是有很大的差別。 圖 美團(tuán)網(wǎng)某商品展示頁(yè)面 如圖 所示的美團(tuán)網(wǎng)的某商品展示頁(yè)面，立即搶購(gòu) 的按鈕相比其他文字顯得格外突出，并且始終駐留在頁(yè)面上，無(wú)形中也在暗示用戶(hù)購(gòu)買(mǎi)。 圖 360 手機(jī)助手電腦版與手機(jī)版 靈巧轉(zhuǎn)移的精妙之處就在于將適合的任務(wù)交給適合的設(shè)備去做，進(jìn)而減輕原先設(shè)備的負(fù) 擔(dān)，起到簡(jiǎn)化功能的設(shè)計(jì)。 圖 遇見(jiàn)應(yīng)用注冊(cè)頁(yè)面 對(duì)產(chǎn)品功能重新組織是產(chǎn)品設(shè)計(jì)的常見(jiàn)方法，但是在組織功能的時(shí)候往往會(huì)遇到很多問(wèn)題，要考慮尺寸、視覺(jué)色彩、形狀、功能搭配等，所以這時(shí)做組織的時(shí)候要有一個(gè)權(quán)重，只強(qiáng)調(diào)幾個(gè)主題，按照這幾個(gè)主題去組織，主題太多會(huì)擾亂用戶(hù)。雖說(shuō)市場(chǎng)上的同類(lèi)產(chǎn)品很多，但這些產(chǎn)品大多張牙舞爪 地四處掠地，恨不得把所有應(yīng)用功能集于一身。如今的產(chǎn)品需求正朝著查看附近的情況（ LBS）、基于商務(wù)的 O2O 應(yīng)用與社交 SNS等等方向發(fā)展。每個(gè)維量作五級(jí)記分。 課題研究分析 圖 用戶(hù)使用行為軌跡圖 用戶(hù)使用行為是指用戶(hù)為獲取、使用物品或服務(wù)所采取的各種行基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 第 7 頁(yè) 共 48 頁(yè) 動(dòng)，用戶(hù)對(duì)產(chǎn)品首先需要有一個(gè)認(rèn)知、熟悉的過(guò)程。 現(xiàn)代設(shè)計(jì)的趨勢(shì)是以人為本 ,關(guān)注人的感受和情感。讓消費(fèi)者從心理、視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)等全方位得到滿(mǎn)足。最后得出了 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)的 6 個(gè)設(shè)計(jì)原則 ，還針對(duì)對(duì)用戶(hù)情感化研究提出了一些可行性設(shè)計(jì)方法與建議。通過(guò)線(xiàn)上問(wèn)卷調(diào)查、線(xiàn)下用戶(hù)訪(fǎng)談的方式深入了解了用戶(hù)使用手機(jī)應(yīng)用的方式，收集了大量關(guān)于使用手機(jī)應(yīng)用時(shí)的交互數(shù)據(jù)，運(yùn)用 主觀(guān)體驗(yàn)測(cè)量方法對(duì)數(shù)據(jù)進(jìn)行客觀(guān)科學(xué)地分析。就是洞悉消費(fèi)者的心理，并依據(jù)消費(fèi)者的心理，考慮消費(fèi)者的使用習(xí)慣，將產(chǎn)品設(shè)計(jì)的更人性化，更舒適，更博得消費(fèi)者的喜愛(ài)，走進(jìn)消費(fèi)者心中。近基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 第 4 頁(yè) 共 48 頁(yè) 年來(lái)，用戶(hù)體驗(yàn)研究在很多互聯(lián)網(wǎng)的大企業(yè)中也越來(lái)越受重視，甚至成立專(zhuān)門(mén)的用戶(hù)體驗(yàn)部門(mén)去專(zhuān)門(mén)為產(chǎn)品做產(chǎn)品優(yōu)化設(shè)計(jì)。 根據(jù)產(chǎn)品情況建立用戶(hù)任務(wù)模型、心理模型等方法對(duì)手機(jī)應(yīng)用程序產(chǎn)品設(shè)計(jì)目前存在的問(wèn)題進(jìn)行優(yōu)化，協(xié)調(diào)用戶(hù)與產(chǎn)品的關(guān)系，進(jìn)而改善產(chǎn)品，使得產(chǎn)品更加貼近用戶(hù)需求， 通過(guò)對(duì)用戶(hù)的理解，可以將用戶(hù)需要的功能設(shè)計(jì)得 有用、易用并且強(qiáng)大， 更好地解決實(shí)際 問(wèn)題。所以，維量等級(jí)量表實(shí)際上包括著三個(gè)分量表，每個(gè)分量表由四個(gè)維量所組成。人們的需求也越來(lái)越復(fù)雜，其中涌現(xiàn)了一系列優(yōu)秀移動(dòng)應(yīng)用產(chǎn)品。 專(zhuān)一原則 如今的手機(jī)應(yīng)用數(shù)以萬(wàn)計(jì)，僅蘋(píng)果公司的 app store 就有近百萬(wàn)的應(yīng)用，而其中也有導(dǎo)航、工具、體育、娛樂(lè)等幾十種分類(lèi)。該應(yīng)用使用了滑輪的方式，避免了輸入時(shí)產(chǎn)生的錯(cuò)誤。類(lèi)似的應(yīng)用還有 360 云盤(pán)，可以將手機(jī)上的資料同步到互聯(lián)網(wǎng)，然后由電腦端訪(fǎng)問(wèn)處理，都是同樣的道理。 視覺(jué)反饋還有一種引導(dǎo)用戶(hù)操作的好處，經(jīng)過(guò)調(diào)查研究發(fā)現(xiàn)，相基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 第 25 頁(yè) 共 48 頁(yè) 同位置擺放的按鈕，顏色突出的重視度會(huì)高一些。 但是，并不是所有的擬物設(shè)計(jì)都是好的，因?yàn)槭謾C(jī)應(yīng)用程序與實(shí)物始終還是有差別的。同時(shí)也給老用戶(hù)提供了取消引導(dǎo)的操作。 不能一下子把所有的功能全部展現(xiàn)出來(lái)，一方面是由于會(huì)導(dǎo)致信息過(guò)于臃腫，給用戶(hù)造成混亂；另一方面，要適當(dāng)給用戶(hù)一些驚喜，當(dāng)用戶(hù)需要的時(shí)候就能找得到。 基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 第 36 頁(yè) 共 48 頁(yè) 第六部分 針對(duì)目前研究成果對(duì)手機(jī)設(shè)備應(yīng)用程序的產(chǎn)品設(shè)計(jì)建議 信息架構(gòu) 手機(jī)應(yīng)用產(chǎn)品設(shè)計(jì)信息架構(gòu)時(shí)，要適當(dāng)展示功能、操作，根據(jù)二八法則，只需將主要的 20%的功能展示出來(lái)，放在主要的界面上，而其余的 80%放在次要的界面上，當(dāng)用戶(hù)需要時(shí)自己去發(fā)現(xiàn)使用。因此請(qǐng)您根據(jù)自己的真實(shí)情況如實(shí)填寫(xiě)本卷，謝謝合作！ 填寫(xiě)說(shuō)明：選擇題請(qǐng)您在確認(rèn)的選項(xiàng)前的“□”內(nèi)打“√”。 信息交互 設(shè)計(jì)信息交互時(shí)要注意容錯(cuò)設(shè)計(jì)，合理利用系統(tǒng)反饋，可以在用戶(hù)可能誤操作前顯示提示信息，給用戶(hù)適當(dāng)?shù)闹笇?dǎo)與建議，當(dāng)用戶(hù)已經(jīng)誤操作后一定要報(bào)錯(cuò)，還要給用戶(hù)清楚地解答。通過(guò)幽默詼諧的信息、產(chǎn)品設(shè)計(jì)人員與用戶(hù)之間的交流也許有機(jī)會(huì)會(huì)使離開(kāi)的用戶(hù)重新對(duì)產(chǎn)品產(chǎn)生興趣。 圖 某應(yīng)用注冊(cè)頁(yè)面與設(shè)置頁(yè)面 注冊(cè)表單上要盡量減少太多的信息，就算一定要輸入很多的信息，也應(yīng)當(dāng)將信息分類(lèi)整合拆分成幾步，減少用戶(hù)的壓迫感，并且提示信息越簡(jiǎn)潔越好，如圖 所示，但是注冊(cè)流程越短越好，因?yàn)橛脩?hù)可能隨時(shí)被周?chē)h(huán)境干擾進(jìn)而中斷操作。制作圖標(biāo)最重要的就是清晰明了，用來(lái)描述應(yīng)用功能、名稱(chēng)，然后再去討論它的特別。在用戶(hù)需要時(shí)，要適當(dāng)?shù)靥嵝延脩?hù)。因此，讓用戶(hù)時(shí)刻清楚自己此時(shí)的狀態(tài)、自己的每一步操作都顯得十分重要。隱藏很重要，適時(shí)出現(xiàn)也很重要。 基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 第 18 頁(yè) 共 48 頁(yè) 圖 360 云盤(pán)登錄頁(yè)面 如圖 所示，登錄與注冊(cè)功能屬 于同級(jí)別功能，但是由于是登錄頁(yè)面，因此登錄鍵顏色加深，而立即登錄與忘記密碼屬于同級(jí)別功能，但是立即登錄是希望用戶(hù)去做的、常用的功能，所以“立即登錄”做成了顏色明亮的按鈕；而忘記密碼是不希望用戶(hù)去做、不常做的功能， 所以使用了顏色相對(duì)弱化的文字鏈接的形式。所做的產(chǎn)品設(shè)計(jì)不僅要針對(duì)小屏幕設(shè)計(jì)高效的交互效果，還需考慮操作行為，比如要靠手拿著，靠手指操作等。 表 硬件對(duì)比表 硬件 觸屏手機(jī)常用配置 電腦常用配置 屏幕分辨率 320*240； 480*320； 854*480； 800*480； 960*640； 1280*720 等 1024*768； 1366*768； 1600*900； 1920*1080 等 主屏尺寸 寸； 寸； 寸； 寸； 5 寸； 寸等 11 寸； 12 寸； 14 寸； 15 寸； 17 寸； 19 寸等 上網(wǎng)方式 手機(jī)卡 寬帶；無(wú)線(xiàn)網(wǎng)卡 攝像頭 200 萬(wàn)像素 ； 300 萬(wàn)像素 ； 500 萬(wàn)像素； 800 萬(wàn)像素 等 30 萬(wàn)像素； 130 萬(wàn)像素等 操作方式對(duì)比 表 操作方式對(duì)比表 操作行為 觸屏手機(jī) 電腦 選擇 手指直接觸摸 鼠標(biāo)、觸摸鼠標(biāo) 移動(dòng)操作 手指滑動(dòng) 鼠標(biāo)點(diǎn)擊、滑動(dòng)滑輪 輸入 虛擬鍵盤(pán)、語(yǔ)音 鍵盤(pán) 其他 多點(diǎn)觸控；精準(zhǔn)度低； 便攜性高；即時(shí)性強(qiáng)； 可使用手勢(shì)操作 單一輸入；精準(zhǔn)度高； 便攜性低；即時(shí)性弱； 可使用鼠標(biāo)滑動(dòng)形態(tài)操作 如表 所示，觸屏手機(jī)與電腦的操作方式對(duì)比可見(jiàn)，觸屏手機(jī)基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 第 11 頁(yè) 共 48 頁(yè) 與電腦的使用方式之間有著極大的差異，不同的操作方式也將導(dǎo)致設(shè)計(jì)時(shí)需要考慮不同的因素，其使用體驗(yàn)也將不同。用戶(hù)心理行為研究則通過(guò)線(xiàn)上線(xiàn)下調(diào)查問(wèn)卷、用戶(hù)訪(fǎng)談、深度訪(fǎng)談、現(xiàn)場(chǎng)研究、觀(guān)察法與驗(yàn)后回顧等方法揣測(cè)用戶(hù)心理，建立心理模型，進(jìn)行可用性分析研究。 移動(dòng)互聯(lián)網(wǎng)迅猛發(fā)展，所衍生的產(chǎn)品應(yīng)用多如牛毛。從性能上可分為智能手機(jī)與非智能手機(jī)，其中智能手機(jī)在如今市場(chǎng)上占據(jù)大部分比重。如今，用戶(hù)體驗(yàn)已成為所有互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)最重視的環(huán)節(jié)。 第九屆西安高新“挑戰(zhàn)杯”陜西省 大學(xué)生課外學(xué)術(shù)科技作品競(jìng)賽申報(bào)作品 作品名稱(chēng)： 基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 所屬領(lǐng)域： 自然科學(xué)類(lèi)學(xué)術(shù)論文（信息技術(shù)） 二〇一三年四月 基于 IOS、 Android 手機(jī)設(shè)備應(yīng)用程序交互適配設(shè)計(jì)研究報(bào)告 第 1 頁(yè) 共 3 頁(yè) 摘要 如今互聯(lián)網(wǎng)時(shí)代的飛速發(fā)展，其中移動(dòng)互聯(lián)網(wǎng)呈爆發(fā)式增長(zhǎng)。 用戶(hù)體驗(yàn)產(chǎn)生的前提條件是由用戶(hù)使用或消費(fèi)的產(chǎn)品，用戶(hù)體驗(yàn)關(guān)注的是用戶(hù)如何使用產(chǎn)品、解決問(wèn)題、完成任務(wù)、達(dá)到目標(biāo)的滿(mǎn)意度等等。 智能手機(jī)（ Smartphone），是指“像個(gè)人電腦一樣，具有獨(dú)立的操作系統(tǒng) ，可以由用戶(hù)自行安裝 軟件 、游戲等第三方服務(wù)商提供的程序，通過(guò)此類(lèi)程序來(lái)不斷對(duì)手機(jī)的功能