智能手機APP產(chǎn)品呈爆炸式增長。視覺風格越來越趨向于簡約,而需要展示的內(nèi)容則越來越豐富。為避免用戶在使用過程中迷失或困惑,優(yōu)良的APP產(chǎn)品需要去引導用戶,降低用戶的使用門檻,創(chuàng)造更加合理、易用、人性化的交互設計。本文主要通過功能布局、視覺層次、強調(diào)元素三個方面對視覺流程的影響來研究手機APP界面中的視覺引導。本文選取67款市場主流APP(iOS版本)作為研究樣本,首先通過對比分析和用戶訪談,歸納出視覺元素和流程間的關系和秩序。再通過解構界面元素,將交互界面的視覺引導歸納為功能布局、視覺層次和強調(diào)元素三大方面,并輔以眼動儀實驗考察其與視覺流程間的關系,總結出四大視覺流程路徑。再運用動態(tài)規(guī)劃方法的思路構建視覺引導模型,最后得出設計原則、視覺元素、視覺流程、設計引導、設計評估一體的模型架構。此模型可以在手機APP的設計與優(yōu)化階段,提供有效的思路和參考,使企業(yè)設計出能夠引導用戶視覺流程的產(chǎn)品,提升產(chǎn)品自身的用戶體驗,并能減少設計中的反復研發(fā),降低成本與風險,從而提升市場競爭力。 

【文章來源】：合肥工業(yè)大學安徽省 211工程院校 教育部直屬院校

【文章頁數(shù)】：107 頁

【學位級別】：碩士

【部分圖文】：

研究目的（圖片來源：筆者自制）

圖 1. 2 古騰堡圖表（圖片來源：Maryna Zavyiboroda；https://speckyboy.com/annoying-ui-changes/）Fig1.2 Gutenberg diagram2006 年美國著名網(wǎng)頁易用性專家雅各布·尼爾森（Jakob Nielsen）提出了 形網(wǎng)頁瀏覽模式[8]，該研究基于 232 名實驗對象瀏覽的近千張網(wǎng)頁。他在《眼球軌跡的研究》報告中提出，瀏覽者大部分都以“F”形狀的視線模式閱讀網(wǎng)頁，F(xiàn)形的網(wǎng)頁呈現(xiàn)成為基本恒定的閱讀習慣，此結論引發(fā)了高度關注。如圖 1.3，圖 1所示。

圖 1. 2 古騰堡圖表（圖片來源：Maryna Zavyiboroda；https://speckyboy.com/annoying-ui-changes/）Fig1.2 Gutenberg diagram2006 年美國著名網(wǎng)頁易用性專家雅各布·尼爾森（Jakob Nielsen）提出了 F形網(wǎng)頁瀏覽模式[8]，該研究基于 232 名實驗對象瀏覽的近千張網(wǎng)頁。他在《眼球軌跡的研究》報告中提出，瀏覽者大部分都以“F”形狀的視線模式閱讀網(wǎng)頁，F(xiàn)形的網(wǎng)頁呈現(xiàn)成為基本恒定的閱讀習慣，此結論引發(fā)了高度關注。如圖 1.3，圖 1.4所示。

【參考文獻】：
期刊論文
[1]觸屏手機界面視線流與操作流的設計關系[J]. 黃本亮.  包裝工程. 2017(04)
[2]認知模式下新媒體藝術交互形式研究[J]. 韋艷麗,錢朝陽,張懿丹.  藝術百家. 2017(01)
[3]三維角色動畫制作關鍵技術的幾點探討[J]. 劉洋,郭熒飛.  工業(yè)設計. 2016(08)
[4]讀圖時代 品牌怎么玩?[J]. 蘇落.  成功營銷. 2015(09)
[5]基于眼動儀的智能手機APP圖形用戶界面設計可用性評估[J]. 常方圓.  包裝工程. 2015(08)
[6]界面設計中視覺信息的主導作用分析[J]. 徐豐.  包裝工程. 2015(02)
[7]基于視知覺的視覺信息界面設計研究[J]. 王苗輝.  包裝工程. 2011(08)

碩士論文
[1]基于Android平臺的移動辦公系統(tǒng)研究與實現(xiàn)[D]. 羅穎.廣西大學 2016
[2]智能洗衣機軟件用戶界面的體驗設計研究[D]. 李存.江南大學 2015
[3]消費者信任的電商品牌模型構建研究[D]. 黃慧.湖南大學 2014
[4]界面圖標的視覺設計與應用研究[D]. 劉淑純.湖南師范大學 2014
[5]互聯(lián)網(wǎng)產(chǎn)品用戶體驗設計與評估研究[D]. 張媛.南京航空航天大學 2014
[6]UnitedStack云計算系統(tǒng)交互設計[D]. 王曉亮.湖南大學 2013
[7]基于Android平臺的維吾爾文網(wǎng)頁瀏覽器的設計與實現(xiàn)[D]. 鄧俊.新疆大學 2013
[8]基于感性認知的移動互聯(lián)網(wǎng)用戶體驗設計研究[D]. 彭兆元.哈爾濱工程大學 2013
[9]智能手機游戲UI設計的研究[D]. 謝蛟.中南民族大學 2012
[10]網(wǎng)絡化軍用車輛調(diào)度管理信息系統(tǒng)研究[D]. 尹剛.重慶大學 2009



本文編號：2923300