本文選題：圖標(biāo) + 設(shè)計(jì)風(fēng)格　； 參考：《浙江理工大學(xué)》2017年碩士論文

【摘要】：根據(jù)Google數(shù)據(jù)統(tǒng)計(jì),目前每個(gè)智能手機(jī)上安裝的應(yīng)用程序平均數(shù)量是20個(gè),預(yù)計(jì)將來(lái)會(huì)增加到61個(gè),這意味著用戶(hù)在交互界面中圖標(biāo)搜索的難度增加。如何在眾多圖標(biāo)中快速搜索到目標(biāo)圖標(biāo)成為工效學(xué)的研究重點(diǎn)。本研究采用實(shí)驗(yàn)的方法探究在智能移動(dòng)設(shè)備環(huán)境下,用戶(hù)進(jìn)行視覺(jué)搜索任務(wù)過(guò)程中,交互界面的不同圖標(biāo)設(shè)計(jì)風(fēng)格(圓角矩形IOS風(fēng)格、無(wú)框具形Android風(fēng)格、極簡(jiǎn)圖形Win phone風(fēng)格)是否會(huì)對(duì)視覺(jué)搜索績(jī)效產(chǎn)生影響,并在此基礎(chǔ)上采用眼動(dòng)技術(shù)探究圖標(biāo)設(shè)計(jì)風(fēng)格對(duì)搜索績(jī)效的影響機(jī)制。本研究包括四個(gè)實(shí)驗(yàn)。研究一主要通過(guò)問(wèn)卷調(diào)查,了解用戶(hù)對(duì)目前主流圖標(biāo)風(fēng)格的偏好;在問(wèn)卷調(diào)查的基礎(chǔ)上選用三類(lèi)圖標(biāo)作為實(shí)驗(yàn)一的材料,進(jìn)行圖標(biāo)搜索任務(wù),探究三類(lèi)圖標(biāo)的搜索績(jī)效差異。研究二包括兩個(gè)實(shí)驗(yàn),前人研究中發(fā)現(xiàn)顏色是影響搜索績(jī)效的因素之一,因此實(shí)驗(yàn)二,選擇圓角矩形和無(wú)框具形兩類(lèi)風(fēng)格圖標(biāo)并灰化處理,控制顏色變量,完成圖標(biāo)搜索任務(wù);在研究一的主觀偏好調(diào)查中發(fā)現(xiàn),目前使用手機(jī)圖標(biāo)風(fēng)格會(huì)影響圖標(biāo)偏好,說(shuō)明熟悉度可能會(huì)對(duì)圖標(biāo)搜索績(jī)效產(chǎn)生影響,因此實(shí)驗(yàn)三在研究?jī)深?lèi)圖標(biāo)風(fēng)格的基礎(chǔ)上,自造圓角矩形和無(wú)框具形風(fēng)格圖標(biāo)各40個(gè)作為實(shí)驗(yàn)材料,控制熟悉度變量,更好的說(shuō)明兩類(lèi)風(fēng)格圖標(biāo)搜索績(jī)效的差異。研究三,在研究二的基礎(chǔ)上從行為研究擴(kuò)展到眼動(dòng)研究,通過(guò)對(duì)注視次數(shù)、注視時(shí)間和注視軌跡的分析,探索圖標(biāo)搜索過(guò)程的眼動(dòng)機(jī)制。由實(shí)驗(yàn)結(jié)果得出如下結(jié)論:(1)問(wèn)卷調(diào)查的主觀偏好結(jié)果表明,使用3個(gè)系統(tǒng)的人群中,偏好圓角矩形風(fēng)格的比例都是最高,說(shuō)明圓角矩形風(fēng)格最受歡迎;在偏好無(wú)框具性風(fēng)格圖標(biāo)的人群中,使用Android系統(tǒng)的占比最高,在偏好極簡(jiǎn)圖形風(fēng)格圖標(biāo)的人群中,使用Win phone系統(tǒng)的人數(shù)最多,表明當(dāng)前使用的系統(tǒng)圖標(biāo)會(huì)影響對(duì)圖標(biāo)風(fēng)格偏好的選擇。(2)圖標(biāo)風(fēng)格影響搜索績(jī)效,與圓角矩形(IOS)、極簡(jiǎn)圖形(Win phone)風(fēng)格相比,無(wú)框具形風(fēng)格(Android)在搜索時(shí)間和正確率上都更有利于用戶(hù)的視覺(jué)搜索;且圓角矩形較極簡(jiǎn)圖形在搜索時(shí)間和正確率上的視覺(jué)搜索績(jī)效更好。產(chǎn)生這種差異的原因可以總結(jié)為熟悉性、知覺(jué)線(xiàn)索、隱喻性、整體性。(3)任務(wù)復(fù)雜度在一定程度上對(duì)搜索績(jī)效有影響,任務(wù)復(fù)雜度越低,則績(jī)效越優(yōu);圖標(biāo)風(fēng)格和任務(wù)復(fù)雜度交互作用顯著,在任務(wù)難度較低時(shí),圖標(biāo)風(fēng)格搜索結(jié)果差異不顯著,在復(fù)雜任務(wù)時(shí),圖標(biāo)風(fēng)格搜索結(jié)果差異顯著,無(wú)框具形風(fēng)格(Android)顯著優(yōu)于其他。(4)眼動(dòng)結(jié)果表明,在注視點(diǎn)、注視時(shí)間以及搜索界面的軌跡距離上無(wú)框具形風(fēng)格圖標(biāo)均顯著優(yōu)于圓角矩形,這和行為研究的結(jié)果一致。說(shuō)明無(wú)框具形圖標(biāo)不僅在搜索績(jī)效上優(yōu)于圓角矩形圖標(biāo),并且在搜索過(guò)程中耗費(fèi)更少的認(rèn)知資源。但是在目標(biāo)圖標(biāo)的軌跡距離上,發(fā)現(xiàn)圓角矩形圖標(biāo)軌跡距離顯著小于無(wú)框具形圖標(biāo),說(shuō)明被試在搜索的過(guò)程中,統(tǒng)一風(fēng)格的圓角矩形圖標(biāo)需要耗費(fèi)更多的認(rèn)知資源,但是在找到目標(biāo)圖標(biāo)之后,圓角矩形圖標(biāo)耗費(fèi)認(rèn)知資源更少。因此,在圖標(biāo)搜索任務(wù)簡(jiǎn)單,搜索界面整體較小,圖標(biāo)較少的情況下,圓角矩形圖標(biāo)搜索績(jī)效有優(yōu)勢(shì);隨著搜索界面圖標(biāo)的增加,無(wú)框具形圖標(biāo)搜索績(jī)效更好。本研究采用圖標(biāo)搜索任務(wù)探索不同設(shè)計(jì)風(fēng)格圖標(biāo)的搜索績(jī)效。尋找出一種最優(yōu)的圖標(biāo)設(shè)計(jì)風(fēng)格,以便提高圖標(biāo)搜索的績(jī)效。本研究的結(jié)果有助于人們進(jìn)一步了解圖標(biāo)的設(shè)計(jì)風(fēng)格對(duì)用戶(hù)操作的影響作用,為圖標(biāo)設(shè)計(jì)提供科學(xué)依據(jù)。
[Abstract]:According to Google statistics, the average number of applications installed on each smartphone is 20, and it is expected to increase to 61 in the future, which means the user is more difficult to search for icons in the interactive interface. How to quickly search the target icon in many icons becomes the focus of the research. Under the environment of intelligent mobile devices, the design style of different icons in the interactive interface (rounded rectangle IOS style, frame free Android style, and minimalist graphics Win phone style) will affect the visual search performance in the process of visual search, and on this basis, eye movement technology is used to explore the design style of icons. This study includes four experiments. One mainly through questionnaire survey, we know the user's preference for the current mainstream icon style. On the basis of the questionnaire, three icons are selected as the material of the experiment one, the search task of the icons is carried out, and the search performance differences between the three types of icons are explored. Two including two Experiments have found that color is one of the factors that affect search performance, so experiment two, choosing two types of icons with rounded rectangles and frameless shapes and ashing processing, controlling color variables and completing icons search tasks. In the subjective preference survey of study one, it is found that the use of mobile icon style will affect icon preference. Familiarity may have an impact on icons search performance, so experiment three, based on the study of the style of two types of icons, made 40 experimental materials from the round corner rectangle and the frame free style icons, control the familiarity variables and better explain the differences in the search performance of the two style icons. Study three, on the basis of the study two The study was extended to the eye movement study. Through the analysis of the number of fixations, fixation time and the fixation track, the eye movement mechanism of the icon search process was explored. The following conclusions were obtained from the experimental results: (1) the subjective preference results of the questionnaire survey showed that among the 3 systems, the proportion of the preference to the rounded rectangle was the highest, indicating the rounded rectangle. Style is the most popular; among the people who prefer a frameless style icon, the Android system has the highest proportion, and the number of people using the Win phone system is the most in the people who prefer the minimalist graphic style icon, indicating that the current system icons will affect the choice of the icons. (2) the icon style affects the search performance and the rounded corners. Compared to the rectangular (IOS) and minimalist (Win phone) style, the frame free style (Android) is more beneficial to the user's visual search in the search time and the correct rate; and the rounded rectangle is better in the search time and the correct rate of visual search. The reasons for this difference can be summed up as familiarity, perceptual clues, and implicit reasons. (3) the task complexity has a certain influence on the search performance to some extent, the lower the task complexity, the better the performance; the icons style and the task complexity have significant interaction. When the task difficulty is low, the difference of the icon style search results is not significant. In the complex task, the icon style search results have a significant difference and no frame shape. The style (Android) is significantly superior to the others. (4) the eye movement results show that the frameless style icons in the gaze point, the fixation time and the track distance of the search interface are significantly better than the rounded rectangles, which are in agreement with the results of the behavior study. In the path distance of the target icon, it is found that the path distance of the rounded rectangle icon is significantly smaller than that of the frameless icons. It shows that in the course of the search, the uniform style rounded rectangle icon takes more cognitive resources, but after the target icon is found, the rounded rectangle icons are consumed. There are fewer cognitive resources. Therefore, in the case of simple icon search task, smaller search interface and less icons, the search performance of rounded rectangle icons is superior. With the increase of search interface icons, the search performance of frame shaped icons is better. This study uses icon search task to explore the search performance of different design style icons. In order to improve the performance of icon search, the results of this study will help people to further understand the impact of the design style of icons on the user operation, and provide a scientific basis for the design of icons.

【學(xué)位授予單位】：浙江理工大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2017
【分類(lèi)號(hào)】：B842

【相似文獻(xiàn)】

相關(guān)期刊論文 前10條

1 陳智明;;論手機(jī)界面圖形化設(shè)計(jì)的必要性[J];美術(shù)大觀;2009年06期

2 姚克難;;網(wǎng)絡(luò)界面設(shè)計(jì)交互元素作用初探[J];美術(shù)教育研究;2013年14期

3 易敏哲;;關(guān)于手機(jī)界面設(shè)計(jì)趨于扁平化的一些思考[J];大眾文藝;2014年01期

4 王佳;;計(jì)算機(jī)交互界面圖標(biāo)隱喻修辭研究[J];河北大學(xué)學(xué)報(bào)(哲學(xué)社會(huì)科學(xué)版);2012年06期

5 田飛;王玉潔;;像素記憶在交互界面設(shè)計(jì)中的再現(xiàn)[J];藝術(shù)科技;2014年03期

6 黃炯;;手機(jī)界面圖標(biāo)設(shè)計(jì)發(fā)展研究[J];藝術(shù)與設(shè)計(jì)(理論);2013年06期

7 劉迪;陳新華;;手機(jī)界面圖標(biāo)的視覺(jué)設(shè)計(jì)探析[J];設(shè)計(jì);2012年02期

8 蔣映;;智能手機(jī)界面圖標(biāo)的微表情研究[J];藝術(shù)與設(shè)計(jì)(理論);2011年06期

9 楊潔;;數(shù)字界面圖示與圖標(biāo)的信息設(shè)計(jì)[J];美與時(shí)代(上);2011年04期

10 龐博;;淺析數(shù)碼界面圖標(biāo)設(shè)計(jì)的質(zhì)感表現(xiàn)[J];裝飾;2011年06期

相關(guān)會(huì)議論文 前2條

1 柏勁松;陳森華;;多重交匯界面捕捉的LS方法改進(jìn)[A];中國(guó)工程物理研究院科技年報(bào)（2003）[C];2003年

2 范美如;翟志剛;司廷;羅喜勝;楊基明;;不同形狀界面的RM不穩(wěn)定性數(shù)值研究[A];第十四屆全國(guó)激波與激波管學(xué)術(shù)會(huì)議論文集（上冊(cè)）[C];2010年

相關(guān)重要報(bào)紙文章 前2條

1 ;怎樣獲得軟件的整個(gè)界面[N];電腦報(bào);2002年

2 內(nèi)蒙古 潘軍杰;翻唱，我自錄自編！[N];電腦報(bào);2004年

相關(guān)博士學(xué)位論文 前2條

1 陳志文;Cu-Sn互連界面的尺寸效應(yīng)及微力學(xué)特性[D];華中科技大學(xué);2015年

2 李洋;基于乘務(wù)員特性的機(jī)車(chē)駕駛界面優(yōu)化設(shè)計(jì)研究[D];西南交通大學(xué);2012年

相關(guān)碩士學(xué)位論文 前10條

1 王棟;老年人智能手機(jī)界面圖標(biāo)的辨識(shí)度研究[D];華南理工大學(xué);2015年

2 譚芳芳;當(dāng)下移動(dòng)媒體界面設(shè)計(jì)的發(fā)展及交互性新探[D];天津美術(shù)學(xué)院;2015年

3 王凡;從“少即是多”中探究移動(dòng)端扁平化UI界面設(shè)計(jì)[D];廣東工業(yè)大學(xué);2015年

4 王萌;基于人因特性的武器操控界面設(shè)計(jì)[D];北京理工大學(xué);2015年

5 郭凌峰;長(zhǎng)虹電子部品公司ERP-PPCO軟件系統(tǒng)改進(jìn)的設(shè)計(jì)與實(shí)現(xiàn)[D];電子科技大學(xué);2014年

6 陳瑾藝;移動(dòng)醫(yī)療產(chǎn)品App界面設(shè)計(jì)研究[D];南昌大學(xué);2015年

7 袁超;壓力型錨桿錨固界面的流變特性試驗(yàn)研究[D];湖南科技大學(xué);2015年

8 李亞寧;扁平化設(shè)計(jì)在手機(jī)界面中的應(yīng)用與研究[D];杭州師范大學(xué);2016年

9 王晶;基于用戶(hù)體驗(yàn)的老年人健康類(lèi)APP界面設(shè)計(jì)研究[D];景德鎮(zhèn)陶瓷學(xué)院;2015年

10 劉麗;工效學(xué)視域下教育APP界面設(shè)計(jì)策略研究[D];渤海大學(xué);2016年

，

本文編號(hào)：1775029