時間:2023-03-23 15:20:49
引言:易發表網憑借豐富的文秘實踐,為您精心挑選了九篇網頁界面設計論文范例。如需獲取更多原創內容,可隨時聯系我們的客服老師。
關鍵詞:格式塔網頁設計視知覺
引言
格式塔一詞來源于德文“Gestalt”的音譯,本意指的是形式、形狀、方式、實質。格式塔心理學是一種與藝術有緣的心理學理論,其主要目標是探討視覺感知及其與學習、思維的關系,它所研究的出發點就是“形”,“形”是經由知覺活動組織成的經驗中的整體,與視知覺活動密不可分。而網頁界面設計是視覺傳達設計向網絡媒體的延伸,主要是通過瀏覽者的視覺感知來接受網站信息。因此,研究格式塔理論在網頁界面設計中的運用,無疑對網頁界面的設計具有很大的指導作用。
格式塔理論在網頁界面設計中的應用
網頁設計是將特定的視覺信息要素,根據主題表達的需求在特定的頁面上進行的一種編輯和安排,其基礎是視覺生理學和視覺心理學。格式塔心理學派通過對視覺感知的生理研究,提出了一系列視感知規律,其中包含了“圖底”這個核心概念,和“簡明原則”“接近原則”“相似原則”“閉合原則”等視感知特性,將這些規律引入頁面設計,有助于我們優化視覺時代“形象過剩”狀態下盲目的網頁設計,提高信息傳達的速度與準確度。
1.圖與底
在人的知覺系統中最基本的一種知覺能力是在圖形與背景間作出區分。“圖”是居于前部的區域,“底”被看成是用來襯托圖的背景。相對而言,圖比底,輪廓較為完整、封閉,形狀較為規則,面積比較小,色彩比較鮮艷;此外,更重要的是,能組織成為一定意義的區域傾向于被感覺成圖。
由于圖與底之間存在的這種相對性質,在網頁設計中,應當明確區分圖與底,主體與背景。另外,主體自身結構要清晰明了,背景不能過于復雜,這樣才有利于瀏覽者辨別需要了解的信息。在背景的色彩搭配上應盡量選用同一色系的顏色,盡量避免同時使用色相環中相對的顏色,大面積同一顏色宜采用低對比度,避免用強烈刺激的顏色引起瀏覽者的視覺疲勞與厭煩情緒。格式塔理論的圖-底規則不僅說明了主體從背景中分離出來的條件,而且指出了背景在一個格式塔中的重要作用。因此在網頁設計中我們同樣不能忽視背景的作用,圖形是依賴于背景而存在的,要使主體感到存在,必然要有底將它襯托出來。因此無論在文字、色彩、圖像,還是動畫和視頻方面都要堅持圖底原則。
2.簡明原則
格式塔心理學家認為,人們的知覺有一種“簡化”傾向,所謂簡化并非僅指一般意義上的“簡單”,即物體中包含的成分少或成分之間的關系簡單,而是一種將任何刺激以盡可能簡單的機構組織起來的傾向。我們的眼睛只能接受少數幾個不相關聯的整體單位,如果一個格式塔中包括太多不相關的單位,眼睛就會試圖將其簡化,把各個單位加以組合,使之成為一個知覺上易于處理的整體,否則,整體形象將無法被正確感知,這種形象勢必會被人們忽視,以至拒絕接受。
我們可以將這一觀點延伸到網頁界面設計中。首先,在網頁界面結構的設計上,應避免使用過于復雜的網格結構,結構的設置應盡量簡單明了,符合人的視覺流程,也符合人們對規則形的喜好,利于瀏覽者以最短的時間找到最需要的信息。
其次,在圖像的選擇上,應避免使用過于繁復雜亂的、容易分散瀏覽者注意力的圖像,這樣會增加瀏覽者找尋信息的難度。
再次,在進行文字編輯時,應該考慮編輯的最終效果。文字應給人以清晰的視覺印象,避免頁面繁雜凌亂,減少不必要的裝飾變化,使人易認、易懂、易讀,不能為造型而編輯,忘記了文字本身是傳達內容和表達信息的主體。在字體的選擇上,雖然可供選擇的字體很多,但同一頁面上的字體種類最多只能有三四種,這樣才不會顯得花哨。字體的選擇應依據段落大小和內容層次,由重到輕、由粗到細。字號的選擇也應該依據內容層次由大到小,但到了節以下的層面,可以選用同一字號但用不同的字體加以區分。在文本密度方面,文本應該以短小的組塊形式出現,并且應該經過編輯,以簡化內容。3.接近原則和相似原則
接近原則和相似原則的本質上都是簡化和整體化知覺對象的組織原則,與前面的簡明原則類似,人們在傾向于簡化認識對象的同時,也傾向于將近似、接近的元素組合起來作為一個整體加以認知。也就是說如果不同的文字或圖形組成部分位置靠近,瀏覽者就比較容易看出它們是一起的。根據這一原理,對于頁面上的任何元素,如果在功能或內容上是相同或相近的,就應在一定程度上保持相對較小的空間距離,做到“物以類聚”。比如,頁面中用以解釋圖形或用以表明某一部分圖形的文字就應當緊挨其所指的圖形或部分圖形。
相似的物體也很容易被認為是從屬于一個系統,具有相似的功能。因而,需要通過將瀏覽者注意力集中于視覺范圍內的關鍵概念,幫助他們獲得信息。在網頁界面設計中,可以通過強調、動畫、對比色的使用或其他手段達到這一目的。假如一個圖形中的組成部分都屬于同一風格,這個圖形就被視為一個整體。為了使瀏覽者重點關注圖形中的特定部分,對這一部分可采用不同的顏色、動畫、閃爍或其他區分方式。但是,如果一幅畫面中區別過多,也會使瀏覽者難以注意需要獲得的信息。因此,這些方法應該用于強調關鍵信息或圖形的關鍵部分,而不宜用于大片信息。
4.閉合原則與網頁界面設計
閉合原則是指一種完成某種完形的行動。這一規則表明,每一種視覺樣式都可以被看成是一種陳述,對于模棱兩可的視覺樣式,人們會根據以往的經驗按照不同的樣式加以組織,這時不同的人會看到不同的東西。因此,在網頁界面設計時,應當避免出現不完整的圖形,以免使瀏覽者花費過多的時間去琢磨圖形的含義,而不是從網頁上獲取信息。
閉合規則還表明,視覺形象被知覺的形式是首先作為一個統一的整體被知覺,然后再以部分的形式被知覺。因此,在進行網頁界面設計時,要強調整體風格的統一,內容與形式的統一。
結語
將格式塔心理學引入網頁界面設計,目的是希望網頁設計向理性化的方向發展。隨著網絡的不斷發展,瀏覽者對頁面的要求也越來越高,但現在的頁面設計大多還是從直覺出發,離科學的頁面設計還有相當大的距離,因此要想達到科學的頁面設計,就要在設計時遵照人類的認知規律,并且將這些規律正確地應用到設計實踐中。而如何將格式塔理論與設計結合起來,仍是我們需要投入大量精力去研究與探討的問題。
參考文獻:
[1]曹方著.視覺傳達設計原理,江蘇美術出版社
[2]卡爾·考夫卡著,黎煒譯.格式塔心理學原理.浙江教育出版社
關鍵詞:多設備;界面設計;視覺化;操作方式
隨著移動通信技術的高速發展和信息終端設備被人們所廣泛適用,過去由電腦作為主要的網絡信息共享、傳遞、存儲設備的方式已逐步被多元化的設備形式所分流。人們不再需要保持在固定的網絡環境中,就可以隨心所欲地依靠自身攜帶的智能移動設備終端隨時隨地地享受互聯網帶來的便捷。而以個人電腦、智能手機、平板電腦等為重要代表的多元化設備形式被廣泛應用,其最為顯著的變化表現為基于各個設備中的屏幕大小和輸入輸出的呈現方式上的差異化,也使得界面設計的表達方式和表現形式變得更加復雜多變。介于這樣的多設備模式的發展情況,今后的發展方向想必是更加多元而又復雜多變的。
1 多設備時代下的界面變化
基于同一界面設計表現在不同的設備及其操作平臺所表現出來的差異化,使得我們在設計中如何適應這些多元性進行有效呈現,從而為用戶提供更好的操作體驗則成為了重中之重。壓力感應屏已逐步投入量產,即可預知會有越來越多的不同類型的高科技設備等著我們。而在多元化的趨勢之下,作為設計工作者必須具備的前沿就要求我們需要以現在和未來的角度來觀察這些設備的多元性造成的現象。我們拋開不同的設備所呈現的處理器運算速度和操作系統差異化等硬件設備的條件限制,影響界面設計的物理性因素是基本相同的,其中就主要包含了屏幕的大小尺寸(屏幕尺寸一般由屏幕物理尺寸、屏幕分辨率和屏幕密度所影響)、屏幕的長寬比例、設備的操作方式、輸入輸出方式等等。
就目前網絡環境而言:我們現有的解決方法基本是利用自適應界面模式進行界面設計:根據設備界面的差異性產生的不同需求和其運行的環境進行自動化裁減,用以定制系統的顯示和交互行為。但這也只能在一定區域范圍內進行有效的自適應變化,設備界面差異過大也是無法完全兼顧的,而對于過于繁雜的界面構成體系甚至會造成系統的負擔。因為隨著未來數字媒體產業的發展變化,越來越多設備類型蜂涌而出,就單一設備形式去設計其專有界面模式是難以完成的。自適應用戶界面就是在滿足設備差異化的前提下,提供一種折中的方式去極大限度展現內容的有效手段。而現有的“響應式網頁設計”就是依照設備屏幕的寬度,提供最佳版面設計的自適應界面模式中的一種表現方法:以一個HTML用以支持多種屏幕尺寸不同的設備。以一個設備模塊自適應于多個屏幕設定,預先根據屏幕尺寸大小設定幾個切換版面的頁面尺寸的斷點,讓版面在斷點前后的尺寸產生較大的變化,進一步設定切換基準以契合更多得屏幕進行版式設計。尤其是優秀的自適應界面方式:不但可以通過這樣的折中方式用戶界面進行精簡,還可以及其有效地提升工作效率和用戶滿意度,更從容的應對用戶不斷變化的需求。因此智能移動終端的自適應界面有較廣闊的應用空間,成為解決移動端設備多樣性的重要方式。
正是響應式網頁設計這樣的設定方式,使得網頁的顯示一樣會有適用和不適用的問題,如若網站本身的結構太過復雜,就會導致系統難以應付造成一定的界面混亂。鑒于這樣的表現模式所呈現出來的限定性,對網頁設計中的界面表現也就有所要求。而就目前的技術而言,未能有根據各種終端設備最優化網頁的解決方法。因此,如何通過界面設計自適應于多設備的顯示應用也成為了網頁設計中重要的一步。
2 設備變化造成的視覺化影響
在某種程度上正是因為這樣的多設備帶來的變化,設計中的網格化框架就顯得尤為重要了。而界面設計(尤其是網頁設計)在設計當中,不管版式再怎么多元化,其使用的版式還是基本以網格化模式進行劃分的。而一般來說,內容越是復雜,所使用的版式也就越是相通。而這樣的網格化組織模式也為我們界面板塊化發展奠定了基礎。區域的板塊化的一致性劃分不但能夠極大程度的為用戶在進行頁面瀏覽的時候提供便利,而且在一定程度上壓縮了版面的使用面積。因為區域的板塊化劃分,實際上也就是在一定程度上劃分了其板塊的視覺一致性、操作行為一致性、目標的一致性、表現方式一致性。
尤其是板塊的視覺一致性尤為顯著。我們通過視覺元素的趨同化來保持界面的一致性,其實也是在一定程度上對其信息內容進行了分類,為整合版面提供了基礎。其中,視覺符號作為信息傳達的重要載體,界面設計者通過視覺化的形式表現去傳遞信息的功能,以達到形式與內容的統一。界面用戶也通過元素的聯系性來判斷所處瀏覽界面的位置。而換掉的元素越多,說明內容的關聯性越小。掌握頁面的“變化量”是能夠讓用戶單就經驗就足以獲知頁面邏輯關系的視覺方式。在界面設計中運用這樣形式化的視覺表現形式很好地將整個界面的邏輯關系客觀地呈現出來,以供人們能夠很好地尋找到網頁之間的參照關系和邏輯上的直覺感。通過這樣的一致化的表現方式可以在一定程度上整合各資源內容:一是為版面網格化劃分提供條件,二是在視覺層面上為受眾提供直覺引導,為操作提供便利。
3 操作方式與交互式變化
過去的個人電腦是較為單純的信息交流存儲設備,現在的設備更多元,種類也變得更加復雜。隨著手機、平板電腦為代表的數碼產品高頻率地更新換代。不但如此,隨著微軟Surface系列等個人電腦的普及應用,觸摸式設備幾近成為界面設備主流,可想而知其發展空間之巨大。設備更新換代,尤其是屏幕的變化對用戶的操作行為模式的影響也是最直接的。在操作行為的引導下,也在一定程度上決定了視覺板塊劃分。最直接的變化就是:我們從精確點擊轉化為觸摸式滑動、拖拽、輕擊...當然,這也為越來越多的交互式界面提供了設備基礎。我們雖然需要為精確點擊轉化為手動觸摸提供更多的選擇區域(在某種程度上需擴大點擊的選擇區域,縮小了可用率。),以便不失去其本該有的點擊準確率。與此同時,觸摸屏控制手勢的加入也大大的弱化了人機之間的距離,交互性不由而生。對比鼠標的左右二鍵和滾輪,手勢的變化就顯得更為豐富而多變了。不但在一定程度上增加了的可塑性,交互式的出現也極大地影響了界面的版式劃分:比如隱藏式信息欄,儼然變成為一種主流的導航設置方式應用于各界面設計當中。這無疑在很大程度上改變了界面設計中對屏幕大小、尺寸比例的限制,大幅地增加了版面設計的自由度和靈活性。界面與界面之間的翻轉滑動變得簡單起來。它消除了界面和界面之間作為個獨立的頁面而存在的方式,內容的直觀連貫就變得輕而易舉起來。同時,這也為界面的交互式延伸及轉化提供了更為有利的條件。
4 結語
在這個第四媒體廣為適用的時代,科技的進步帶來的信息全球化可顯其重要性。而科技的可貴之處便在于在其不斷的變化發展中彰顯其價值所在,每一次的發展進步都給我們的體驗帶來了或大或小的改變。界面設計作為科技顯現的重要視覺化表現方式,如何在這樣一個發展中的多設備時代下,保持其時代的一致性就變得尤為重要。本文希望通過對多設備時代下設備的差異性對設備變化造成的視覺化及其操作方式變化帶來的一系列變化進行個簡要分析。
參考文獻:
[1] 馬璇.智能移動終端自適應界面的一致性研究[D].北京郵電大學碩士論文,2013.
【關鍵詞】電力企業 網站界面設計 交互性
引言
當前電力集團網站的版式設計相對中規中矩,模板化普遍。該論文以“創新電力集團網站設計”為主題,探究網站版式設計與用戶交互性的關系;深入發掘設計者與欣賞者之間的情感聯系,將網站企業理念、產品服務等信息以符合當前大眾審美觀念的方式展現,帶給客戶閱讀樂趣,以便順應社會不斷發展的審美需求。
一、國內電力企業界面設計現狀、原因及存在的問題
1.當前現狀
隨著用戶體驗需求的不斷提高,國內對網站界面設計的關注有所增加,從事網頁界面的設計師也越來越多。如今國內許多大型電力集團也開設獨立的網站設計部門,網站的設計無論在理論還是實踐方面都有了很大的進步。但是中小型電力企業網站界面的藝術化設計卻是“短板”。存在缺乏資金、理念落后、觀念錯誤等原因,導致嚴重的兩極分化,使得當前國內電力企業網站界面設計整體上并不理想。
2. 原因
當前電力企業網站界面的設計整體上并不理想,主要集中在中小型電力企業上,作為網站界面藝術設計的“短板”,具體原因如以下幾點:
①缺乏專業人才,沒有像大型電力集團那樣雄厚的資金來吸引專業的設計人才;
②是互聯網發展的理念相對落后。
③不重視網站的更新及維護,認為電力是人們生活必不可少的能量,即使沒有精美的網站,也會有很多的消費者。
由此,大多數中小型電力企業網站成為了擺設,且設計缺乏新意,板式大同小異,沒有自身的特色。理念落后,不注重強調與受眾之間的交互性,受眾對企業理念及產品服務項目了解不明確。
3.設計中所存在的問題
(1)從視覺角度來看,板式設計、顏色都過于單調,不能夠很好的讓受眾產生閱讀興趣。首頁是一個網站的重中之重,是最核心的內容,首頁應明確企業的類型及服務的理念,讓受眾一目了然。其次針對受眾最關心的產品服務,售后服務等的進入標簽應盡量醒目。受眾打開網頁首先第一眼就不能夠明確網站屬于什么類型,其次版式設計平庸,無藝術感,使得受眾無閱讀下去的欲望。
(2)從網頁內容來看,文字過多,受眾心理上就會難以接受,從而也減弱了受眾的閱讀欲望。現代網頁的藝術設計講究的是圖文并茂,將藝術元素巧妙地融入到網頁的設計中,使其切合企業的理念,才是符合現代大眾所接受的形式。
(3)從與用戶的交互性上看,不能滿足消費者的需求,在產品界面上,該設計所使用的是抽象的文字來描述產品服務項目,讓受眾不能夠很好的了解到產品到底是什么,其次通過三級頁的方式才能夠獲得更為詳細的產品信息,在網頁構建時不僅增加了成本,同時也增加了用戶的操作難度。
二、在網站界面中影響交互性的設計元素
1.設計風格
在網站首頁原型結構上,因空間有限,不同內容放什么位置、是否符合網絡營銷規范,尤其是第一屏的信息很重要,這些需要結合建站初衷和自身公司特點,讓受眾第一時間找到想要的和營造出良好的企業氛圍。
最受大眾所歡迎的風格為 “扁平化”。扁平化概念的核心意義是:去除冗余、厚重和繁雜的裝飾效果。這樣可以讓“信息”本身重新作為核心被凸顯出來。尤其是作為電力企業首頁的設計上,引入這一理念將會更好的凸顯企業的核心信息,讓受眾一目了然,解決當前中小型電力企業首頁信息不明確的問題。同時扁平化在設計元素上,強調了抽象、極簡和符號化。這樣界就會更加干凈整齊,從而使受眾能夠在第一時間就能夠找到自己想要的信息,從而帶給用戶更加良好的操作體驗。
2.界面內容
界面的整體版式設計影響著消費者的第一印象,如果整個網頁的內容文字所占比例大于70%,界面就會顯得凌亂,然而當前許多的電力企業網站就存在這一問題,文字過多、內容復雜;如果適當的的留白,不過多強調在有限界面中放最多的信息,整體界面比較簡潔,反而受到消費者的歡迎。
適當的的留白不僅可以讓界面更加整潔美觀,也可以讓受眾有更多的想象空間。盡量減少文字的表述,通過形象的圖片方式展示其產品等信息,會使受眾更加深入的了解自己所需要產品信息。因為,人類欣賞事物主要依靠的是直覺,對圖片的識別性遠大于對文字的識別性。因此,在進行網頁設計的過程中應避免大段文字的出現,突出圖形,簡化文字。盡量將文字圖形化。如不得不通過文字描述來介紹產品及服務,可以通過圖文相結合的方式,通過鼠標移動“淡入淡出”方式。受眾不僅能夠了解了產品信息,同時也提高了用戶操作性,減少了多余三級界面的設計和維護成本。從藝術設計的角度來看,動態的視覺效果也會更加具有藝術靈動性。
3.顏色及文字的搭配
電力企業網站作為商業類網站,不同于購物類網站,不需要為了展示某一特定商品而設計的太過炫目,更多的在于體現企業的發展理念,讓受眾能夠放心使用其產品及服務。因此選擇的色調要偏向于穩重,如中性灰,深紅色等色調,切合企業的發展理念,使得受眾在界面整體的色調環境中,從潛意識里就樹立企業沉穩的作風。
文字有描述和解釋的功能,同時也是一種良好的藝術載體,字體的設計可以根據不同的需求體現出不同的藝術風格,如“末端斜切”的處理方式,使得文字筆畫低調不張揚,不僅能夠很好地融入網站的整體氣氛中,也切合了企業的發展理念。
4.人性化的設計
人性化就是網站設計的核心,在物質逐漸滿足,精神需求逐漸壯大的時期,用戶對網站的操作不僅要求功能完善,還要求美觀、藝術、個性,在對設計上需求的就是要表現具體風格和藝術審美。網站界面設計的板式設計、色彩搭配、文字處理等都要考慮用戶的主觀感受,已經沒有人愿意接受一個冷冰冰的機器了。現階段許多設計師在網頁中加入了自己的情感因素,而往往卻忽略了用戶的精神需求,因此違背了設計初衷。
電力企業的登錄界面中,無論是企業內部人員還是用戶,都設置獨立的登錄賬號、密碼、驗證碼等,這些復雜的賬號及密碼為了保密性,又不方便用文字來記錄,便成為了用戶的記憶負擔。賬號是什么?密碼是什么?幾位字符等等問題,甚至還在為切換輸入法浪費時間,如果加入必要的引導詞,例如,密碼框內的半透明原點符號,能起到提示用戶輸入密碼長度的作用,又例如,點擊輸入框后輸入法的自動切換,也能節省不少時間。這些細節都是影響用戶體驗的因素。不僅夠體現出企業的服務態度,而且也左右著用戶的消費心態。
三、總結
該論文以尋求新的電力集團網站界面設計,進而滿足與用戶的交互性為目的,進行深入探究,使消費者在電力集團網站體驗過程中與企業理念產生共鳴,使得企業贏得更多客戶的忠誠度,從而實現網站的運營目標。?
參考文獻:
[1]董建明:人機交互:以用戶為中心的設計和評估[M],北京:清華大學出版社;
關鍵詞:網頁設計,用戶體驗,用戶界面
想要建立一個成功的網站,首先就要貫徹“以人為本”的原則,在現今的設計過程中能夠體現“以人為本”原則的設計就屬用戶體驗設計了。科技論文。這就不得不提到兩個名詞即用戶體驗和用戶界面概念的理解。
一、名詞概念
1.什么是用戶體驗
用戶體驗(user experience)簡稱UE,是指用戶在接受和使用一個產品(服務)的過程中建立起來的心理感受。用戶體驗無處不在,在日常生活中人們所接觸到的一切產品,例如,交通工具飛機、汽車、公交車、自行車,數碼產品電腦、手機、相機、mp3等,人們在使用的過程中都會產生純主觀的心理感受。這些純主觀的感受完全建立于用戶體驗產品的過程中,而產品的好壞或虧盈就由這些體驗感受所決定,所以產品設計中的以用戶為中心的用戶體驗設計顯得至關重要。
2.什么叫做用戶界面
用戶界面(User Interface)簡稱UI,界面(Interface)是人機互動過程中的一個層面;界面設計是一個復雜的有不同學科參與的工程,認知心理學、設計學、語言學等在此都扮演著重要的角色。比如,制作一個公司的網站時,不僅要兼顧用戶的便利,同時也要把這個公司引人注目的地方一起展現出來。如果把一個網站比喻成一棟房子,那么用戶界面則是房子的門面和裝潢,只有首先吸引用戶的眼球才能使用戶留在房子里去體驗生活。
二、用戶體驗設計的分類
在網站建設過程中如果只了解到用戶體驗的概念是不夠的,設計者們必須要理論結合實踐。因為用戶體驗是一種用戶純主觀性的心理感受,設計師們在很微小的細節進行調整,或許就會得到用戶的鐘愛。這些細節上的精心設計必須經過設計師對于用戶自身的調查與用戶反饋的信息才能整出頭緒,進行整合設計。那么通過調查與反饋用戶體驗的設計可以從以下幾個方面進行調整設計。
1.感官體驗
想要在網頁中設計出好的界面的話,感官效果是必須考慮的一個方面。要注意網頁的界面應該要保持一貫性不能給用戶帶來混亂感;在使用方法方面,設計風格要符合目標客戶的審美習慣,并具有一定的引導性。科技論文。界面的構成不能太復雜;主要內容應設計在引人注目的地方。同時,頁面布局重點突出,主次分明,圖文并茂。與企業的營銷目標相結合,將目標客戶最感興趣的,最具有銷售力的信息放置在最重要的位置。在設計頁面色彩時應該與品牌整體形象相統一,主色調和輔助色不超過三種顏色。以恰當的色彩明度和亮度,確保瀏覽者的瀏覽舒適度。
2.瀏覽體驗
瀏覽體驗顧名思義就是呈現給用戶瀏覽上的體驗,更強調的是吸引性。在一個網站中一切內容和服務都是從網站的導航延伸出去的,所以導航應該要動感、簡潔、清晰,分類條理最關鍵。隨著現在網站功能越漸強大,各類型網站中增加了越來越多的視頻、動畫元素,對網站速度的要求也越發苛刻。所以加快頁面的瀏覽速度選擇一家穩定的服務器托管商也至關重要。在網站的內容上設計者應該給用戶帶來舒適的文字環境。如今,網站博客撰寫已成為了一個很大的話題。我們需要用和朋友對話的方式來撰寫博客,讓用戶感覺到一種舒適溫馨的氛圍。這樣用戶就會少一些局促感,即使他們遇到了使用上的問題,也會心情愉悅的在網站幫助中尋找解決的辦法。
3. 信任體驗
4. 互動體驗
它呈現給用戶操作上的體驗,強調網站的易用性。網站與用戶必須有高度的互動性,網站不是一張死板的宣傳單,要讓瀏覽者通過網站進行各種互動行為,包括直接聯系企業客服中心;在線留言或咨詢;在線訂購物品;發表評論等,總之,要讓網站和瀏覽者互動起來,通過網站把瀏覽者和企業連接起來。能互動的地方越多,這個網站的價值就越大。科技論文。因為只有和瀏覽者產生交流并可幫助瀏覽者解決實際問題,比如可以回答他的提問或直接購買產品,對瀏覽者來說你的網站才是有生命的,有價值的。
三、總結
網站的用戶體驗設計是是在互聯網時代開放、共享、自由的氛圍中的一種進化需要,并且它最終將成為無論是從需求分析、到界面設計再到開發到運行維護至關重要的一部分,因為我們隨時都需要將用戶置入服務的核心,用我們的愛來澆注產品本身。
參考文獻:
[1] 戴力農.當代設計研究理念:用戶體驗超人性化設計方法.上海交通大學出版社,2009
[2] 崔武子,齊華山,于寧. 界面設計與Visual Basic.清華大學出版社,2004(7)
[3]((美) Jason Beaird著 熊平, 宓媛珊譯. 完美網頁設計. 北京:人民郵電出版社,2008(7)
[4] 徐延章. 美工與創意:網頁設計藝術. 北京:科學出版社,2009(7)
關鍵詞:網上;論文;管理;數據
中圖分類號:TP311.52 文獻標識碼:A 文章編號:1007-9599 (2011) 23-0000-02
Analysis of Online Graduate Thesis Management System
Li Wei,Gao Min
(State Grid Xinyuan Company,Xilongchi Pumped Storage Power Station,Wutai 035503,China)
Abstract:This paper online management system is a very typical information system,it is generally divided into two platforms:platform for students and teachers,backstage management platform.The former requires full-featured,user-friendly,easy to use and so on.While the latter requires data integrity and security of strong,taking into account the background of the management convenient and appropriate to simplify the operation.After analysis,I use Microsoft's development tools as 2.0 and ASP,because ASP file upload a lot of trouble to do so using 2.0 technology file upload,front of the home page using technology papers to search for good results,the formation of a viable system to make customer satisfaction.
Keywords:Online;Papers;Management;Data
隨著電子計算機和通信技術的發展,人類已經逐漸地進入信息化社會。計算機雖然與人類的關系愈來愈密切,還有人由于計算機操作不方便繼續用手工勞動。為了適應現代社會人們高度強烈的時間觀念以及享受科學技術的快速發展帶給人們在生活、工作、管理等各個方面的方便性,大量計算機軟件應運而生,從而進入了更加高效的信息時代,順應了黨的“十六大”提出的“以信息化帶動工業化”的發展戰略,也順應了我國信息界前進的方向。
本系統是畢業生網上論文管理系統,使用了ASP和Access作為開發工具,由于考慮到用ASP做文件的上傳比較麻煩,本系統還采用ASP.省略 2.省略)+Access構建。ASP是基于Microsoft Windows NT 4.0和Microsoft Internet Information Server3.0(IIS3.0)的開放式腳本開發環境,它很好地把HTML和腳本開發融合在一起,提高了編程的靈活性,降低了開發難度。ASP中的腳本在WEB服務器端運行,而不是傳統的在客戶瀏覽器中運行,這一措施使客戶的瀏覽器無須擔心服務器端的網頁使用何種腳本,ASP都會生成一個符合HTML標準的網頁送回客戶端。由于本系統需要做文件的上傳考慮到ASP比較煩瑣,所以這里運用了 2.0來開發文件的上傳(也就是整個系統的后臺部分)。
提供了數個重要的優點:(1)增強的性能。(2)世界級的工具支持。(3)威力和靈活性。(4)簡易性。(5)可管理性。(6)可縮放性和可用性。(7)自定義性和擴展性。(8)安全性。
二、需求
(一)系統特點需求。考慮到現在的工作人員大都不是計算機及相關專業出身,所以本軟件考慮到了這些情況,有針對性的開發了此軟件:
1.操作人員普遍計算機水平不高,系統要有良好的人機界面,絕大多數人能夠一學就會。
2.該系統使用的對象多,比如教師,學生,管理人員等,要求有較好的權限管理。
3.添加數據簡單便捷,支持批量數據的添加。
4.原始數據修改簡單方便,支持數據的批量修改。
5.方便快捷的檢索功能,可以通過畢業年份,姓名,學號,論文題目等進行查詢。
6.方便的數據上傳和下載功能,管理人員可以通過后臺添加刪除論文,學生可以在前臺進行論文的查詢,瀏覽,和下載功能。
(二)總體功能需求。經過對學校論文管理體系的詳細調查和分析之后,發現一個完備的網上論文管理系統必須具備以下一些主要功能:
1.管理員功能。
(1)綜合設置。院系管理,畢業班級管理,論文類別管理等。
(2)論文管理。這里可以上傳論文(包括論文文檔上傳和畢業設計上傳),和刪除論文等操作。
(3)安全設置。管理員密碼修改和添加管理員等操作。
2.學生和教師查詢功能。
根據知道的信息,如院系,姓名,學號等等查詢論文,并可進行論文和畢業設計的下載。
三、系統首頁
本界面是系統的前臺界面,用戶不需要注冊即可進入該頁面按照查詢內容進行論文的查詢操作,其界面設計如圖1所示。
圖1系統主頁面
(一)檢索頁面。此界面是用戶根據需求輸入不同的檢索條件(比如姓名,班級,論文名等等)以后,檢索出來的論文。
(二)論文詳情查看頁面。此界面是用戶根據需要,查找到自己想要的論文以后,查看論文的詳細情況的界面,用戶可以瀏覽論文的關鍵字,摘要等等,如果需要的話,可以根據自己的情況,下載論文,和畢業設計。
(三)后臺登陸頁面。本界面是整個后臺的登陸界面,管理員需要從此登入才能進行論文的添加和刪除等操作。
(四)后臺主體框架。本界面是整個后臺的主要功能,包括院系管理、畢業班級管理、論文類別管理、論文管理、添加論文、管理員密碼修改,添加管理員等功能。
(五)院系管理頁面。本頁面是面向學校設計的,可以根據學校的需要添加院系,并可以對已經添加的院系進行修改,和刪除等操作,
(六)畢業班級管理頁面。本頁面是用來管理畢業班級的頁面,用戶可以根據需要來添加班級,例如先根據畢業年份,選擇好哪個學院,然后根據實際情況來添加所需要的班級數量。并且可以對已經添加的班級進行修改和刪除等操作,
(七)論文類別管理頁面。此頁面是輸入論文的類別的頁面,即論文的性質,是論文查詢的條件的一個重要部分。可以添加論文類別,并可對其進行編輯和刪除等操作,
(八)添加管理員頁面。本頁面是添加用戶頁面,管理員可以從后臺登陸后,進入此項功能,根據具體情況添加用戶,以方便多人管理此系統的目的,
(九)添加論文頁面。此頁面是本系統的核心,論文上傳和畢業設計上傳的頁面,管理員根據論文的情況按照院系、畢業年份、班級、姓名、學號、論文題目、論文關鍵字、論文類別、論文摘要把論文添加進去。如果有畢業設計的話,還可以把畢業設計也上傳進去,其界面設計如圖2所示。
圖2 添加論文頁面
(十)論文管理頁面。此頁面是對已經添加的論文進行管理的頁面,管理員根據實際需要,比如已經不需要的論文就可以刪除,其界面設計如圖3所示。
圖3論文管理頁
(十一)管理員密碼修改頁面。此頁面是管理員密碼修改界面,為了安全考慮,管理員可以在此頁面進行密碼的修改,修改以后點確認修改下次登陸就是已經修改的密碼
四、系統測試
測試是為了發現程序中的錯誤而執行程序的過程,好的測試方案是極可能發現迄今為止尚未發現的錯誤的測試方案,成功的測試是發現了至今為止尚未發現的錯誤的測試。
由于軟件編出來以后是讓普通用戶使用的,而這些使用人員大都不是計算機相關專業出身,不一定了解軟件是怎么做出來的,只會使用,所以說從普通用戶的角度來測試系統有它的好處。這么做可以測試出一些軟件的異常問題,可以為系統以后的使用起到非常大的作用。用這樣測試的方法,我把程序中所有沒考慮到的細節問題都查出并改正過來了。
五、結束語
畢業生網上論文管理系統開發完畢,基本上達到了自己的預期目標,自己還比較滿意,但是這里面可能仍然存在許多不足和設計不合理的地方,有待于進一步彌補和改進。本系統雖然解決了論文的網上檢索,上傳等難點問題,但是肯定還有許多不足之處,歡迎大家在使用過程中批評指正。
【關鍵詞】人機工程 GUI 設計
一、人機工程學的學科內容
人機工程學是一門研究人類、機器和環境之間相互作用的學科,它主要目的是為了使設計的機械設備或者人機系統能夠滿足人的生理和心理特征,使其能夠更好的為人類服務。在工業設計中,我們通常將其定義為:對于成批量生產的產品,憑借專業知識、經驗以及視覺感受等賦予其材料、結構、色彩等新的品質和資格。人機界面是人和機器在交互過程中非常重要的一個層面,也可以稱之為用戶界面。它是人和機器之間進行通信的媒介,負責信息的輸入和輸出,其設計的好壞直接影響用戶的使用效果,是現代設計中非常重要的一個方面。
二、GUI的設計及色彩的特征
(一)GUI設計的流程
對于一個完整的用戶界面設計包括其啟動界面的設計、軟件架構設計、相應按鈕的設計、面板的設計、菜單的設計以及圖標和滾動條的設計等等。跟其他產品一樣其設計的過程非常復雜,包括前期的調研、總體設計、具體設計和實施[1] [2],是一個需要循環測試和評估的設計過程。
(二)色彩在GUI設計中的作用
在人機界面使用過程中,色彩對人類的影響最為重要,會受到人們的首先關注,其次才是形狀或者其他。所以對于人類來說色彩直接影響著其精神感受,在設計的過程中就要考慮到用戶的審美觀,使用戶在使用的過程中產生舒適感和美感。
GUI的設計可以分為網頁和軟件兩種不同的類型,其設計時對色彩的選擇也不盡相同。在網頁的色彩設計過程中有很大面積的色塊區域,其像素空間也較大,設計師在設計色彩時有較大的發揮空間。但是在對軟件的GUI設計時要考慮到工程類的嚴謹性和專業性,目前大多數采用了灰色作為其背景色,那么對于其圖標的色彩設計就會受到很大的限制,且其色彩不宜超過64色。在整個GUI設計中首先要做到簡單明了,對用戶起到引導的作用,引導用戶得到正確的聯想和操作。其次還要保證色彩的柔和性,降低不同區域間的對比度,使用戶在使用的過程中不會感覺眼睛疲勞。
(三)人機交互界面色彩的選擇
在進行人機界面的色彩選擇時首先要明確主色調,以體現界面的主題。在工業設計中一般選擇淺灰色、淺黃色、淺藍色以及淺綠色等淺顏色的背景,再配以深色系的字,這樣既能夠突出重點,又能夠得到大多數人的認可。對于人機界面中其他的一些內容不宜選用搶眼的顏色,否則就會喧賓奪主,當然并不是完全不能應用,為了突出強調某些因素可以采用明亮的色彩,但是不能使用太多,否則就會適得其反,達不到強調的效果[3]。
在進行色調選擇時一般要考慮一下三點:
1.暖色調一般會給人一種溫暖的效果,冷色調則相反,使人感到冷清。
2.高彩度的暖色調給人刺激和興奮,低彩度的冷色調能夠使人平靜思索。
3.高明色調使人感覺清爽、明快,低明色調則使人感覺深沉和莊重。
在選擇顏色進行背景色搭配時一樣不能使用對比強烈的色彩;使用大面積顏色時要選用低對比度的背景,否則會影響其圖片和文字的辨別,嚴重時會發生互溶現象,使圖片和文字不容易被辨識。例如在進行標題背景色設計時可以采用較深的顏色,配以鮮明的字體,這樣一方面可以吸引用戶的注意力,另一方面起到了突出界面主題的作用[4]。
三、人機工程學在GUI設計中的重要作用
設計的目的是為了更好的為人類服務,所以人是設計中首先要考慮的因素。人機工程學也是把人作為第一要素來考慮,它在GUI設計中的作用可以簡單的概括為以下三個方面:
(一)提供人體尺度參數。人體工程學是人際工程學中研究中一個重要的方向,為GUI的設計提供人體結構尺度、生理尺度以及心理尺度等相關數據,從而為設計者設計人機界面提供可靠地參考依據。
(二)提供功能合理性設計參數。在設計過程中為設計者提供界面中各個要素的形狀、大小以及色彩和布局等的參數,使其能夠實現人和機器之間通信功能的最優化,進而最大限度的適應人類心理和生理需求。
(三)提供系統設計的理論依據。人機工程學是研究人和機以及機所處的環境一門科學,人機工程學的原理存在于用戶界面設計的每一個過程中。在這個完整的人機系統中系統要能夠為用戶提供繼續、后退和退出等命令的說明[5]。
四、設計實例
在這次設計中我們以一款兒童英語學習軟件為例進行,設計了其登陸界面和一系列圖標,其界面色彩豐富、圖標的可指示性強。
上述圖標和界面的設計主要采用了黃色調作為主色調,能夠給人一種活潑、燦爛和可愛的感覺。對于兒童英語課程的學習來說其用戶主要是兒童,這種色調的選擇可以使其在使用過程中感到喜歡,增加了其愉快度,從而能夠更好的幫助兒童學習英語。
五、結論
論文以人機工程學為基礎,對其在GUI設計中的相關內容進行了闡述,介紹了基于人機工程學的GUI界面設計的方法,并且介紹了色彩在界面設計中的重要作用和如何選擇合適的色彩以達到更好的效果。在文章的最后做著還給出了一個設計實例,驗證了人機工程軟件界面設計方法的指導性。
參考文獻:
[1]何曉佑.產品設計程序與方法.北京:中國輕工業出版社,2000.
[2]Jeffrey L.Whitten,Lonnie D.Bentley,Victor M.Barlow.System Analysis and Design Methods. Von Hoffmann Press,1994.
[3]姜葳,用戶界面設計研究,浙江大學碩士學位論文[M].2006年3月。
【關鍵詞】精品課程;網站;項目開發
現國家正加強中職學校精品課程建設,精品課程建設工程的目標是實現全國優質教學資源的共享,要求精品課程的相關內容全部通過網站的方式對外開放。因此,精品課程網站建設是精品課程建設中的一個重要環節。
目前很多資料或論文在涉及精品課程網站制作時,都以站在網站的技術開發角度進行論述,這些專業知識對于非計算機專業人員是較難透徹理解網站的開發過程。而且精品課程網站作為一個共享平臺,還要把課程的資源放到平臺上,涉及到平臺的建設、各個資源內容制作和整合等工作,更是需要團隊合作。一個完整的網站開發不像其它項目或者任務可以單獨完成,是需要一個團隊多個人分工合作完成。
一、網站項目開發團隊,包括以下的角色和職責:
(一)網站項目經理
職責:1.項目執行監理2.質量監督員
網站項目經理負責與用戶進行溝通,了解用戶開發網站的思想、用途和要求。并創建和維護項目的規劃和戰略文件,預算表,項目進度和甘特圖表,會議記錄,費用記錄和團隊其他詳細工作的項目文檔。并協調、溝通網站各項目小組的日常工作。
(二)藝術總監
職責:1.網頁界面設計師2.交互式設計師
(FLASH,JavaScript,Ajax)3.媒體專家(攝影,插圖,視頻,音效)。藝術總監的主要職責是設計網站的整體外觀和感覺。把網站排版、用戶界面設計、顏色標準、頁面布局細節、圖片要求、攝影、插畫、網站的視聽媒體等元素匯聚并形成一個整體。
(三)網站技術主管
職責:1.網頁程序設計師(.net,Java,PHP/Perl,Ruby)2.網頁工程師(XHTML,CSS,JavaScript,Ajax)3.數據庫管理員4.網站管理員網站技術主管必須掌握有網站的環境、開發語言和開發站點框架、選擇網絡數據庫等廣泛的網絡技術。他應該在技術人員、創意人員和項目團隊各主管中充當一個橋梁或者翻譯工作
(四)網站制作主管
在設計早期階段,網站制作主管主要負責把原始的網站模型、界面和藍圖轉化成HTML頁面。一旦網站規劃及設計完成并且信息架構也規劃好之后,網站制作主管的主要工作就是制作站點頁面,當然他可以直接用html編寫,或者使用網站內容管理系統(CMS),也可以用一些站點開發軟件,例如Adobe Dreamweaver。
(五)網站信息架構師
網站信息架構師主要負責網站的結構和內容進行組織和分類。在整個項目的設計和規劃早期階段,信息架構師是最活躍的。他要制定整個網站的內容結構,網站的框架結構,向客戶和網站開發團隊介紹網站的整體規劃。信息架構師也要與網站設計師緊密合作,制作用于顯示網站各個頁面的名稱、導航和頁面內容的網站藍圖。
1.文字撰稿人2.站點內容專家(內容協調,制作)。網站編輯負責整個網站的文字內容和編輯質量。他或她創建的網站編輯的基調,確定文字風格,并與客戶和相關內容的專家收集、整理。以上就是網站開發時所需要的六個基本角色及其職責,每個角色都有負責的方面。當然其中有可能一個人員充當幾個角色,也有可能一個角色里面要幾個人員組成。
二、網站項目開發過程及團隊各角色相互合作關系
從圖1-1我們可以把網站作為一個完整的項目,可以分為“規劃”和“站點制作”兩個主要階段。
(一)規劃階段
這個階段里要進行的工作就是用戶調查與網站規劃。網站項目經理要與用戶進行接觸,全面了解用戶的需求,包括網站的用途和要實現的功能。用戶也在這個階段明確要網站能實現的功能模塊和需要提供的材料。充分了解用戶需求后,藝術總監和網站信息架構師就要基于用戶的要求、網站的用途和網站訪問者等各方面的考慮,使用PhotoShop或其它工具繪制出網站首頁、二級頁面的圖形界面。與用戶確定好界面、功能與內容,就開始分兩條線路進行開發。1、技術路線:網站技術主管根據界面并與信息架構師一起進行技術規劃,制作好網站使用的開發語言、技術、數據結構和數據庫等。2、內容路線:網站編輯要開始規劃網站編輯的基調;內容在網頁上的表現形式(文本、圖片、視頻、動畫);確定文字風格和網頁顯示的字體的大小與字形;
(二)站點制作階段
站點制作階段是實際開發周期,各項目小組根據前面制定好的規劃進行制作。網站信息架構師在各部門之間進行項目規則解釋、協調和統籌。1、程序開發:網站制作小組根據界面規劃把圖形界面轉換成網頁格式;依據技術規劃,制作網站的各頁面。從圖中的甘特表顯示,程序開發和網站合成占整個項目的最大時間比例。2、內容整理:網站編輯要與客戶和相關內容的專家收集、整理放到網站平臺的資源。網站資源如涉及到圖片、動畫和視頻等,網站編輯要與媒體專家合作共同制作。當平臺主要架構搭建成形,后臺數據庫建立完畢,網站編輯就可以把網內容上傳到網站平臺內,把網站合成。
參考文獻
關鍵詞:結構;導航;界面;交互;
中圖分類號:G4 文獻標識碼:A 文章編號:1674-3520(2015)-04-00-01
網絡課程是一個由知識點、跳轉關系、導航策略和交互界面組成的教學系統。《汽車電子技術》網絡課程的系統設計包括結構設計、導航設計和界面設計三個方面。課程內容主要以《汽車電子技術》第一章的教學內容和輔助學習兩大部分組成。
一、結構設計
由于網絡課程有其特定的教育性,在設計結構時,十分注重對知識結構的設計,以便有利于體現教學內容的層次關系,有利于實現自主學習。在進行本課程知識結構的設計時,以《汽車電子技術》為框架,按章節進行選擇,在各章節內部,根據知識點之間的聯系設置超鏈接。我們還根據學習者的需要,設置了各種輔助學習方式,方便學習者自學。
(一)網絡教學模塊。網絡教學模塊(網絡課件)是根據教材內容而編制,是教學目標、學習任務的具體體現,教學目標的實現主要依靠具體的網絡課件來完成,所以這個模塊是整個網絡課程的重點。
1、內容的呈現方式。主要以平鋪方式來組織教學內容,方便學習者按各自的基礎、興趣和能力有選擇地進行學習,滿足學習者的不同需求。教學內容以課本的每一章節為縱向結構,以學習目標、輔助學習、作業系統、教師答疑、實驗指導作為橫向結構編織成一張縱橫交錯、非線性的知識網絡體系,讓學習者掌握充分的學習自進行有效的學習。
2、課程導學。為了幫助學員實現網絡課程的自主學習、掌握正確的學習方法 ,提供了課程大綱、課程目標、實驗指導、作業系統等助學信息。
3、重點難點的處理。在對汽車電子的學習中,學習者需要掌握理論與技術的相結合,這是課程內容中的重點。我們在對課程的學習時,加入實驗指導,讓學生邊學習理論,邊熟悉技術的操作。重點解析內容也可采用 Flash動態教學效果或視頻教學,配以文字和語音講解,利于學員更好接受和理解。
(二)師資隊伍模塊。“師資隊伍”主要是介紹了有關該課程的教師資料,學生通過“師資隊伍”可了解自己老師的信息。
(三)作品欣賞模塊。“作品欣賞”又分為“優秀個人作品欣賞”、“優秀小組作品欣賞”、“教師推薦作品欣賞”。“優秀個人作品欣賞”和“優秀小組作品欣賞”是教師從學生的作業中選出的優秀作品,這些作品上傳到學習網上,學生不僅可隨意瀏覽欣賞,給出評價,更重要的是學生可將自己的作業與之比較,找出不足,總結經驗,在激勵中求上進。“教師推薦作品欣賞”是教師在網上或其它雜志上尋找的優秀作品,供學生學習。
(四)常見疑問模塊。“常見疑問”中給出了在電子設計方面經常出現的問題及解決方法。這和“教師答疑”不同,學生直接到頁面進行查找,就可解決疑問,效果更快。
(五)學習交流模塊。“學習交流”分為兩部分,一是在線論壇,學生通過在論壇上發表文章,和同學老師們共同交流。這種討論模塊 ,目標是發揮教、學兩方面積極性 ,活躍氣氛和鼓勵學習者顯示才華和創造力 ,以及提供答疑解惑的場所。二是虛擬聊天室,學習者因為學術觀點相近或興趣愛好一致等原因更愿意在一起學習或交流,從而形成學習伙伴或網上好友的關系。不管是教師還是學生,都可以在這兩個板塊中暢所欲言,就學習、生活、實踐中遇見的難點、重點、熱點問題進行交流、解答。
(六)資源下載。“資源下載”主要是與學習有關的電子課件、電子雜志、相關學習軟件等,方便學習者學習。
(七)授課錄象。“授課錄象”是多媒體演示模塊 ,目標是形象化教學。其中包含大量的視頻資料 ,使學習者可以從感性的角度加深對知識的了解。
(八)特色項目。“特色項目”是教師或學生在汽車電子技術方面做出的某種研究,最終目標也是供學習者學習探討。
二、導航設計
由于學習者在網絡課程的學習過程中是以自主學習為主,缺乏教師的指導,易產生迷航現象,因此清晰明確的導航在網絡課程設計中顯得尤為重要。在本課程中,為方便學習者學習,站內鏈接導航條始終出現在屏幕的右上方。在網絡學習模塊中,左邊提供卷軸模樣的下拉式導航條,學習者可隨時選擇某一章的學習欄塊,直接進入相應的頁面學習。
三、界面設計
《汽車電子技術》網絡課程運用先進的網頁制作工具,設計大量形象生動的圖片和動畫,激發學習的熱情。界面是學習者與計算機進行人機交互的窗口,包括顯示界面和操作界面。在設計時要時刻注重界面清晰;在操作方面,交互性、可控性強。
網絡課程是由一頁一頁的網頁按照一定的順序和結構組織起來的。頁面既是網絡課程的組成部分,也是《汽車電子技術》所有教學內容的展現形式,也就是說網頁設計是構建整個網絡課程的靈魂。
(一)頁面的布局。在《汽車電子技術》網絡課程的頁面設計中大都使用了“T”型頁面結構設計,將導航和呈現的內容合理的分開設計,頁面布局清晰可見。
(二)頁面文字。頁面文字本著盡最大可能突出主題的原則組織的。文字的字體不超過三種字體,字號的選擇不宜過大,否則會使頁面顯得非常雜亂和擁擠,令學習者眼花繚亂,無從下手。字號的選擇也不宜過小,這樣會使學習者容易疲勞。
(三)頁面顏色。頁面的色彩是頁面設計中一項重要內容 ,它貫穿于整個頁面設計的過程中 。恰當使用不僅可以增加網絡課程的藝術欣賞性 ,而且可以吸引學習者注意力 ,促進對屏幕上各部分的識別、突出差異 。但如果使用不當 ,則會分散人的注意力 ,使視覺容易疲勞 。在選擇時應考慮課程內容表現的需要、課程的總體風格、教學對象的色彩心理特點以及色彩本身所表達的含義等等因素 。總的來說 ,網絡課程的頁面色彩搭配要和諧、自然 ,給人以美感 ,注意顏色數量的多少 ,避免色彩過多過雜 ,盡量作到風格統一 。色彩的選擇盡量鮮明、獨特、與所設計的內容相協調一致 。
(四)頁面圖形。用圖形說明、解釋問題具有形象、直觀、生動的特點 。本網絡課程的圖形圖像大多采用photoshop工具進行處理過,使用起來更鮮明生動。
(五)頁面趣味性。為了增加學習者的學習興趣 ,減少學習過程中的枯燥性 ,在網絡課程中加入適當的動畫來展現教學內容,效果會比較好。
參考文獻:
引言
瀏覽器的發展是我們一般網民可以深刻感受到的。從開始大家都一貫使用的IE瀏覽器到現在五花八門的各種瀏覽器的出現,用戶越來越苛刻的要求以及市場的不斷細分使得網頁瀏覽器越做越細膩而且各個品牌開始有了自己的特征,本論文就選擇三個典型的瀏覽器基于用戶體驗來進行分析與定位,以及對瀏覽器的今后發展方向進行探索性的設想。
一、用戶體驗概述
1.用戶體驗的定義
用戶體驗(User Experience,簡稱UE)是一種純主觀在用戶使用產品過程中建立起來的感受。ISO 9241-210標準將用戶體驗定義為“人們對于針對使用或期望使用的產品、系統或者服務的認知印象和回應”。因此,用戶體驗是主觀的,且其注重實際應用。ISO定義的補充說明有著如下解釋:用戶體驗,即用戶在使用一個產品或系統之前、使用期間和使用之后的全部感受,包括情感、信仰、喜好、認知印象、生理和心理反應、行為和成就等各個方面。該說明還列出三個影響用戶體驗的因素:系統,用戶和使用環境。
2.用戶體驗的目標
用戶體驗的目標概括來說分為兩類,一是可用性目標,另一個是用戶體驗目標。兩者相互關聯,可用性是基礎它的好壞直接影響到整個的用戶體驗。可用性目標是關于滿足特定的可用性標準(例如有效性)的,而用戶體驗目標則是對用戶體驗質量所做的明確說明(例如富有美感、令人舒暢)。
所謂可用性,就是說產品是否易學、使用是否有效果,以及通用性是否良好等等。它涉及優化人們與產品的交互方式,從而使人們能更有效地進行日常工作、完成任務和學習。可用性目標具體可以分為:可行性(使用有效果)、有效性(工作效率高)、安全性(能安全使用)、通用性(具備良好的通用性)、易學性(易于學習)、易記性(使用方法便于記憶)等。
隨著新技術的快速發展,人們對產品也有了更多的要求。這就使得研究人員和業界人士開始思考進一步的目標。交互設計已經不僅僅只是如何提高工作效率的問題了,人們也越來越關心產品是否具備其它一些品質,例如:令人感到滿意、令人心情愉快、有趣味性、引人入勝、富有啟發性、富有美感、富有時尚感、可激發創造性、讓人有成就感、讓人得到情感上的滿足等。
根據如上我們對用戶體驗目標的描述來進行瀏覽器產品的調研與分析。
二、瀏覽器產品分析
瀏覽器是我們上網不可缺少的工具。網頁瀏覽器是個顯示網頁服務器或檔案系統內的文件,并讓用戶與此些文件互動的一種軟件。它用來顯示在萬維網或局部局域網絡等內的文字、影像及其他資訊。這些文字或影像,可以是連接其他網址的超鏈接,用戶可迅速及輕易地瀏覽各種資訊。
根據國內知名第三方數據統計分析服務提供商CNZZ的瀏覽器中國市場份額2009年8月統計報告中了解到,中國瀏覽器市場占有率第一的仍然是微軟IE,如圖1所示。IE6在國內憑借Windows XP的保有量保持了接近百分之七十的市場份額。IE8在國內占有3.7%的用戶。不過從這個瀏覽器排行榜單中可以看出國產瀏覽器異彩紛呈,以其多窗口瀏覽、多種功能集成和較高的安全性設置,在市場上同樣占據了不少份額。據CNZZ數據分析報告顯示,目前來看占據國產瀏覽器軟件第一的仍然是傲游Maxthon。而騰訊TT也依托QQ的龐大用戶群占據了第二名的位置。還有異軍突起的360安全瀏覽器,市場份額上升非常迅速。現在已經超越世界之窗排在了前五的位置。本論文就選取了比較有特點的google、遨游、360瀏覽器進行分析,同時以騰訊的TT瀏覽器為被設計對象進行未來產品的定位。
1.產品的企業定位:
遨游――瀏覽器
傲游是多標簽瀏覽器,擁有業界最優秀的在線收藏和廣告過濾功能,并囊括了智能填表、超級拖放、鼠標手勢、分屏瀏覽等眾多易用功能,100%提高瀏覽效率,給我們帶來更快捷、更穩定、更安全的上網體驗.Maxthon Browser基于IE內核,并在其之上有創新,其插件比IE更豐富。
360――安全瀏覽器
360是互聯網上安全好用的新一代瀏覽器,擁有中國最大的惡意網址庫,采用云查殺引擎,可自動攔截掛馬、欺詐、網銀仿冒等惡意網址。獨創的“隔離模式”,讓用戶在訪問木馬網站時也不會感染。無痕瀏覽,能夠最大限度保護用戶的上網隱私。360安全瀏覽器體積小巧、速度快、極少崩潰,并擁有翻譯、截圖、鼠標手勢、廣告過濾等幾十種實用功能,已成為廣大網民上網的優先選擇。現在產品線有所拓展,緊跟潮流,開發了極速版瀏覽器突出無縫的快速搜索。
Google――瀏覽器
Chrome瀏覽器目標是提升穩定性、速度和安全性,并創造出簡單且有效率的使用者界面。
2.產品用戶體驗描述
通過發放調查問卷以及用戶訪談,把三個瀏覽器的品牌定位和產品優劣勢進行分析和比較。
總體來看,Google瀏覽器界面形式最簡單,純粹,同時不乏個性化的擴展。360與遨游瀏覽器的界面類似,采用與IE類似的傳統瀏覽器布局和功能類別,360界面比較清新,干凈,遨游界面略顯復雜,內容過滿,在界面設計上加法過多。傲游瀏覽器設計了很多快捷功能,給瀏覽網頁提供了多種方便,360也具有多數相似的功能,但兩個產品的功能層次都稍有繁冗復雜,給了用戶多種通道和入口。360瀏覽器的安全保障做的比較突出,給人健康、安全、信任的感覺和體驗。
通過分析,提煉出產品用戶體驗的幾個關鍵詞為實用、快捷、安全、可擴展、個性化,并且用這些關鍵詞對產品進行進一步的表述和分類。
圖例:
根據關鍵詞分析得出產品的綜合定位圖:谷歌產品有著簡單美觀的界面設計,在個性化功能上比較突出。遨游產品實用但比較復雜,擁有著較多的功能,但是產品功能和界面內容過于多,且在視覺設計上處于劣勢。360的產品安全性能較高,界面設計比較美觀,易用性居中。
三、總結
從用戶體驗的分析來看,每一款產品都有自己的定位,并且跟自己的品牌文化,產品發展息息相關。拿騰訊TT產品為例,從騰訊產品優勢以及競品特征定位來看,TT產品應該有自己企業的優勢資源,同時帶給用戶完整豐富的騰訊產品體驗。
根據與前邊瀏覽器的對比分析以及用戶體驗研究,探討未來的TT瀏覽器的定位方向為:
多種模式。簡單搜索\輕松娛樂\商務辦公……
多種版本。速度主導\主題主導\功能主導……
產品整合。QQ、微薄、游戲、電子商務等騰訊產品。
輕松上網。不僅是搜索,在工作疲憊,等待系統運轉之時還能有片刻的娛樂選擇。
分享交流。突出騰訊的核心產品特征。
所以,產品應該立足于品牌文化和縱向產品特征,不僅從產品本身進行研究,更要結合用戶的評價,對產品和品牌的整體感知,也就是產品的外延來進行分析會得到更準確和開闊的市場定位。
參考文獻
[1]Ben Shneiderman Catherine Plaisant著.張國印,等譯.用戶界面設計[M].電子工業出版.