公務(wù)員期刊網(wǎng) 精選范文 界面交互設(shè)計范文

界面交互設(shè)計精選(九篇)

前言:一篇好文章的誕生,需要你不斷地搜集資料、整理思路,本站小編為你收集了豐富的界面交互設(shè)計主題范文,僅供參考,歡迎閱讀并收藏。

界面交互設(shè)計

第1篇:界面交互設(shè)計范文

中國老年產(chǎn)業(yè)飛速發(fā)展,通信設(shè)備界面交互適老化設(shè)計如何去適應(yīng)老年群體,如何去滿足老年群體的生理、心理需求;高速發(fā)展的設(shè)計理念如何在老年產(chǎn)業(yè)中找到與之相適的契合點。本文以老年生理需求和心理需求為導(dǎo)線,從這兩個方面闡述通信設(shè)備界面交互適老化設(shè)計的原則方法和作者的設(shè)計思路。旨在通信設(shè)備界面交互適老化設(shè)計中找到合適的切入點。

關(guān)鍵詞:

行為特征 交互界面設(shè)計 適老化

中國分類號:TB47

文獻標(biāo)識碼:A

文章編號:1003-0069(2015)11-0146-02

第一章 序論

1.1研究目的與意義

1.1.1中國老齡化社會與通信產(chǎn)品適老化設(shè)計的必要性

自20世紀(jì)90年代開始,中國人口老齡化進程加快。65歲及以上人口從1990年的6299萬人增加到2015年初的13755萬人。占總?cè)丝诘谋壤龔?.57%上升為10.1%。目前中國已經(jīng)進入老齡化社會,并且老齡化比例正在逐年上升。在這個由青年人主導(dǎo),為青年人設(shè)計的社會中,適應(yīng)老年人特殊需求的服務(wù)設(shè)施、生活用品和交互產(chǎn)品,在老齡化比重越發(fā)升高的今天顯得尤為重要。

通信設(shè)備作為人們最常接觸、使用性最廣的科技產(chǎn)品,其技術(shù)性、設(shè)計性日新月異,但在老年機的發(fā)展與設(shè)計中,還停留在傳統(tǒng)的大屏、大音量、單―功能的初級階段。通信設(shè)備設(shè)計似乎不約而同地選擇了漠視適老化設(shè)計,在科技產(chǎn)品硬件與軟件的快速升級中,通信設(shè)備適老化設(shè)計比重反而越來越小。不僅如此,通信設(shè)備科技含量的急速發(fā)展,其造成的結(jié)果就是老年人對新科技的無知,老年人不會使用、不懂使用成為主流。通信設(shè)備的適老化設(shè)計與迭代產(chǎn)品設(shè)計迫在眉睫。

1.1.2通信設(shè)備界面交互設(shè)計的必要性

通信設(shè)備界面交互設(shè)計的運用在優(yōu)化用戶體驗的同時,改變著用戶的習(xí)慣。開發(fā)便捷、易于使用的交互界面,使產(chǎn)品更加易學(xué)易用,能有效提升老年群體對于新科技新產(chǎn)品的認(rèn)知程度。受眾對于產(chǎn)品的要求不再是單單硬件上的升級和功能的疊加,用戶體驗和用戶個性化需求越發(fā)受到重視,通信設(shè)備的交互設(shè)計也要隨之發(fā)生改變。

通信設(shè)備產(chǎn)品的交互設(shè)計不僅僅只局限于產(chǎn)品的造型、觸覺、視覺和功能,而更多的是一種關(guān)注不同人群的情感與行為以及社會發(fā)展需求的預(yù)測和控制,是一種非物質(zhì)層面上的生理和心理的體驗。

在通信設(shè)備適老化設(shè)計之中,當(dāng)通信設(shè)備滿足于老年群里特有身體狀況的需求下,高一級的精神需求才會出現(xiàn)。動態(tài)準(zhǔn)確掌握老年人群體在通信設(shè)備交互設(shè)計上獨有的需要,才能更好地引導(dǎo)并創(chuàng)新通信設(shè)備交互設(shè)計適老化的發(fā)展。

1.2界面交互適老化設(shè)計基本觀點和思路

1.2.1老齡化特點

針對老年群里所具有的身體機能特征設(shè)計是適老化設(shè)計的前提條件。隨著年齡的增大,人的感官包括視力、聽力、味覺、嗅覺和皮膚的觸覺都有一定程度的退化。而滿足老年人特有的精神需求,則是適老化設(shè)計的最終目的。中國老齡化社會因其進程快、規(guī)模大等獨有因素,加之中國社會發(fā)展問題,使得中國老年人對適老化設(shè)計的體驗有其獨有的視角與需求。

設(shè)計基本觀點:

一、針對老年群體身體的特點需求,著重在老人認(rèn)知、理解、反饋行為特征方面進行調(diào)查研究。

二、針對老年群體精神需求,在交互界面要素和功能架構(gòu)方面進行適老化設(shè)計。

三、針對通信設(shè)備交互界面適老化設(shè)計方面,在交互界面要素表達和反饋設(shè)計方面進行適老化設(shè)計。

1.2.2設(shè)計思路

針對老年群體的生理需求和精神需求,通過交互界面要素的聚類和提取、通信設(shè)備交互界面架構(gòu)分析和建立兩個方面,對通信設(shè)備交互設(shè)計適老化進行要素總結(jié)和初步設(shè)計。在通信產(chǎn)品交互界面適老化設(shè)計中采用通用化設(shè)計理念,以老年群體的生理機能和行為特征為參考,以老年產(chǎn)品交互界面為設(shè)計對象,采用系統(tǒng)設(shè)計方法,去除老年群體在使用過程中的認(rèn)知障礙和心理障礙,使老年群體對通信產(chǎn)品更加易用。之后進行老年產(chǎn)品交互效應(yīng)評估,在其評估順利通過的情況下,對其進行設(shè)計的技術(shù)實施和各設(shè)計要素的具體化,完成通信設(shè)備交互設(shè)計適老化設(shè)計。

第二章 通信設(shè)備特點和交互界面適老化設(shè)計的現(xiàn)狀

2.1老年群體心理生理特點現(xiàn)狀對交互適老化設(shè)計的影響

2.1.1老年群體的生理需求

中國老年群里所共性身體特點,身體感官隨著年齡的增大,包括視力、聽力和皮膚的觸覺都有一定能力的退化。

視力

老花眼表現(xiàn)為暗處和遠處的物體難以看清。晶狀體渾濁是老年人視力下降的另一個原因,表現(xiàn)為顏色識別能力降低。眼睛周邊的肌肉退化,使得老年人眼睛對外界光想變化的調(diào)節(jié)時間延長,閱讀時需要更多的亮光。在設(shè)計中應(yīng)注重顏色的把握和光線調(diào)節(jié)的變化。

聽力

聽力的喪失在老年人中較為常見。老年人的聽力減弱主要表現(xiàn)為對高頻率聲音的敏感性降低,難以辨別講話的聲音和背景聲音。老年人的聽力減弱直接影響這他們的社交活動和生活質(zhì)量,如何在移動通信終端上建立良好的聲音系統(tǒng),是移動通信界面交互設(shè)計的重要方面。

觸感

觸感的退化,對通信設(shè)備中反饋系統(tǒng)有很大影響,交互的反饋主要是通過聲音提示、設(shè)備震動、界面變化來進行提示,敏感度的下降,在設(shè)備設(shè)計架構(gòu)中要求對于老年人感官反饋強度要求更大。

2.1.2老年群體心理需求

重視和理解老年人心理特點和精神需求,解決老年群體的正常心理需求,對于移動通信設(shè)備交互界面適老化的研究設(shè)計有重要意義。經(jīng)調(diào)查,其老年人常見的精神特征如下:

失落感。特征:自我感覺被冷落,人老不中用,對新事物失去探知興趣。

孤獨感。特征:獨處時消極孤僻,因喪偶缺少陪伴對象。

自卑感。特征:感覺自己跟不上時代,與社會脫軌,封閉孤立,自尊心易受傷害。

記憶思維。特征:記憶力衰退,機械記憶減退明顯,思維不夠靈活,形成概念需要時間增長,學(xué)習(xí)能力有所下降。

2.2移動通信設(shè)備適老化設(shè)計功能現(xiàn)狀與設(shè)計發(fā)展現(xiàn)狀

2.2.1功能現(xiàn)狀

從功能上說,老年移動通信設(shè)備功能較為單一,用簡化至極致的功能來滿足于老年群體。但是,在產(chǎn)品設(shè)計之中,我們只提供了簡單的通信功能,只考慮了老年人的行為需求,而忽視了老年人的心理、審美需求。老年群體在通信設(shè)備中的功能要求不僅僅有通信一個需求。其所涉及的老年的文化娛樂和精神享受方面沒有得到很好的開發(fā)。

老年通信產(chǎn)品的設(shè)計相對模糊。諸如,老年機的設(shè)計、操作交互性差;功能性差;主流手機功能繁瑣,造型不宜老年群體使用;手機材質(zhì)顏色缺乏設(shè)計等問題。

2.2.2移動通信產(chǎn)品設(shè)計趨勢發(fā)展與現(xiàn)狀

現(xiàn)代老年通信產(chǎn)品的開發(fā)設(shè)計還處于原始階段,在現(xiàn)代通信產(chǎn)品的高新技術(shù)運用上,高新技術(shù)沒有很好地運用到老年移動通信產(chǎn)品上,造成了老年移動通信設(shè)備功能單一的問題。不僅如此,移動通信產(chǎn)品的交互設(shè)計缺乏系統(tǒng)性,難懂的使用和復(fù)雜的操作造成老年群體使用障礙。

由于缺少對老年產(chǎn)品設(shè)計的整體設(shè)計,造成老年移動通信設(shè)備迭代產(chǎn)品的開發(fā)出現(xiàn)問題,老年機的開發(fā)研制出現(xiàn)了長時間的停滯。

第三章 界面交互適老化設(shè)計方法研究

基于通用交互界面設(shè)計原則,針對老年群體的特殊生理、心理需求,采用系統(tǒng)科學(xué)設(shè)計方法設(shè)計研究通信設(shè)備交互界面的適老化。共分為兩個設(shè)計總原則和三個一般原則。

3.1設(shè)計總原則

3.1.1功能至上

功能至上在通信設(shè)備交互界面適老化設(shè)計中的具體意義主要是硬件優(yōu)化與軟件功能為核心,形式服從功能,突出核心功能。在界面設(shè)計、交互設(shè)計、信息構(gòu)架等設(shè)計形式上絕對服從核心功能。

3.1.2用戶原則

以人為核心,清晰用戶行為。用戶使用時,能夠預(yù)料到用戶操作行為并使功能和用戶成功交互;讓功能處于用戶的掌控之中,減少用戶無效操作行為,直接的操作有助于提升用戶操作體驗;明確界面的產(chǎn)生是為了促進交互而存在,界面不僅是功能的體現(xiàn),也是用戶與功能聯(lián)系的基礎(chǔ)。

3.2基本原則

3.2.1界面構(gòu)架原則

界面構(gòu)架原則主要表現(xiàn)為:界面主題明確,分界面區(qū)分功能重點;便捷的操作:合理提供反饋。

3.2.1.1界面主題明確

設(shè)計每一個界面都應(yīng)有一個主題,界面根據(jù)其功能的不同,采用不同的設(shè)計元素對其外觀有所區(qū)分。但設(shè)備界面總體設(shè)計表達應(yīng)一致。使用戶操作體驗更加舒適,上手更為容易,在必要時也更加容易進行修改。

3.2.1.2便捷的操作

當(dāng)能夠直接快捷地對軟件界面進行操作時,用戶的體驗感覺才會更好,在界面設(shè)計中,舍棄與功能無關(guān)的按鈕、圖形、選項和附件等以便使操作簡化到極致。老年的行為特征注定了老年群體難以像青壯年一樣進行復(fù)雜操作,當(dāng)次要動作和功能對核心功能產(chǎn)生影響時,次要的操作步驟會使老年群體對功能的實現(xiàn)更加困難,應(yīng)適當(dāng)舍棄。

3.2.1.3合理提供反饋

界面與用戶之間的溝通主要是通過用戶的動作和動作的反饋這一循環(huán)來實現(xiàn),在設(shè)計構(gòu)架中,應(yīng)保障界面和用戶之間的溝通。反饋的形式多種多樣,根據(jù)老年群體生理特征和心理特征,保障反饋的及時性、易用性、一致性。

3.2.2界面表達原則

界面表達原則主要體現(xiàn)在外觀追隨功能;簡化界面整體區(qū)域劃分;合理的色彩搭配。

3.2.2.1形式追隨功能

整體設(shè)計應(yīng)符合功能,例如,表達元素和背景來裝飾功能性,對于突出的功能使用標(biāo)準(zhǔn)化的控件和操作行為,在界面表現(xiàn)形式的傳遞中,能夠使信息清晰和統(tǒng)一傳達給用戶。

3.2.2.2簡化界面區(qū)域劃分

在界面設(shè)計中,不必要的信息會對用戶產(chǎn)生一系列干擾,如何使核心功能吸引用戶是交互界面設(shè)計中的關(guān)鍵所在。老年人因其注意能力下降,更加容易受到不必要信息的干擾,保證界面的整潔就尤為重要。

3.2.2.3合理的色彩視覺搭配

老年群體色彩感知能力降低,在適老化設(shè)計中針對其特點應(yīng)注重顏色的把握。根據(jù)調(diào)查啊,老年人較容易看清紅色和黃色等曖色調(diào)。

通過合理的視覺層次感,能使界面的視覺元素有更為清晰的游覽次序,視覺層級的明確劃分,使得每個元素的視覺重量發(fā)生相對變化,舒適的視覺層次能有效地引導(dǎo)用戶對重要信息的關(guān)注。

3.2.3迭代設(shè)計原則

交互界面迭代設(shè)計原則:循序漸進;針對現(xiàn)有問題去完善用戶體驗。

3.2.3.1循序漸進

軟件界面設(shè)計中,界面交互設(shè)計應(yīng)考慮到下一步的交互如何完成,并且通過設(shè)計將其實現(xiàn)。不僅操作界面設(shè)計中應(yīng)遵循循序漸進原則,在界面交互設(shè)計迭代產(chǎn)品的設(shè)計中也應(yīng)循序這一原則,應(yīng)充分考慮用戶下一階段的操作行為和功能實現(xiàn)方式,引導(dǎo)性地完成功能實現(xiàn)。

3.2.3.2針對現(xiàn)有問題去完善界面

在適老化界面設(shè)計中,不要為假設(shè)的問題去隨意改變界面,多進行對老年市場調(diào)查,在現(xiàn)有的行為和設(shè)計中,解決現(xiàn)存的問題,查漏補缺,一旦問題得到解決,界面交互體驗會愈加完善,用戶體驗度也會隨之提高。

第四章 結(jié)語

針對通信設(shè)備界面交互適老化設(shè)計的發(fā)展。我們的設(shè)計就要從用戶者的體驗入手,想用戶所想,研究用戶的需求、用戶者的生理需求(功能需求)和心里需求(體驗感)。就目前中國老齡化問題日益嚴(yán)峻的形勢下,老年設(shè)備產(chǎn)品的發(fā)展迎來新的機遇和挑戰(zhàn),新時期老年群體不管是在生理方面還是在心理方面,渴望得到的權(quán)利隨著時代的發(fā)展日益增加,以老年群體的需求入手,移動通信設(shè)備界面交互產(chǎn)品的出現(xiàn),是順應(yīng)時代的產(chǎn)物。

第2篇:界面交互設(shè)計范文

摘要:智能手機的不斷發(fā)展,其攝像功能也越來越強大,而在那塊不大的攝像傳載器的身后,手機攝影軟件應(yīng)用也隨之發(fā)展開來,逐漸成為一個新興產(chǎn)業(yè),更形成了自己特有的影像文化,而要在琳瑯滿目的手機攝影應(yīng)用中脫穎而出,其交互界面設(shè)計就是否重要,本文對手機攝影軟件的交互界面設(shè)計進行了初步探討。

關(guān)鍵詞:手機 攝影 交互 界面

1.手機攝影發(fā)展及現(xiàn)狀

自從1839年法國人路易.達蓋爾發(fā)明照相機至今,已經(jīng)有近一百八十年的歷史,在這一段相機的發(fā)展歷史長河中,在攝像手機未普及以前,攝影術(shù)一直是專業(yè)的,神秘的,封閉的。而在2000年時,一款載有11萬像素的拍照手機進入人們的視野,在今天看來,這款11萬像素的收款拍照手機像素低的實在難以想象,但出乎人意料的是,一個全新的影像時代便是由這款拍照手機開啟。在2002年到2012年這短短的十年拍照手機發(fā)展的黃金時期,隨著3G網(wǎng)絡(luò)的飛速發(fā)展,在微博,輕博客等社交或分享圖片的平臺上,已經(jīng)形成一大批忠實的手機攝影粉絲和成熟的手機攝影文化。

科學(xué)技術(shù)在不斷的進步,手機作為與人們生活工作息息相關(guān)的電子產(chǎn)品,總是首當(dāng)其沖的站在推陳出新的前沿。手機的功能隨著科技的發(fā)展不斷的強大,相應(yīng)的與之配套的手機軟件也在不停的發(fā)展變化,手機用戶對手機的操作主要依靠手機軟件,手機軟件如果想得到用戶的親睞,必須在其軟件界面的交互性上做好功夫,便于理解,易于操作,界面友好這些重要的設(shè)計規(guī)范在這里顯得尤為重要。

2.手機攝影軟件的分類

手機攝影軟件如果以AppStore為例,手機攝影軟件可以分為六大類,他們包括以下六種:

1.效果增強型:對于手機本身攜帶的手機拍照功能不滿意的用戶來說,這類手機攝影軟件就是彌補原廠附帶手機拍照功能缺陷,諸如不能對焦與測光分開操作,沒有連拍模式或長時間曝光模式等等,相對應(yīng)的手機攝影軟件諸如Camera360。

2.濾鏡增強型:用戶試用攝影手機自帶的拍照軟件拍出的照片難免暗淡無光,對比度,色彩鮮艷度都差強人意,而使用濾鏡增強型的拍照軟件,便可能讓一張看起來平淡無奇的照片起死回生,根據(jù)用戶的喜好可以將照片調(diào)成自己喜歡的風(fēng)格,相對應(yīng)的手機攝影軟件諸如Pro filter。

3.單一效果增強型:對于那些嫌各種功能與一身軟件操作繁瑣的用戶來說,單一效果增強型攝影軟件可能更適合他們,這類攝影軟件只能形成一個效果,但其優(yōu)點便是可以使這一種單一功能處理的照片質(zhì)量更高,相對應(yīng)的有以手指涂抹效果著稱的iDOF。

4.復(fù)古相機型:對于那些懷念各種老照片效果的手機攝影用戶來說,復(fù)古相機型的攝影軟件對他們實在是一種福音,各種不同時期的老照片效果,不同的照相機型,都可以對那些已經(jīng)存封起來的老相機模仿的惟妙惟肖,代表軟件如專門模仿雙反相機效果的Ttv Camera。

5.照片編輯型:對于一些對攝影有著較為專業(yè)情結(jié)的手機攝影用戶來說,一些現(xiàn)有的濾鏡效果對于他們特殊要求總是難以達到,這種情況下就需要照片編輯類的攝影軟件了,他們的功能類似photoshop在手機上的精簡,用戶可以通過他們來對白平衡,色彩飽和度,對比度等做一系列的調(diào)節(jié)。代表軟件如Photoshop Tips,這款手機攝影軟件居然可以分圖層編輯。

6.夸張趣味型:對于厭倦了一本正經(jīng)的拍照或者照片的用戶來說,來點趣味性的攝影軟件調(diào)劑也顯得很有必要,如魚眼效果、漫畫效果、馬賽克效果等,都可以將手機拍照變得更加有趣。代表軟件如魚眼拍照軟件InstaFisheye。

3.手機攝影交互界面設(shè)計

美國學(xué)者赫伯特.A.西蒙提出的界面設(shè)計的三類劃分在手機軟件界面設(shè)計上是共通的:功能性界面,情感性界面和環(huán)境性界面,只有成功的處理好這三類劃分之間的關(guān)系,一個手機軟件設(shè)計才能稱得上是成功的。在手機攝影軟件設(shè)計中,主要表現(xiàn)在一下三個方面:

首先,手機軟件設(shè)計必須滿足用戶最起碼的功能需求,這是其存在的基本價值。在全球化日益普遍的今天,除非特殊需要,大部分手機軟件還是沒有一些特殊的地理或地域限制,從這一點來說,手機軟件的界面設(shè)計共同性可見一斑。

其次,手機軟件在情感性上也需要滿足用戶越來越高的心理需求,界面的色彩運用,標(biāo)識風(fēng)格設(shè)計,都應(yīng)該迎合該手機軟件瞄準(zhǔn)的手機用戶,能打動用戶的手機軟件設(shè)計才能在激烈的網(wǎng)上商店里有一席之地。

最后在環(huán)境性界面上,任何的手機軟件設(shè)計都要與環(huán)境性界面相聯(lián)系,環(huán)境性界面包括的范圍很廣,社會、政治和文化等都在其所包含的范圍,雖然手機軟件都是設(shè)計者開發(fā)研制出來,但是在原則上,又是其設(shè)計者所在的社會環(huán)境所影響決定的,所以,一個成功的手機軟件設(shè)計,也可以體現(xiàn)出其環(huán)境因素的影響。通過這三類劃分對手機軟件界面設(shè)計的影響可以看出,在手機軟件界面設(shè)計上,都是有著明確的方法與手段去認(rèn)識那些理性與非理性的界面設(shè)計的。

手機攝影軟件種類繁多,在質(zhì)量上也是良莠不齊。在這些應(yīng)用中間,有很多應(yīng)用軟件只是對已有的應(yīng)用軟件做了一些局部的改動或者只是在界面上做了一番改變就成了另一種軟件,對于這樣的手機攝影軟件,用戶在下載使用時,要擦亮眼睛仔細選擇功能新穎強大的軟件應(yīng)用,而能留住用戶眼睛的,除去強大的應(yīng)用功能,其友好而易于操作的界面交互設(shè)計也十分重要。

在具體實際的手機攝影軟件界面交互設(shè)計中,即是要避免兩種極端:一是除去攝影功能,各種點點滴滴的功能多如牛毛,主題不夠鮮明。二是攝影軟件的操作效果過于絢麗,而用戶在操作過程中卻不知所云。一款真正讓用戶愛不釋手的手機攝影軟件的交互界面設(shè)計,應(yīng)該是有著攝影精神的優(yōu)良傳承,鮮明的攝影功能,易于識別的圖標(biāo)顯示,良好的操作體驗。對于一款雜燴似的看起來似乎十分強大,而在實際的拍攝過程中,以iphone手機為例,在一塊不過4英寸的屏幕上想要操作在單反上功能,photoshop上的強大后期效果,即使技術(shù)上可以實現(xiàn),但其操作難度可想而知,在如今的讀圖時代,又會有幾個用戶去讀那些比肩英漢大辭典似的使用說明呢。手機攝影用戶希望的軟件不過是,有自己想要的攝影特色,簡潔明了。易于上手,拍照效果顯著,更易于分享,達到這些,就可以說是一款優(yōu)秀的手機攝影軟件了。(作者單位:湖北工業(yè)大學(xué))

參考文獻

[1]Jesse James Garret,范曉燕.用戶體驗的要素[M].北京:機械工業(yè)出版社,2007,(9).

[2]Blackboard NG網(wǎng)站[EB/OL].http:///,2009,9-28.

[3]楊若男 基于用戶體驗的智能手機交互設(shè)計研究[D]湖南大學(xué),2007

第3篇:界面交互設(shè)計范文

關(guān)鍵詞:自然交互;可用性;易用性

從古至今人類的發(fā)展進步的主要方式就是效仿自然中的動物或植物中得到靈感,汲取經(jīng)驗和技能。人類在長期的發(fā)展實踐中將這些技能、經(jīng)驗逐漸轉(zhuǎn)化為自身的本領(lǐng)并且不斷的將這些本領(lǐng)深化發(fā)展。人類通過自然相通的信息,本能地發(fā)出自我預(yù)警。例如,在危險或緊急情況發(fā)生的時候動物會以特有方式的叫聲發(fā)出提示。人類從中得到靈感,用警笛聲警報。通過這樣的方式避免認(rèn)知負擔(dān)、減少學(xué)習(xí)成本,更容易被人們所理解、接受。但是隨著科技的發(fā)展,現(xiàn)代的科技的交流語言和方式對于大多數(shù)用戶還是個巨大經(jīng)驗技能挑戰(zhàn),正如市面上的使用頻繁的鐵路自助終端服務(wù)設(shè)備,用戶如何能夠進行順利正確的操作仍然是個困難的任務(wù)。為了能夠與復(fù)雜專業(yè)的現(xiàn)代設(shè)備進行順利的人機交流,用戶被迫學(xué)習(xí)專業(yè)性強的知識技能,大大增加了學(xué)習(xí)成本降低了用戶的使用體驗。因此,回歸自然便成為了設(shè)計師們對人機交互設(shè)計的新趨勢。

1 相關(guān)概念的界定

(一)自然交互設(shè)計的概念

自然交互的概念共包含了兩種的含義。

第一種含義是指用戶與設(shè)備間的實際物理性的交互方式。例如數(shù)字序列信息交互、圖像信息判斷、肢體語言和語音控制交互等交互方式為主要的人機交互方式。在這里,圖像交互、動作表情手勢控制和聲音識別、觸覺交互,都屬于自然交互方式的研究范疇。不言而喻,人與終端設(shè)備之間的交流方式除了數(shù)據(jù)交互之外其他都屬于自然的交互方式。然而在人與設(shè)備的細節(jié)交互操作過程中,人機交互方式設(shè)計不能完全成為一種自然的交互方式,這對自然交互方式的含義就有了另外一種定義。即以用戶為中心的自然交互方式,通過對用戶的使用體驗研究并運用各種科技知識及交互技術(shù),使使用者根據(jù)自身的生活習(xí)慣和掌握的知識與交互設(shè)備進行自然的信息交流?;蛴脩敉ㄟ^日常的認(rèn)知習(xí)慣能夠在最短時間內(nèi)學(xué)習(xí)和掌握基本的使用方法。簡而言之就是能使用戶與設(shè)備之間達到自然順暢交流的交互方式。

心理學(xué)認(rèn)為,學(xué)習(xí)是基于經(jīng)驗而導(dǎo)致的行為或是與行為潛能相對一致的變化過程。學(xué)習(xí)速度和成功或失敗主要起決定因素的是學(xué)習(xí)行為和使用者的生活經(jīng)歷和習(xí)慣匹配程度。因此用戶的行為方式就是自然交互研究的重點。

(二)什么是交互性

交互性是一個相對寬泛的概念,應(yīng)用在不同的范疇內(nèi)意義不盡相同。交互性設(shè)計主要用于電腦和數(shù)字多媒體領(lǐng)域,接下來我們主要針對人機交互和一些相關(guān)的概念進行闡述:

(1)人機交互(Human-Computer Interaction, 簡寫HCI):是主要研究設(shè)計、評價和實現(xiàn)供用戶使用的交互計算系統(tǒng)以及有關(guān)這些現(xiàn)象進行研究的科學(xué)。

(2)人機界面(Human-Computer Interface,簡寫HCI):是人與計算機之間傳遞、交換信息的媒介和對話接口,是計算機系統(tǒng)的重要組成部分。

自助終端服務(wù)設(shè)備的界面交互性設(shè)計是一門新興的藝術(shù)設(shè)計學(xué)科,近來隨著自助終端設(shè)備在生活中的普遍應(yīng)用進而發(fā)展迅速。界面交互性設(shè)計的優(yōu)劣直接影響著用戶使用操作的興趣和人機交互效果。以用戶為中心的界面交互性設(shè)計理念忠于用戶感受,更多考慮用戶如何能夠順利完成下一操作目標(biāo)進行優(yōu)化界面的交互性設(shè)計,而不是單方要求用戶去為了適應(yīng)交互性設(shè)計者的想法而改變用戶最本能的使用習(xí)慣。

2 鐵路自助終端設(shè)備交互設(shè)計的原則

對于用戶來說,有用性應(yīng)該是自助終端設(shè)備的交互設(shè)計首要原因,它所提供的功能操作、信息輸入提供給用戶有用的知識信息就像一本專業(yè)書籍一樣,成為用戶工作或生活當(dāng)中必不可少的一分子[1]。不論面對什么層次的服務(wù)用戶,用戶都可以自如的應(yīng)用所掌握的生活中的常識順利完成人機交互任務(wù)。同時用戶只能通過使用這些輸入操作功能才可以獲得具有實用價值的結(jié)果[2]。它的交互設(shè)計原則包括以下四個方面:

(1)界面交互性設(shè)計風(fēng)格統(tǒng)一

應(yīng)用程序內(nèi)部一致、設(shè)計圖標(biāo)信息與功能一致、界面整套交互性設(shè)計風(fēng)格一致統(tǒng)一。力求與用戶的生活中所熟悉的知識、經(jīng)驗和技能相一致。例如:統(tǒng)一的名稱術(shù)語,一致的圖標(biāo)設(shè)計風(fēng)格,這樣做的目的可以使用戶應(yīng)用設(shè)備時利用自己已掌握的常識及已形成的生活習(xí)慣憑借經(jīng)驗迅速識別信息,提高設(shè)備界面交互性設(shè)計的高效性和易用性。

(2)界面信息設(shè)計少而精

如何減輕用戶的短期記憶負擔(dān):降低用戶的學(xué)習(xí)成本和時間?避免用戶完成多個交互任務(wù)的同時存儲太多復(fù)雜的應(yīng)用信息等。界面信息設(shè)計精煉可以提升用戶在使用設(shè)備時的操作成就感,避免因為操作失誤率所帶來的不愉悅[3],增強使用中的自信心,從而實現(xiàn)高效愉悅率。

(3)及時的信息反饋

提供及時可靠的反饋信息。反饋信心要與當(dāng)前的操作情況相一致,并且要向用戶精準(zhǔn)詳細的指示出所有安全問題、出錯位置、系統(tǒng)反饋延遲、操作成功與否、操作完成等信息。針對操作完成信息要給出連續(xù)、清晰、完整的反饋信息。例如:用戶在進行人機交互的過程中,要有及時合理的對話指示框給用戶,精確的標(biāo)注出操作流程的開始、中間進行中和操作任務(wù)結(jié)束;在許多現(xiàn)有的自助終端服務(wù)設(shè)備的文本消息的任務(wù)流程設(shè)計都是非常優(yōu)秀的例子。

(4)高度的容錯性

提供錯誤預(yù)防和糾錯、報錯功能。在物理鍵盤上,重要控件,按鍵放置松散有度,從而可以有效的減少錯誤輸入的發(fā)生;在電子觸摸屏幕上,避免主要常用功能的控件設(shè)計過小或其控件之間排列過于擁擠;對于非法輸入及時做出修正的反饋信息提示或標(biāo)注錯誤內(nèi)容,輸入錯誤修正后反饋信息提示消失;允許用戶在系統(tǒng)操作途中,行使臨時撤銷操作這樣可以讓使用者切身體驗到系統(tǒng)的反應(yīng)迅速性和強大的系統(tǒng)操作性;對人機交互過程中的每個時期使用者都掌握絕對的控制權(quán)力,并且對于在使用中出現(xiàn)的各種突發(fā)狀況用戶都有隨時監(jiān)控和修正的能力。

3 自然交互方式在鐵路自助終端服務(wù)設(shè)備界面交互性設(shè)計中的應(yīng)用優(yōu)勢

在現(xiàn)代社會,人類文明高度發(fā)達,我們的衣食住行都離不開與先進的科學(xué)技術(shù),然而,人們在享受科學(xué)技術(shù)帶來的挑戰(zhàn)的生活方便和快捷方式也面臨著我們的專業(yè)技能的技術(shù)。例如,用戶購買了一款家用電子產(chǎn)品,要避免使用操作失誤損傷產(chǎn)品,用戶第一件要做的事就是閱讀使用說明書,否則將無法使用設(shè)備并且進行正確的操作。但是對很多用戶,即便閱讀了一本復(fù)雜厚重的說明書,還是無法進行正確操作,仍然無法順利正確的完成任務(wù)。此時,回歸自然交互設(shè)計便成了解決這一難題的不二法寶。

自然交互方式的設(shè)計概念在潛移默化中已經(jīng)滲透到了一些自助終端服務(wù)設(shè)備中,在對鐵路自助終端服務(wù)設(shè)備的進行人機交互設(shè)計時,必須遵循以用戶為中心的設(shè)計理念。界面的交互設(shè)計方式應(yīng)具有簡單、易用、可用性強的特點。為了實現(xiàn)這些特性的成功與否在很大程度上取決于設(shè)備界面的交互性設(shè)計操作方式與的基礎(chǔ),生活經(jīng)驗與用戶的生活方式行為習(xí)慣匹配程度。將自然交互中的信息圖像識別、語音識別、手勢控制甚至動作行為控制等一系列的交互方式融入到鐵路自助終端服務(wù)設(shè)備的交互設(shè)計中,豐富了人機交互方式和途徑,即使缺乏電腦經(jīng)驗的用戶也可以通過語音控制來順利完成人機交互任務(wù);自然交互設(shè)計更遵循人的本能,依據(jù)人在長時間的社會生活中所積累的生活經(jīng)驗及技能,提高設(shè)備的易用性和可用性。

4 結(jié)論

在科技現(xiàn)代化的生活里,鐵路自助終端服務(wù)設(shè)備在鐵路售票服務(wù)中所占的位置的作用越來越重要。由于我國界面交互性設(shè)計起步晚,發(fā)展研究目前也只是處于初級階段,隨著市場上自助終端服務(wù)設(shè)備在各行各業(yè)的普遍應(yīng)用和發(fā)展,題錄自助終端服務(wù)設(shè)備作為現(xiàn)代信息的重要科技產(chǎn)品,必將成為人們?nèi)粘I钪斜夭豢缮俚闹匾M成部分。因此,擁有巨大消費群體的鐵路自助終端服務(wù)設(shè)備迫切需求基于自然交互方式的界面交互性設(shè)計,來改善現(xiàn)狀。而視線跟蹤、語音識別、手勢輸入、感覺反饋等交互技術(shù)的發(fā)展,使得現(xiàn)在的交互設(shè)計研究已經(jīng)不再局限于單通道的交互行為,以自然行為為基礎(chǔ)的界面交互性設(shè)計研究順應(yīng)了交互設(shè)計的發(fā)展趨勢。眼球移動跟蹤,語音識別,手勢輸入,感官反饋等交互技術(shù)的發(fā)展,讓交互設(shè)計的研究不再局限于單一的方式。在界面的交互性設(shè)計中,自然行為交互設(shè)計研究更加符合交互設(shè)計的發(fā)展趨勢。

用戶對于交互產(chǎn)品的情感訴求反映了用戶對鐵路自助終端服務(wù)設(shè)備界面交互性情感體驗的要求。在自助終端服務(wù)設(shè)備的界面交互性設(shè)計中,應(yīng)用自然化的交互方式將極大的提高界面的感性價值并使其發(fā)揮應(yīng)有的重要作用。用戶體驗是一種感性體驗,用戶本身也是一種情感占主導(dǎo)地位的生物。想要用戶在體驗當(dāng)中最大程度的發(fā)揮主觀能動性,得到優(yōu)質(zhì)的體驗,就應(yīng)該充分調(diào)動用戶的身體感官,從而有機會最大降低系統(tǒng)模型和用戶模型之間操作效果差異,為更好的人機交互設(shè)計尋找更大的突破。

自然的交互方式,是以認(rèn)同用戶自身的感受為研究方向,操作方式更容易被用戶理解也更容易讓用戶以此來向產(chǎn)品傳遞信息。自然交互方式將數(shù)字媒體世界中猶如夜空遙不可及的行星一樣的數(shù)列層序,化繁為簡的形象帶到物理世界當(dāng)中,拉近了兩者之間的距離,從而使交互變得趨于自然化。好的交互設(shè)計是遵循以用戶為中心的設(shè)計理念。心理學(xué)認(rèn)為,學(xué)習(xí)是基于經(jīng)驗而導(dǎo)致的行為或是與行為潛能相對一致的變化過程。而自然交互研究的重點就是用戶的行為方式。以自然用戶界面為代表的自然交互方向,是人類追求與環(huán)境更加和諧相處的需求以及對自身需求的反思共同作用的結(jié)果。將自然交互融入到鐵路自助終端服務(wù)設(shè)備的界面交互設(shè)計中,同時又嚴(yán)格遵循自助終端的交互設(shè)計原則,這樣有效的將人機交互方式更加的符合人的認(rèn)知度和本能反應(yīng),并且大幅度提高了設(shè)備的可訪問性。

參考文獻:

[1]馬佳琦.基于隱喻的手持移動設(shè)備交互設(shè)計研究[J].北京郵電大學(xué),2010.

[2]孫傳祥.基于自然交互方式的移動終端產(chǎn)品交互設(shè)計研究[J]. 山東大學(xué).

第4篇:界面交互設(shè)計范文

國內(nèi)對于UI設(shè)計還是一個逐漸發(fā)展和成長的過程,企業(yè)對于UI設(shè)計的認(rèn)識大都停留在界面的美工,平面設(shè)計上。我們經(jīng)常會看到有些公司的招聘廣告上面寫著:招聘界面美工、界面美術(shù)設(shè)計師等等。國內(nèi)市場不嚴(yán)謹(jǐn)?shù)膶I設(shè)計的理解放在美術(shù)的設(shè)計方面,認(rèn)為UI設(shè)計師從事的不過是些描邊畫線的工作與網(wǎng)絡(luò)的制作設(shè)計無關(guān),缺少網(wǎng)絡(luò)界面與用戶之間相互交流的互動性;另一方面在軟件的應(yīng)用開發(fā)過程里還嚴(yán)重存在只注重技術(shù)的開發(fā)而不注重界面設(shè)計圖形應(yīng)用的問題。

UI設(shè)計的交互功能與應(yīng)用

UI設(shè)計真正的價值又體現(xiàn)在哪里呢?對于UI設(shè)計的交互,它是UI設(shè)計所要發(fā)展的一個必經(jīng)過程。我們以現(xiàn)在商業(yè)手機為例,當(dāng)手機成為信息時代不可或缺的一部分時,幾乎很多與生活息息相關(guān)的重要活動都會通過它來完成,隨著不斷的推崇出新,大家并不會為了手機的故障而舍棄現(xiàn)有手機,而是在發(fā)現(xiàn)新上市的手機所擁有的強大的娛樂,游戲,信息功能。這些功能從界面的設(shè)計與使用的操作上都更新穎更具有人性化,以及它卓越的外觀。而技術(shù)層面上的信號、待機時間、壽命等方面早已成為各種手機所共有的特色。商家在推出新款手機的時候往往把創(chuàng)意賣點以及競爭力放在推出游戲、APP、攝像頭、應(yīng)用軟件的開發(fā)上。而這些賣點都成為產(chǎn)品的美觀、個性、易用、易學(xué)、人性化的主體開發(fā)元素。每一種類別我們都要為它設(shè)計精美的圖標(biāo)與圖像使用界面。一種具有視覺觀賞性的圖形化界面與合理易用的交互方式給我們的商品乃至企業(yè)帶來莫大的經(jīng)濟效益,它為用戶提供了一個全新的展示及使用空間。所以在現(xiàn)在的網(wǎng)絡(luò)軟件開發(fā)的年代我們更注重的是軟件的開發(fā)和應(yīng)用,而核心技術(shù)慢慢成為基本要素,可比性不如前者。

UI設(shè)計的社會價值與發(fā)展前景

現(xiàn)階段我們不得不承認(rèn)在很多領(lǐng)域都與西方發(fā)達國家有較大的差距,軟件產(chǎn)品開發(fā)的核心問題是以人為本。提高軟件UI設(shè)計師在軟件應(yīng)用以及設(shè)計能力是我們首要解決的關(guān)鍵問題,我們不能將眼光僅僅停留在平面化的設(shè)計層面,而要注重軟件的界面風(fēng)格設(shè)計以及圖標(biāo)的創(chuàng)新設(shè)計,界面版式的編排設(shè)計等等。然而各院校還沒有為UI設(shè)計設(shè)立一個專業(yè)的學(xué)科環(huán)境,在網(wǎng)站的建設(shè)和使用當(dāng)中也沒有重視起來,而最關(guān)鍵在于沒有提供一個良好的學(xué)習(xí)與交流的環(huán)境。雖然現(xiàn)在已經(jīng)有一些專業(yè)的設(shè)計交流網(wǎng)站,分類介紹工業(yè)設(shè)計、平面設(shè)計、服裝設(shè)計、繪畫藝術(shù)、多媒體flash等,可是UI設(shè)計卻一直沒有得到人們的關(guān)注,它被歸類在數(shù)碼設(shè)計或者平面網(wǎng)頁設(shè)計的范疇中,這種極其匱乏的資源對培養(yǎng)優(yōu)秀的設(shè)計師,給他們提供一個良好的學(xué)習(xí)創(chuàng)作環(huán)境還遠遠不夠,我們必須為此建立一個資源豐富、信息快捷、設(shè)計水平一流、專業(yè)權(quán)威的UI設(shè)計學(xué)習(xí)與交流的空間,才能不斷地去適應(yīng)漸漸成熟的UI市場和設(shè)計師團隊的需要。

市場經(jīng)濟的發(fā)展給我們帶來一個競爭空間,而我們?nèi)绾稳ジ偁帲@就需要不斷的開發(fā)新的技術(shù)從而來提高產(chǎn)品的競爭力度,搶占市場,開拓產(chǎn)品的市場環(huán)境。早在2000年國內(nèi)就有了UI設(shè)計,但那時的UI設(shè)計正處在萌芽階段,當(dāng)時被大多數(shù)人當(dāng)做平面設(shè)計來處理,而這種設(shè)計形式主要體現(xiàn)在靜態(tài)網(wǎng)頁頁面設(shè)計上,后來隨著軟件的不斷開發(fā)和更新,隨著flash二維動畫應(yīng)用越來越廣泛,一部分從事UI設(shè)計的設(shè)計師們開始去思考網(wǎng)絡(luò)的互動性。在進入2002年一些企業(yè)將網(wǎng)站的開發(fā)設(shè)計的重心放在了UI設(shè)計上,這是UI部門漸漸的從軟件編碼團隊里分離出來,逐漸成立以針對軟件產(chǎn)品的圖形設(shè)計師和交互設(shè)計師的行業(yè)。從2004年以后隨著新興電子技術(shù)的開發(fā)生產(chǎn),智能手機及電腦附加軟件,MP3等大量產(chǎn)品上市,ID設(shè)計就和UI設(shè)計越來越緊密了,UI設(shè)計也開始被提升到一個新的高度和重視程度。2005-2015年國內(nèi)的UI設(shè)計已經(jīng)相對成熟了,有了專門的職業(yè)分工也出現(xiàn)了很多不錯的UI一線設(shè)計師與UI設(shè)計交流組織。

視覺界面的設(shè)計

首先我們要理解什么樣的用戶界面才是出色的用戶界面,我們的設(shè)計要具備哪些品質(zhì)才能算得上出色的界面設(shè)計。

1.直觀清晰;通過使用流程圖、文字、圖標(biāo)、層級圖、等元素,避免用戶接觸模糊、無條理的信息,在使用的過程中減少無用功。

2.簡明有序;為了有好的用戶體驗感,可以在所有的元素上添加浮動框的說明或是標(biāo)簽來實現(xiàn),但處理不好又會導(dǎo)致界面擁擠。如果在我們的電腦屏幕上同時充斥太多的元素,視覺關(guān)系就混亂了,用戶也會覺得困難乏味。所以保持界面的簡潔和清晰成為了UI設(shè)計的挑戰(zhàn)。

3.共鳴;在用戶使用界面的過程中,總會碰到一些似曾相識的感覺,即使是第一次使用,其中的有些元素我們也會感覺很熟悉。在設(shè)計的過程中,使用一些現(xiàn)實生活中公認(rèn)的意象能夠更好地幫助用戶理解。

4.用戶體驗感;良好的界面不應(yīng)該讓人有極好的體驗感。應(yīng)該及時從各方面提醒用戶發(fā)生了什么變化,用戶的輸入是否成功地處理。讓用戶了解這些信息反饋,并且告知用戶您的請求已被成功受理。

5.統(tǒng)一性;在整個應(yīng)用程序中保持界面的統(tǒng)一完整非常重要,它能夠讓用戶識別出使用的模式。一旦用戶學(xué)會界面中某個部分的操作就會應(yīng)用自如。

第5篇:界面交互設(shè)計范文

視覺語言屬于無聲的語言,但是它包括的范圍卻很廣,它是國際性的語言,無國籍之分,屬于“觀念的語言”。當(dāng)用聲音語言不能了解和溝通的時候,常??梢越柚曈X語言立刻會意。視覺語言與其他各種感知語言相同,也是作用于人知覺的客觀存在,是由視覺形式存在的符號與符號系統(tǒng)來傳遞特定的信息內(nèi)容。它由視覺基本元素和設(shè)計原則兩部分構(gòu)成,其中,基本元素包括:線條、形狀、明暗、色彩、質(zhì)感、空間,是構(gòu)成一件作品的基礎(chǔ)。視覺語言的設(shè)計原則包括:布局、對比、節(jié)奏、平衡、統(tǒng)一等。設(shè)計師可根據(jù)不同的造型需要,選擇相應(yīng)的材料和表現(xiàn)形式,運用設(shè)計的原則和方法,在一定的范圍內(nèi)控制各種視覺元素之間的關(guān)系,最后形成能夠傳達特定信息的圖形、圖像及造型。

交互性視覺語言的基本特征

時代的進步發(fā)展,設(shè)計的應(yīng)用己經(jīng)深入到人們生活的各個領(lǐng)域,同時它也通過其精煉、速達的視覺語言達到信息設(shè)計交流和傳遞的目的。在交互性界面設(shè)計藝術(shù)中恰當(dāng)?shù)厥褂靡曈X語言較之其它語言來說,能收到更好的效果。作為設(shè)計領(lǐng)域的視覺語言它需要滿足以下幾個基本要求:

1.可認(rèn)知性

認(rèn)知是指視覺語言、視覺形象要能引起人們視覺上的可識別性。這種注意同視覺形象的結(jié)構(gòu)、大小、方位、環(huán)境、色彩因素有關(guān)。現(xiàn)代社會環(huán)境,變化萬千,信息流動性強,人們的注意力不易集中,在設(shè)計時采用概括簡煉、生動鮮明的視覺語言,通過對圖形或色彩的創(chuàng)意變化,將用文字或聽覺語言都難以表達清楚的含義表達出來,這種表達方式利于吸引視線和注意力,可以產(chǎn)生事半功倍的效果。作為交互式的視覺語言,要非常重視現(xiàn)代社會的特點以及受傳者的生理、心理因素,從尊重人習(xí)慣心理和公認(rèn)原則出發(fā),體現(xiàn)出可認(rèn)知性特征,如果視覺語言運用中沒有考慮到體現(xiàn)這一特征,就會出現(xiàn)形象和色彩設(shè)計的隨意性,影響到信息傳遞過程中的統(tǒng)一和連貫

2.傳遞信息的明確性

人的視覺、聽覺等感官,都是人們心理活動的觸發(fā)點。視覺語言發(fā)揮作用就是按照這一心理活動的規(guī)律,借助簡潔的形象和色彩引導(dǎo)觀者向一定的方向集中注意力從而產(chǎn)生正確的認(rèn)識。所以,在交互式界面設(shè)計中視覺語言應(yīng)該明確、簡煉,要防止信息誤導(dǎo),圖形構(gòu)成也要力求刪繁就簡、以少勝多,一切分散用戶注意的圖形、線條,可有可無的裝飾都應(yīng)該被摒棄,使參與構(gòu)成的諸元素均與設(shè)計信息的主要內(nèi)容有關(guān)。造型元素的編排應(yīng)該簡明、清晰。形象繁雜、構(gòu)成紊亂會降低視覺沖擊力,傳遞信息的效果得不到應(yīng)有的發(fā)揮,從而降低了視覺語言作用。

3.易記憶性

所謂記憶性是指形象能長期地記憶于腦中,并能形成一定的條件反射。它充分利用各種構(gòu)成因素,通過均衡、調(diào)和、動靜對比、視覺誘導(dǎo)、結(jié)構(gòu)比例等關(guān)系要素設(shè)計,使其成為強有力的圖形構(gòu)成。簡潔、概括、通俗的視覺語言給受傳者提供正確而印象深刻的視覺信號,并賦予設(shè)計作品新穎、醒目的藝術(shù)魅力,引起公眾對視覺形象的注意和長久的記憶。

交互性界面設(shè)計中視覺語言的符號化

符號是負載和傳遞信息的中介,是認(rèn)識事物的一種簡化手段,表現(xiàn)為有意義的代碼和代碼系統(tǒng)。當(dāng)然,符號這一概念的外延相當(dāng)廣泛,設(shè)計中的符號作為一種非語言符號,與語言符號有許多共性,使得語意學(xué)對設(shè)計也有實際的指導(dǎo)作用。通常來說,可以把設(shè)計的元素和基本手段看作符號,通過對這些元素的加工與整合,實現(xiàn)設(shè)計所要傳達信息的目的。

在交互性界面設(shè)計中所涉及到的視覺語言進行符號化,也是為了剛好的傳達設(shè)計信息和設(shè)計理念。

1. 視覺語言的簡明性

交互性界面的視覺語言不像繪畫那樣有具體性,而是依附或從屬于該產(chǎn)品的設(shè)計理念進行信息的傳達,在表達方式上與其它的視覺語言一樣,既要簡潔明快又要易識易記。

2. 視覺語言的生動性

生動優(yōu)美的語言比一般的語言更能打動人心,同樣,運用生動的視覺語言對手機界面設(shè)計來說更是能夠起到突出設(shè)計主題,傳達設(shè)計信息的作用。產(chǎn)品設(shè)計作為設(shè)計信息傳達的一種視覺形式,為了能更好地表達設(shè)計主題,在視覺語言的使用上可以不受色彩、形象等的限制,采用不同手法的表達方式任意組合、搭配,使交互界面能夠更加具有生動性。

3. 視覺語言的時代性

國際互聯(lián)網(wǎng)創(chuàng)造了科技、經(jīng)濟、文化的新紀(jì)元。在網(wǎng)絡(luò)時代,在交互性界面的設(shè)計中必須正確掌握運用視覺語言,并且要使視覺語言具有時代性,使之與價值觀念多樣化、生活結(jié)構(gòu)多元化、審美意識即時化相適應(yīng)。在交互性界面設(shè)計中只有用具有時代性的視覺語言進行設(shè)計表現(xiàn),才能將設(shè)計信息準(zhǔn)確地傳達出去,達到人機交互的目的。

4. 視覺語言的民族性

民族風(fēng)格的形成,是一個民族或一個國家在漫長的歷史歲月中,人們在共同的地區(qū),使用共同的語言,過著共同的經(jīng)濟生活,有著共同的心理素質(zhì),所形成的與其它民族不同的語言、習(xí)慣、信仰、道德情操和審美觀。同樣,不同國籍,不同民族的審美要求不同,在其設(shè)計語言表達中,使用了自己民族特有的元素作為視覺語言來進行設(shè)計信息表達,而越是富有個性和民族性的設(shè)計,越是受到更多的關(guān)注和歡迎。

交互性界面設(shè)計中視覺語言的分類

1. 文字符號

文字是交互性界面設(shè)計中重要的視覺語言符號,因為文字具有很強的個性化特點和穩(wěn)定性特點。一方面,具有個性化特點的文字可以引起觀者的視覺注意,另一方面,作為視覺語言符號的文字本身又具有穩(wěn)定性的特點。當(dāng)聽覺語言只是靠聲波負載時,它是一個看不見的、不好捉摸的、易于流失的東西,一旦當(dāng)我們使用文字將不斷流動的語言記錄下來后,它就成了一種可視的、穩(wěn)定的東西,它的信息可傳達時間和能力就被加強了。但是由于文字自身具有的局限性,所以還可以把圖形符號與文字符號結(jié)合在一起,重新構(gòu)成字的新的概念,賦予文字特定的含義,或重新來詮釋它的字面意義,進行文字的意象化處理,使溝通真正形成,依靠文字符號準(zhǔn)確完整地傳達設(shè)計信息,使設(shè)計思維過程真正圓滿和完整起來。

文字是信息最主要的載體,交互界面中的文字主要體現(xiàn)在各級菜單名、菜單選項、各類閱讀信息以及狀態(tài)說明等方面。文字內(nèi)容必須簡單濃縮。文字尺寸在屏幕尺寸己定的前提下應(yīng)該嚴(yán)格按照人機上程學(xué)標(biāo)準(zhǔn)進行設(shè)計。而且按照屏幕的尺寸來看,每個屏幕可以顯示的文字的列數(shù)、行數(shù)、文字尺寸和字間距,包括文字的顏色都應(yīng)該按照屏幕的規(guī)格來設(shè)計。

2.色彩符號

色彩影響一個人的情緒,不同的色彩會讓人產(chǎn)生不同的心理效應(yīng),反之不同的心理狀態(tài)所能接受的色彩也是不同的,不斷變化的事物才能夠引起人的注意,交互性界面設(shè)計的色彩個性化,其目的就是用色彩的變換來協(xié)調(diào)用戶的心理,它是通過用戶根據(jù)自己的需要來改變默認(rèn)的系統(tǒng)設(shè)置,選擇一種自己滿意的個性化設(shè)置,達到人機交互的協(xié)調(diào)性。

交互性界面的總體色彩應(yīng)該接近和類似系統(tǒng)界面的總體色調(diào),例如:系統(tǒng)色調(diào)以藍色為主,我們的交互界面的默認(rèn)色彩最好與之吻合,若使用與之大相徑庭的色彩,比如大紅、檸檬黃,色彩的強烈變化會影響用戶的使用情緒,第一感覺不好的東西用戶是沒有購買和使用的欲望的,外觀和系統(tǒng)交互界面是根據(jù)用戶的審美習(xí)慣定制的,設(shè)計交互性軟件界面的時候應(yīng)該有效地利用此款產(chǎn)品的審美特征,以贏得喜愛此款電子產(chǎn)品的用戶,使他們對系統(tǒng)界面的肯定和喜愛有效的轉(zhuǎn)移到產(chǎn)品上來。當(dāng)然合理地結(jié)合系統(tǒng)界面進行設(shè)計還包括圖標(biāo)、按鈕的風(fēng)格及在不同操作狀態(tài)下的視覺效果。

3.圖形圖像符號

在交互性界面的視覺語言中,圖像和圖形是最為直觀的視覺符號,它們所展現(xiàn)的是具體可感的形象世界。圖像、圖形是設(shè)計傳遞信息的輔助工具,交流雙方在很多情況下依賴于圖像、圖形等符號來進行信息交流、表達感情。

首先,圖像和圖形符號具有形象生動、富于情感的特點,其次,圖像和圖形符號還可以根據(jù)畫面內(nèi)容配以恰當(dāng)?shù)纳?,給人以強烈的視覺沖擊,從而留下深刻的印象,另外,圖像和圖形符號還具有可創(chuàng)造性特點,人們可以根據(jù)自己的主觀感受、生活經(jīng)驗等來理解和感受圖像和圖形符號所傳達的信息。

第6篇:界面交互設(shè)計范文

關(guān)鍵詞:數(shù)據(jù)分析系統(tǒng);交互界面;MFC;串口通信;USB通信

中圖分類號:TP393 文獻標(biāo)識碼:A 文章編號:1009-3044(2013)12-2798-04

目前在激光準(zhǔn)直、測角、自動跟蹤等精密光電檢測系統(tǒng)中,探測目標(biāo)位置的連續(xù)變化已經(jīng)變得非常重要。位置敏感探測器(Position Sensitive Detector,PSD)是對入射到光敏面上的光斑能量中心位置敏感的光電感應(yīng)器件,可以利用少數(shù)幾個輸出光電信號的相對程度來計算位置信息。由其構(gòu)成的數(shù)據(jù)分析系統(tǒng)具有位置分辨率高、響應(yīng)速度快等特點[1];四象限探測器(Four-Quadrant photodetector,QPD)通過比較四個象限的電流來確定光斑中心在二維平面上的位置坐標(biāo),其數(shù)據(jù)分析系統(tǒng)可以探測目標(biāo)位置的連續(xù)變化,具有位置分辨率高、響應(yīng)速度快、調(diào)節(jié)方便等特點[2-3]。該文在對光電位置敏感器件構(gòu)成的數(shù)據(jù)分析系統(tǒng)研究的基礎(chǔ)上,開發(fā)了一套上位機軟件界面。該上位機軟件交互界面設(shè)計了供用戶選擇位置敏感器件型號及輸入系統(tǒng)修正參數(shù)的窗口,通過對串口通信和USB通信方法的研究,設(shè)置了上下位機通信控制部分,同時,設(shè)計了光斑中心位置數(shù)據(jù)文本直觀顯示、模擬坐標(biāo)繪制、歷史信息保存模塊,及設(shè)備狀態(tài)顯示模塊。軟件功能全面、界面友好、操作直觀、方便,且適用于其他型號的位置敏感器件數(shù)據(jù)分析系統(tǒng)中。

1 開發(fā)工具簡介

Visual C++ 6.0擁有強大的功能和友好的界面,能為用戶提供一個良好的可視化開發(fā)環(huán)境,它將程序和資源的編輯、編譯、調(diào)試和運行融為一體,且提供了大量的程序開發(fā)工具。MFC是它一個龐大的類庫,實現(xiàn)了標(biāo)準(zhǔn)的用戶接口,提供了管理窗口、菜單、對話框的代碼,可實現(xiàn)基本的輸入/輸出和數(shù)據(jù)存儲,為用戶開發(fā)Windows應(yīng)用程序建立了一個非常靈活的應(yīng)用程序框架[4]。

在MFC中對消息的處理利用了消息映射的方法,該方法的基礎(chǔ)是宏定義實現(xiàn),通過宏定義將消息分派到不同的成員函數(shù)進行處理。因此,在這種機制的支持下,MFC具有強大的消息處理能力[5]。

借助VC++提供的軟件代碼自動生成可視化資源編輯的功能及MFC消息映射機制,可以很便捷地開發(fā)上位機軟件交互界面。

2 交互界面設(shè)計

上位機軟件交互界面包括供用戶選擇位置敏感器件型號及輸入相應(yīng)修正參數(shù)的窗口部分,上下位機通信控制部分,數(shù)據(jù)/設(shè)備狀態(tài)顯示部分。

2.1 供用戶選擇輸入的窗口設(shè)計

利用下拉式列表框控件提供供用戶選擇位置敏感器件型號的窗口。通過給其連接變量m_Type,利用m_Type.AddString()函數(shù)為列表框添加選項,m_Type.SelectString(-1, "HY1315(Active area 1.3*15mm)")函數(shù)添加默認(rèn)選項。軟件通過m_Type. GetCurSel()函數(shù)獲得用戶的選擇,完成相應(yīng)量程及坐標(biāo)軸范圍的改變及顯示。利用編輯框控件提供用戶輸入增益及修正系數(shù)的窗口,以完善數(shù)據(jù)處理[6]。

2.2 上下位機通信控制模塊設(shè)計

上下位機通信控制模塊是數(shù)據(jù)分析系統(tǒng)實時數(shù)據(jù)采集的核心部分。設(shè)計中采用了串口通信和USB通信兩種方式進行數(shù)據(jù)采集與傳輸。其中,串口通信用于測試,USB通信用于實際數(shù)據(jù)傳輸。

圖1 USB通信流程圖

2.2.1 串口通信控制部分

利用單選按鈕控件提供串口號選擇窗口,通過函數(shù)GetCheckedRadioButton()獲取串口號。通過按鈕控制串口設(shè)備的狀態(tài),按鈕交互的實現(xiàn),通過MFC類向?qū)Π粹o按下時,觸發(fā)消息BN_CLICKED進行攔截,并重寫對應(yīng)的消息處理函數(shù)On*Button(),在函數(shù)中完成相應(yīng)按鈕的功能。串口控制區(qū)中,“Open”、“Close”按鈕對應(yīng)的函數(shù)在獲取用戶選擇的串口號后,分別完成對應(yīng)串口的打開及關(guān)閉功能;“Start”、“Stop”按鈕通過控制參數(shù)m_SPStop控制串口通信的開始與否。借助串口類成員函數(shù)OnComm()實現(xiàn)接收字符及相應(yīng)數(shù)據(jù)處理的功能[7]。

2.2.2 USB通信控制部分

USB通信接口具有即插即用的特點,方便與微處理器進行聯(lián)機通信,同時USB的通信效率要遠遠高于RS232、RS485等通信接口。USB通信控制部分通過按鈕控制數(shù)據(jù)傳輸,根據(jù)用戶選定的位置敏感器件型號,進行相應(yīng)的數(shù)據(jù)處理。通信程序流程圖如圖1所示。

“Link”按鈕通過標(biāo)志位m_OpenFlag控制設(shè)備是否連接?!癝tart”和“Stop”按鈕通過標(biāo)志位m_stop控制數(shù)據(jù)接收與否。“Suspand”按鈕通過參數(shù)m_pause控制數(shù)據(jù)傳輸?shù)臅和:屠^續(xù),當(dāng)按下該按鈕時,按鈕改變?yōu)椤癈ontinue”字樣,同時通過調(diào)用Invalidate()函數(shù)使整個客戶區(qū)無效,這時Windows會在應(yīng)用程序的消息隊列中放置WM_PAINT消息,MFC為窗口類提供了其消息處理函數(shù)OnPaint();當(dāng)再次按下該按鈕時,OnPaint()函數(shù)負責(zé)重繪窗口,從而重新進行數(shù)據(jù)傳輸。

上下位機的數(shù)據(jù)通信通過直接調(diào)用CH375DLL.dll動態(tài)鏈接庫實現(xiàn)。CH372是一款USB總線的通用設(shè)備接口芯片,是芯片CH375的功能簡化版,硬件成本更低,且完全兼容CH375,可以直接使用其WDM驅(qū)動程序和動態(tài)鏈接庫。CH372在計算機端提供了應(yīng)用層接口,即由動態(tài)鏈接庫DLL提供的面向功能應(yīng)用的API,包括:設(shè)備管理API、數(shù)據(jù)傳輸API及中斷處理API。設(shè)備管理API包含了打開設(shè)備函數(shù)CH375OpenDevice(),關(guān)閉設(shè)備函數(shù)CH375CloseDevice();數(shù)據(jù)傳輸API包含了讀取數(shù)據(jù)塊(數(shù)據(jù)上傳)函數(shù)CH375ReadData(),寫出數(shù)據(jù)塊(數(shù)據(jù)下傳)函數(shù)CH375WriteData()等[8]。

2.3數(shù)據(jù)/設(shè)備狀態(tài)顯示設(shè)計

上位機軟件在數(shù)據(jù)傳輸過程中,借助CString類成員變量stateinfo直觀顯示設(shè)備狀態(tài)。數(shù)據(jù)接收處理后,借助Format()函數(shù),以文字形式直觀顯示光斑中心位置的橫縱坐標(biāo)值,利用繪圖函數(shù)在模擬坐標(biāo)中顯示光斑位置。借助文件實現(xiàn)數(shù)據(jù)歷史信息保存的功能,關(guān)鍵代碼如下:

GetDlgItem(IDC_RECEIVE_EDIT)PostMessage(WM_VSCROLL,SB_BOTTOM,NULL);

CString strPath;

圖2 HY1315系統(tǒng)調(diào)試結(jié)果圖

GetModuleFileName(NULL,strPath.GetBufferSetLength(MAX_PATH+1),MAX_PATH);

strPath.ReleaseBuffer();

//此時strPath內(nèi)容為工程文件全路徑,如:E:\TestPro\Exam\ Test.exe

//以下函數(shù)作用是獲取最后一個"\"的位置

圖3 四象限探測器系統(tǒng)調(diào)試結(jié)果圖

int nPos=strPath.ReverseFind('\\');

//開始取全路徑

strPath=strPath.Left(nPos+1);//此時strPath保存為當(dāng)前工程的全路徑,如:E:\TestPro\Exam\

//保存文件

CFile m_rFile;

if(!m_rFile.Open("Rec.txt",CFile::modeCreate | CFile::modeWrite)) {

AfxMessageBox("創(chuàng)建記錄文件失敗!");}

m_rFile.Write(m_Receive,m_Receive.GetLength());

m_rFile.Close();

3 實際調(diào)試結(jié)果

上位機軟件設(shè)計完成后,運行程序,選擇位置敏感器件的型號為默認(rèn)選項,即一維位置敏感探測器HY1315,連接其對應(yīng)的系統(tǒng)設(shè)備,輸入需要的增益參數(shù),選擇串口號,單擊串口控制區(qū)“Open”按鈕打開串口,“Start”按鈕接收數(shù)據(jù),此時上位機界面數(shù)據(jù)、設(shè)備狀態(tài)顯示,模擬光斑坐標(biāo)結(jié)果如圖2所示。再次運行程序,選擇四象限探測器型號,即QP36(Active area 6*6mm),連接相應(yīng)系統(tǒng)設(shè)備,單擊USB通信控制區(qū)按鈕,可以控制數(shù)據(jù)傳輸設(shè)備的狀態(tài),單擊“Link”按鈕打開設(shè)備,“Start”按鈕接收數(shù)據(jù),此時上位機軟件界面結(jié)果如圖3所示。

4 結(jié)束語

針對位置敏感器件構(gòu)成的數(shù)據(jù)分析系統(tǒng),通過對串口通信和USB通信方法的研究,借助VC++提供的軟件代碼自動生成可視化資源編輯的功能及MFC消息映射機制,設(shè)計了上位機人機交互界面。調(diào)試結(jié)果證明,該界面能夠?qū)崿F(xiàn)用戶選擇輸入,實現(xiàn)數(shù)據(jù)的上下位機通信傳輸,直觀顯示數(shù)據(jù),準(zhǔn)確繪出光斑在模擬坐標(biāo)中的位置,完成光斑位置的歷史信息存儲。設(shè)計為數(shù)據(jù)分析系統(tǒng)提供了一套功能全面、界面友好、操作直觀、方便的上位機軟件。應(yīng)用中只需修改對應(yīng)的數(shù)據(jù)處理,即可應(yīng)用到其他類似的數(shù)據(jù)分析系統(tǒng)中,很大程度上增強了系統(tǒng)的實際應(yīng)用性。該界面已用于PSD及QPD數(shù)據(jù)分析系統(tǒng)試驗箱中。

參考文獻:

[1] Henry J,Livingstone J.Improved position sensitive detectors using high resistivity subs- trates[J].J Phys D :Appl Phys ,2008,41.

[2] Liu Yun,De Xu,MinTan.A new pre-alignm ent approach based on four-quadrant-photo- detector for IC mask[J].International Journal of Automation and Computing,2007, 4(2): 208 -216.

[3] Guo Li,Zheng Shuang.A high-performanc -e smallsignal amplifier[J].Journal of Northe-ast Agricultuial University,2005,12(2):141-145.

[4] Wang Ziying.The design of scene simula- tion system based on MFC programming fra- mework[J].Advanced Computer Control (ICA CC).2010,V3: 302-305.

[5] 潘恒.基于VC++/MFC的麻將牌連連看程序設(shè)計.[J]科協(xié)論壇:下半月,2011,25(5): 53-54.

[6] 揣錦華.面向?qū)ο蟪绦蛟O(shè)計與VC++實踐[M].西安:西安電子科技大學(xué)出版社,2005:201-204.

[7] Rong Jian,Zhao Cuilian,F(xiàn)an Zhijian,et al. Realistic 3D face reconstruction based on VTK and MFC[J]. Optoelectronics and Image Processing 2010,V(2): 145-149.

第7篇:界面交互設(shè)計范文

關(guān)鍵詞:界面設(shè)計;計算機交互;審美經(jīng)驗;技術(shù)美學(xué)

中圖分類號:TP37 文獻標(biāo)識碼:A 文章編號:1009-3044(2014)34-8281-02

后工業(yè)時代新技術(shù)的應(yīng)有,一點點的改變著人們的生活狀態(tài),激發(fā)出全新的審美形式。計算機交互技術(shù)模式下,人與機器的互動式交流,通過視覺的形式得到了完美的體現(xiàn)。并使得它具備極強的藝術(shù)表現(xiàn)力。其高技術(shù)含量和在傳播媒體中的廣泛應(yīng)有,又使得它天生成為有著使用價值的技術(shù)產(chǎn)品?;蛹夹g(shù)產(chǎn)品成為信息科技發(fā)展到多媒體時代的標(biāo)志。其體現(xiàn)技術(shù)與藝術(shù)的完美結(jié)合,也是后現(xiàn)代主義藝術(shù)生活化的一個典范。然而,如何在其互動技術(shù)的平臺上創(chuàng)造出優(yōu)秀的產(chǎn)品,體現(xiàn)出其技術(shù)美的本質(zhì),仍然需要我們細致的研究,不斷的探索。該文從審美經(jīng)驗的角度出發(fā)分析計算機互動產(chǎn)品的技術(shù)美特質(zhì)。并從強調(diào)技術(shù)美的角度,分析審美經(jīng)驗對互動設(shè)計的幫助。

1 互動產(chǎn)品的審美特色

我們說審美經(jīng)驗(美感)是人們欣賞著美的自然、藝術(shù)品和其他人類產(chǎn)品時,所產(chǎn)生出的一種愉快的心理體驗。這種心理體驗是人的內(nèi)在心理活動和審美對象之間交流或相互作用后的結(jié)果。[1]技術(shù)對象給我們的審美經(jīng)驗不是靜觀之下的,而是在一種與對象更為智力性的,有時是更加肉體性的接觸中給我們顯示的。就是在這樣的經(jīng)驗中技術(shù)對象才能為我們審美化。我們有時也能即使用又觀看技術(shù)對象,而且無論如何,我們應(yīng)該知道如何使用它,技術(shù)文化是審美經(jīng)驗的一個必不可少的成分。反之,僅有關(guān)于功能和運行的知識,還是不足以喚醒美的情感。技術(shù)對象要成為美的,必須對眼睛說話,而如果它要成為有用的,必須對手說話,或者要成為為理解的,必須對智慧說話一樣。[2]對互動產(chǎn)品的美感,通過主體對客體的操縱,客體給予視覺反應(yīng),形成一種沉浸感。沉浸感的設(shè)計不單指一個環(huán)境的逼真,還應(yīng)有“內(nèi)容”的豐富,有吸引力。要調(diào)動操作者的“探索”欲,通過互動使操作者感到“控制”的能力得以發(fā)揮,進而達到審美的愉悅。因此互動產(chǎn)品的審美特色,應(yīng)體現(xiàn)在以下3點:

1) “界面友好”尊重用戶的現(xiàn)實經(jīng)驗,置界面于用戶的控制之下;減少用戶的記憶負擔(dān);保持界面的一致性。

2) “輕松與有趣的探索”。利用知覺震驚原理,設(shè)計交互的啟動事件引起觀賞興趣,帶動觀賞的審美。

3) “動覺與視覺”統(tǒng)一。

2 利用審美經(jīng)驗指導(dǎo)互動界面的設(shè)計

2.1 建立用戶心理模型

技術(shù)產(chǎn)品的審美經(jīng)驗與純藝術(shù)的審美經(jīng)驗的不同之處在于其“目的性”的期望不同。只有符合“目的性期望”的感受才是美的。因此要分析客戶的“目的性”期望,建立用戶的心理模型。Donald A. Norman在他的《The Design of Everyday Things》一書中首次提出了心理模型,實現(xiàn)模型和系統(tǒng)模型的概念及其關(guān)系。心理模型是存在于用戶頭腦中的關(guān)于一個產(chǎn)品應(yīng)該具有的概念和行為的知識。這種知識可能來源于用戶以前使用類似產(chǎn)品的經(jīng)驗,或者是用戶根據(jù)使用該產(chǎn)品要達到的目標(biāo)而對產(chǎn)品的概念和行為的一種期望。實現(xiàn)模型是產(chǎn)品的內(nèi)部結(jié)構(gòu)和工作原理,它存在于產(chǎn)品設(shè)計人員的頭腦中。系統(tǒng)模型是指產(chǎn)品的最終外觀以及產(chǎn)品呈現(xiàn)給用戶后,用戶通過觀看或使用后而形成的關(guān)于產(chǎn)品如何使用和工作的知識。

心理模型中的概念和行為是完全屬于用戶的問題領(lǐng)域或任務(wù)領(lǐng)域的,而實現(xiàn)模型則位于技術(shù)解決方案領(lǐng)域。一般來說,這兩者有很大區(qū)別,并且越是復(fù)雜的產(chǎn)品,差別越大。因為是位于問題或任務(wù)領(lǐng)域,心理模型是產(chǎn)品設(shè)計人員無法輕易改變的,而實現(xiàn)模型則依賴于當(dāng)時的技術(shù)水平,在一定時期內(nèi)也很難有大的變化,唯有系統(tǒng)模型具有極大的可塑性,是產(chǎn)品設(shè)計人員可以通過努力來改變的??梢哉J(rèn)為系統(tǒng)模型總是分布于心理模型和實現(xiàn)模型這兩者之間的某一點。系統(tǒng)模型越是接近心理模型,用戶需要學(xué)習(xí)和記憶產(chǎn)品如何使用的地方就越少,這是因為實際的產(chǎn)品和用戶期望的很接近,這樣的產(chǎn)品就很容易使用。反之,如果系統(tǒng)模型接近實現(xiàn)模型,則用戶需要把期望中的一些概念和行為映射到系統(tǒng)模型中表現(xiàn)出來的一些界面元素和執(zhí)行操作上。這種映射在認(rèn)知心理學(xué)上就表現(xiàn)為一種記憶負擔(dān),而正是記憶負擔(dān)使人們覺得產(chǎn)品難以使用。[3]另外,一種產(chǎn)品,其用戶群可能不同。例如,一個綜合性的企業(yè)網(wǎng)站,有前臺展示,和后臺管理。前臺展示的用戶是企業(yè)的潛在客戶,而后臺管理是企業(yè)自己的網(wǎng)站維護人員。因此有可能需要同時分析和建立兩個用戶心理模型。根據(jù)不同用戶和產(chǎn)品的關(guān)系,其“目的性期望”也不相同,最終也會影響到產(chǎn)品形態(tài)的形成。即界面形式、互動形式的不同表現(xiàn)情形。

2.2 動覺感受分析

如前所述,互動技術(shù)美學(xué)中的審美知覺是動覺和視覺的聯(lián)合作用下的產(chǎn)物。因此,除了常規(guī)性的視覺表達之外,分析動覺感受也就成了一個重要的環(huán)節(jié),而計算機的特殊形式,使其中的動覺與被動控制物(計算機界面的反應(yīng))與日常生活中的情況有所不同。如何抓住其點,使動覺自然流暢的轉(zhuǎn)變?yōu)榻缑娴目刂剖侨诵曰僮鞯年P(guān)鍵所在。被控物的反應(yīng),動覺的傳達要靠圖形化的指示反應(yīng)出來。

例如Adobe Reader 閱讀器中鼠標(biāo)在文本上的時候是一個張開的手,有兩個暗示,其一是,張開的手不可以移動?xùn)|西;其二是,時刻準(zhǔn)備抓取對象。當(dāng)按下鼠標(biāo)左鍵時,手掌立刻握起,暗示抓住了文本,準(zhǔn)備移動。拖動鼠標(biāo),文本隨之移動。松開鼠標(biāo),手掌張開。這個看似簡單的互動設(shè)計,由于完全符合動覺與視知覺的統(tǒng)一,把手的動做和鼠標(biāo)融合在一起,雖然是鼠標(biāo)操作卻恰似直接用手拖動了屏幕上的紙張,使得操縱方便簡單又輕松自然。

2.3 互動設(shè)計中的秩序感與互動引導(dǎo)

根據(jù)格式塔心理學(xué)的原理,人類知覺有趨于完形的秩序感,在互動設(shè)計中也應(yīng)尋找互動設(shè)計的“秩序感”。每一個互動都應(yīng)該是可預(yù)見的?;蚴强砂盐盏模瑧?yīng)符合人類“探索”的習(xí)慣,“秩序感”的尋找。當(dāng)操作者面對一個互動的界面之后,就會開始一個動態(tài)摸索的歷程。鼠標(biāo)自然的游動于界面。鼠標(biāo)滑過觸發(fā)點是最輕松的操作,應(yīng)安排最表層,或最重要的觸動“動作”。鼠標(biāo)的移動、單擊、拖動、雙擊、右鍵點擊、滑作,都有其對應(yīng)的動覺感受,和視覺期待,設(shè)計時應(yīng)使二者相吻合。計算機的發(fā)展過程中也形成一些互動模式的慣例,除鼠標(biāo)操作外還包括常用的按鍵,如“ESC”鍵,“ENTER”鍵等等。這些都會成為操作者試圖嘗試的動作,應(yīng)予以關(guān)注,并在設(shè)計時安排相應(yīng)的操作提示或暗示。一個良好的操作界面應(yīng)當(dāng)是能使一個陌生的用戶完全可以通過自己的“探索”完成,或者說“尋找”到所有的操作功能或過程。并從中得到所有完整的信息。同時感受到互動“探索”的樂趣。

與使用產(chǎn)品的互動應(yīng)與人的生理和心理運動形成和諧的節(jié)奏和韻律。當(dāng)前的頁面跳轉(zhuǎn)形式多是比較生硬突然。一個優(yōu)秀的互動站點應(yīng)當(dāng)避免這樣的形式,多注意過渡的引導(dǎo)和整體流程的控制。在技術(shù)條件的允許下可使用動態(tài)引導(dǎo)。界面整體流程清楚,關(guān)聯(lián)性要強,做到進退自如,跳轉(zhuǎn)輕松。這就要求導(dǎo)航設(shè)計更人性化。一般的做法是在任何位置都安放固定導(dǎo)航條,但這種形式較為死板。在小型網(wǎng)站中可使用空間引導(dǎo)的方式,其特點是活潑生動,因為更人性化,操作也更直觀。但不適合較大較復(fù)雜的站點設(shè)計。如何使導(dǎo)航更輕松,一直是互動設(shè)計最具挑戰(zhàn)性的課題。連續(xù)性頁面的過渡在電子圖書中制作成模仿書本的手動翻頁形式是目前比較流行的式樣,它由于符合用戶自然的經(jīng)驗習(xí)慣,比較人性化。各種不同環(huán)境下的頁面切換應(yīng)具體分析其特點和整體需要,結(jié)合人的心理秩序感,延續(xù)性較好的視覺變化更能產(chǎn)生審美愉悅。當(dāng)前的國際上優(yōu)秀的手機界面已經(jīng)非常重視這種動態(tài)的視覺引導(dǎo)。國外的一些優(yōu)秀互動型站點也通過FLASH制作,頁面切換做成動態(tài)引導(dǎo)變化的形式,整個站點形成一個完整的視覺空間。

2.4 視覺節(jié)省與情感期望

互動頁面本身是一個視覺形象,可交互操作,其中包括動覺體驗,并通過聯(lián)覺作用而與視覺形象相結(jié)合,其中給人的審美經(jīng)驗不再是一種靜觀的體驗,而是知覺和動覺相結(jié)合的感受,這種審美經(jīng)驗具有一定的持續(xù)性和穩(wěn)定性。它會反過來影響人們對產(chǎn)品的感知。審美的發(fā)生伴隨作為顯著點的中斷的出現(xiàn),這種中斷引起審美注意[4],在互動頁面中,每一個小的動作都是一個審美注意的焦點,但動點過多會使人無所適從,甚至產(chǎn)生煩躁和厭倦。因此動作的安排還有其“節(jié)省原則”。也就是說,在滿足“目的性”的前提下,盡量少用。當(dāng)然這里的目的性包括功能的目的性,和社會目的性。

審美態(tài)度中“情感”的期望應(yīng)得到重視,即外在形式要能表現(xiàn)內(nèi)心情感,也應(yīng)當(dāng)被充分注意、觀察、揭示和暴露。比如商業(yè)站點“誠懇、穩(wěn)重”,娛樂站點“時尚、個性”等等。這些是網(wǎng)站的“社會目的性”。也是技術(shù)美學(xué)應(yīng)突出表現(xiàn)的地方。

3 結(jié)束語

計算機界面有交互功能,是靜態(tài)和動態(tài)的結(jié)合,是一個可控制的場景轉(zhuǎn)換平臺。我們在設(shè)計時,應(yīng)充分考慮到它的這些特殊的功能帶給使用者的審美體檢。首先要考慮所有要表達的信息量,信息元素,這是基本的“結(jié)構(gòu)”。對應(yīng)的版式設(shè)計要清楚準(zhǔn)確的表達出所有應(yīng)表達的信息量。第二點,根據(jù)頁面的內(nèi)容:是科技、文化、娛樂、產(chǎn)品還是游戲等等,分析其內(nèi)涵本質(zhì)是嚴(yán)謹(jǐn)、簡約、富麗、豪華,等等,設(shè)計者必須跟據(jù)其氣質(zhì)制定風(fēng)格。最后一點,但不是最不重要的一點,就是考慮其所要面對的使用者。根據(jù)以上三點,對各個功能的目的性,做“力動”表現(xiàn)[5],就是把這個“合目的性”的特質(zhì),更明確更突出的用符合審美的形式表現(xiàn)出來。已達到技術(shù)美的完善!

參考文獻:

[1] 守堯.審美心理描述[M].北京:中國社會科學(xué)出版社,1985.

[2] 杜夫海納,孫非議.美學(xué)與哲學(xué)[M].北京:中國社會科學(xué)出版社,1985:214.

[3] 張亮,從系統(tǒng)模型和心理模型的匹配原則談用戶界面設(shè)計[EB/OL]..

第8篇:界面交互設(shè)計范文

[關(guān)鍵詞]視覺流;操作流;移動設(shè)備;用戶體驗;交互設(shè)計

一、視覺通道

用戶在使用移動設(shè)備的過程中,通過視覺將界面的信息輸入,然后通過觸覺將用戶的反饋輸出給設(shè)備,因此用戶的視覺和觸摸是產(chǎn)品使用過程中的主要參與者,在用戶-機器-環(huán)境三者構(gòu)成的系統(tǒng)中,對于用戶來說,主要的交互通道為視覺輸入通道和觸覺輸出通道。

1、人類信息處理過程

視覺是人類從外部環(huán)境中獲取信息最重要的器官,人信息處理過程下:首先,人通過視聽覺等信息接收渠道觸發(fā)心理活動,經(jīng)過中樞神經(jīng)系統(tǒng)對信息的加工處理,進而運動器官進行反饋等對外界做出反應(yīng)。

2、視覺通道:視覺通道主要包括視覺容量和視覺流程兩個方面

(1)視覺容量是指一定時間內(nèi)視覺所能容納的信息量。通過對眼球生理構(gòu)造的研究,可以發(fā)現(xiàn)由于視覺最有效的感知部位只存在于視網(wǎng)膜黃斑附近且占有很小比例,因此視覺在一定時間內(nèi)只能容納一定量視覺信息,該數(shù)值為25比特每秒,即每秒4個信息單位。所以在界面設(shè)計中應(yīng)當(dāng)重視視覺容量的合理分配,因為一旦視覺接收到的信息超過信息容量,用戶就會產(chǎn)生抵觸反應(yīng),引起消極的用戶體驗。

(2)視覺流程是指視覺焦點形成的軌跡,由于眼球生理結(jié)構(gòu)限制,人眼在某時刻只能產(chǎn)生一個焦點。人的這一視覺特性使得人的視線運動通常表現(xiàn)為點到點的跳躍式掃描(saccade),而不是平滑移動。人在閱讀時,一行通常包含4~7個跳動――定位(jump-fixation)的動作,注視持續(xù)時間為200~600ms。

心理學(xué)研究顯示人類視覺流程習(xí)慣從左向右看,從上向下看,因此一個空白界面給人的自然視覺流程是從左上方到右下方的一個弧形曲線,在這個弧形曲線上,視覺優(yōu)勢從上到下遞減,這樣頁面左上部和中上部被視為最佳區(qū)域。

二、觸控通道

觸屏設(shè)備上,缺少了物理按鍵的物理反饋和區(qū)塊感,引導(dǎo)操作及其反饋幾乎都由視覺承擔(dān)。在觸屏設(shè)備中對于觸控目標(biāo)大小的控制對用戶體驗的影響非常大。下表格為不同觸控系統(tǒng)平臺的設(shè)計文檔規(guī)范比較分析。

表一:不同觸控系統(tǒng)平臺的設(shè)計文檔規(guī)范比較分析

費茨定律表明,在人使用指點設(shè)備時,目標(biāo)越小,就需要越早減速,從而花費的時間就越多。對于食指和拇指來說,觸控目標(biāo)寬度分別大于45ps和72px是帶來最佳觸控體驗的數(shù)值,因為該數(shù)值用戶可以看到按鈕的邊緣,從而獲得按鈕的反饋信息,用戶操作和點擊的速度也大大提升。

雖然觸控用戶的誤操作數(shù)量隨著點擊目標(biāo)區(qū)域的增大而減小,用戶點擊的速度也會加快,但是目標(biāo)尺寸也不能一味增大。設(shè)計的關(guān)鍵點在于解決洗衣機觸控屏幕大小和點擊目標(biāo)大小之間的沖突和矛盾,在屏幕大小允許的情況下盡可能增大按鈕的大小。

三、人機交互中的流系統(tǒng)

由用戶-機器-環(huán)境三者構(gòu)成的系統(tǒng)中,對于用戶來說,主要的交互通道為視覺輸入通道和觸控輸出通道。在這個由視覺和觸控參與的交互過程中,存在著一個流系統(tǒng),包括視覺流、操作流、視覺焦點到觸點的引導(dǎo)流、觸點到視覺焦點的反饋流。

1、視覺流

用戶通過視覺通道進行信息的輸入,由于人類視覺的特性,視線運動通常表現(xiàn)形式為點到點的跳躍式掃描(saccade)而非平滑移動,因此用戶在對界面持續(xù)關(guān)注后會留下一系列的視覺焦點,這些視覺焦點的軌跡稱為視覺流(visual line)。

2、操作流

用戶通過視覺通道獲得信息輸入后,通過觸控通道實現(xiàn)信息的輸出,用戶進行觸控時和界面形成一系列的接觸點的軌跡,稱為操作流。

3、視覺焦點到觸點的引導(dǎo)流

用戶通過視覺焦點接收信息,并進行相應(yīng)的觸點操作,視覺焦點到操作觸點之間需要界面來引導(dǎo),這是一個引導(dǎo)流系統(tǒng)的循環(huán)過程。

4、操作觸點到視覺焦點的反饋流

用戶通過觸點對界面進行輸入,界面做出相應(yīng)的反饋,反饋后一般會發(fā)生界面變化,進而帶來視覺焦點的變化,這是一個操作觸點到視覺焦點的反饋過程。

在用戶-機器-環(huán)境三者構(gòu)成的系統(tǒng)中,用戶與機器之間的交互幾乎都是由以上的視覺焦點、操作觸點以及之間的流構(gòu)成。

5、設(shè)計目標(biāo)

整個流系統(tǒng)中,視覺焦點負責(zé)將信息輸入給用戶,設(shè)計目標(biāo)是抓住用戶的注意力;操作觸點負責(zé)用戶的信息輸出,設(shè)計目標(biāo)是操控的易用性。優(yōu)秀的界面設(shè)計是能夠?qū)⒆詈诵牡膬?nèi)容輸入給用戶,且視覺流軌跡簡潔流暢,視覺軌跡線幾乎沒有交叉,減少視覺的回視和掃視;同樣操作觸點反饋明確,操作流也應(yīng)該減少用戶的回轉(zhuǎn)往復(fù)。整個交互過程交互阻力較少,減少用戶思考的時間,帶來更佳的用戶體驗。

第9篇:界面交互設(shè)計范文

隨著信息化的深入,互聯(lián)網(wǎng)已經(jīng)成為現(xiàn)代人們獲取信息與交流的平臺,網(wǎng)頁成為人們?yōu)g覽信息、獲取信息、放眼世界的主要窗口之一。也是企業(yè)宣傳產(chǎn)品形象的重要途徑。在長期的使用中用戶參與度不斷提高,現(xiàn)代網(wǎng)頁界面設(shè)計更加關(guān)注與用戶的交互,關(guān)注用戶體驗。網(wǎng)頁交互設(shè)計要求設(shè)計師要從用戶體驗的角度出發(fā),堅持以用戶為中心的設(shè)計原則。目前網(wǎng)頁交互設(shè)計中用戶體驗依然不夠完善,存在著諸多的不符合用戶體驗的元素。

關(guān)鍵詞:

交互設(shè)計;簡約的網(wǎng)頁設(shè)計;網(wǎng)頁UI設(shè)計;以人為本;用戶體驗

一、網(wǎng)頁界面交互設(shè)計

隨著互聯(lián)網(wǎng)的不斷發(fā)展,交互設(shè)計如雨后春筍般迅速生長,當(dāng)然其中存在的問題也日益凸顯,因國內(nèi)大多數(shù)院校并沒有開設(shè)網(wǎng)頁交互設(shè)計專業(yè)或者相關(guān)設(shè)計課程,因此系統(tǒng)學(xué)習(xí)過的專業(yè)技術(shù)人員稀少。交互設(shè)計是一門新興學(xué)科主要關(guān)注交互體驗設(shè)計,1984年由IDEO的創(chuàng)始人比爾•莫格里奇在一次設(shè)計會議上提出來。在過去網(wǎng)頁交互設(shè)計主要由程序員來完成,并不是由設(shè)計師來操作,由于程序員自身的局限性,這就造成諸多設(shè)計問題,比如網(wǎng)站設(shè)計的交互方面粗糙,繁瑣難用,其次在傳統(tǒng)的網(wǎng)頁設(shè)計中,設(shè)計師往往較為重在技術(shù),而忽略人的“情感”問題,忽視了”情感”的交互。網(wǎng)頁交互設(shè)計還要遵守一定的形式美法則。美的東西總能打動別人,對于網(wǎng)頁來說也是如此,漂亮舒適的網(wǎng)頁界面總能吸引用戶的眼球,并且提高網(wǎng)頁的瀏覽量。隨著生活節(jié)奏的不斷加快,人們需要安靜的元素放松精神,因此對美的認(rèn)識逐漸變?yōu)橐子玫?、簡約的。簡約主義必然就被應(yīng)用到了網(wǎng)頁設(shè)計中。究其原因主要在于簡約主義設(shè)計的它蘊含深厚的審美意趣和內(nèi)涵?,F(xiàn)代主義建筑師勒•柯布西耶認(rèn)為在設(shè)計中對外在裝飾追求的多少能反應(yīng)出個人審美修養(yǎng)的高低。

二、網(wǎng)頁交互設(shè)計的意義

當(dāng)今很多人認(rèn)為網(wǎng)頁設(shè)計,就只是簡簡單單的美工設(shè)計,或者說淺層次的理解為交互設(shè)計的只是為了使瀏覽者更好地、更容易地操作網(wǎng)頁。交互設(shè)計不僅只考慮到用用戶更好地,更加容易操作網(wǎng)頁界面,而且還要考慮到用戶的需求,根據(jù)用戶需求去設(shè)計是否需要易用性,站在用戶的角度去思考問題。由于影響設(shè)計的因素逐漸增多,我們只有改變思路,從用戶出發(fā),不能只靠考慮是否美觀,這樣才能設(shè)計優(yōu)秀的網(wǎng)頁交互設(shè)計作品。

三、用戶研究

以用戶為中心的設(shè)計,首先需要了解的就是“以人為本”?!耙匀宋谋尽敝荚诹私庥脩粜枨螅杂脩魹槌霭l(fā)點。設(shè)計師是在設(shè)計網(wǎng)頁的不能只專注于網(wǎng)頁界面的美觀,還要考慮到用戶的行為及心理,更深的挖掘用戶需求,才能設(shè)計出好網(wǎng)頁。在做設(shè)計的時候避免不了用戶研究,用戶研究首先包括可用性研究,其目的是提高產(chǎn)品的可用性,在網(wǎng)頁交互設(shè)計中則體現(xiàn)為網(wǎng)頁界面應(yīng)該能更容易地被人接受、使用和記憶。其次就是設(shè)計師要敏銳地去發(fā)現(xiàn)用戶的潛在需求,為網(wǎng)頁更好為人服務(wù)。用戶研究要求設(shè)計師站在用戶的角度去思考問題,并最終提出最佳的解決方案,說就是設(shè)計師要思考自己設(shè)計網(wǎng)頁如何能讓瀏覽者主動的喜歡上自己網(wǎng)站頁面。用戶研究的主要方法是通過分析使用者的使用語境,使用習(xí)慣等。這樣才能設(shè)計出滿足瀏覽者對網(wǎng)頁功能期望的網(wǎng)頁。

四、用戶體驗

網(wǎng)頁界面的設(shè)計效果,會影響用戶的情感。對網(wǎng)頁交互設(shè)計產(chǎn)生的還會影響人的情緒和情感。因此在網(wǎng)頁體驗設(shè)計需要將人的生理本能及情感的注入到設(shè)計之中。從用戶體驗而談,用戶瀏覽網(wǎng)頁是有什么需求?可以歸納為兩點:首先是瀏覽信息,其次操作數(shù)據(jù)。這里的數(shù)據(jù)是指在數(shù)據(jù)庫中的數(shù)據(jù),用戶在瀏覽信息時,不會對“數(shù)據(jù)”造成任何操作,只有用戶進行點擊鏈接、跳轉(zhuǎn)頁面等,才會和數(shù)據(jù)進行交互。因此,在做網(wǎng)頁交互設(shè)計時候主要滿足用戶的這兩方面的需求,要做到:一、要有一個漂亮的界面,及網(wǎng)頁界面的視覺設(shè)計要美觀,二、用戶在操作數(shù)據(jù)時候要高效,及網(wǎng)頁界面的交互設(shè)計靈活。

五、以用戶為中心的網(wǎng)頁交互設(shè)計

交互設(shè)計之父AlanCooper首先在他的著作《AboutFace3:交互設(shè)計精髓》中提出了目標(biāo)導(dǎo)向設(shè)計的方法。交互設(shè)計只有從使用者的目標(biāo)出發(fā)來設(shè)計,滿足用戶需求,這樣才能使用戶感到滿意,并將信息推薦給其他人。以用戶為中性的設(shè)計最重要的就是要了解用的目標(biāo),需求和動機是什么。在網(wǎng)頁交互設(shè)計中不能匆忙的使用繪圖軟件畫出漂亮的界面,設(shè)計師首先要做的是用戶研究,了解用戶需求。只有在充分研究用戶需求之后,建立用戶模型,對產(chǎn)品進行歸納,最后再來關(guān)注細節(jié)設(shè)計,如網(wǎng)頁的界面風(fēng)格,字體,圖標(biāo),色彩等的搭配.其次要最終用互動使用習(xí)慣進行網(wǎng)頁交互設(shè)計,用戶的使用習(xí)慣并非即刻而成的,而是用戶長時間的養(yǎng)成的生活方式。瀏覽者在瀏覽網(wǎng)頁的會形成自己的行為習(xí)慣,其一,網(wǎng)頁交互設(shè)計只有尊重用戶的使用習(xí)慣、利用自己所學(xué)知識及長時間積累的經(jīng)驗才能設(shè)計出更加流暢的網(wǎng)頁界面。其二設(shè)計師在設(shè)計的過程中必須要考慮到界面的簡約,易用,不是使瀏覽者去記憶使用大量的流程。日本設(shè)計大師深澤之人在產(chǎn)品設(shè)計提出“無意識設(shè)計”理念,這種理念也同樣適用于網(wǎng)頁交互設(shè)計中,無意識的設(shè)計就是讓設(shè)計師關(guān)注用戶的行為習(xí)慣,設(shè)計出的產(chǎn)品能夠使用戶在輕松的使用此產(chǎn)品進行工作,減少不必要的記憶。網(wǎng)頁交互設(shè)計不能有過于花哨繁縟的內(nèi)容以免影響用戶體驗,在網(wǎng)頁交互設(shè)計中網(wǎng)頁界面的設(shè)計應(yīng)該具有簡潔性。

六、結(jié)束語

網(wǎng)頁交互設(shè)計要達到最有效的傳遞信息給瀏覽者,其頁面的視覺引導(dǎo),頁面的風(fēng)格統(tǒng)一毋庸置疑是一個特別重的環(huán)節(jié)。視覺上必須要簡潔。在設(shè)計中要以用戶為中心進行設(shè)計?!耙匀藶楸尽钡膭?chuàng)新設(shè)計是網(wǎng)頁交互設(shè)計的核心思想,好的設(shè)計必須能夠打動人,好的設(shè)計必須是美的設(shè)計,必須是為人的設(shè)計,這也是未來的網(wǎng)頁交互設(shè)計的主要發(fā)展趨勢。網(wǎng)頁交互設(shè)計不只是單純的給網(wǎng)頁進行簡簡單單的進行一些裝飾和美化工作,設(shè)計師在設(shè)計網(wǎng)頁的時候必須要基于網(wǎng)頁的易用性,情感等賦予獨立的思想和創(chuàng)意,要結(jié)合瀏覽者的行為習(xí)慣、心理、及使用方式等因素,以為為本,基于用戶體驗進行網(wǎng)頁交互設(shè)計。了解用戶,站在用戶的角度去思考問題,根據(jù)用戶需求來設(shè)計網(wǎng)頁界面,以用戶為中心的設(shè)計是簡潔、易用的網(wǎng)頁交互設(shè)計中的重要基礎(chǔ)。

參考文獻:

[1]張靜,肖瑋,杜煌,論網(wǎng)頁界面的交互性設(shè)計,[長春師范學(xué)院學(xué)報],2013年

[2]吳飛燕,基于用戶體驗的網(wǎng)頁UI設(shè)計,[電子世界],2014年

[3]曹華宇,張阿維,基于用戶體驗的網(wǎng)頁界面交互設(shè)計原則,[藝術(shù)科技]2015年

[4]秦彩寧,網(wǎng)站UI設(shè)計淺析,科學(xué)時代2015年底06期