【導(dǎo)讀】入口，其界面設(shè)計(jì)直接關(guān)系到用戶的切身體驗(yàn)。然而該領(lǐng)域研究資料和成果相對(duì)較少,很多。智能手機(jī)界面設(shè)計(jì)的理論都有待實(shí)踐驗(yàn)證。本論文選取了去哪兒旅行、攜程旅游和藝龍旅行。段需求來(lái)進(jìn)行界面設(shè)計(jì)的智能手機(jī)旅游類APP界面設(shè)計(jì)框架。

　　

【正文】 合度 在 wifi 和 3G 網(wǎng)絡(luò)下 ， 整體 表現(xiàn)較好，能 夠 為用戶提供良好的在線旅游用戶體驗(yàn) ， 并且能規(guī)劃自己的行程并存檔 ， 較好得滿足了用戶需求。 ◆ 分類瀏覽 分類清晰 ,讓用戶很容易查找到自己想要看到 的 內(nèi)容和信息 ,在排行和自選分 類中蹄選條件劃分很細(xì) ,便于用戶很快定位到自己想要看的內(nèi)容 ◆ 搜索 搜索關(guān)鍵字 分類詳細(xì)， 能對(duì) 用戶需求精準(zhǔn)定位 ， 滿足用戶的搜索需求。 ◆ 歷史記錄 提供歷史記錄 ，用戶 可以 查看自己過(guò)去瀏覽過(guò)的服務(wù)。 ◆ 實(shí)時(shí) 天氣 不提供 實(shí)時(shí)天氣，用戶無(wú)法進(jìn)一步安排行程。 藝龍 旅行 （ 1）簡(jiǎn)介 藝龍旅行 app 是由藝龍網(wǎng)推出 的 目前 國(guó)內(nèi) 可提供酒店預(yù)訂數(shù)量最多的旅行應(yīng)用，同時(shí) 也包含了機(jī)票、火車(chē)票 和 團(tuán)購(gòu)等服務(wù)。 （ 2）體驗(yàn)分析 ◆ 頁(yè)面布局 重要內(nèi)容是否在首頁(yè)： 藝龍 旅行的界面首頁(yè)簡(jiǎn)單明了，并且 核心信息 如酒店 、機(jī)票、火車(chē)票 、 團(tuán)購(gòu)等功能 均在首頁(yè)有所展示（如圖 49） 。 27 圖 49藝龍旅行首頁(yè) Fig49“ Elong”home page 屏幕分割及空間安排是否合理 ：藝龍 旅行 首頁(yè) 采用扁平化設(shè)計(jì)風(fēng)格， 可分為兩個(gè)部分：頂部 滾動(dòng)屏和 中央 核心功能區(qū)（如圖 410） 。其他主要 界面屏幕分為頂部操作欄 、中央 信息 顯示區(qū)和底部 操作欄（如圖 411）。 28 圖 410藝龍旅行界面分割 Fig410“Elong” interface segmentation 圖 411藝龍旅行界面分割 Fig411“Elong” interface segmentation 分屏數(shù)量是否過(guò)多 ：軟件 的以及界面和 二級(jí) 界面的處理的都 很 精簡(jiǎn)，沒(méi)有冗余的鏈接，分屏數(shù)量設(shè)置合理。 主要采用分欄 式排版，清晰明了，不存在分屏過(guò)多的問(wèn)題。 界面布局是否有獨(dú)創(chuàng)性或創(chuàng)新點(diǎn) ：藝龍 旅行采用的當(dāng)前主流的扁平化設(shè)計(jì)風(fēng)格，功能板塊 一目了然，首頁(yè)并不 設(shè)置導(dǎo)航，給人極具簡(jiǎn)單又不是實(shí)用性的感覺(jué) 。 ◆ 圖文搭配 按鍵圖標(biāo) ：藝龍 旅行 按鍵 和熱區(qū)采用 圖標(biāo) +文字 設(shè)計(jì) 形式， 圖標(biāo)簡(jiǎn)化 但不失形象 ，具有一定的審美感和品質(zhì)感。 頁(yè)面圖文搭配 ： 如下圖所示 ,藝龍 旅行 的圖文搭配較為合理 ,信息表達(dá)很飽滿 ,圖文版式的信息表達(dá)方式 ,信息顯示清晰 。 ◆ 色彩搭配 藝龍 旅行 首頁(yè) 以綠色、黃色、紫色 等 暖色調(diào)主色調(diào)， 子頁(yè)面 則以灰白色為底色，搭配合理 ，辨識(shí)度高。 29 ◆ 信息 傳 達(dá) 單頁(yè)有效信息量 ： 如下圖 所示 ，單頁(yè)信息量適中， 關(guān)鍵 信息醒目，適合用戶閱讀。 信息易讀性 ：頁(yè)面字體 以淺灰色、白色、黑色為主 ， 重要優(yōu)惠折扣信息以 橙 紅色顯示 ， 設(shè)計(jì)較為合理， 但底部 區(qū)域色差較大，對(duì)用戶視覺(jué)有一定 的 沖擊。 圖 44藝龍旅行 界面圖文搭配 Fig44“ Elong” graphic match ◆ 啟動(dòng)速度 4M帶寬 的 wifi下 藝龍 旅行 的首次啟動(dòng)速度約為 2秒左右 。具體信息的加載速度為 12 秒 。 聯(lián)通 3G 網(wǎng)絡(luò) 下 藝龍 旅行 的首次啟動(dòng)速度約為 2 秒左右 。具體信息的加載速度為23 秒 。 移動(dòng) 2G 網(wǎng)絡(luò) 下 藝龍 旅行 的首次啟動(dòng)速度約為 4 秒左右 。具體信息的加載速度為35 秒 。 開(kāi)啟后能否馬上獲得服務(wù)： 藝龍 旅行 啟動(dòng)后 ,進(jìn)入 歡迎界面， 用戶體驗(yàn)過(guò)各種功30 能操作過(guò)后 ,再?zèng)Q定是否注冊(cè)登錄使用。 首頁(yè) 不 設(shè)置 底部導(dǎo)航欄， 用戶 可以沒(méi)有任何顧慮地使用軟件 。 按鈕易用性： 藝龍 旅行 按鈕操作方便， 不易引起誤操作 ， 但部分熱區(qū)面積太大 。 ◆ 邏輯性 功能組織是否合理 :藝龍 旅行 的功能組織合理 ,先體驗(yàn)后注冊(cè)的設(shè)計(jì)、各層級(jí)的跳轉(zhuǎn)符合邏輯。 功能按鍵設(shè)計(jì)是否符合用戶的預(yù)期：功能按鍵設(shè)計(jì)簡(jiǎn)潔清晰 ,按鍵與相對(duì)應(yīng)的功能匹配 ,沒(méi)有不符合用戶使用預(yù)期的設(shè)計(jì)。 圖文信息的位置布局是否符合用戶的閱讀習(xí)慣 :信息布局符合遵循了從左到右 ,從上到下的用戶的閱讀習(xí)慣。 使用指導(dǎo)：在個(gè)人 中心里面有體用使用指南，方便用戶快速熟悉界面和使用方法。 ◆ 與用戶需求的契合度 在 wife 和 3G 網(wǎng)絡(luò)下 ， 整體 表現(xiàn)較好， 加載 速度 較快 ， 基本 能為用戶提供良好的在線旅游用戶體驗(yàn)。 ◆ 分類瀏覽 分類清晰 ,讓用戶很容易查找到自己想 要看到 的 內(nèi)容和信息 ,在排行和自選分類中蹄選條件劃分很細(xì) ,便于用戶很快定位到自己想要看的內(nèi)容 ◆ 搜索 搜索關(guān)鍵字 分類詳細(xì)， 能對(duì) 用戶需求精準(zhǔn)定位 ， 滿足用戶的搜索需求。 ◆ 歷史記錄 不提供歷史記錄 ，用戶無(wú)法查看自己過(guò)去瀏覽過(guò)的服務(wù)。 ◆ 實(shí)時(shí) 天氣 不提供 實(shí)時(shí)天氣，用戶無(wú)法進(jìn)一步安排行程。 對(duì)比分析小結(jié) 一級(jí) 指標(biāo) 二級(jí) 指標(biāo) 去哪兒 旅行 攜程 旅游 藝龍 旅行 用戶界面 頁(yè)面 布局 較好 好 一般 圖文搭配 較好 較好 較好 31 色彩搭配 較好 較好 較好 信息傳達(dá) 較好 較好 一般 用戶交互 啟動(dòng)速度 一般 好 較好 易用性 一般 較好 一般 邏輯性 較好 較好 較好 功能設(shè)計(jì) 與 用戶需求契合度 一般 好 一般 分類瀏覽 好 較好 較好 搜索 較好 較好 較好 歷史記錄 較好 較好 無(wú) 語(yǔ)音 查詢 較好 較好 無(wú) 實(shí)時(shí)天氣 較好 無(wú) 無(wú) 32 第五章總結(jié) 與展望 本文從 app 的 產(chǎn)生和發(fā)展 講起，闡述了 app 界面設(shè)計(jì) 的概念和設(shè)計(jì)原則 ，敘述了 對(duì)用戶體驗(yàn)的 理解，包括國(guó)內(nèi)外最新的用戶體驗(yàn)研究成果 ，在分析 了 國(guó)內(nèi)旅游 app發(fā)展現(xiàn)狀 以及 功能品牌的基礎(chǔ)上 ，系統(tǒng) 深入 的 對(duì)比分析 去哪兒旅行，攜程旅游，藝龍旅行三個(gè)具有代表性的旅游類 app 的界面設(shè)計(jì)。 本論文得出的研究結(jié)論如下： 堅(jiān)持用戶體驗(yàn) 的設(shè)計(jì)理念： 用戶體驗(yàn) 的設(shè)計(jì)理念 的 核心 是 以人為文本 ， 它 是用戶在使用產(chǎn)品過(guò)程中所產(chǎn)生的一切情感 以及 判斷， 是 app 界面設(shè)計(jì) 領(lǐng)域難以把握 也是最有價(jià)值的 瑰寶 。 國(guó)內(nèi)旅游類 app 界面設(shè)計(jì)基本能夠滿足用戶的需求預(yù)期，并且在一定程度上考慮了用戶體驗(yàn) ： 通過(guò)對(duì)比分析 三家 大型 旅游 app 我們不難看出， 三大 旅游應(yīng)用各有特色，其中 界面 設(shè)計(jì) 方面 ，去哪兒旅行辨識(shí)度更高， 藝龍旅行 略顯單調(diào)； 功能 方面 去哪兒旅行功能最為豐富， 攜程 旅行功能最為貼心，藝龍旅行 專注于 票務(wù)和酒店 ； 用戶交互上，三大軟件均可以直接拔打服務(wù)電話，其中 去哪兒 旅行和攜程旅行均有語(yǔ)音查詢功能 。 國(guó)內(nèi)旅游類 app 界面設(shè)計(jì)基本能夠滿足用戶的需求預(yù)期，并且在一定程度上考慮了用戶體驗(yàn) 。 旅游類應(yīng)用 界面設(shè)計(jì) 框架 ： 對(duì)用戶需求的分析，是用戶體驗(yàn)設(shè)計(jì)重要一環(huán)，界面設(shè)計(jì) 應(yīng)該基于用戶 的 階段需求 量身定制。結(jié)合第四章 比較分析量化分?jǐn)?shù)， 本文得出以下旅游類應(yīng)用 界面設(shè)計(jì) 框架： 33 用戶體驗(yàn) 階段 用戶體驗(yàn) 要求 界面設(shè)計(jì) 要點(diǎn) 旅游 夢(mèng)想期 用戶產(chǎn)生旅游想法的初期，希望通過(guò)特色的旅游線路，決定旅行目的地。 提供 精確的搜索功能， 分類 呈現(xiàn)，支持語(yǔ)音查詢 。 旅游 策劃期 在決定旅行后，用戶希望了解到比較全面信息。為行程做好詳細(xì)的規(guī)劃。 提供天氣信息、 景點(diǎn)評(píng)分 、 實(shí)景展示 、優(yōu)秀旅游 攻略分享等功能。 支持 用戶編寫(xiě)自己的行程計(jì)劃，并 根據(jù)時(shí)間節(jié)點(diǎn) 提醒用戶。 旅游預(yù)訂期 通過(guò)便利的 方式能夠讓用戶完成交通、酒店、景點(diǎn)門(mén)票預(yù)訂。 票務(wù) 功能完整，能 圖文 并茂 地 顯示服務(wù)信息， 用戶 能輕松查看服務(wù)評(píng)價(jià) 旅游 進(jìn)行期 用戶希望得到可靠的導(dǎo)航服務(wù)，快速將眼前的美景記錄在自己存儲(chǔ)設(shè)備當(dāng)中，同時(shí)能夠與當(dāng)?shù)厝嘶蛴伟檫M(jìn)行很好地溝通，并與好友通過(guò)網(wǎng)絡(luò)分享旅途中的心情。 精確 的導(dǎo)航功能，較快的加載速度 ， 基于 LBS 的文字、圖片和 信息分享。 旅游結(jié)束 期 用戶能夠便利得將自己的所見(jiàn)所聞?wù)須w類，便與周?chē)呐笥讶フ故尽? 提供 旅游日記本功能，自動(dòng)導(dǎo)入行程安排，引導(dǎo)用戶提交旅行評(píng)價(jià)，真正做到分享。 進(jìn)一步研究的 未來(lái) 展望 在線旅游 作為 移動(dòng)和互聯(lián)網(wǎng) 的一大熱點(diǎn)，必將在市場(chǎng)競(jìng)爭(zhēng)中不斷地優(yōu)化 產(chǎn)品 的頁(yè)面設(shè)計(jì) 。 但就目前 而言，作者認(rèn)為還有以下幾點(diǎn)需要我們共同努力： 用戶體驗(yàn) 這個(gè)領(lǐng)域國(guó)內(nèi)的研究程度遠(yuǎn)遠(yuǎn)不夠， 跟國(guó)外 的研究進(jìn)度差距明顯， 為了 提高這個(gè)領(lǐng)域的研究進(jìn)度，我們下一步需要大規(guī)模長(zhǎng)期地調(diào)研和測(cè)評(píng)， 以此 形成適合國(guó)內(nèi)用戶的用戶體驗(yàn)框架。 基于智能手機(jī)的旅游類 app 的開(kāi)發(fā) 需要 考慮到用戶的使用意圖，不能只作為瀏覽器，而要 向用戶的 旅游日記本 發(fā)展，這樣才能真正 抓住 用戶的心思，不斷提高 用戶粘度。 34 參考文獻(xiàn) [1]FisherM, retention [J].CampusWideInformationSystems, 20xx, 22(2):88107 [2] Fleming J, Koman R. Web navigation: designing the user experience [M]. Sebastopol, O’reilly, 1998:3540 [3]Moeslinger S. Technology at home: A digital person scale[C]//CHI’97 Extended Abstracts on Human Factors in Computer System: Looking to the Future, ACM, 1997:216217 [4] [美 ]唐納德諾曼 .情感化設(shè)計(jì) [M].付秋芳 ,程進(jìn)三 ,譯 .北京 :電子工業(yè)出版社 ,20xx:5052, 8385 [5]楊柳 .比較研究法淺析 .20xx, 06: 6465 [6]羅仕鑒 .用戶體驗(yàn)與產(chǎn)品創(chuàng)新設(shè)計(jì) [M].北京 :機(jī)械工業(yè)出版社 , [7][芬蘭 ] —— 產(chǎn)品設(shè)計(jì)中的用戶體驗(yàn) [M].北京 :中國(guó)建筑工業(yè)出版社 ,20xx. [8][美 ]威爾森 .審 :用戶休驗(yàn)設(shè)計(jì) 實(shí)踐指南 [M].北京 :清華大學(xué)出版社 , [9]詹炳宏 ,魯曉波 .數(shù)字圖形界面藝術(shù)設(shè)計(jì) [M] .北京 :清華大學(xué)出版社 ,20xx [10]李世國(guó) .體驗(yàn)與挑戰(zhàn) —— 產(chǎn)品交互設(shè)計(jì) [M] .南京 :江蘇美術(shù)出版社 ,20xx [11]李樂(lè)山 ,工業(yè)設(shè)計(jì)心理學(xué) ,高等教育出版社 ,20xx 年 1 月第 1 版 [12] 羅仕鑒 ,朱上上 ,孫守遷 ,人機(jī)界面設(shè)計(jì) ,機(jī)械工業(yè)出版社 ,20xx 年 [13]徐耀華 .基于用戶體驗(yàn)的智能手機(jī)交互設(shè)計(jì) .武漢理工大學(xué) . .20xx 年06 期 [14]李樂(lè)山 .人機(jī)界面設(shè)計(jì) .科學(xué)出版社 .(20xx08 出版 ) [15]周陟編著 .UI 進(jìn)化論 —— 移動(dòng)設(shè)備人機(jī)交互界面設(shè)計(jì) .出版円期 :20xx 35 致謝 轉(zhuǎn)眼間，我在美麗的西南大學(xué)度過(guò)了四年的時(shí)光，在這四年中，我學(xué)有所獲，學(xué)有所樂(lè)。感謝西南大學(xué)為我提供良好的學(xué)習(xí)環(huán)境，感謝老師們對(duì)我的悉心教誨和關(guān)懷。 特別感謝我的指導(dǎo)老師 李曉 老師，從論文題目的選擇到研究?jī)?nèi)容的確定，以及在撰寫(xiě)的過(guò)程中，都得到了李老師的耐心指導(dǎo)。在撰寫(xiě)過(guò)程中李老師多次閱讀和指導(dǎo)修改我的論文，在這 個(gè) 過(guò)程中我感受到了李老師精益求精的工作態(tài)度，她淵博的知識(shí)，為人師表的風(fēng)范永遠(yuǎn)是我學(xué)習(xí)的榜樣。 衷心的感謝 計(jì)算機(jī)科學(xué)與技術(shù) （ 師范 ） 專業(yè)的所有老師，他們?cè)谖宜哪甑膶W(xué)習(xí)中給了我很大的幫助和支持；衷心的感謝我的父母，感謝他們的養(yǎng)育之恩，是他們鼓勵(lì)我，幫助我取得了今天的成績(jī)；感謝所有關(guān)心和幫助過(guò)我的同學(xué)，我將銘記于心。 最后，還要 感謝所有的評(píng)審老師在百忙之中抽出時(shí)間評(píng)閱 。36