【正文】 OS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 27 頁 共 48 頁 圖 某 3D 游戲界面 如圖 是一款目前很火爆的游戲，該游戲很好地利用擬物設(shè)計制作了手機上的“魔方”。 統(tǒng)一原則 為了降低用戶的認知難度與操作成本，同樣功能需要 盡量采用同基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 26 頁 共 48 頁 樣的樣式設(shè)計，如果沒有更好的設(shè)計，采用通用的標準設(shè)計更保險。在做推送通知的時候要注意推送的內(nèi)容、推送的時間與推送的方式，要做到需要時顯示需要的信息。類似的情況還有俗稱的“菊花轉(zhuǎn)”、程序啟動時的閃屏等等，可以表示該程序正在正常運轉(zhuǎn)，給用戶一個很好的反饋，使用戶不會煩躁。任何的設(shè)備都有自己的不足，移 動設(shè)備更適合輸入少量文本、顯示少量信息、傳輸速度慢、隨時精確確定地理位置等等，而桌面設(shè)備則恰恰相反。 多余的功能設(shè)計應(yīng)該摒棄，但是有些不常用但是又必須存在的功能就只能使用適當隱藏的方法了。 多余的操作會使用戶煩躁，因此刪除一些無用的設(shè)計顯得至關(guān)重要。 如圖 所示的人人網(wǎng)首頁中的說話、發(fā)狀態(tài)、傳照片、報到功能是重要功能，并且屬于相同等級，而找人、聊天、查看好友等功能屬于次要功能，因此需要點擊設(shè)置后才會展現(xiàn)。 圖 團 800 與 360 團購的首頁頁面對比 如圖 所示，團 800 首頁將其所有功能元素放在首頁中，導(dǎo)致各個元素之間相隔很近，很容易誤點擊，極易增加用戶的挫敗 感；而360 團購很好地將幾個元素整合后分布到四個標簽導(dǎo)航內(nèi)，使每個目標的可點擊范圍夠大，很好地節(jié)省了屏幕空間。并且手機使用應(yīng)用的累計時間更短，但是由于使用場景比較固定，使用電腦應(yīng)用時時間更長。 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 12 頁 共 48 頁 圖 在家里使用電腦 ： 從移動互聯(lián)網(wǎng)的概念提出之前的很長一段時間，人們使用手機還停留在打電話、發(fā)短信、聽音樂、看視頻、看小說與打小游戲等等相對比較單純的功能。 表 維量等級表 維量 無 弱 中 強 極強 情緒體驗分量表愉快維 1 2 3 4 5 情緒體驗分量表緊 張維 1 2 3 4 5 情緒體驗分量表沖動維 1 2 3 4 5 情緒體驗分量表確信維 1 2 3 4 5 認知分量表愉快維 1 2 3 4 5 認知分量表緊張維 1 2 3 4 5 認知分量表沖動維 1 2 3 4 5 認知分量表確信維 1 2 3 4 5 行為分量表愉快維 1 2 3 4 5 行為分量表緊張維 1 2 3 4 5 行為分量表沖動維 1 2 3 4 5 行為分量表確信維 1 2 3 4 5 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 10 頁 共 48 頁 第三部分 針對目前 IOS、 Android 手機端與 PC 端對比分析 硬件設(shè)備對比 目前，市場上的 IOS、 Android 系統(tǒng)的觸屏手機多如牛毛，手機的功能也越來越智能，也越來越接近電腦。并做了詳細解釋：愉快維表示評估主觀體驗最突出的享樂色調(diào)方面；緊張維是表示情緒的神經(jīng)生理激活水平方面的，它包括肌肉緊張和動作抑制等諸成分水平；沖動維涉及對情緒情境的出現(xiàn)的突然性，以致個體缺少準備的程度；確信維表達個體勝任、承受感情的程度。 本課題研究針對用戶視覺行為、用戶操作行為及用戶心理行為三個角度進行系統(tǒng)分析。 雖然市場上的類似產(chǎn)品很多，但是大多龍蛇混雜，優(yōu)秀的產(chǎn)品屈基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 5 頁 共 48 頁 指可數(shù)。成功的產(chǎn)品設(shè)計已不再只是高科技內(nèi)容的附庸 ,而是更多關(guān)注產(chǎn)品強大功能對于使用者的實際有效性。更是有數(shù)以萬計的 app（第三方應(yīng) 用程序）噴涌而出。諾曼（ Donald Norman）所提出和推廣。 莫格里奇在 1984 年一次設(shè)計會議上提出，他一開始給它命名為 “ 軟面（ Soft Face） ” ，由于這個名字容易讓人想起和當時流行的玩具 “ 椰菜娃娃（ Cabbage Patch doll） ” ，他后來把它更名為 “ Interaction Design”―― 交互設(shè)計。數(shù)據(jù)顯示， 20xx 年我國手機網(wǎng)民數(shù)量為 億，年增長率達 %，遠超網(wǎng)民整體增幅。廣義上說，交互設(shè)計是一 門如何使產(chǎn)品更加簡單使用，如何使用戶愉悅的新興學(xué)科。 交互設(shè)計 (Interaction Design) 作為一門關(guān)注交互體驗的新學(xué)科在二十世紀八十年代產(chǎn)生了。與此同時，我國手機網(wǎng)民數(shù)量快速增長。 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 2 頁 共 48 頁 第 一部分 概論 交互設(shè)計理論背景 交互設(shè)計 (Interaction Design) 作為一門關(guān)注交互體驗的新學(xué)科在二十世紀八十年代產(chǎn)生了，它由 IDEO 的一位創(chuàng)始人 比爾 用戶體驗這個詞最早被廣泛認知是在上世紀 90 年代中期，由用戶體驗 設(shè)計師 唐納德 目前，隨著 Symbian 系統(tǒng)逐漸淡出歷史舞臺，市場上的手機操作系統(tǒng)以 IOS 及 Android 為主。 科技發(fā)展與物質(zhì)需求提升 ,使得作為工具的產(chǎn)品性能與操作內(nèi)容日益復(fù)雜。移動互聯(lián)網(wǎng)行業(yè)更是興起不久，在其領(lǐng)域做過的針對性研究更是少之又少。 圖 用戶使用行為應(yīng)用圖 由于該研究涉及領(lǐng)域較為深入，個人難以獲得更多較全面與專業(yè)的數(shù)據(jù)與設(shè)備支持，因此研究分析過程中難免會有誤差與問題。伊扎德最初提出了八種維量，后經(jīng)篩選最終確定了維量等級量表的四個維度，分別是：愉快度、緊張度、沖動度和確信度。即在 12 個維量上分別選擇五個等級。 圖 在公車上使用手機 而由于硬件與操作的關(guān)系，使用電腦的場景則更多的是發(fā)生在家里、辦公室甚至咖啡廳等等固定的地點。使用移動應(yīng)用時，容易受到周邊環(huán)境、設(shè)備握持姿勢等許多因素的干擾，但是使用電腦類應(yīng)用時，最大的干擾往往來自于應(yīng)用與應(yīng)用之間的相互影響。賬號與密碼提示以淺色顯示在輸入基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 15 頁 共 48 頁 框中，避免了不必要的空間浪費，整個頁面沒有任何多余的文字。 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 17 頁 共 48 頁 主次原則 由于手機屏幕有限，不可能一下子將所有產(chǎn)品功能全部展示出來，如同電腦端的軟件一樣，對于任何應(yīng)用的操作都存在主次之分。 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 19 頁 共 48 頁 但是在刪除一些功能之前一定要仔細評估其重要性，避免刪除掉本該有用的功能，不能隨便刪除，要總攬全局，找到最重要的功能實現(xiàn)給用戶，而對于無用的功能設(shè)計可以大膽摒棄。用戶可以很輕易地理解每個模塊的意義，信息架構(gòu)很清晰。該方法可將較為重要但簡單的功能用于手機端，然后將更為復(fù)雜的操作交給電腦端去處理。即使網(wǎng)頁打開得總時間不變，但是用戶的心理感受會顯得網(wǎng)頁打開得更快。 圖 某應(yīng)用的推送提醒 就像如圖 所示的推送通知提醒，在用 戶首次使用的時候詢問是否可以發(fā)送推送通知，如不需要即可取消，也是尊重用戶的表現(xiàn)。 任何的視覺反饋做好了，都會使用戶進行更多地瀏覽、更多地搜索、更多地購買，起到意想不到的效果。擬物設(shè)計可以輕易產(chǎn)生視覺沖擊，使人產(chǎn)生身臨其境的感覺，拉近產(chǎn)品與使用者之間的距離，使用戶更輕易地理解產(chǎn)品。 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 28 頁 共 48 頁 第五部分 基于用戶情感化研究對手機設(shè)備應(yīng)用程序進行交互適配設(shè)計 用戶觀望時 當用戶不了解一款應(yīng)用的時候，確定是否下載的重要的因素是圖標與應(yīng)用的介紹。因此，最近涌現(xiàn)出大批應(yīng)用使用了新的方法，通過用戶進入應(yīng)用后通過對應(yīng)用上的功能做介紹來引導(dǎo)用戶操作進而使用戶迅速熟悉應(yīng)用，這種方法對新用戶的使用起到了很好地效果。有時候用戶并不會吹毛求茲，只要發(fā)現(xiàn)某個功能能夠勉強使用，用戶就會去使用。 圖 支付寶應(yīng)用啟動頁面與支付頁面 如圖 所示，由于支付寶應(yīng)用涉及錢財屬于重要信息，因此在登錄與 支付頁面都必須輸入密碼才可操作，并且登錄頁使用了手勢解鎖，比輸入解鎖更有趣。 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 34 頁 共 48 頁 圖 微信設(shè)置頁面 如圖 所示的微信應(yīng)用，將退出鍵放置到設(shè)置區(qū)的底端，并且用了紅色，很好的區(qū)別了其他按鍵，使用戶在常規(guī)操作 的時候并不會輕易觸碰到并且需要使用的時候它又會很明顯地出現(xiàn)。也許可以抓住最后一個機會使用戶重新使用該產(chǎn)品。2）項信息塊，在記憶了 59 項信息后人類的頭腦就會開始出錯 。 要注意使用文字注釋，過長的文字不會由用戶去注意，一定要使用簡潔明了的文字進行說明，可適當使用顏色加以潤色。 數(shù)據(jù)統(tǒng)計及說明 表 附 調(diào)查問卷中男女 人數(shù) 比例 性別 人數(shù) 比例 男 157 % 女 125 % 圖附 問卷調(diào)查用戶年齡分布 圖 附 問卷調(diào)查用戶 文化程度 分布 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 45 頁 共 48 頁 圖附 問卷調(diào)查用戶 使用手機 應(yīng)用時間分布 表 附 問卷調(diào)查用戶 青睞下載的手機應(yīng)用元素分布（可多選） 元素 圖標漂亮 名字有特點 朋友推薦 好評多 其他 人數(shù) 189 176 227 167 49 表 附 問卷調(diào)查用戶 喜愛的手機應(yīng)用元素分布（可多選） 元素 運行流暢 功能多 界面漂亮 界面簡單 操作簡便 免費 其他 人數(shù) 231 87 143 186 211 138 78 圖附 問卷調(diào)查用戶 重視引導(dǎo)頁與否 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 46 頁 共 48 頁 圖附 問卷調(diào)查用戶 對應(yīng)用明顯位置中顯示很多平時不用的信息的看法 圖附 問卷調(diào)查用戶 對 界面元素緊湊 的看法 圖附 問卷調(diào)查用戶 對 操作過程中發(fā)生誤點擊 的看法 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 47 頁 共 48 頁 圖附 問卷調(diào)查用戶 對 操作過程中突然被系統(tǒng)打斷 的看法 圖附 問卷調(diào)查用戶 卸載手機應(yīng)用的原因（可多選） 圖附 問卷調(diào)查用戶 因為注冊時需要輸入太多信息而選擇放棄使用 的情況 基于 IOS、 Android 手機設(shè)備應(yīng)用程序交互適配設(shè)計研究報告 第 48 頁 共 48 頁 圖附 問卷調(diào)查用戶 卸載 一款應(yīng)用后是否還會重新下載使用的情況