以用戶體驗(yàn)為中心的網(wǎng)頁交互設(shè)計(jì)理論探索_網(wǎng)頁交互設(shè)計(jì)

        發(fā)布時(shí)間:2020-02-16 來源: 散文精選 點(diǎn)擊:

          摘 要 網(wǎng)頁設(shè)計(jì)的原則是要將信息完整和直觀的傳達(dá)給用戶。隨著信息技術(shù)飛速發(fā)展,網(wǎng)絡(luò)開始面對(duì)各種類型的人群,僅僅傳達(dá)信息已遠(yuǎn)遠(yuǎn)不能滿足用戶的需求,所以越來越多的設(shè)計(jì)師們開始關(guān)于如何使網(wǎng)頁界面適合各類人群并與之產(chǎn)生互動(dòng)。因此現(xiàn)今網(wǎng)頁設(shè)計(jì)已漸漸同交互設(shè)計(jì)相結(jié)合,并產(chǎn)生了新的目標(biāo),就是要在兼顧傳遞信息和視覺體驗(yàn)的同時(shí)讓信息和用戶完美地進(jìn)行交流。網(wǎng)頁交互設(shè)計(jì)能夠使網(wǎng)頁瀏覽者在傳遞信息時(shí)更加直觀地獲得互動(dòng)感受,實(shí)現(xiàn)人性化的用戶體驗(yàn)。
          關(guān)鍵詞 網(wǎng)頁設(shè)計(jì);交互設(shè)計(jì);用戶體驗(yàn);界面設(shè)計(jì)
          
          1.何謂網(wǎng)頁交互設(shè)計(jì)
          首先交互設(shè)計(jì)的本質(zhì)是要通過設(shè)計(jì)出的產(chǎn)品和服務(wù)來促進(jìn)人機(jī)之間的溝通,而最終結(jié)果是要促進(jìn)人與人之間的溝通。交互設(shè)計(jì)與其它多數(shù)設(shè)計(jì)最大不同在于,它關(guān)注的是從人與物到人與人之間的交流行為,能夠讓用戶與產(chǎn)品進(jìn)行交流溝通甚至進(jìn)行某種創(chuàng)造。一個(gè)有效和優(yōu)秀的交互設(shè)計(jì)要求能夠預(yù)見整個(gè)互動(dòng)過程,它可以將界面美化,甚至藝術(shù)化,但不能夠破壞其產(chǎn)品和服務(wù)的交互行為。在融合了交互設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)中,作為設(shè)計(jì)師的職責(zé)是要將用戶體驗(yàn)的概念引入設(shè)計(jì)中來,考慮如何根據(jù)網(wǎng)站內(nèi)容完成以用戶體驗(yàn)為中心的交互設(shè)計(jì),而不僅僅是為了簡(jiǎn)單的傳達(dá)信息和美化頁面,而這種融合了交互概念的網(wǎng)頁設(shè)計(jì)形式,我們稱它為網(wǎng)頁交互設(shè)計(jì)。
          2.用戶體驗(yàn)?zāi)繕?biāo)
          在《交互設(shè)計(jì)――超越人機(jī)設(shè)計(jì)》一書中,作者提出了用戶體驗(yàn)?zāi)繕?biāo)這一概念。所謂用戶體驗(yàn)?zāi)繕?biāo)是需要使產(chǎn)品能夠滿足用戶的情感指標(biāo),譬如滿意度、娛樂和有趣、有用性、有啟發(fā)性、有美感、創(chuàng)意性、成就感。讓頁面有趣,富有美感,令人愉快是一種關(guān)注用戶感受的設(shè)計(jì)行為。用戶體驗(yàn)關(guān)心的是用戶如何體驗(yàn)產(chǎn)品,而不是考慮操作和內(nèi)容的有效性,強(qiáng)調(diào)的是一種主觀感受。它是人們?cè)诓僮鬟^程中獲得的視覺聽覺和觸覺等感官體驗(yàn),需要考慮到其反饋是要符合用戶的生活經(jīng)驗(yàn)、常識(shí)和習(xí)慣,否則會(huì)使用戶產(chǎn)生挫敗和沮喪感。布蘭達(dá)•瑞爾(人機(jī)交互專家)曾提到交互設(shè)計(jì)“并不是關(guān)于信息,而是關(guān)于體驗(yàn)”,從而強(qiáng)調(diào)了用戶體驗(yàn)?zāi)繕?biāo)在整個(gè)設(shè)計(jì)過程中的必要性。用戶在獲取信息的同時(shí),沉浸在令人興奮和愉悅的互動(dòng)式體驗(yàn)中是更為重要的。
          3.以用戶體驗(yàn)為中心的網(wǎng)頁設(shè)計(jì)方法
          (1)定義網(wǎng)站類型。首先設(shè)計(jì)師要對(duì)自己的產(chǎn)品有一個(gè)清晰的定位,是商務(wù)網(wǎng)站?個(gè)人網(wǎng)站?藝術(shù)網(wǎng)站?門戶網(wǎng)站?游戲網(wǎng)站?等等,網(wǎng)站具有多種類型和定位,先對(duì)網(wǎng)站有了明確的定位,才能夠根據(jù)需要設(shè)計(jì)頁面。
         。2)研究用戶及需求分析。我們明白擁有良好設(shè)計(jì)的網(wǎng)頁界面應(yīng)是支持用戶而非阻礙用戶的。要做到這一點(diǎn),首先我們需找出我們的用戶是誰,并且研究他們的認(rèn)知和行為特征,在人機(jī)交互中,用戶的滿意度決定著一項(xiàng)設(shè)計(jì)產(chǎn)品的成敗。我們要關(guān)心的是用戶的社會(huì)和文化背景,年齡層等。在掌握了用戶信息后,還要明確目標(biāo)用戶對(duì)產(chǎn)品的期望,進(jìn)行需求分析,這樣才能夠使設(shè)計(jì)產(chǎn)品有的放矢。
          例如PBSKIDS兒童網(wǎng)站的頁面設(shè)計(jì)(如圖1)。兒童的世界觀與成年人有著極大不同,他們所感興趣的對(duì)象也完全不同,通常他們的認(rèn)知能力較差,比較厭煩純粹的文字信息體驗(yàn),喜歡直觀的圖形色彩和聲音表現(xiàn),同時(shí)兒童多具有好奇心,有創(chuàng)意的視聽體驗(yàn)或者小游戲等更容易使他們感興趣,所以網(wǎng)頁設(shè)計(jì)中要盡量規(guī)避讓兒童識(shí)別大量的文字內(nèi)容或者填寫信息,減少表單的應(yīng)用,增加頁面瀏覽過程的樂趣。圖中整體頁面設(shè)計(jì)采用動(dòng)畫造型元素,色彩鮮艷亮麗。導(dǎo)航被設(shè)計(jì)成卡通動(dòng)物圖標(biāo),頁面上的所有按鈕在鼠標(biāo)滑過時(shí)會(huì)出現(xiàn)簡(jiǎn)短的聲音提示,取代了文字信息。并且在首頁設(shè)置動(dòng)畫視頻,通動(dòng)動(dòng)畫短片的形式介紹網(wǎng)站內(nèi)容,頁面正中的滾動(dòng)輪盤通過點(diǎn)擊上面的圖標(biāo)將會(huì)引導(dǎo)用戶進(jìn)入相應(yīng)的頁面,而進(jìn)入二級(jí)頁面則通常是以小游戲的形式來介紹知識(shí)內(nèi)容等,更加符合童趣,充分為兒童提供了充滿樂趣的交互式瀏覽體驗(yàn)。
         。3)信息架構(gòu)。信息架構(gòu)就是把網(wǎng)站設(shè)計(jì)目標(biāo)和戰(zhàn)略轉(zhuǎn)化為能夠滿足用戶需求的可行性體驗(yàn)方案,是對(duì)網(wǎng)站信息的整體規(guī)劃,是用戶體驗(yàn)的“骨骼”。如果信息架構(gòu)得體,將會(huì)對(duì)后期的產(chǎn)品設(shè)計(jì)工作產(chǎn)生事半功倍的效果。信息架構(gòu)的好壞,還將會(huì)直接影響用戶的體驗(yàn)感,甚至影響用戶對(duì)產(chǎn)品的信任程度。
          (4)設(shè)計(jì)和用戶測(cè)試。在完成信息架構(gòu)后,還需不斷吸收各渠道的信息,獲得反饋,以進(jìn)一步修訂設(shè)計(jì)方案。通常在一個(gè)網(wǎng)站設(shè)計(jì)項(xiàng)目后期,設(shè)計(jì)人員會(huì)將項(xiàng)目的半成品交付互聯(lián)網(wǎng)服務(wù)器,進(jìn)行網(wǎng)站測(cè)試,以換位的角度站在用戶的立場(chǎng)進(jìn)行網(wǎng)頁瀏覽操作,從而發(fā)現(xiàn)問題并進(jìn)行迭代設(shè)計(jì),即重復(fù)“設(shè)計(jì)-測(cè)試-評(píng)估-再設(shè)計(jì)”的過程。
          4.小結(jié)
          赫伯特•A•西蒙提到:設(shè)計(jì)是人工物的內(nèi)部環(huán)境(人工物自身的物質(zhì)和組織)和外部環(huán)境(人工物的工作或使用環(huán)境)的接合。“人”是界面設(shè)計(jì)的認(rèn)知主體,是服務(wù)對(duì)象的核心。既然用戶是工作的核心,那么我們行進(jìn)設(shè)計(jì)時(shí)也就理所應(yīng)當(dāng)?shù)匾獙⑷说囊蛩厝谌氲轿覀兊墓ぷ鬟^程中來。艾倫•庫(kù)珀說:“計(jì)算機(jī)工作,用戶思考!本W(wǎng)頁交互設(shè)計(jì)是以功能和環(huán)境為基礎(chǔ),以情感為重心的。最終目的是為了使設(shè)計(jì)更好地服務(wù)于人,使人機(jī)環(huán)境系統(tǒng)更為和諧。
          
          參考文獻(xiàn)
          [1](美)Jennifer Preece Yvonne Rogers、Helen Sharp著,劉曉暉,張景,等譯.《交互設(shè)計(jì)-超越人機(jī)交互》. 北京:電子工業(yè)出版社,2003.
          [2](美)Alan Cooper著,Chris Ding,等譯.《交互設(shè)計(jì)之路》. 電子工業(yè)出版社,2006.
          [3](美)董建明,傅利民,饒培倫,等著. 《人機(jī)交互:以用戶為中心的設(shè)計(jì)和評(píng)估》.清華大學(xué)出版社,2010.
          [4](美)唐納德.A.諾曼.《情感化設(shè)計(jì)》. 北京:電子工業(yè)出版社,2005.
          [5] 劉懷亮主編,定宜英,許親霞,劉濤編著.《 人機(jī)界面設(shè)計(jì)》. 北京:冶金工業(yè)出版社,2007.
          

        相關(guān)熱詞搜索:交互 探索 理論 以用戶體驗(yàn)為中心的網(wǎng)頁交互設(shè)計(jì)理論探索 以用戶為中心的設(shè)計(jì) 互聯(lián)網(wǎng)交互設(shè)計(jì)是什么

        版權(quán)所有 蒲公英文摘 www.zuancaijixie.com
        91啦在线播放,特级一级全黄毛片免费,国产中文一区,亚洲国产一成人久久精品