關(guān)于移動終端界面設(shè)計中底部導(dǎo)航的應(yīng)用研究
發(fā)布時間:2021-02-09 19:23
移動終端或者叫移動通信終端是指可以在移動中使用的計算機(jī)設(shè)備,廣義的講包括手機(jī)、筆記本、平板電腦、POS機(jī)甚至包括車載電腦,但是在大部分情況下是指手機(jī)或者具有多種應(yīng)用功能的智能手機(jī)以及平板電腦。本文主要是從狹義上來探討手機(jī)App底部導(dǎo)航的應(yīng)用方式,App是Application的縮寫,應(yīng)用程序的意思,簡稱應(yīng)用,一般情況下是指手機(jī)軟件,就是可以安裝在手機(jī)上的軟件。移動終端App是指在智能移動終端上運行的第三方應(yīng)用程序。本文主要針對iOS系統(tǒng),即蘋果公司的移動操作系統(tǒng)的手機(jī)端App界面設(shè)計中底部導(dǎo)航的應(yīng)用做了研究。在這個信息化時代,移動互聯(lián)網(wǎng)的迅速發(fā)展給人們的生活帶來了非常大的變化,移動終端的發(fā)展也隨其不斷演變,此時媒介就在人們對各種信息的搜集選擇方面有著相當(dāng)重要的作用。目前,國內(nèi)外對于信息系統(tǒng)界面的導(dǎo)航研究相對較少,對于移動智能終端界面設(shè)計中的底部導(dǎo)航的研究更是鮮有,而傳統(tǒng)的導(dǎo)航設(shè)計模式又存在著許多問題。本文主要采用了經(jīng)驗總結(jié)法和個案研究法這兩種研究方法。首先,分析了移動App的導(dǎo)航類型以及他們所遵循的原則,并結(jié)合底部導(dǎo)航自身的特點總結(jié)出底部導(dǎo)航應(yīng)該遵循的原則;其次,本文為了更好地提升人機(jī)...
【文章來源】:福州大學(xué)福建省 211工程院校
【文章頁數(shù)】:88 頁
【學(xué)位級別】:碩士
【部分圖文】:
研究框架
導(dǎo)航分布位置和形式的不同,將其分為九種模式,分別是標(biāo)簽欄模式、樹狀模式、??平鋪頁面模式、組合模式、模態(tài)視圖模式等、抽屜模式、沉浸模式、卡片瀑布流??模式等這九種(圖2-1),接下來分別介紹這幾種模式,由于相比較而言前六種??比較常用,本文主要詳細(xì)介紹前六種導(dǎo)航模式。??參??龜??W??圖2-1手機(jī)Aro導(dǎo)航模式分類??圖片來源:自繪??13?Robin?Williams茗.蘇金國等譯.寫給大家看的設(shè)計書[M].北京:人民郵電出版社,2010.??9??
??第一種是標(biāo)簽欄模式(圖2-2)。它是屬于底部導(dǎo)航的一種,它通常會在手??機(jī)屏幕的頂端或底端橫排出現(xiàn)一組導(dǎo)航項,點擊任意一個導(dǎo)航會快速更換到對應(yīng)??的界面,每一個導(dǎo)航項有寓意圖標(biāo)或文字或二者結(jié)合的方式來表達(dá)此導(dǎo)航欄的功??能,用戶點擊到相應(yīng)的頁面時,此導(dǎo)航項一般會用顏色或大小等與其他導(dǎo)航項加??以區(qū)分,以代表當(dāng)前所在位置。此導(dǎo)航模式在移動終端中是常見的一種模式。??網(wǎng)易云音樂手機(jī)客戶端(圖2-3)的底部導(dǎo)航便是使用的標(biāo)簽式導(dǎo)航,用戶??可以在“發(fā)現(xiàn)音樂”、“我的音樂”“朋友”、“賬號”這四個導(dǎo)航項之間隨意??切換,進(jìn)入首頁時可以看到“發(fā)現(xiàn)音樂”的導(dǎo)航項顏色更白更顯眼,而另外三個??導(dǎo)航項的顏色一致,以此來區(qū)分并表示用戶當(dāng)前所在位置;支付寶手機(jī)客戶端(圖??2-4)也是用的這種導(dǎo)航模式
【參考文獻(xiàn)】:
期刊論文
[1]為什么APP菜單都放在底部[J]. 馬越. 計算機(jī)與網(wǎng)絡(luò). 2017(04)
[2]基于用戶認(rèn)知特點的移動終端APP界面設(shè)計[J]. 楊潔. 傳媒. 2017(04)
[3]談思想政治工作對社會工作的原理和方法的借鑒[J]. 陳時高. 山西青年. 2013(20)
[4]智能終端導(dǎo)航軟件的用戶體驗分析及評測方案[J]. 聶蔚青,劉臻,來志京. 電信網(wǎng)技術(shù). 2013(10)
[5]移動應(yīng)用界面導(dǎo)航視覺模式的分類及其視覺元素設(shè)計[J]. 王愉,楊樂. 北京印刷學(xué)院學(xué)報. 2013(03)
[6]用戶體驗在Web界面導(dǎo)航交互設(shè)計中的意義[J]. 何清俊. 包裝世界. 2013(03)
[7]網(wǎng)站導(dǎo)航設(shè)計對用戶體驗的提升作用研究[J]. 唐蕓莉,呂悅寧,譚坤. 科協(xié)論壇(下半月). 2013(05)
[8]交互設(shè)計在移動終端應(yīng)用中的實施原則[J]. 楊樂,李雨濛,宮穎. 神州. 2012(32)
[9]認(rèn)知過程的格式塔感知基礎(chǔ)[J]. 孫寧. 考試周刊. 2012(12)
[10]從錦上添花到缺一不可——產(chǎn)品中的“交互設(shè)計”[J]. 李文錦. 工業(yè)設(shè)計. 2011(12)
碩士論文
[1]基于信息技術(shù)環(huán)境下的地理課程實踐研究[D]. 張偉.華中師范大學(xué) 2013
[2]基于網(wǎng)頁界面視覺藝術(shù)元素的分析與研究[D]. 蘭嵐.湖南大學(xué) 2009
[3]基于QFD與TRIZ理論的人機(jī)工程設(shè)計[D]. 徐曉亮.合肥工業(yè)大學(xué) 2008
本文編號:3026112
【文章來源】:福州大學(xué)福建省 211工程院校
【文章頁數(shù)】:88 頁
【學(xué)位級別】:碩士
【部分圖文】:
研究框架
導(dǎo)航分布位置和形式的不同,將其分為九種模式,分別是標(biāo)簽欄模式、樹狀模式、??平鋪頁面模式、組合模式、模態(tài)視圖模式等、抽屜模式、沉浸模式、卡片瀑布流??模式等這九種(圖2-1),接下來分別介紹這幾種模式,由于相比較而言前六種??比較常用,本文主要詳細(xì)介紹前六種導(dǎo)航模式。??參??龜??W??圖2-1手機(jī)Aro導(dǎo)航模式分類??圖片來源:自繪??13?Robin?Williams茗.蘇金國等譯.寫給大家看的設(shè)計書[M].北京:人民郵電出版社,2010.??9??
??第一種是標(biāo)簽欄模式(圖2-2)。它是屬于底部導(dǎo)航的一種,它通常會在手??機(jī)屏幕的頂端或底端橫排出現(xiàn)一組導(dǎo)航項,點擊任意一個導(dǎo)航會快速更換到對應(yīng)??的界面,每一個導(dǎo)航項有寓意圖標(biāo)或文字或二者結(jié)合的方式來表達(dá)此導(dǎo)航欄的功??能,用戶點擊到相應(yīng)的頁面時,此導(dǎo)航項一般會用顏色或大小等與其他導(dǎo)航項加??以區(qū)分,以代表當(dāng)前所在位置。此導(dǎo)航模式在移動終端中是常見的一種模式。??網(wǎng)易云音樂手機(jī)客戶端(圖2-3)的底部導(dǎo)航便是使用的標(biāo)簽式導(dǎo)航,用戶??可以在“發(fā)現(xiàn)音樂”、“我的音樂”“朋友”、“賬號”這四個導(dǎo)航項之間隨意??切換,進(jìn)入首頁時可以看到“發(fā)現(xiàn)音樂”的導(dǎo)航項顏色更白更顯眼,而另外三個??導(dǎo)航項的顏色一致,以此來區(qū)分并表示用戶當(dāng)前所在位置;支付寶手機(jī)客戶端(圖??2-4)也是用的這種導(dǎo)航模式
【參考文獻(xiàn)】:
期刊論文
[1]為什么APP菜單都放在底部[J]. 馬越. 計算機(jī)與網(wǎng)絡(luò). 2017(04)
[2]基于用戶認(rèn)知特點的移動終端APP界面設(shè)計[J]. 楊潔. 傳媒. 2017(04)
[3]談思想政治工作對社會工作的原理和方法的借鑒[J]. 陳時高. 山西青年. 2013(20)
[4]智能終端導(dǎo)航軟件的用戶體驗分析及評測方案[J]. 聶蔚青,劉臻,來志京. 電信網(wǎng)技術(shù). 2013(10)
[5]移動應(yīng)用界面導(dǎo)航視覺模式的分類及其視覺元素設(shè)計[J]. 王愉,楊樂. 北京印刷學(xué)院學(xué)報. 2013(03)
[6]用戶體驗在Web界面導(dǎo)航交互設(shè)計中的意義[J]. 何清俊. 包裝世界. 2013(03)
[7]網(wǎng)站導(dǎo)航設(shè)計對用戶體驗的提升作用研究[J]. 唐蕓莉,呂悅寧,譚坤. 科協(xié)論壇(下半月). 2013(05)
[8]交互設(shè)計在移動終端應(yīng)用中的實施原則[J]. 楊樂,李雨濛,宮穎. 神州. 2012(32)
[9]認(rèn)知過程的格式塔感知基礎(chǔ)[J]. 孫寧. 考試周刊. 2012(12)
[10]從錦上添花到缺一不可——產(chǎn)品中的“交互設(shè)計”[J]. 李文錦. 工業(yè)設(shè)計. 2011(12)
碩士論文
[1]基于信息技術(shù)環(huán)境下的地理課程實踐研究[D]. 張偉.華中師范大學(xué) 2013
[2]基于網(wǎng)頁界面視覺藝術(shù)元素的分析與研究[D]. 蘭嵐.湖南大學(xué) 2009
[3]基于QFD與TRIZ理論的人機(jī)工程設(shè)計[D]. 徐曉亮.合肥工業(yè)大學(xué) 2008
本文編號:3026112
本文鏈接:http://www.sikaile.net/kejilunwen/ruanjiangongchenglunwen/3026112.html
最近更新
教材專著