發(fā)布時間：2020-12-18 03:51

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

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

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

【學(xué)位級別】：碩士

【部分圖文】：

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

圖 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)成為基本恒定的閱讀習(xí)慣，此結(jié)論引發(fā)了高度關(guān)注。如圖 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)成為基本恒定的閱讀習(xí)慣，此結(jié)論引發(fā)了高度關(guān)注。如圖 1.3，圖 1.4所示。

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

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



本文編號：2923300