緒論:寫作既是個人情感的抒發,也是對學術真理的探索,歡迎閱讀由發表云整理的11篇網頁界面設計論文范文,希望它們能為您的寫作提供參考和啟發。
[中圖分類號]J524.3[文獻標識碼]A[文章編號]1009-5349(2011)06-0089-01
在今天的中國,大多數的人每天都在使用互聯網。查找信息、閱覽文章、娛樂、交友、購物等都可以在網絡上實現,查看網頁已經成為了人們生活的重要內容。
網頁由多個設計元素組成,各個設計元素向我們傳達著信息。其中色彩是最先映入人們眼簾的,它決定了網頁的印象,同時也影響到網頁界面設計的成敗。設計者在網頁界面設計中利用色彩來表達網站主題,烘托網站內容,滿足網頁展示方的意愿。與此同時,設計者更應該注重瀏覽用戶的使用需求。在色彩設計上充分考慮瀏覽用戶的心理特征、視覺習慣和操作習慣,使網頁界面色彩設計人性化,便于瀏覽用戶能夠輕松地使用網頁。
如何實現網頁界面色彩設計的人性化?本文從色彩對人的生理和心理產生影響的角度,對網頁設計中的配色問題提出幾點看法。
一、配色和諧,提高網頁文字的易見度
由于顏色有同化作用,人的眼睛識別顏色的能力有一定的限度,色相對比強的顏色易于辨認,色相對比弱的則難于分辨。在網頁界面里,文字、圖案、背景都有自己的顏色,用戶使用網頁時,背景與文字的配色直接影響用戶對內容的辨別和閱讀。而網頁中,文字是用戶攝取的主要內容,在設計時必須考慮文字與其他元素的色彩對比,注意文字的易見度。
在高明度的背景上低明度的文字易于識別,在低明度的背景上高明度的文字易于識別。但如果背景和文字的明度相近,則會出現難以認讀的情況。如,白色的背景上使用黑色文字易見度非常高,而使用檸檬黃的文字則易見度很低。
二、科學使用顏色,避免視覺疲勞
人的視網膜對不同色彩的興奮度有所不同。當人看到高明度、純度高的顏色時,視網膜的興奮度高,因此它讓人感覺到刺眼。當人看到低明度、純度低的顏色時,視網膜的興奮度低,因而會覺得較舒適。
在眾多色彩中容易引起人注意的通常是刺激強度高的高明度色,但如果這樣的顏色在網頁界面中大面積使用極易使瀏覽用戶產生視覺疲勞,因此應盡量少使用高明度背景。而低明度色不會強烈刺激人眼,但過多的使用會給瀏覽用戶帶來壓抑感。
通常,我們可以使用淺色調輔以小面積鮮艷的色塊,使畫面既有對比又統一和諧。如果碰到暗色調的網頁,也可以使用小面積的高明度色來調和。避免網頁色彩過艷或過暗帶給瀏覽用戶視覺上的疲勞。
三、了解瀏覽用戶的色彩心理,合理配色
色彩可以作用于人的感官,刺激神經,喚起人們的特殊情感,這是色彩的心理效應。不同的顏色對同一個人會產生不同的心理效應,不同的人會對同一種顏色產生不同的心理體驗。這種體驗,從認識論的角度來說,是人對客觀世界的主觀反映,是由于每個人的年齡、性別、文化、生活環境、豐富習慣等因素所造成的。
有的設計者在設計網頁界面時,對色彩的選擇僅憑自己的直覺和喜好,沒有對瀏覽用戶群體的心理特征和審美需求進行調查分析,這樣設計出的網頁界面往往難以把握瀏覽用戶對信息的獲取量。因此,網頁界面的色彩設計要了解并把握瀏覽用戶的色彩心理。例如,網頁界面的瀏覽用戶是兒童,界面的用色應選取兒童喜歡的活潑、明亮的顏色。而瀏覽用戶是老年人的話則采用成熟、穩重的顏色。不同的民族對同一種色彩可能有不同的理解。在中國古代,黃色代表威嚴,巴西則代表熱情。紅色在中國寓意為喜慶,但在西方人的眼里,它是恐怖、危險的象征。這些因素在設計網頁色彩時都是應該考慮并加以運用的。符合瀏覽用戶色彩心理的設計才會激發他們的閱讀興趣,利于信息的傳播。
色彩給我們的感受是豐富而奇妙的,它每時每刻都在影響著人們的生活。網頁界面的設計者應在掌握人的色彩心理的情況下,充分發揮色彩的特性,網頁界面達到悅目并且適用的要求,實現網頁界面設計人性化的第一步。
【參考文獻】
[1]旭日東升.網頁設計與配色經典案例解析[M].電子工業出版社,2009.6.
[2]馬炅.色彩的情感屬性在網頁配色中的應用探析[J].長春理工大學學報(高教版),2009.11.
一、人性化游戲界面設計理論基礎
良好的用戶體驗是人性化有些界面設計的基礎。用戶體驗發生在生活的每個瞬間,比如當你用水杯喝水時,會隨手將杯蓋放在任何你隨手可以放置的地方,當你在不注意的情況下會將杯蓋隨手放在任何地方,隨后因為沒有印象而忘記杯蓋放在了哪里。現在很多的水杯都將杯蓋設計成連接在杯子上的,這樣就不容易忘記放在哪里了。這樣的例子不計其數。用戶體驗在開發數字產品、系統及服務的不同設計與可用性學科,并通過界面的交互設計來影響人們的體驗。數字產品的用戶體驗設計包括三方面,即形式,行為和內容。操作是游戲體驗的必要行為,交互設計關注行為設計,也關注行為如何和形式與內容產生聯系。人性化的游戲界面設計就是將交互設計理念完美的融入界面設計中,將形式和內容通過交互設計達到一種自然的狀態,是玩家才做起來更加順暢而方便,提高游戲的娛樂性。人性化游戲界面設計不僅要考慮到玩家大眾的心理,使用習慣,使用環境等因素,還要更好的研究大眾的文化,審美等因素對游戲的影響。只有達到平衡才能使玩家和游戲之間順暢而自然地進行信息交流
游戲界面交互設計同一般的WEB設計有所區別。游戲的信息功能復雜,板塊較多,加上玩法和游戲特定的規范,在創新設計上需要設計師全方位的考慮周全,有舍有取。
二、人性化游戲界面設計原則
游戲界面就像是一個自助式的產品,他和很多網絡產品一樣,沒有像真正產品一樣的說明書,當新手引導結束后,用戶只能憑自己的互聯網產品使用經驗操作那些命令。一個不好的界面,會使游戲玩家因為一個操作的卡住最終放棄游戲,這將造成巨大的損失。游戲界面承擔著玩家與游戲之間溝通的媒介作用,直接和界面設計相關的除了美術部分就是交互設計。交互設計是關于行為,操作流程的,和外觀相比,更難于觀察和理解。作為游戲界面的交互,保證玩家使用界面順利成功的進行游戲,界面設計需要以為人本,并且必須遵循一些游戲界面特定的設計原則。
1.簡潔易用
Less is more的設計思想不管設計任何事物都有很好的指導意義。游戲的界面需要設計師盡量做到精簡,以免太多的按鈕和菜單出現在畫面上,并且過于華麗的修飾也會干擾到玩家的注意力,很可能分散玩家的注意力,是玩家不能集中精力于游戲世界。操作界面應該盡量做到簡單明確,并且盡量少占用屏幕空間。而有的游戲因為信息數據繁多,做到精簡的難度很大。但是也有設計師挑戰了這種矛盾。例如現在很多網頁游戲都將游戲構成單元和主要場景結合起來。例如圖一,將主要場景中的建筑和組成這個游戲的各個玩法單元結合起來。這樣不僅僅減少了界面上菜單按鈕的數量,也更好的將玩家吸引到游戲情境當中。不僅是玩家操作更順暢,減少記憶成本,增加了操作上的游戲樂趣。
圖二是《大將軍》網頁游戲中的城外界面的國家查找界面。設計者沒有用過多的裝飾,簡潔的操作界面一目了然,并且雖然是游戲,但是為了方便玩家尋找國家承包,增加了搜索功能,將互聯網其他產品的功能活用到游戲當中也是一個很巧妙的辦法。
2.遵循游戲習慣
上面講到了將互聯網其他的產品的一部分需求功能增加到游戲當中,這樣的做法也需要度。因為游戲作為一個已經給玩家固定印象的產品,有他的特征。網頁游戲發展了許多年,玩家已經培養成了固定的使用習慣,因此不能隨意的改變這些習慣。例如圖三所示。
圖三為網頁游戲《一代宗師》的英雄界面和主城界面。主城界面可以看出和其他的大部分網頁游戲沒有太多的區別。左上角為英雄頭像,名稱,等級和一些屬性。下方一條則為工具欄。左右兩邊為信息欄和任務欄。玩家已經經歷了多個類似設計的網頁游戲,已經培養起了固定的使用習慣,因此這樣的設計不會使玩家在尋找操作方式上花費太多時間。英雄界面則改動很大。圖四為一款網頁游戲的交互設計原型圖。圖四的設計是大多數網頁游戲英雄面板的設計方式。從左至右的方式選擇,符合用戶使用習慣。而圖三則將英雄的選擇方式放到了上方,將玩家關注的英雄裝備情況的區域縮小,放到了界面的下方,這樣做模糊了主次關系,將本該強化注意的裝備情況削弱了。不但視覺上不舒服,而且在操作上也加大了玩家的學習成本,很容易造成游戲用戶的流失。
3.可擴充原則
網頁游戲和一般的網絡產品不同的是,它會不斷地更新新的版本,增加新的功能,這樣才能適應不同玩家的不同需求,適應市場競爭。這樣也要求交互設計師再設計操作界面的時候,要給以后的游戲功能開發流出一定的空間,所謂的動態擴展空間。聽起來很困難,但是在工作中需要和游戲策劃者多多溝通,及時得到最新信息。
引言
當前電力集團網站的版式設計相對中規中矩,模板化普遍。該論文以“創新電力集團網站設計”為主題,探究網站版式設計與用戶交互性的關系;深入發掘設計者與欣賞者之間的情感聯系,將網站企業理念、產品服務等信息以符合當前大眾審美觀念的方式展現,帶給客戶閱讀樂趣,以便順應社會不斷發展的審美需求。
一、國內電力企業界面設計現狀、原因及存在的問題
1.當前現狀
隨著用戶體驗需求的不斷提高,國內對網站界面設計的關注有所增加,從事網頁界面的設計師也越來越多。如今國內許多大型電力集團也開設獨立的網站設計部門,網站的設計無論在理論還是實踐方面都有了很大的進步。但是中小型電力企業網站界面的藝術化設計卻是“短板”。存在缺乏資金、理念落后、觀念錯誤等原因,導致嚴重的兩極分化,使得當前國內電力企業網站界面設計整體上并不理想。
2. 原因
當前電力企業網站界面的設計整體上并不理想,主要集中在中小型電力企業上,作為網站界面藝術設計的“短板”,具體原因如以下幾點:
①缺乏專業人才,沒有像大型電力集團那樣雄厚的資金來吸引專業的設計人才;
②是互聯網發展的理念相對落后。
③不重視網站的更新及維護,認為電力是人們生活必不可少的能量,即使沒有精美的網站,也會有很多的消費者。
由此,大多數中小型電力企業網站成為了擺設,且設計缺乏新意,板式大同小異,沒有自身的特色。理念落后,不注重強調與受眾之間的交互性,受眾對企業理念及產品服務項目了解不明確。
3.設計中所存在的問題
(1)從視覺角度來看,板式設計、顏色都過于單調,不能夠很好的讓受眾產生閱讀興趣。首頁是一個網站的重中之重,是最核心的內容,首頁應明確企業的類型及服務的理念,讓受眾一目了然。其次針對受眾最關心的產品服務,售后服務等的進入標簽應盡量醒目。受眾打開網頁首先第一眼就不能夠明確網站屬于什么類型,其次版式設計平庸,無藝術感,使得受眾無閱讀下去的欲望。
(2)從網頁內容來看,文字過多,受眾心理上就會難以接受,從而也減弱了受眾的閱讀欲望。現代網頁的藝術設計講究的是圖文并茂,將藝術元素巧妙地融入到網頁的設計中,使其切合企業的理念,才是符合現代大眾所接受的形式。
(3)從與用戶的交互性上看,不能滿足消費者的需求,在產品界面上,該設計所使用的是抽象的文字來描述產品服務項目,讓受眾不能夠很好的了解到產品到底是什么,其次通過三級頁的方式才能夠獲得更為詳細的產品信息,在網頁構建時不僅增加了成本,同時也增加了用戶的操作難度。
二、在網站界面中影響交互性的設計元素
1.設計風格
在網站首頁原型結構上,因空間有限,不同內容放什么位置、是否符合網絡營銷規范,尤其是第一屏的信息很重要,這些需要結合建站初衷和自身公司特點,讓受眾第一時間找到想要的和營造出良好的企業氛圍。
最受大眾所歡迎的風格為 “扁平化”。扁平化概念的核心意義是:去除冗余、厚重和繁雜的裝飾效果。這樣可以讓“信息”本身重新作為核心被凸顯出來。尤其是作為電力企業首頁的設計上,引入這一理念將會更好的凸顯企業的核心信息,讓受眾一目了然,解決當前中小型電力企業首頁信息不明確的問題。同時扁平化在設計元素上,強調了抽象、極簡和符號化。這樣界就會更加干凈整齊,從而使受眾能夠在第一時間就能夠找到自己想要的信息,從而帶給用戶更加良好的操作體驗。
2.界面內容
界面的整體版式設計影響著消費者的第一印象,如果整個網頁的內容文字所占比例大于70%,界面就會顯得凌亂,然而當前許多的電力企業網站就存在這一問題,文字過多、內容復雜;如果適當的的留白,不過多強調在有限界面中放最多的信息,整體界面比較簡潔,反而受到消費者的歡迎。
適當的的留白不僅可以讓界面更加整潔美觀,也可以讓受眾有更多的想象空間。盡量減少文字的表述,通過形象的圖片方式展示其產品等信息,會使受眾更加深入的了解自己所需要產品信息。因為,人類欣賞事物主要依靠的是直覺,對圖片的識別性遠大于對文字的識別性。因此,在進行網頁設計的過程中應避免大段文字的出現,突出圖形,簡化文字。盡量將文字圖形化。如不得不通過文字描述來介紹產品及服務,可以通過圖文相結合的方式,通過鼠標移動“淡入淡出”方式。受眾不僅能夠了解了產品信息,同時也提高了用戶操作性,減少了多余三級界面的設計和維護成本。從藝術設計的角度來看,動態的視覺效果也會更加具有藝術靈動性。
3.顏色及文字的搭配
電力企業網站作為商業類網站,不同于購物類網站,不需要為了展示某一特定商品而設計的太過炫目,更多的在于體現企業的發展理念,讓受眾能夠放心使用其產品及服務。因此選擇的色調要偏向于穩重,如中性灰,深紅色等色調,切合企業的發展理念,使得受眾在界面整體的色調環境中,從潛意識里就樹立企業沉穩的作風。
文字有描述和解釋的功能,同時也是一種良好的藝術載體,字體的設計可以根據不同的需求體現出不同的藝術風格,如“末端斜切”的處理方式,使得文字筆畫低調不張揚,不僅能夠很好地融入網站的整體氣氛中,也切合了企業的發展理念。
4.人性化的設計
人性化就是網站設計的核心,在物質逐漸滿足,精神需求逐漸壯大的時期,用戶對網站的操作不僅要求功能完善,還要求美觀、藝術、個性,在對設計上需求的就是要表現具體風格和藝術審美。網站界面設計的板式設計、色彩搭配、文字處理等都要考慮用戶的主觀感受,已經沒有人愿意接受一個冷冰冰的機器了。現階段許多設計師在網頁中加入了自己的情感因素,而往往卻忽略了用戶的精神需求,因此違背了設計初衷。
電力企業的登錄界面中,無論是企業內部人員還是用戶,都設置獨立的登錄賬號、密碼、驗證碼等,這些復雜的賬號及密碼為了保密性,又不方便用文字來記錄,便成為了用戶的記憶負擔。賬號是什么?密碼是什么?幾位字符等等問題,甚至還在為切換輸入法浪費時間,如果加入必要的引導詞,例如,密碼框內的半透明原點符號,能起到提示用戶輸入密碼長度的作用,又例如,點擊輸入框后輸入法的自動切換,也能節省不少時間。這些細節都是影響用戶體驗的因素。不僅夠體現出企業的服務態度,而且也左右著用戶的消費心態。
三、總結
該論文以尋求新的電力集團網站界面設計,進而滿足與用戶的交互性為目的,進行深入探究,使消費者在電力集團網站體驗過程中與企業理念產生共鳴,使得企業贏得更多客戶的忠誠度,從而實現網站的運營目標。?
參考文獻:
網站界面設計,英文的全稱是Web User Interface Design,又叫UI設計。包括三個方面:可用性,交互設計和視覺設計。通常研究的是讓網站的界面具有更多的可用性,更良好的用戶體驗,以及更美觀的視覺設計,概言之就是“人性化設計”。[1]在全球人口逐漸老齡化的今天,應該把更多的“人性化設計”真正應用在老年人這一弱群體上。本文旨在從老年用戶的生理和心理各要素出發進行綜合考慮,探析以老年用戶為中心的網站界面(UI)設計要點。
1 老年用戶研究
設計優秀老年用戶網站界面的先決條件是與老年用戶進行有效的交流,充分理解老年用戶的需求,重視老年用戶的生理和心理特征。
1.1 老年網民用戶人數眾多
據調查顯示,近些年來,我國老年網民的比例一直在攀升,增長率已經超過了網民總體的增長速度,對于互聯網的應用日益廣泛。根據相關統計報告顯示,2008年年底,51~60歲的網民從1999年的10.6萬人增長到1251.6萬人,60歲以上的由3.5萬增長到447萬人。雖然我國老年網民絕對數量不多,10%不到,處于上網人群的弱勢群體,但卻是以令人矚目的速度增長著。
1.2 老年人對互聯網的多樣化需求
老年人由于心理上和生理上的變化,與兒童、少年、青年人和中年人人群有著不同的特殊需求。根據The Usbased Spry基金會報告顯示,老年人的需求主要表現在四個主題:財產安全、身體健康、精神愉悅和良好的社會氛圍以及參加智力活動。[2]具體表現在:獲取相關信息,一些老年人希望上網瀏覽和查詢最新的外界信息保持“耳聰目明”的狀態,有些則是投身老年論壇,希望利用網絡查詢、瀏覽養生保健和常見疾病等信息溝通交流,有些希望通過網絡和子女視頻聊天、互發郵件;財務管理,還有相當一部分老年人希望能夠使用網絡來購物、買賣股票以及付賬等。總之,老年人對互聯網的多樣化需求一點都不亞于其他人群。
1.3 老年人的生理和心理特點
從50歲到60歲這個階段,明顯地會出現一些衰老的跡象,主要表現在容易健忘,愛發脾氣,認知過程缺乏適應能力;視覺模糊,色彩辨別力降低,視野范圍和判斷距離的能力通常大大不如過去;動作緩慢,手眼配合欠佳,聽覺便開始逐漸減退。[3]總之,因此,隨著年齡增長,工作效率逐漸下降。具體表現如下:
(1)近距離視力退化更大。比如在35厘米左右的讀書距離內,視力減退的驚人,并伴有老眼昏花。據統計,70歲健康老人的視力超過0.6的只有51.4%。
(2)聽力顯著下降。特別是對較復雜和速度快的語言的理解,男性比女性減退的更明顯。老年人并不知道自己的聽力在下降,而是認為別人說話不清楚。
(3)記憶的減退,但也有自己的特點,比如老年人對往事的記憶清晰,而對新近發生過的事物或者新近學習過的內容遺忘較快;對需要將記憶材料進行組織加工使之進入長時儲存方面的記憶力較差;老年人的意義識記減退較少,機械識記減退較多。例如,老年人對人民、地名、數字等東西的記憶效果就不好;
(4)思維能力弱化。在調查里,許多老年人常常抱怨自己已經不能像早先那樣很好的思考問題了,這反映人的思維能力到老年時出現逐漸衰老的趨勢。
2 以老年用戶為中心的網站界面設計要點
在對老年用戶做了研究之后,筆者認為適宜老年人的網站界面設計的總體原則是以人性化為本,同時注意網站的易用性,規范性,美觀性,具體如下五點:
2.1 將操作任務化繁為簡
在越來越強調人機交互的今天,對于老年用戶來說,最好的人機交互就是簡化操作任務,減少不必要的任務,[4]盡量讓老年用戶在網站上面的操作變得簡單,同時又不宜出錯。比如強調基本功能,盡量減少和弱化附加功能。如Gmail的登陸界面,簡化到“登錄信息+登錄設置”即可,無須要其他的附加信息。
2.2 合理的信息顯示
互聯網的根本目的是提供信息,合理的信息顯示包括兩方面的內容:劃分信息功能區和減少視覺密度。[5]
(1)劃分信息功能區。當頁面的信息較多時,為了避免視覺混亂,應該劃分信息功能區。最重要的信息放在頁面的視覺中心;同一類的信息放在一起,并與其他類信息間隔一定的空間;同一類的信息用同一種顏色或同一色系的顏色來表示;不同信息區又可以用不同背景色來區分。
(2)減少視覺密度。網站界面需表達的信息很多時,易造成界面看起來非常擁擠,信息擠在一團,對于老年人來說很難一眼就能獲得所需的信息。因此,必須減少視覺的密度,比如:考慮適當的留白,適當的留白將使整個界面看起來清楚而美觀;降低品牌識別logo、名稱的大小,無需為了彰顯品牌形象而刻意放大;使用簡單的圖形,盡量平面化,不要使用過度復雜的圖像;使用空白空間,而非線條去區分文字內容;使用簡潔的語句表達信息,避免內容過多等等。
如upcoming的首頁設計,依據信息的不同類別劃分板塊,并按重要性擺放在相關位置。焦點活動咨訊配圖放在視覺中心點,緊接著下面是活動信息介紹,左邊的活動類型板塊,右邊是活動的輔助信息。信息安排布局井然有序,是劃分信息功能區和減少視覺密度的最佳例子之一。
2.3 合理的文字規劃
文字對于網站界面的作用不言而喻,對于老年用戶來講,網頁文字的漂亮是建立在易讀易辨的基礎上的,合理的文字規劃,主要表現為以下兩個方面:[6]
(1)文字內容盡量簡潔,配上有意義的圖標或者圖片,同時應該避免使用專業術語。字體的選擇也要易于老年用戶辨認,網頁默認的字體是宋體。可以根據需要選擇一些特別字體。例如,為了體現專業可以使用粗仿宋體,體現設計精美可以用廣告體,體現親切隨意可以用手寫體等等,但前提是一定要易于老年人辨認。
(2)井然有序的排版。有時候別出心裁的界面設計或許會帶給使用者眼睛一亮、賞心悅目的視覺感,但無論何,井然有序的文字區規劃,才易達成最有效、最舒適的效果。如有較多的說明文字,要讓說明具有順暢地閱讀連貫性。舉個例來說,一個向中對齊與一個向左對齊的文字區塊,明顯地,向左對齊的區塊讀起來順暢多了,因為使用者在讀完一行字后,自然而然往左下方繼續讀下去,不需要重新找尋開頭,相較之下,向中對齊的區塊看起來混亂多了。因此,有規矩地文字區規劃將可大幅度提升用戶界面的品質。
2.4 合理的色彩規劃
網站界面的色彩對于老年人來說同樣重要。老年人的視覺衰退很明顯,一個好的色彩規劃可以提高界面的視認性,從而提高操作的準確性和效率;可以減輕視覺上的疲勞。另外,通過色彩規劃來增強界面的美感和親和力。[7]
具體來講,老年用戶界面中,最好不要超過3到5種顏色。大區域最好使用淺色調,如白色、淺灰等。對于老年人而言,配色要采用視認性高的色彩,要加大色彩的對比度,背景與主體對比度要大,背景色不宜采用有金屬反光的顏色,如銀色和金色。對于重要的按鈕或信息要用誘目性高的色彩來表達,但顏色不宜過多,且區域不可以太大,否則看起來過度混亂,缺少美感,也容易造成視覺上的疲勞。
2.5 細節為王
對于老年用戶來說,細節同樣重要,比如盡量使用有意義的圖標,盡量不要使用生澀難懂的專業術語,注意提供精確的導航提示,提供聲音控制,盡量減少噪音干擾,克制使用新技術的欲望等等。
3 結束語
關注老年人網站界面設計,是以人為本的需要,也是國內所有優秀設計師的責任。限于篇幅有限,對于老年人使用的網站界面設計,筆者也只能泛泛而談,有所不足和欠缺,還望讀者指正。同時,撰寫本文,以期拋磚引玉,引起大家對老年人更多的關愛和設計出更多更好適宜老年人使用的產品。
參考文獻:
[1] 劉春花.基于用戶體驗的界面設計UI研究[C].天津工業大學碩士學位論文,2007(12).
[2] 楊足.老年人使用的家電的人機界面設計研究[C].江南大學碩士學位論文,2004(06).
[3] 廖曄.網頁界面設計及其學科相關性研究[C].湖南師范大學碩士學位論文,2006(04).
[4] 趙侃用戶體驗設計――網頁界面設計的重中之重[J].藝術與設計(理論),2010(09).
[5] 何榮.淺析網站界面設計[J].科技信息,2008(26).
[1]周峰,王征.FLASHACTIONSCRIPT3.0網絡動畫編程基礎與實踐教程[M].北京:電子工業出版社,2008
[2]林紀河,祁玉芹.FLASHCS4網絡動畫制作簡明教程[M].北京:電子工業出版社,2009
[3]童罕,吳慶波,等.一種動態網頁加速技術中的機制探討[J].微計算機信息,2009(27)
[4]崔俊杰.動態網頁技術淺析[J].長沙民政職業技術學院學報,2006,13(13)
[5]李志勇,徐長通.基于ASP的WEB數據庫智能查詢[J].河南師范大學學報,2010,38(1)
參考文獻:
[1]雷蕓蕓.網頁設計中Flash動畫的視覺應用[J].新媒體研究,2016(3).
[2]曹芳,李培培.《FLASH動畫制作》課程教學改革的探索與研究[J].科技視界,2016(2).
[3]周秀芳.Flash動畫制作課程建設方案探究——以高職計算機應用專業為例[J].當代職業教育,2015(12).
[4]李怡宏,楊薇.從“案例模仿”到“設計創作”的《Flash動畫設計》課程教學[J].信息與電腦(理論版),2015(24).
[5]王德敏.微課程的開發應用[J].中國校外教育,2013,(6).
[6]陳舒心.論“微課”在中職計算機專業課程中應用的可行性[J].廣東教育(職教版),2015,(3).
[7]胡鐵生.微課的內涵理解與教學設計方法[J].廣東教育:綜合版,2014,(4).
參考文獻:
[1]李建華.網頁設計的意義與現狀[J].太原城市職業技術學院學報,2014(08).
[2]于紅波.淺議Flash技術在網站建設中的應用[J].山東紡織經濟,2011(12).
[3]高華,黃劍鋒.Flash技術在網站設計中的應用與研究[J].才智,2012(28).
[4]劉強.FlashCS3網站建設實例詳解[M].北京:電子工業出版社,2008.
參考文獻
[1]范朋.基于Qt的嵌入式Linux系統GUI的研究與實現[D].北京:北京郵電大學,2011.
[2]新視角文化行.FlashCS6動畫制作實戰從入門到精通[M].北京:人民郵電出版社,2013.
[3]佚名.MFC與Flash聯合界面開發技術[EB/OL].[2012?06?07].http://kuantianxia.blog.51cto.com/1041305/891521.
一、人機工程學的學科內容
人機工程學是一門研究人類、機器和環境之間相互作用的學科,它主要目的是為了使設計的機械設備或者人機系統能夠滿足人的生理和心理特征,使其能夠更好的為人類服務。在工業設計中,我們通常將其定義為:對于成批量生產的產品,憑借專業知識、經驗以及視覺感受等賦予其材料、結構、色彩等新的品質和資格。人機界面是人和機器在交互過程中非常重要的一個層面,也可以稱之為用戶界面。它是人和機器之間進行通信的媒介,負責信息的輸入和輸出,其設計的好壞直接影響用戶的使用效果,是現代設計中非常重要的一個方面。
二、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.
1 設計模式思想簡介
設計模式思想的主旨是針對常見的設計問題提供已被驗證為有效的解決方案,從而充分利用前人經驗和成果解決設計問題,避免無意義的重復勞動。該思想最早由建筑師、加州大學伯克利分校建筑學教授Christopher Alexander在20世紀70年代提出。Alexander如此論述建筑設計模式的價值:“每一模式描述我們周圍環境中一再反復發生的某個問題,接著敘述解決這一問題的關鍵所在,這樣,你就能千百次地重復利用這種解決問題的辦法而又不會有老調重彈之感。” [1]
Alexander闡述了設計模式的基本構成要素,他認為,每個模式都是一個規則,由三部分組成,表達了一個特定情境、一個問題和一個解決方案之間的關系。[2]其中,“情境”表示該模式在解決問題時的周圍環境和狀況,“問題”表示該模式的目的或預期目標,“解決方案”表示解決該問題的方法的核心。然而,設計模式思想影響最為深遠的領域并非建筑,而是軟件工程。20世紀90年代,Erich Gamma等人將設計模式思想推廣到了軟件工程領域。在Alexander的理論基礎上,Gamma等人制定了軟件設計模式的格式規范。他們認為一個模式有四個基本要素:模式名稱、問題、解決方案、模式效果。[3]
Alexander和Gamma等人并沒有發明新的解決方案,而只是分別對建筑和軟件設計中現存的“無名”(即存在于設計實踐中,但尚未被人明確命名并提出)的優秀解決方案進行了系統化的總結和歸納,并以設計模式的形式表述出來。盡管如此,設計模式的價值仍得到了高度認可。尤其是在軟件工程領域,設計模式已成為重要的程序設計指導理論。近年來,設計模式思想在界面設計領域也逐漸受到重視。
2 界面設計領域的設計模式研究現狀
Alexander的設計模式思想很早就已進入交互設計研究者的視線。早在1988年,Donald A.Norman就在他影響深遠的著作《The Psychology of Everyday Things》(后更名為《The Design of Everyday Things》)中提到了Alexander的研究成果。[4]但設計模式在該領域的發展較為緩慢,直到2000年前后,國外的交互設計和界面設計研究者對設計模式的關注才開始逐漸加深,并逐漸出現了一些重要的研究成果。一些研究者和機構提出了自己的界面設計模式規范和模式庫,如Jenifer Tidwell在《界面設計模式》一書中以設計模式的形式總結了界面設計的法則,給出了常見問題的解決方法及其在實踐中的運用,并以該書內容為基礎構建了一個設計模式庫。[5]雅虎公司也了一套具有影響力的網頁設計模式庫。[6]其他知名模式庫包括、Quince等。
相對于國外研究的逐漸興起,國內對于數字產品界面設計模式的相關研究和應用則十分匱乏。雖然近年來出現了少量關于界面設計模式的論文和著作,如《Web2.0界面設計模式》,但這些文獻并未深入挖掘設計模式的思想,也未能提出較為系統、規范和全面的設計模式庫,實用價值有限。總體而言,國內的相關研究和應用與國外相比有較大差距,研究文獻的數量極少,深度不足,極其缺乏理論化、系統化的中文研究資料。
目前,界面設計模式相關研究主要集中于設計模式個體的研究和構建。雖然也涉及不同設計模式之間的關系,但并未系統和深入地探討設計模式的編目方法,即如何將多個設計模式組織、統籌起來,以跳出單個設計模式的狹窄范圍,服務于更高層次的用戶目標。這是目前相關研究的一個不足之處。Alexander雖然提出了“模式語言”的編目思想,但該思想仍然主要基于個人的主觀經驗,缺乏可推廣性。Robert Hoekman,Jr.和Jared Spool的研究起到了一定彌補作用。他們在《網站設計解構:有效的交互設計框架和模式》一書中提出,應將多個設計模式組織成框架體系,從而從全局的角度指導由多個設計模式組成的完整的界面系統設計。[7]在該書理論的基礎上,他們創建了一個公共的框架體系資源庫,包含了網頁交互設計的幾種常見框架示例。其框架格式與設計模式格式類似,主要包含應用情境、用戶目標、任務流程、所用模式等。[8]
總體來說,現有的界面設計模式研究主要存在三點不足:(1)缺乏對模式在設計實踐中的使用方式、方法和流程的研究。 (2)缺乏對模式編目方式(即如何綜合運用多個模式解決問題)的研究。 (3)缺乏對模式庫建立(包括模式識別、模式記錄)及擴充過程的系統化研究。目前,模式庫的建立主要依靠建立者個人的經驗和觀察。
3 界面設計模式的應用價值
在交互界面設計中,設計模式的價值主要在于[9]: (1)設計模式包含了問題的相關信息,使得解決方案能夠確實地發揮作用。 (2)設計模式詳細闡述了解決方案是如何受上下文(即情境)限制的。 (3)設計模式闡述了解決方案的基本原理,其中包括了前人積累下來的經驗性知識。 (4)設計模式具有一種潛力:多個模式可以組織成一種模式語言,使設計師能夠以一種積極活躍的方式來跨越性地解決不同細節層次上的設計問題。
如上所述,設計模式不僅能有效地解決問題,而且充分考慮到了問題的上下文情境,并從方法論的角度闡述解決方案的原理。這是設計模式與一般的零散性設計原則的重要區別。
設計模式的另一個應用價值是它有效地彌補了目前廣泛應用的設計指南(guideline)的不足。設計指南通常由企業,為該企業相關產品的界面設計提供指導和參考,以保證設計的一致性,幫助設計師提高設計質量。典型例子有蘋果公司的《iOS Human Interface Guidelines》《iOS 7 UI Transition Guide》等。與設計模式庫相比,設計指南通常實例數量較少,且多闡述抽象和綱領性原理,而非像設計模式那樣提供具體設計案例,因而難以為設計師提供具體問題的解決方法。而利用設計模式,設計師可以更為系統化、具體化地解決設計問題。例如,西門子公司在實踐中成功運用設計模式提高了其軟件開發效率。該公司從2000年起就持續對界面設計模式進行探索,并建立起了一個內部界面設計模式庫,其模式的應用范圍覆蓋了桌面、網頁應用和移動設備等不同平臺。[10]
4 總結與展望
從以上研究可以看出,設計模式在交互設計和界面設計領域的研究和應用已取得了一定進展,但近年來數字產品發展迅速,以iPhone等移動設備為代表的新一代數字產品在我國迅速普及,扁平化、模塊化等新設計思想不斷涌現,設計模式思想也需要不斷跟進,以符合時代快速發展的需求,體現出新一代數字產品的界面設計理念。國內雖然引進出版了《界面設計模式》等一批重要著作,但設計模式思想的影響力仍然不足,并未在界面設計領域得到廣泛認知。如何挖掘設計模式的優點,將其推介給國內設計界,從而對產品的界面設計有所助益,是國內界面設計研究者應該思考的方向。該領域還存在其他一些有待探索的研究方向,比如如何將零散的設計模式以系統化的方法組織起來構成整體框架,以及如何將設計模式應用到硬件界面的設計中。此外,最新涌現的扁平化設計、響應式界面設計等界面設計思想也亟須得到設計模式理論的支持。總體而言,界面設計模式在界面設計領域仍有很大發展潛力,有待于設計研究者進一步探索。
參考文獻:
[1] Christopher Alexander,et al.建筑模式語言[M].北京:知識產權出版社,2002:3.
[2] Christopher Alexander.建筑的永恒之道[M].北京:知識產權出版社,2002:194.
[3] Erich Gamma,et al.設計模式:可復用面向對象軟件的基礎[M].北京:機械工業出版社,2000:2.
[4] D.A.Norman.The Psychology of Everyday Things[M].Basic Books,New York,1988:229.
[5] Jenifer Tidwell.界面設計模式[M].北京:電子工業出版社,2013.
[6] Yahoo!Inc.[DB/OL]http:///ypatterns/.
[7] Robert Hoekman Jr.,Jared Spool.網站設計解構:有效的交
互設計框架和模式[M].北京:人民郵電出版社,2010.
[8] Robert Hoekman Jr.,Jared Spool.[DB/OL]http:///.
[9] Stefan L.Pauwels,Christian Hübscher,Javier A.Bargas-Avila,Klaus Opwis.Building an interaction design pattern language:A case study[J].Computers in Human Behavior,2009,26(3):452-463.
[10] Helmut Degen,袁小偉.UX最佳實踐:提高用戶體驗影響
中圖分類號:TP315
畢業論文是高校本科教學過程中最重要的環節,也是最后的環節。現在的大多數高校,就畢業設計指導來說基本上都是通過師生見面來完成的,或者是通過電話聯系。這樣導師有時既浪費時間又不能及時給予指導和答疑。對于學生來說和老師過于頻繁的見面也會浪費一定的時間,面對就業壓力越來越大的今天,應屆畢業生面臨著找工作的難題也就越來越嚴重,學生沒有過多的精力和時間來和導師見面討論畢業設計中的各種問題。因此,在網絡如此發達的今天,采用網上的方式作為指導和答疑也不失是一種好的選擇。
基于ASP的畢業設計指導網站是用ASP動態網頁技術和SQL Server 2000開發,它涵蓋計算機技術和網絡技術兩門學科。是提供給畢業生和指導教師之間溝通交流的好的平臺。也是彌補目前許多高校的網站系統中一個小的漏缺,可以作為高校網站系統中的一小部分。正是這一不起眼的小部分,卻給畢業生和指導教師帶來了許多方便,節省了許多時間,又能及時地得到老師的指導,從而提高指導效率。
1 網站總體功能設計
基于ASP的畢業設計指導網站管理系統的主要用戶分為三種類型:管理員、教師、學生。針對不同的用戶類型,登錄進去都有不同的權限和操作功能。
2 系統功能實現
主要包括數據庫設計和網站功能設計。數據庫設計主要是創建數據庫和添加數據表,并創建觸發器和存儲過程等;網站功能設計主要是功能模塊的界面和程序代碼的實現。
2.1 數據庫設計
(1)創建數據庫和數據表
4)觸發器。觸發器是用戶定義在關系表上的一類由事件驅動的特殊過程。一旦定義,任何用戶對表的增、刪、改操作均由服務器自動激活相應的觸發器,在DBMS核心層進行集中的完整性控制。觸發器比約束更加靈活,實施比約束更為復雜的檢查和操作,具有更精細和更強大的數據控制能力。
在tbGuest表里創建了“update”觸發器,“update”觸發器用于當更改tbGuest表中strTitle時,其他視圖關于該strTitle也相應更改。
2.2 網站功能設計
網站功能設計主要是各個功能模塊的界面設計和程序代碼的實現。
點擊“管理個人信息”便可以進入該界面。該模塊有查詢個人信息、修改密碼、查看公告的功能,其中學生和教師用戶還有查看群發消息的功能,但是管理員不必要有此項功能,因為管理員群發消息時在當前的頁面就可以看到,管理員還具有公告的功能,師生可以在管理個人信息中點擊查看公告查看管理員的公告。還必須說明的是查詢個人信息項中學生和教師用戶沒有權限,只有管理員有添加、刪除和修改的權限。
上傳和下載文件模塊所有用戶都有,該功能主要是方便用戶的文件交流,點擊上傳文件可進入上傳界面,點擊下載可進入下載界面。
向指導老師提問模塊是集結學生的提問,教師的回復和管理員的提醒答疑(管理員還可以選擇公告的方式提醒教師答疑)為同一模塊,該模塊功能可以提供多方交流溝通,點擊選擇的方式可以進入相應的界面,學生可通過三種方式完成提問;教師通過相應的方式回復;管理員通過三種方式提醒教師答疑。
查詢問題模塊的實現,此模塊只有留言方式可以查詢,其他不必要。在學生和指導老師之間提供三種交流方式,查詢中學生和教師沒有權限,只有管理員有添加、刪除的權限。
首頁模塊和退出系統模塊,單擊首頁則返回首頁登錄界面,單擊退出系統則實現關閉網頁。
3 系統測試結果
本系統曾經移植到多臺計算機上對不同配置的計算機進行兼容性測試,測試結果表明,Web在不同的環境配置下運行正常。
4 結語
本設計是基于B/S架構,采用ASP動態網頁技術和SQL Server 2000,結合Dreamweaver軟件開發出來的。網站根據不同身份的用戶實現了不同的應用操作界面,各個界面的功能稍微不同但相差不大。整個系統界面友好,運行可靠,系統功能基本滿足用戶要求,從而加強了指導老師和學生之間的交流,提高了論文寫作的效率。本系統可作為一個單獨的畢業設計指導網站,也可以嵌入到高校網站系統中作為一個子系統。
參考文獻:
[1]李林,申時凱,王衛星.Visual Basic程序設計[M].北京:地質出版社,2006,2.
[2]尚俊杰.網絡程序設計 ―ASP(第三版)[M].北京:清華大學出版社,2009,6.
[3]王珊,薩師煊.數據庫系統概論(第四版)[M].北京:高等教育出版社,2005,3.
[4]趙文耘,牛軍鈺.軟件工程[M].北京:清華大學出版社,2007,1.
[5]張克非網絡程序設計及應用[M].北京:北京航空航天大學出版社,2007,6.
[6]何薇,舒后.網絡數據庫技術與應用[M].北京:清華大學出版社,2011,4.
[7]呂云翔,王洋,肖咚.軟件測試案例教程[M].北京:機械工業出版社,2011,1.
瀏覽器的發展是我們一般網民可以深刻感受到的。從開始大家都一貫使用的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]。本文采用的Authorware7.0軟件,通過Fireworks8.0創作動畫輔助,將多種教學媒體和教學方法有機結合,完成《電子測量技術》課程的課件設計。
1課件的設計
《電子測量技術》課程是高等職業教育電子信息、應用電子、自動化等專業的專業基礎課,同時也是新知識點較多的一門課程。針對職業教育特點,我們主編了《電子測量技術》規劃教材,2003年由電子工業出版社出版,教材目前印刷7次,印數已達3萬冊。因此,從教學角度出發,考慮該教材已獲得廣泛承認,課件內容以該書為基礎,涵蓋《電子測量技術》全書12章節內容,并且借鑒原來基于PowerPoint課件的經驗,各章節自成體系,按教學大綱劃分出知識點;其次是課件應具有良好的用戶界面和視覺、聽覺效果,課件所使用的計算機硬件和軟件開發環境相對兼容,便于升級擴展。
1)腳本的編寫
編寫詳細的腳本,是整個多媒體課件開發過程中的一個重要環節,它把課件設計與制作緊密地聯系在一起,成為課件制作的重要依據。畢業論文編寫腳本包括界面設計、交互設計和風格設計3個方面[2]。
界面是教學信息在屏幕上的顯示區域及用戶操作區域,設計時我們主要突出“教為學”的思想,圍繞教學內容這一中心,既防止課件界面色彩、聲像效果等過分濃烈、喧賓奪主,影響學習內容;又考慮課程部分內容如儀器內部電路抽象、枯燥,而學生需要感官刺激,激發興趣的特點。
同時,我們體會多媒體課件的強大生命力主要體現在交互能力上,比如只需通過單擊屏幕上某個特殊的鏈接設置,方便實現不同對象之間的跳轉。本設計中創建了兩個導航結構,一種是利用“導航”圖標指向框架圖標中的某一頁,來實現程序內部的跳轉和調用。另一種是通過“框架”圖標內嵌的導航控件來實現不同頁面間的瀏覽、翻頁。除此之外還可以通過設置相應的超文本鏈接來實現交互性能。
在風格設計上主要體現界面、字幕和顯示對象上整體的和諧統一。
2)框架結構的設計
編輯之前考慮到有大量的文本的輸入,實現各個章節之間的翻轉如果只使用“交互”圖標,也是可以實現翻頁功能,但碩士論文制作起來比較麻煩,而且在查找頁和指定固定頁方面力不從心。因此運用“框架”圖標及“導航”圖標制作文本瀏覽,就方便多了[2]。
“框架”圖標和“導航”圖標密切相關,經常放在一起使用。導航結構提供了選擇路徑的方法,可以根據設置自動跳轉到指定的目標頁上;“框架”圖標可以方便地設計含有圖形、聲音、動畫等組件的頁面,最重要的是在“框架”圖標的內部內嵌了一整套導航控件,通過這一控件可以更容易實現頁面之間的來回翻轉。
基本框架結構設計后,對有的地方進行了編輯,如更改控制按鈕的位置和圖標、設置按鈕防止頁面回繞、編輯進入和退出畫面等,使其更適合課件的使用。
2多種媒體素材的使用
要實現多媒體課件的內容豐富多彩,使用多種媒體素材是必不可少的。其中文本、圖形、圖像是最基本元素,此外還有聲音、動畫、視頻等媒體信息。考慮到職業教育“淡化理論、夠用為度、培養技能、重在應用”的特點,我們認為對測量原理部分的講解應力求突出基本概念,通俗易懂,工作總結便于自學,因此課件這部分主要以文本、圖片形式,比較詳細;而測量方法則應突出操作應用,在設計時則主要以視頻演示為主;對測量儀器儀表則重點講清工作原理和組成框圖,在設計時主要以動畫、網頁內容為主,整個課件設計力求對多媒體資源的合理布局,使它們既符合教材要求,又突出多媒體特征。
1)文本的輸入
Authorware可以直接將外部的文本輸入到其內部,但是它有一特點就是在文本的輸入格式方面有一定的限制,它只能輸入TXT、RTF格式的文件[3]。對于不是這種格式的文檔如果采用常規直接進行輸入勢必會占用很多時間,不利于課件的開發。因此借助系統剪貼板使用復制、粘貼的方法來添加文本。當文本過長時,或者輸入的文本篇幅較大,采用滾動文本的輸入方式,這樣在預覽時會顯得更方便。
2)圖片的應用
使用系統本身的繪圖工具箱可以繪制出比較簡單的畫面,但對于《電子測量技術》這門課程僅僅依靠繪圖工具箱不能達到實際的要求,如大量的儀器原理圖、接線圖、儀器面板圖等,我們采取的第一個方法是采用Authorware7.0提供的插入外部對象的功能,將原來以Protel99SE、Word、LabVIEW等制作轉換為圖片形式,醫學論文使設計的原料變得更加豐富。
3)添加背景音樂
在Authorware7.0系統中可以支持多種類型的聲音文件格式,如WAV、SWA、AIFF、PCM、MP3等[3],在制作課件時,通過“聲音”圖標來插入音頻和設置聲音播放,如控制播放次數、設置播放時間、速率等,可以輕松引用這些聲音素材添加到課件中。在課件中導入背景音樂有它的優點,但是并不是每個人都喜歡有音樂,因此通過對“計算”圖標和按鈕響應的設置,編寫按鈕激活代碼使課件在播放時可以由使用者根據自己的意愿單擊相應的按鈕,實現有聲和靜音之間的轉換[4]。
4)動畫的調用
動畫是多媒體作品中不可缺少的一部分,也是設計中的一個亮點,但使用Authorware本身只能制作出二維的動畫,即動畫的對象只能在一個平面內運動,這樣使演示的效果大打折扣,然而這并不說明Authorware不能演示三維動畫,它可以通過文件插入的方式來演示其他軟件制作的三維動畫,同時系統本身也提供多種效果的頁面切換功能,對各種外部和內部資源加以利用同樣可以達到理想的效果。
制作動畫的軟件有很多,使用起來也各有特色。選擇合適的創作工具是設計成功的關鍵,通過查閱相關的資料,了解Authorware系統提供了對GIF動畫圖像的支持,可以將其應用到課件中。GIF動畫是一種特殊的圖像格式,其中包含了多幀圖像,這些圖像按照一定的時間頻率交替顯示,從而達到動畫顯示的效果,具體是通過MacromediaFireworks8.0來設計。在Fireworks中制作動畫的一種方法是通過創建元件并不停地改變它們的屬性來產生運動的錯覺。當按順序播放所有的幀時就成了動畫[5]。
5)智能對象與數字電影
智能對象就像一個插入Authorware作品的邏輯包,它是一個強有力的開發工具,它的不同之處在于它與向導的聯接,向導可以給Authorware作品提供設置界面,職稱論文并且可以在插入智能對象的位置添加各種變化、新的內容和邏輯關系。它能使看似繁瑣的工作變得更加容易完成,即使是沒有經驗的開發人員也更容易更有效地完成任務。實際上智能對象在多媒體編輯上做出了根本性的改革。比如智能對象與數字電影的結合應用[3]。在課件中引入數字電影如果只是采用之前的方法,就是在流程線上添加相應的圖標進行導入,在程序運行過程中當執行到該圖標,系統會直接彈出播放的窗口,不利于下一操作,但是通過MovieController智能對象可以容易實現播放進度的調節。
6)網頁鏈接
在課件設計時,考慮到有些儀器由于價格昂貴或者其他原因,學校無法購置,如數字通信測試用誤碼儀、邏輯分析儀等,課件設計中考慮實現網頁的鏈接,鏈接到知名企業的網頁上,已加強學生感性認識。這一功能是通過Fireworks中使用URL來實現,編輯選中的熱點并對其指定URL路徑,最后導出此URL即可實現指定網頁的鏈接。
課件的主界面如圖1所示,課件第1章界面如圖2所示。
3課件的調試與打包
課件主要是為《電子測量技術》教材而制作的,因此為方便發行和使用,課件的后期工作就是進行調試和打包處理。
由于課件發行打包后將不允許用戶再修改,打包之前應盡可能排除其中的錯誤,確認課件可以正常運行。英語論文調試可以通過兩種方法來實現。一種是利用區段標志(開始/停止標志),另外一種是通過控制面板的使用。通過使用調試工具可以控制程序流程執行的區段,逐個執行程序流程中的設計圖標。將制作好的課件與課件中的庫文件一起打包能夠提高文件的性能,減少文件的數量,使最后的作品的安裝、運行更為容易,并且增加了作品運行的可靠性,避免運行時因為找不到外來函數或庫文件而發生錯誤。
打包好的課件進行設置,可以運行在Windows95、Windows98、WindowsXP、或者是WindowsNT、Windows2000這樣的32位操作系統中。其中要求的CPU應該是Pentium166以上兼容機種、內存是64M以上、硬盤容量780M、支持DirectX的顯卡、光驅是8倍速以上的光驅,此外由于演示窗口大小設置為832*624像素,因此可以用于不低于16英寸顯示器。制作好課件并打包后,就可以,課件時必須隨同程序中用到的外部媒體文件或外部函數文件一同,Authorware7.0提供了作品的功能,該功能可以將運行作品所需的各種文件及外部函數輸出到指定的目錄中,從而形成用于發行的最終作品[3]。
4結論
隨著各種多媒體教學的推廣和普及,計算機輔助教學作為一種先進的教學手段,以其直觀性、靈活性、實時性、立體化的優勢,留學生論文越來越受到大家的青睞。要想運用好計算機輔助教學這一現代化的教學手段,其關鍵是要設計和制作出符合教學要求的多媒體課件[6]。我們的作品雖然完成了,但是在各院校使用過程中,一定還會發現很多不盡人意之處,我們將與時俱進,將作品更加完善,以更好的實現教學目的,達到教學效果。
參考文獻
[1]胡欣杰.時尚教師多媒體課件DIY[M].北京:中國宇航出版社,2005.14-18
[2]孫印杰,李春暉,封新亞.新世紀多媒體CAI課件制作培訓教程[M].北京:電子工業出版社,2004
[3]NaheedaRavjani.UsingAuthorware7[M/CD].Macromedia,Inc.600TownsendSt.SanFrancisco,CA94103,2003
〔中圖分類號〕 G420
〔文獻標識碼〕 A
〔文章編號〕 1004—0463(2012)
14—0018—01
2005年3月,天祝縣民族中學率先建成了全國首家藏文中學網站——中國藏族中學網(),開辟了藏語言教學類網站的先河,對藏區教育教學實現跨越式發展具有重大意義。目前全縣尚無一個小學類的藏語文教學網站,天祝民族師范附屬小學作為縣城唯一一個傳播基礎藏語的“三語”小學,自然就肩負起了建設小學藏語文教學網站的重大使命。筆者對小學藏語文教學網站的設計規劃、技術解決和教學資源庫建設等問題也作了一些分析和研究。
一、小學藏語文教學網站設計規劃
1.版塊欄目 小學藏語文教學網站初步設計規劃6大版塊,分別為“學校新聞”、“教師風采”、“學生天地”、“學習園地”、“ 藏族文化”、“軟件下載”。網站的重點設在“學習園地”,包括“藏語拼音”、“藏語基礎”、“藏語語法”、“教學論文”、“教學課件”、“教師教案”、“年級試卷”、“在線課堂”、“復習資料”等9個子欄目界面。
2.網站界面設計 在網頁風格上,顏色可根據藏族習慣,以藏藍色、米黃色為主題顏色,并在界面中添加藏族元素,如建筑、風景、人物、服飾等;網站界面設計和版面的編排設計上,要有一定的美術創意,力求簡潔美觀,給人帶來舒適的視覺享受。
二、小學藏語文教學網站技術解決
1.網站程序開發 為了提高網站的訪問吞吐量,網站平臺硬件最好由學校自購WEB專用服務器。考慮到網站建設初期投入成本可能不多,設計上應達到用戶使用方便簡捷,功能上盡量以實用為主,可選擇基于J2EE標準、以JDK+TOMCAT架構搭建的JSP運行環境,通過使用JAVA腳本語言來完成動態交互功能的WEB服務器應用程序,實現學校網站的多種功能。
2.網站數據庫 由于資源庫內容需要經常修改和維護,對數據的傳輸要求比較高,所以需要強大的數據庫作保障,因此,選擇一個合適的服務器平臺和數據庫系統非常重要。操作系統建議使用Windows 2003 Server,數據庫可以選擇成熟的MySQL,Windows Server2003+IIS6+MySQL的配置具有使用方便、易于維護和管理的特點。
3.網站藏文嵌入技術 早在IE4.0版本推出后,微軟公司就引入了嵌入字體技術作為瀏覽器顯示任意字體的解決方案:首先利用Web頁面制作工具生成一個頁面或者整個網站,在頁面中使用藏文字體;然后利用專門的頁面轉換工具WEFT(Web Embelding Font Tool)對包含藏文字體的藏文Web頁面或者藏文網站進行處理,運用Css樣式表技術控制頁面的布局,頁面就不會隨瀏覽器設置而改變,防止了亂碼的出現,輕松實現藏文在瀏覽器中的完美顯示。
4.網站安全性 任何優秀的網站都有一套完整有效的安全措施,在網站建設規劃初期就要將網站安全放在重要位置。網站安全不是購置一套硬件防火墻或者購買一套正版殺毒軟件可以解決的,更重要的是網站在投入運行之后如何提高網管人員的安全意識和管理水平。
5.申請域名和網站 申請域名可到當地中國電信委托申請,一般選擇600元左右、五年有效期的域名方案。在域名選擇上要遵循便于記憶、不容易與其他域名混淆的原則,為了使網站后能夠長期安全、穩定、有效地服務于學校的教育教學,網站還需要及時辦理ICP備案。
三、小學藏語文教學資源庫建設
根據信息資源自身的性質,我們知道教學資源庫的建設不是對資源的簡單收集,藏文教學資源庫也應該具備以下功能:能夠進行方便快捷的信息檢索;教師可以自行添加資源;資源種類齊全、科學;系統易維護等。