資源描述:
《網(wǎng)頁中交互設(shè)計應(yīng)用研究報告》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、-網(wǎng)頁中交互設(shè)計的應(yīng)用研究摘要:交互設(shè)計又稱互動設(shè)計,是從“目標導向”的角度解決產(chǎn)品設(shè)計方面的問題。交互設(shè)計的概念源于20世紀80年代,由IDEO設(shè)計公司創(chuàng)始人之一比爾·莫格里奇提出。從理論上來看,交互設(shè)計在人機工程學的基礎(chǔ)上更加強調(diào)認知心理學、社會學及行為學的指導作用;從人機交流的實踐上來看,交互設(shè)計更強調(diào)產(chǎn)品對人的反饋交互作用。交互設(shè)計是網(wǎng)頁界面設(shè)計的重要設(shè)計環(huán)節(jié)之一。交互設(shè)計的視覺體現(xiàn)表現(xiàn)在用戶瀏覽頁面時能夠一目了然地知道哪些地方可以進行操作,以便用戶迅速鎖定目標,完成操作任務(wù)。當前,基于web2.0的新一類互聯(lián)網(wǎng)應(yīng)用更注重用戶的交互作用,本文中所要討論的界面交互設(shè)
2、計就是以用戶為中心,探究交互設(shè)計如何令用戶更輕松更快捷和愉悅地完成界面操作任務(wù),著重強調(diào)界面的可用性和易用性。關(guān)鍵詞:交互設(shè)計網(wǎng)頁界面人機交流當今社會,互聯(lián)網(wǎng)作為第四媒體已經(jīng)將全球信息共享變?yōu)楝F(xiàn)實,它正逐步改變著人們的生活和工作方式。最為明顯的特征就是各種各樣的基于瀏覽器的應(yīng)用充斥在我們身邊,隨著智能化設(shè)備及其功能的日趨增多,新的人機交互不斷涌現(xiàn),用戶體驗對交互設(shè)計的需求越來越明顯。計算機或網(wǎng)絡(luò)與人最直觀的接觸點就是界面,而致使界面與人之間產(chǎn)生互動交流的就是交互設(shè)計。交互設(shè)計是一門研究在人機交流過程中人的心理模式和行為模式的學問,并根據(jù)研究結(jié)果設(shè)計出易于用戶使用產(chǎn)品的人機
3、交互方式,其涉及學科知識廣泛。本篇論文中所談及的交互設(shè)計僅僅是研究計算機信息的圖形化用戶界面設(shè)計領(lǐng)域中的交互如何引導用戶體驗。2014年11月19日,首屆世界互聯(lián)網(wǎng)大會在浙江烏鎮(zhèn)開幕,奇虎360董事長周鴻祎在會上表示:移動互聯(lián)網(wǎng)的發(fā)展帶來了智能硬件的繁榮,我們將進入一個萬物互聯(lián)的大數(shù)據(jù)時代。隨著由萬維網(wǎng)衍生出的圖形用戶界面(GUI)被發(fā)明,企業(yè)的決策者們就開始理解并采納用戶中心設(shè)計(UCD)的語言。各大小企業(yè)面對撲面而來的網(wǎng)絡(luò)浪潮,都紛紛投身于電子商務(wù)的行列中,建立網(wǎng)站和制作網(wǎng)頁來宣傳自己的形象,與顧客和群眾交流信息,網(wǎng)絡(luò)營銷以及推廣活動應(yīng)運而生。網(wǎng)絡(luò)營銷和推廣的根本目的
4、在于爭取目標客戶,擴大市場影響和突出品牌形象。而一個網(wǎng)站的最終營銷效果如何,交互設(shè)計就顯得尤為重要。.---由于網(wǎng)站的瀏覽者受到個人背景、文化水平、行為習慣、對眼前事物的熟悉程度以及期待看到什么內(nèi)容的影響,他們在網(wǎng)站上看見的內(nèi)容未必符合設(shè)計者的構(gòu)想。所以設(shè)計者要分析物體的內(nèi)容架構(gòu)并設(shè)計展示方式來引導瀏覽者注意特定的內(nèi)容,盡量做到讓客戶不用思考就可以看出哪里可以進行交互,節(jié)約客戶時間,提高網(wǎng)頁的可用性和易用性。一個擁有好的概念模型的工業(yè)產(chǎn)品是不需要說明書的,同理一個好的網(wǎng)頁也應(yīng)該是不言而喻的,一目了然的,自我解釋的。本課題中我所要研究的就是讓交互設(shè)計更好的引導人們的視覺以此
5、來幫助用戶更快更好的完成任務(wù)。一、網(wǎng)絡(luò)時代下的頁面交互設(shè)計二、(一)網(wǎng)頁界面的視覺元素1、文本文本是網(wǎng)頁界面的主體。在網(wǎng)頁界面設(shè)計中,文字是傳達信息的主要元素,因為文字在平面設(shè)計中是一種感性的直觀行為,與其他視覺元素相比,文字更具有信息傳達的明確性,能夠準確地表達信息的內(nèi)容和含義。設(shè)計者可以根據(jù)版面需要對文本的字體、大小、顏色和段落等屬性進行設(shè)計,風格獨特的頁面文本設(shè)置能給瀏覽者以賞心悅目的感覺。網(wǎng)頁中的文本主要有標題、內(nèi)容信息和文字鏈接等形式.(1)文字標題網(wǎng)站的首頁或者一條獨立的文章一般都會有一個醒目的標題,以告知瀏覽者網(wǎng)站的主旨或文章的主題。文字標題要簡潔明了、引人
6、注目才能得到瀏覽者的青睞。通常標題應(yīng)該放置在醒目的位置,使用較大的字體,但是為了保證顯示的效果,在網(wǎng)站中通常被設(shè)計成圖片格式。(2)內(nèi)容信息文字信息是對標題的解讀,是傳達信息的主體部分。文字信息的作用是任何其他頁面構(gòu)成元素都不能取代的。在頁面設(shè)計中,由于內(nèi)容信息通常占得面積比較大,因此對文字信息的字體、大小、顏色和編排方式都要考慮到用戶對復雜性和干擾的容忍度而精心設(shè)置,以達到較好的瀏覽效果。(3)文字鏈接文字鏈接是網(wǎng)頁中最常見的超鏈接。文字鏈接為主頁面減輕負擔,使頁面分區(qū)更加明顯,同時也方便了瀏覽者對信息的檢索。2、圖形圖像.---圖片是除了文字以外最早引入到互聯(lián)網(wǎng)中的多
7、媒體對象,網(wǎng)站的Logo、頁面背景、輔助文字信息和鏈接等都可以使用圖片。相對于文字來說,它傳達信息顯得更生動、直觀,而且圖形圖像的引入也大大美化了網(wǎng)頁的視覺效果。尤其是后來動畫和視頻的出現(xiàn),由于動態(tài)效果具有很強的視覺沖擊力,能夠很快吸引瀏覽者的眼球,所以網(wǎng)頁中動畫通常是第一視覺中心,在傳達信息時動畫是非常有效的手段。圖形元素包括標題、鏈接圖標、主圖和背景四種,需要特別注意的是主圖和背景的運用。背景圖片能夠烘托主題的表現(xiàn),同時增加頁面的層次感,使網(wǎng)站具有風格而不再單調(diào)枯燥。而主圖則是突出表現(xiàn)主題。主圖一般是頁面的視覺中心,它直觀