當前位置: 首頁 精選范文 產品交互設計案例范文

        產品交互設計案例精選(五篇)

        發布時間:2023-09-21 09:57:41

        序言:作為思想的載體和知識的探索者,寫作是一種獨特的藝術,我們為您準備了不同風格的5篇產品交互設計案例,期待它們能激發您的靈感。

        產品交互設計案例

        篇1

        目的探析在神經心理學為指導理論下的潛意識與交互設計結合所能產出的設計方法。方法通過對原有的潛意識理論指導下的設計方法的研究,得出潛意識理論與設計學科結合的理論和實踐意義。通過對交互設計和神經心理學下的潛意識理論研究,得出該理論與交互設計結合的可能性及應用方向,通過對神經心理學的理論研究和對現有案例的分析,得出應用新潛意識理論的設計方法。結論在理論研究和案例解讀的基礎上,提出了神經心理學下的潛意識交互設計的兩個方法,即習慣導向式設計和預期對話式設計。

        關鍵詞:

        交互設計;神經心理學;潛意識;設計方法

        交互設計由于其對人類認識和行為的關注,與對潛意識的淵源由來已久。此前人們對潛意識與設計的結合,其目的主要是挖掘用戶的隱性需求,降低產品給用戶帶來的認知負擔。而心理學領域中,神經心理學的研究更新了潛意識理論。神經心理學是從神經科學的角度來研究心理學的問題的學科[1],它的提出將先前潛意識的研究方法從對臨床經驗的積累和總結變為對腦部的科學測量。從目前的研究可知,潛意識這一概念的更新也將給交互產品帶來改變,對這一理論的關注也將給交互設計帶來更廣闊的發展前景。

        1神經心理學下的潛意識交互設計

        神經心理學下的潛意識交互設計是指利用神經心理學中潛意識的理論來指導交互設計的設計思路。這種設計思路旨在關注交互設計及產品中對人類潛意識造成的效應,研究這種效應的原理從而得出新理論在交互設計中的應用。

        1.1潛意識設計理論綜述潛意識與設計的交叉研究由來已久。弗洛伊德的潛意識理論對設計學科相關的研究有著深遠的影響。弗洛依德指出,人的心理是由兩部分組成的,其中能夠為人意識到并能夠把握的是意識,而另一部分潛伏在意識之下,成為了潛意識,人對它既不能完全認識也不能把握[2]。它的內在是最原始的動物性的本能沖動以及與各種本能有關的欲望,受到理性意識的壓制[3]。這一理論影響了大多數有關潛意識在設計中的應用。國內設計界對潛意識的研究興趣,一定程度受到了日本的設計大師深澤直人“無意識設計”理論的影響。他運用了傳統心理學中潛意識研究的成果,達到了“產品與環境完美融合”的設計理念,從而引發了基于潛意識的設計方法的積極討論與研究。除此之外,唐納德•諾曼提出的Affordance概念,也與潛意識和認知聯系緊密[4]。目前,基于弗洛伊德為主的潛意識理論的設計研究成果,主要表現在兩方面:通過下意識行為挖掘并滿足用戶的隱性需求,產生心理上的滿足感[5];通過有針對性的設計,使產品和相關服務的所有特征屬性信息,能夠無阻礙地被用戶準確接受、分析、認知和理解,順暢、迅速地轉化為用戶的使用和操作行為[6]。兩種思路分別針對設計產品對人的潛意識影響中的認知和行為方面進行了深入探討,但其局限性在于所參考的心理學理論主要是心理學的臨床研究成果,主觀性較強,而在神經心理學的發展下,潛意識理論得到了更新。

        1.2神經心理學視角下的潛意識交互設計指導理論

        1.2.1神經心理學下的潛意識理論神經心理學是心理學與神經學的交叉學科,它把腦當作心理活動的物質本體,綜合研究兩者的關系。它在理論上,對闡明“心理是腦的功能”具有關鍵性的意義;在實踐中,可以為神經科學的臨床診斷和治療提供方法和依據[1]。在神經心理學的定義中,潛意識影響著人們的感知、記憶、社交行為、溝通方式、好惡、分類原則、情緒與感覺以及自我意識[7]。這一全新的定義很大地拓展了潛意識的概念范圍和影響程度。神經心理學重視觀察人腦的活動,對關于潛意識的研究方法進行了科學拓展。現有比較常用的研究方法有內隱聯想測驗、眼動測驗、腦電測驗及功能性磁共振成像[8]。這些方法使潛意識變得可定量,而通過這些技術,許多之前的心理學現象與假說得到了科學的解釋和修正。這一學派與精神分析學派的區別在于,后者是弗洛伊德在畢生的精神醫療實踐中,對人的病態心理經過無數次的總結、累積而逐漸形成的[9];而神經心理學對潛意識研究的貢獻在于,將潛意識的研究從觀察推斷轉變成對腦的測量,因此在新的潛意識概念基礎上,對這一新領域的探索也一定可以為交互設計帶來新的啟示。交互設計將從挖掘和利用潛意識,轉變為塑造潛意識。

        1.2.2交互設計與潛意識交互設計作為一門關注交互體驗的新學科產生于20世紀80年代,其要素為人、動作、工具或媒介、目的和場景。這里的動作一般是指有意識的行為,自然就有了執行動作的人、行為的目的、實現動作的手段或工具、行為發生的場景[10]。廣義的交互設計定義表明,交互這一行為存在于生活中的方方面面。根據潛意識的形成原理可知,交互設計產品必將對人們的潛意識產生強大的影響,在交互設計產品的開發過程中關注潛意識是一個必然趨勢。1.3神經心理學下的潛意識交互設計的研究意義現代認知雙加工理論研究表明:人的行為是由兩種獨立而不同的認知加工過程決定的。根據當前的認知雙加工理論,內隱無意識和外顯意識加工同時對人類的認知過程起作用。當兩個加工方向一致時,內隱加工的結果與外顯加工結果一致,只有當兩個加工方向不一致、存在競爭的時候,往往內隱加工會取勝[11]。心理學中的很多研究都指出,人們平時意識思維的結果,往往在決策時被忽略,而一些被認為不重要的因素卻成為重要的決策標準。由此可見,在設計中注重產品與潛意識間的交流往往是更重要的,潛意識層面的認知明顯對用戶關于產品的整體認知有著更深刻且不易察覺的影響。將潛意識原理與設計相結合,可以深度挖掘用戶的內隱需求,并順應用戶的行為習慣,可以創造出更易用、更具有深度的產品。而從塑造潛意識出發,依據神經心理學的理論成果,更可以使產品具有一定的行為和認知導向性,從而從倫理的、社會的以及健康的角度出發,創造更大的價值。

        2潛意識交互設計方法

        目前還沒有關于神經心理學潛意識交互設計的設計原則和方法,更沒有針對影響潛意識而進行的設計實踐,但潛意識并不需要刻意的影響才能產生效用[7],因此一些交互產品影響潛意識的具體案例中,結合神經心理學原理的分析,便可得到切實有效的交互設計方法。以下是根據現有案例總結得出的新潛意識交互設計方法。

        2.1習慣養成式的交互設計神經心理學證實,習慣的養成是塑造潛意識的一種典型方式。研究證明,外部或內部刺激作用于人的感官,在神經系統里引起一系列的變化,極易形成一條路徑[12]。用戶一定量的重復性的動作形成了下意識的回路,于是用戶的操作越來越迅速,以至于可以超過思考的速度,此時新的潛意識行為已在用戶腦中形成。如用戶下意識地解鎖手機,邊思考問題邊熟練地操作洗衣機,每到一個特定時間便有堅持跑步的沖動,這些都是重復培養習慣的例證。通過養成習慣而改變用戶的行為和對產品的態度,此類設計手法目前在勸導式設計領域得到了廣泛運用,但作為一個根據心理學原理產生的設計技巧,通過這一方法提高操作效率,增強用戶粘性甚至提高產品競爭力,都得到了十分普遍的運用。

        2.1.1習慣養成式的操作方式在交互設計中的應用關于交互設計中的操作習慣,最經典的案例就是Android系統手機與iPhone的實體按鍵區別。Android系統手機的實體按鍵一般有主頁鍵、返回鍵和菜單鍵3個,而蘋果手機只有1個主頁鍵。這種按鍵設置上的不同,使得兩種系統的設備在相同軟件的操作上有很大的分別,因此用戶在兩種設備間的切換,往往需要一定的時間適應不同的操作方式。這種不同在一定程度上導致了用戶對不習慣的操作系統的反感和對已習慣的系統的擁護。同樣的設計手法不但可以應用于實體按鍵,其在交互界面操作方式上的應用有著更大的拓展空間。例如,不同公司的類似產品在操作邏輯上的分化,可以作為提高用戶忠誠度,從而成為增強產品競爭力的重要手段。

        2.1.2習慣養成式的功能設置在交互設計中的應用通過培養用戶的使用習慣來增強用戶體驗和忠誠度,可以提高交互產品的質量。扇貝單詞是一款基于移動端的外語學習軟件,其中的“打卡”功能就是對潛意識交互的一個比較典型的應用,扇貝單詞“打卡”功能界面見圖1。通過“打卡”這一激勵式的操作,用戶更愿意堅持使用,一定時間的規律操作就可以在用戶的腦回路中形成習慣的潛意識,一旦這種習慣形成,用戶就可以不通過任何提醒,完全自發地使用產品。這一功能看似淺顯,但是其效用卻是十分顯著的。通過軟件聯結社交媒體的功能可以看到,此軟件獲得了大量的用戶推廣,使用評價也遠超同類軟件,扇貝單詞在社交軟件中的積極反響見圖2(圖片摘自社交網絡)。

        2.2心理預期對話式的交互設計期望式的對話也是通過引導潛意識認知來引導用戶行為的一個重要方法。現代語言學家和心理學家都發現,人類社會存在著很多隱形的規范。比如會自發地和陌生人之間有一個比較標準的距離;在交流中下意識地調整語調音量來引起他人的注意或給其他人表達的機會;不知不覺間使用一些身體語言等[7],這些被語言學家稱作副語言。這些隱藏性的語言一般不會被注意,但是卻對潛意識產生刺激并影響行為。人的潛意識可以精準地捕捉到對方對自己的期待,通過這個原理,在用戶與產品的交互之中便可以對用戶的行為進行適當引導。現在很多交互產品中都廣泛地運用著引導性的對話框,如將鼓勵用戶使用的功能或選項設置高亮或者默認選擇復選框中推薦的選項,通過這樣的手段來表達希望被使用的期望,通過按鈕明暗對比的方式傳遞對用戶的期待,見圖3(圖片摘自微博和behance客戶端)。這種方式在神經心理學潛意識原理中,可以解讀為對用戶期待的有效傳遞。通過視覺、聽覺甚至觸覺及味覺上的巧妙設置,向用戶傳達出“推薦”和“提倡”等潛臺詞。這種避開意識和理性思維,直接與潛意識對話的方式與傳統的說明式引導有著顯著的優勢,這種方式免去了用戶閱讀大量信息的需要,使交互的過程更加輕松順暢,同時所倡導的信息也更易于接受。事實上,神經心理學證明,人們對預期的感知能力十分敏感[7],人們在交互產品上的行為會暗示人們什么樣的行為是“可行的”,而這種行為規范往往會延續到現實生活中,因此某些交互產品的存在就是一種強烈的心理暗示。社交軟件“無秘”的部分使用畫面見圖4,這種應用的定位明顯地鼓勵一種社交行為中帶有爭議的形式,其傾向性和暗示性,在不知不覺中使用戶產生一種特定的行為傾向,改變用戶的行為。雖然交互產品中對預期的體現各不相同,但是這種存在是廣泛的,鑒于其可能產生的影響,交互設計產品功能設置中的傾向性值得注意和利用。

        3結語

        篇2

        關鍵詞 交互設計;中國語境;情景語境;文化語境

        中圖分類號G212 文獻標識碼A 文章編號 1674-6708(2013)107-0155-03

        1交互設計

        1.1交互設計的定義

        交互設計作為伴隨著信息技術革命來臨而產生的全新設計領域,不僅代表著產品設計理念的革新也是信息技術服務時代的全新設計服務領域。交互設計不僅指向信息技術產品的設計輸出,同時代表著人類隨著經濟水平不斷地提高、對生活方式和精神生活要求的轉變。

        交互設計的英文為“Interaction Design”,交互設計是“人”通過“物”或“空間”以某種行為或語言來傳達這種行為方式的有效形式。這種有效形式可以通過外觀元素、產品行為、語言等多種有效方式來進行。確定這種方式是否有效的標準是參考“理解使用者是否能達到使用的目標、動機和期望。”在移動互聯網企業中還會將交互設計英語簡稱為“UX Design”-即為“User Experience Design”,不論這種翻譯是否準確,還是非常好的說明了交互設計的重要特征,即交互設計應當是設計出最自然的引導“人”在使用“物”達到特定目標或需求的有效方式。

        1.2交互設計研究

        交互設計作為“設計”的一部分,其組成融合了“藝術”與“科學”兩個部分。交互設計研究是為了揭示交互設計活動的規律,告訴設計師如何開始進行交互設計。作為一個全新的設計領域,交互設計是一種創造型的活動,其研究目的是為了揭示交互設計所包含的:界面設計、視覺設計、原型研究、思維模式研究、用戶研究以及它們在整個交互設計周期中構建的相互之間的關系以及客觀規律。

        交互設計研究的特征包括:思維的創新、科學技術和設計技藝的融合創新,符合人類的文化交流、行為模式等。

        1.3交互設計研究的范疇

        與傳統的工藝美術設計學科比較,交互設計可以說是一種全新的“設計結構體系”,除了“科學”與“藝術”的融合也包涵了“社會學”、“心理學”的知識。交互設計的研究領域不因僅停留在有市場和產業需求驅動下的形式創新階段,而應從“創造符合人類需求的、合理的、健康的、友好的人機構同方式”角度出發,發現問題與需求,分析、歸納、判斷問題的本質,提出解決問題的方法、組織和管理機制。

        交互設計研究研究的范疇包括:交互設計概念及原理、影響交互設計的因素的研究、關于交互設計中“人”與“物”行為模式及信息交流方式的分析、交互設計思維的研究、交互設計創新思維模式的研究、基礎性理論研究與實踐研究相結合。

        2 中國語境

        2.1語境

        語境的概念原本是語言學科的概念,最早由人類學家馬林諾夫斯基提出,分為情景語境和文化語境。情景語境指在人類在交流過程中通過語言表達額定意義時所依賴的有語言構成的上下文,這包括了書面語言或非書面語言的上下文。文化語境只在人類的交流過程中通過語言表達某種特定意義時所依賴的各種客觀因素,包括了:時間、場合、環境、話題、對話人的身份、地位、心理狀態、文化背景、交流目的、方式、內容和交流時使用的非語言符號(如手勢等)。

        語境的概念雖然是針對語言學科提出的,但是不難發現交互設計所涉及的語境與之有著驚人的相似。交互設計的交互手段可以是語言也可以是非語言(如手勢、姿勢等),通過交互設計所定義的有效方式達到特定意義時所需要依賴的客觀因素,同樣包括了:時間、場合、環境、目標;對象的身份、地位、文化背景等。導入語境的概念可以幫助交互設計研究更好的發現,交互設計過程中不同的主、客觀因素對交互設計最終設計成果的影響。中國的交互設計要能被中國用戶更好的接受,絕不能依靠設計去教育用戶如何使用產品,而因根據中國用戶的情景語境和文化語境來進行設計研究。

        比如Iphone手機中的應用程序Siri,就可以通過語言來幫助用戶完成一些功能。這種通過語言方式來進行交互,并幫助用戶達到最終使用目的的設計是符合情景語境的設計。從截圖中我們還能看到除了語音提示信息外,系統同時設置了文字提示信息來幫助用戶確認手機的語音信息識別系統是否準確(圖1)。

        2.2交互設計所面臨的中國語境

        交互設計所面臨的“中國語境”究竟是什么,可以從以下兩方面來研究,一是中國式情境語境,而是中國式文化語境。

        2.2.1中國式情景語境

        中國式情景語境,指產品的交互設計中,通過“語言”傳達特定意義時所依賴的各種表現為視覺信息、聽覺信息或觸覺信息的前后信息內容。這些信息內容可以幫助用戶直接領會或了解當前交互過程中正在完成的具有特定意義的交互指令。這些信息可以是通過語音或書面語言等傳遞的。

        前面所提到的語音控制程序Siri也不是萬能的,任何的語言都需要有一個語境來幫助系統理解用戶所傳遞的信息,即使在設計的初期已經考慮到各種方言,那也還是不夠的。必須要有上下文的信息才能幫助人準確的向系統傳遞信息,系統可以準確的理解人所發出的信息或指令。比如測試中對siri說的“知道了”和“吃飽了”兩句短語,系統就會產生截然不同的反饋。

        2.2.2中國式文化語境

        中國式文化語境,指根據符合中國人或針對中國人定的用戶群進行符合他們非語言習慣的交互設計。研究通過這樣的有效交互手段所達到的特定意義同樣需要符合中國的時間、場合、環境、目標;對象的身份、地位、文化背景等客觀因素。

        通過研究案例可以發現,不同地域的情境語境可能是相同的也可能是有一定差異的。僅從簡單的字面意思是非常難以識別真正含義的,這個時候就需要在交互設計的初期考慮到地域差異所引起的文化語境差異。

        如:在傳統的windows操作界面中如果要刪除一張圖片至少有三種方法,一是選擇圖片通過點擊鼠標的右鍵,選擇刪除(圖3);二是通過圖片瀏覽器點擊X圖標刪除圖片(圖4);三是直接點擊鍵盤上的Delete鍵。這三種方式對于中國70年代以后誕生的年輕人來說可能沒有難度,但是對于中國的中老年人來說相信沒有經過幫助或指導,僅依靠自己的摸索相信是非常困難的。原因是什么?方法一,操作過程復雜,信息隱藏過深。需要通過點擊右鍵,選擇下拉慘淡中的刪除選項來完成操作;方法二,操作過程復雜,刪除圖標的圖形所傳遞的信息不夠明顯和準確;方法三,對于沒有學習過英語的中國中老年人來說不能準確理解Delete鍵的含義。這就是典型的操作系統的交互設計不夠符合中國式的文化語境。

        在手機的圖像工具中,可以非常方便的找到右下角的垃圾桶圖標,用手指觸摸圖標,系統將彈出下一步操作提示“刪除圖標”,當用戶選擇刪除當前圖片后,右下角的垃圾桶圖標會打開,并演示一段約1秒的紙片進入垃圾桶的動畫。(圖5)這個設計就將刪除圖片的功能通過簡單的交互過程完成了。這里的簡單包括幾點:1)圖標易于的辨識;2)確認刪除的提示信息明顯;3)通過動畫的方式演示刪除過程,信息傳達清晰簡單。

        2.2.3交互設計所面臨的“中國語境”

        樂蛙科技推出的“樂蛙ROM”提出了針對千元智能機深度定制的概念,宣稱設計基于Android安卓系統的專為屌絲而生的本地化安卓系統。雖然設計產品并不見得符合最初的產品定位,但是設計理念可謂是直面了“中國語境”。微信,是一款超過三億人使用的手機應用,支持發送語音、視頻、圖片和文字,可以群聊,僅耗費極少的流量,適合大部分智能手機,這都是針對“中國語境”完成的產品設計。仔細分析產品的交互設計、研究用戶體驗我們可以歸納出交互設計所面臨的“中國語境”不僅是挑戰也是機遇。只有中國人才能更好的理解本土化設計的核心,才能更好的理解中國用戶的需求和使用目標,好的交互設計不僅僅是依靠抄襲國外的成熟產品的交互設計流程、界面風格甚至是程序代碼來完成的,而是需要針對不同語境下用戶的需求來進行分析。

        3“中國語境”下交互設計研究的現狀

        3.1研究機構

        在中國研究機構按照營運性質可以分為企業的設計研發機構、高等院校的研究機構、針對交互設計的網站和網絡團隊三類。他們有的依靠企業的研發資金起步較早但是較多研究是針對產品的設計、優化和改進,優點是實踐經驗豐富,但是無法上升到系統的、基礎性的理論研究階段;有的是依靠課題研究資金進行,起步較晚,由于局限在院校實驗室中進行研究較多針對理論研究或是針對國內外的設計案例進行分析,缺乏實踐經驗;有的依賴網絡資源進行研究或探討,相對來說這樣的模式更注重于素材的分享,單純依靠理想和信息的分享,無法達到真正的研究和促進交互設計發展的目標。

        3.2研究人員

        研究人員從專業知識結構的角度來分可以劃分為:設計師型的交互設計師、軟件工程師型的交互設計師、心理分析師型的交互設計師。從研究目標的角度可以分為:學者型的交互研究員和實踐型的研究員。根據交互設計之父Alan Cooper提出的交互設計過程來看:交互設計應當是以用戶為中心去設計軟件,而不是以某項新技術或者技術人員為中心去開發軟件。可見交互設計的核心是設計用戶的行為,而研究用戶的行為正是交互設計研究的核心。不論交互設計的研究人員擁有什么樣的專業背景知識,進入到交互設計的研究領域,就應當擁有一個綜合各種專業知識背景或者說至少不以自身所擅長的學科知識來主導交互設計研究。

        3.3研究的對象

        中國語境下的交互設計研究所針對的研究對象應當是交互設計產品所面對的中國用戶,而不僅是簡單的研究國外成熟的產品或是國內成功的交互設計產品。研究中國用戶可以從用戶的行為模式和思維模式入手,分析中國式的文化情境下,影響用戶通過有效手段達到使用產品目標的客觀因素,其中就包括了中國用戶的使用環境、時間、目標身份、地位、文化背景等客觀因素。同時對不同地域環境下,中國用戶的語言、手勢、姿勢、對文字信息和圖像信息的識別及理解能力進行客觀研究。

        3.4研究中存在的問題

        交互設計研究領域主要存在的問題包括:1)理論研究與實踐的脫節;2)設計優先或程序優先的交互設計;3)受學科知識局限的交互設計研究;4)變UCD為BCD,即將以用戶設計為中心變為以老板的意見為標準的交互設計;5)以某種特定設計為參照來進行的交互設計或優化設計。

        4“中國語境”下交互設計研究的對策

        要解決目前“中國語境”下交互設計研究的問題就需要從研究機構、研究人員和研究對象幾方面著搜進行改變。首先應該建立和健全研究的團隊,組成跨學科的研究團隊,同時注意加強研究人員的實踐經驗。可以從聯合企業和專業設計人員,建立依托高校研究室的交互設計研究團隊,以“產學研”結合的形式參與企業的設計項目,通過實踐經驗的積累,提升交互設計的基礎性理論研究。其次是加強對設計人員的培養和教師的培訓,鼓勵教師學習跨學科的專業知識。通過研究規范設計方法和設計管理體系,改變以“人治”為中心的設計流程。從政策上加強對原創設計的鼓勵和支持。

        參考文獻

        [1]黃琦,畢志衛.,交互設計.浙江大學出版社,2012:7.

        [2]劉偉.走進交互設計.中國建筑工業出版社,2013:5.

        篇3

        在現代移動互聯網高速發展的浪潮中,傳統平面設計逐漸向新媒體交互設計轉變,以智能手機APP交互設計為代表的移動互聯網應用設計正逐漸快速發展。目前,國內交互設計發展滯后于智能手機的發展,手機應用交互設計仍停留在滿足用戶功能需求的層面,很少有智能手機應用深入挖掘人們對文化與情感的訴求。無論是現代的市場環境導致了設計方向的改變,還是出于傳承中華文化的考慮,將中國傳統元素與交互設計融合都是值得研究和思考的。所以應從交互界面、動效設計、情感化設計、用戶體驗等多方面著手,以塑造出充滿創新意義的以智能手機為代表的移動新媒體應用設計界面。

        關鍵詞:

        傳統元素;互聯網;交互設計;UI;APP

        一、目前手機交互設計的現狀

        隨著移動互聯網及智能手機的不斷發展,智能手機APP正深刻影響著人們衣食住行的各個方面。用戶出行打車使用滴滴出行APP,訂餐使用餓了么、百度外賣、美團外賣等APP。通過這些操作簡便的App,用戶減少了等車、等餐的時間。在現代移動互聯網高速發展的浪潮中,傳統平面設計逐漸向新媒體交互設計轉變,以智能手機APP交互設計為代表的移動互聯網應用設計正逐漸快速發展。手機應用的設計風格從擬物化的界面設計逐漸轉向更直觀、簡潔的扁平化設計。目前,國內交互產品設計設計發展滯后于智能手機的發展,手機應用交互設計仍停留在滿足用戶功能需求的層面,很少有智能手機應用深入挖掘人們對文化與情感的訴求。從國外傳入中國的設計理論幾乎都是以歐美國家的設計理念為主導,界面設計中很少能看到較為符合中國人審美潮流的設計。

        二、中國傳統元素加入交互設計的必要性

        有著五千年文明史的中國,經過無數風雨滄桑,創造了偉大的中華文明。在歷史的長河中,華夏兒女創作了一個又一個傳奇,以萬里長城為代表的中國古跡為世人敬仰。隨著中國經濟的飛速發展,人們的物質生活水平在不斷提高,生活也越來越便捷。然而,與此同時,中國的傳統文化卻逐漸在人們的意識中消退,許多優良的傳統被人們忘記、拋棄。目前隨著國家的偉大復興,中國文化應將傳統的中國元素與新興技術相結合,借助互聯網平臺在世界范圍內進行快速傳播,從而擴大人們的認知領域,增加世界對中國傳統文化的了解。將中國傳統元素加入交互設計既是一種創新,同時也是傳播中國傳統文化、增加交互設計活力的必要趨勢。創新逐漸開始成為互聯網產品設計中的重中之重。我們幾乎天天都能看到行業中各類推陳出新的“新”生代,在感嘆這些創新的時候,將原有成熟的中國元素加入交互設計中,會給用戶帶來更多懷舊的體驗。將中國傳統元素融入用戶手機APP中,使中華文明元素無處不在,當我們使用APP時,這既對中國傳統文化進行了宣傳,又可以吸引用戶去探究其意義,使中國傳統元素被有效地傳承。人類通過眼睛來獲取信息建立自己的視覺資料庫。因此,將存在于書本之上的中國元素突破傳統媒介的傳播方式,以新媒體的視覺形式呈現在群眾眼前,可以吸引群眾的注意力,使用戶產生點擊欲。

        三、中國傳統元素與交互設計的融合策略

        現在的手機界面很多都較為簡潔和扁平化。蘋果手機擁有自身品牌的iOS系統,并進行了扁平化風格設計;小米手機擁有自身品牌的miUI系統,并開發了小米的眾多應用;微軟擁有自己的一套WindowsPhone系統,并首先將扁平化設計融入其中。我們可以根據安卓系統的可適應性設計一款含中國風元素的UI界面,融入中國傳統文化的元素并將其推廣。現在市場上將中國元素加入交互設計中的案例屈指可數,從創新方面來說,這是設計師從未思考的地方,更是值得研究的地方。

        (一)從界面元素交互分析從交互的角度考慮,交互設計是一個迭代過程,通過交互設計評估,可以及早發現設計中的缺陷,進而能進一步完善交互流程。通過交互評審,也可發現交互設計中可行、合理或優秀的地方,從而為后續產品的交互設計提供借鑒。因此,是否滿足用戶體驗是手機產品交互設計的評估標準。由于用戶體驗是用戶使用產品過程中的感受,具有較強的主觀性,所以,目前用戶體驗還沒有一個具體的標準。當交互設計產品層級比較深的時候,設計師要清楚地了解這個產品有多少二級頁面,多少三級頁面,并要考慮頁面之間的關系——它們是否可以用到不同頁面中的內容,是否需要重新進行構造設計等,以及標簽欄、按鈕、對話框、框等空間使用的便利性和icon繪制的精細性。一個頁面的好壞要注意這些細節的把控。例如有兩個頁面都需要二級標簽欄,你如果出兩套樣式,說明你并沒有思考icon控件的問題,這樣很大程度會造成FE(前端開發)資源浪費,而用戶也會對控件的實際意義產生疑惑。二級標簽欄,在從屬內容樣式的設計表達不清的時候,用戶可能把這個二級標簽欄看成是一個可點擊的icon。根據交互的形式,在表現上可以采用中國元素來替代原有的二級標簽欄、列表、按鈕等等,例如古琴、文房四寶、燈籠等元素來替代二級標簽中的音樂、信息、照片等功能的圖標。通常可以使用具有中國元素的UI手機交互主題設計實現推廣,這樣的案例也隨處可見。

        (二)從動效設計角度分析當今互聯網行業發展迅速,谷歌推出了全新的設計語言MaterialDesign,這是谷歌拿出媲美蘋果的設計,也是將來界面設計的新趨勢。這說明了現在的設計并不僅局限于平面的展示,也更多地趨向于動效的展示。現在的用戶群體,很大程度上已經厭倦了僅僅只是扁平化的簡潔設計。一些添加了交互動效的設計越來越吸引用戶群體。2014年58同城的APP設計,整體風格仍然是屬于大潮流的扁平化界面設計,但是在一級標簽欄的切換交互上,融入了MaterialDesign的理念,在切換的過程中,增加了彈性的動效,增強了用戶使用的趣味性。還有一個典型的案例就是社交軟件twitter。twitter在早期的時候也是和設計整體潮流一樣,采用了擬物化的設計形勢。隨著蘋果iOS7扁平化的出現twitter也逐漸開始進行轉變,但是twitter并不僅僅只是界面上的變化,在交互動效上也做出了一些改變。當用戶群體看到某條推送想要點贊的時候,將鼠標hover愛心點擊時,twitter有它獨有的動效,增加了用戶使用時的趣味。

        (三)從情感化設計分析未來UI互聯網行業的發展趨勢是逐漸上升的,而怎樣在眾多UI樣式中進行情感化的設計是值得我們思考的。情感化設計,在未來互聯網交互設計中越來越重要。我們要設計一個符合大眾情感的事物而不是把這個事物設計成一個能讓用戶投入情感的容器。所以目前市場上一些需要特殊皮膚的產品,例如QQ、百度輸入法、QQ音樂等都屬于用戶群龐大、年齡層次不統一,卻奢望用一款皮膚將所有的用戶都吸引。即使現在很多設計觀念致力于提升視覺效果,希望可以讓用戶群體喜愛,但設計的表現層到了一定程度就會越來越膚淺。如果將一些有文化底蘊的中國元素加入其中就能更好地提升設計的文化底蘊。在一定程度上采用一些有意義的中國元素,一方面可以宣傳中國的文化,另一方面也加強了用戶的情感。情感化設計近期在互聯網公司的UED用戶體驗團隊中是經常被提起的,將中國傳統元素與情感化設計結合是有巨大意義的。曾經流行的復古風便是在界面中增加用戶的情感體驗。一個有著中國風的精致按鈕能夠輕松地引起用戶的注意,而隨后的用戶行為可以是任何動作,比如點擊按鈕、進入等等。

        (四)從用戶體驗角度分析在互聯網產品設計中一定會涉及到兩個詞:“用戶價值”和“用戶體驗”。所以在很多擁有較為完整體系的互聯網公司中,往往會設立UED用戶體驗中心這樣的部門。用戶體驗對于一個產品而言,首先是能用,然后是好用,最后是能給用戶帶來身心愉悅的感覺。例如騰訊的CDC、百度的MUX都是在用戶體驗上研究較為深入的典范。將中國傳統元素融入新媒體是交互設計中需要重點考慮的。手機交互設計需要更多地考慮其功能及用戶體驗,并非滿屏的中國元素就能吸引到用戶,反而會造成界面的雜亂和用戶體驗的不佳,所以要將中國元素納入交互設計的范圍就要考慮到兩方面:一是這個按鈕所用元素的功能性和可識別性,二是考慮到交互性。在將中國傳統元素與交互設計融合的時候,要思考其價值,并非多就是好,而是要用到該用的地方。例如在百度的MUX的一次演講時,史玉潔曾經說過“我招了一個很厲害的設計師,需要他設計一個界面,這個設計師在很短時間就設計了一個很炫酷的界面,大家都很驚嘆,但是在要使用的時候卻找不到進入的按鈕。當我詢問那位設計師時,他很自豪地告訴我,你猜。”這是一種很可笑的行為,當你設計一款界面的時候,你是需要用戶群體來使用的,如果這套界面在視覺上很驚艷,在體驗上卻讓用戶很困惑,那么這是一款失敗的界面設計。

        四、結語

        無論是現代的市場環境導致了設計方向的改變,還是出于傳承中華文化的考慮,將中國傳統元素與交互設計融合都是值得研究和思考的。所以應從交互界面、動效設計、情感化設計、用戶體驗等多方面著手,以塑造出充滿創新意義的以智能手機為代表的移動新媒體應用設計界面。

        參考文獻:

        [1]騰訊CDC.在你身邊,為你設計——騰訊的用戶體驗設計之道[M].北京:電子工業出版社,2013.

        篇4

        【關鍵詞】交互設計

        桌面式虛擬展示

        產品展示

        虛擬現實技術具有三個特性――交互性、沉浸性以及多感知性。根據系統提供的沉浸程度不同,虛擬現實系統又可分為桌面式虛擬現實系統、沉浸的虛擬現實系統、增強現實性虛擬現實以及分布式虛擬現實。

        相對于其他形式的虛擬現實系統,桌面式虛擬現實展示對硬件和技術的要求更低、展示更易于實現和轉播。所以,桌面式虛擬現實系統更易于在產品虛擬現實展示中得以應用。但是,簡單的硬件基礎限制了桌面虛擬現實展示系統對沉浸性和多感知性的追求,從而,交互成了桌面式虛擬展示系統的主要特性,交互設計成為產品桌面式虛擬展示系統構筑的核心內容。

        1.產品特性與產品虛擬展示交互

        產品展示設計中,產品的特性是展示設計的核心內容,也是交互框架建立的依據。產品的使用離不開交互,每種產品都有其不同的功能部件,不同的功能部件都具備特有的操作方式。比如,汽車的行駛方向控制通過旋轉方向盤實現,而挖掘機等重工產品的方向控制則通過推拉左右行駛控制桿實現。為了給用戶提供真實的展示情景,在產品桌面式虛擬展示系統中,交互框架設定的最基本要求是遵循產品現實的交互特性。

        產品設計師需要充分考慮用戶的操作期待,在功能部件的造型和功能的設計中讓產品部件的操作方法與用戶的操作期待相匹配,盡量保證用戶在與產品的交互中沒有操作障礙。桌面式產品虛擬展示的交互設計也是如此。日常用品的頻繁使用已經讓人們對許多功能部件有了明確的操作意向。例如,最簡單的,人們能通過開關的造型分辨出是旋鈕還是按鈕,能快速辨別手機的打開方式等。桌面式產品虛擬展示中,交互方式的設定需參照現實產品的操作方式、人們生活中已經形成的操作習慣和豐富的操作經驗來實現用戶的順暢操作體驗。

        2.模型交互層級分析

        桌面式產品虛擬展示中,用戶與產品模型之間的交互是一種主要的交互形式,也是最為直接的交互。要完成行為目標,用戶往往需要通過對不同部件模型的共同操作來實現。為了準確表達產品的交互特性,梳理系統的交互框架,本文作者根據交互信息傳導的復雜程度,將用戶與模型的交互進行了層級分類,將模型交互分為一級交互、二級交互和多級交互。

        一級交互是指用戶的交互對象就是目標對象,用戶直接與目標對象產生交互,引發目標對象產生信息反饋的交互模式,見圖1。

        二級交互是指用戶的交互對象與目標對象不是同一對象,用戶與交互對象發生交互行為,產生的交互信息傳導給目標對象,從而引發目標對象產生信息反饋,見圖2。

        多級交互是指目標對象從屬于兩個或兩個以上的交互行為,目標對象與交互對象不是同一物體,見圖3。

        每個產品展示系統的交互框架等都是由―級、二級和多級交互共同組成,其中一些具備復雜功能的模型甚至同時屬于多個不同的交互層級。如圖4,挖掘機轉移貨物動作交互層級框架。在產品虛擬展示系統中,根據展示內容,準確對各個展示部件進行交互層級的分析,才能準確表達產品的展示特性,為用戶展示真實的產品操作方式。

        3.二維界面交互分析

        除了與產品模型的交互,用戶與二維界面的交互也是桌面式產品虛擬展示中重要的交互形式。與實物展示不同,虛擬現實展示中,用戶可實現的自主交互范圍又拓展了不少。人們不僅能夠實現對產品模型的實時交互,也能對場景中的觀察視角、視頻調用以及音效調節等進行較好的控制。在桌面式產品虛擬展示中,二維界面主要承擔著兩個方面的交互功能。

        (1)系統參數的控制。例如展示視角的切換、背景音視頻控制等。

        (2)輔助模型完成系統展示。當模型的交互層級過于復雜或用戶不能直觀理解模型的交互方式時,二維界面往往可以提供給用戶更好的可視性。這時,二維界面就承擔著輔助模型交互的功能。

        在產品虛擬展示中,二維界面是整體交互中不可或缺的部分,但也是削弱虛擬系統沉浸性的因素。所以,對二維界面的合理規劃,讓二維界面很好的成為交互元素,以保障用戶的順暢體驗也成為虛擬展示交互設計的重點內容。

        ①充分保障界面可視。與產品造型設計一樣,二維界面的可視性是引導用戶正確操作的第一步。視覺是人們的第一大感知系統,可視性是人們區別各個交互元素功能的主要性質。二維界面的可視性也是影響用戶體驗正確率的重要因素。筆者認為,了解用戶對一些常見圖形的操作習慣以及產品的部件的造型特征,在此基礎上提取出的界面圖形,能較好的實現界面元素的可視性。

        ②明確劃分功能區塊。前面,本文已經闡述了二維界面在虛擬展示中的兩大作用:系統參數控制和輔助模型交互。產品虛擬現實展示系統中的二維界面可能控制著場景的不同區塊。在二維界面設計之初,設計師應對展示系統中的二維元素進行合理規劃,在追求界面風格統一的前提下,對控制不同區塊的二維界面進行區別設計,并合理劃分位置區域。

        ③適時隱藏二維界面。在產品虛擬展示中,為了給用戶提供較為真實的展示,設計者往往會設置多個展示情景,其中涉及到的二維元素也就隨之增加。要保證界面簡潔同時不對用戶的操作造成干擾,最好的處理方式就是在不同的情景下只顯示操作相關的元素,對無關的界面元素進行隱藏。如圖5,“合苞待放”加濕器虛擬展示系統界面元素隱藏前后效果對比。

        篇5

        1.1設計案例在設計中,不考慮人們的使用習慣設計出來的東西不僅不能幫助人們解決問題,還有可能通過產品的使用增加了麻煩。如圖1所示,這是現在筆記本常有的一種鍵盤模式,在剛開始使用筆記本鍵盤的時候,經常會把左下角的Fn鍵當成Ctrl鍵按下去,設計者在設計的時候就沒有考慮到人們在平時使用大鍵盤的習慣。當然,現在可能人們因為使用的頻繁已經習慣了筆記本鍵盤的按鍵分布,但是在設計之初,這一定是一個讓人頭疼的問題。在節日人多的時候逛商場,經常會遇到找不到要去的地點,導購牌上的字體很小,湊近了才能看見,在人多的時候根本就派不上用場,每層導購牌上的平面也沒有畫出商場實際的模塊分布,將明確的位置標出,讓顧客搞不清楚路線。有一些導視牌在中文下面還標有英文,但是仔細一看,英文只是漢字的漢語拼音,搞出了這樣的笑話,這不僅占著導視牌的位置,又沒有起到給外國人導視的作用。在對交互設計的研究中,很多方面都有涉及,但是在兒童方面略有欠缺。在多媒體的交互中,有些人認為,好的交互設計就是要應用高科技來實現,其實不然,科技只是設計的一部分,對產品的設計需要將技術手段與心理、習慣相結合。所以,對于兒童低齡群體劃分就有了漏洞,設計就沒有發展起來。在一項研究成果中顯示,關于兒童繪畫的交互設計,繪畫系統偏重于兒童的心理學,但是沒有嚴謹的邏輯思維,應用中缺少理論研究。

        1.2交互設計要點對于交互設計要注意的問題有很多,大致分為顏色、聲音、圖標、對話框、國際化等。(1)顏色的使用。界面配色方面,要注意元素的顏色、相鄰界面的顏色、文本的底色等,并且要使界面變得更醒目但不刺眼。還要考慮到文化得差異,一些顏色在不同的地區表示著不同的含義,要想受眾面變得更廣,要注意考慮每個地區的風俗與文化。顏色固然可以使界面鮮明,但是在傳播的過程中,過度使用會使用戶有厭煩的心理,要做到每個顏色都有它的意義。(2)聲音的使用。聲音能夠讓人們清楚地明白界面的內容,但是過度的聲音會使環境變得吵鬧,要注意人們的心理,適當地用聲音做提示。同時,聲音不能單獨出現,需要配合著通過不同的方式傳播信息,避免聲音的遺漏。(3)圖標的使用。界面中圖標的統一十分重要,大圖標小圖標相互轉換,簡單并且與原始狀態相近,這樣會使用戶更快速地找到圖標,而且,圖標不能濫用,不能出現冗余的情況。(4)對話框的使用。對話框的表示要有實際的信息,但是要盡量簡潔沒有負擔,利用空白來規劃整體,將用戶的平均知識水平考慮進去。(5)國際化的使用。要考慮到用戶的所在地,對當地的風俗了解,可以將具有當地特色的圖像、動畫融合進去。在一些特殊的文字要用當地的語言描述,國際化并不一定要完全使用英語。

        2交互設計的發展趨勢

        2.1發展現狀交互設計在我國的發展相對國外來說起步較晚,但是在最近幾年,發展勢頭正猛,相關企業設置了關于交互設計的研究小組,發展研究交互設計,根據日常生活狀態,將交互設計滲透到網站設計、界面設計等領域。交互設計研究機構。例如,洛可可、青蛙設計等也開始大跨步地發展。我國雖然理論研究較為落后,但是這方面的研究潛力是無限的。工業設計和產品設計將交互設計融合在一起,成為發展智能產品的重要組成部分。

        2.2發展趨勢我們在發展交互設計的同時,還要積極地借鑒國外的發展情況。對交互設計研究中要注意兩點:一是要注意典型用戶群,對典型人群做針對性的分析和科學的研究,深入探索用戶需求。二是要注意環境情況,做好產品定位,設定一個大體的環境,在環境中進行設計,在環境中讓測試者使用,鑒定產品交互設計的情況,進行改進和生產。

        3結語

        主站蜘蛛池模板: 国产在线观看一区二区三区四区| 久久久久久综合一区中文字幕| 夜夜精品无码一区二区三区| 亚洲国产精品成人一区| 亚洲视频一区二区| 日韩一区二区久久久久久| 无码av免费一区二区三区| 亚洲乱码一区二区三区国产精品 | 成人国产精品一区二区网站| 日本一区二区三区中文字幕 | 无码人妻精品一区二区三区夜夜嗨| 少妇精品无码一区二区三区| 亚洲日韩一区二区一无码| 国产在线精品一区二区在线看| 久久精品国产亚洲一区二区三区| 中文字幕一区二区三区在线观看 | 日本高清不卡一区| 麻豆AV天堂一区二区香蕉| 国产福利电影一区二区三区| 中文字幕一区一区三区| 波多野结衣中文字幕一区 | 亚无码乱人伦一区二区| 一区二区三区日本电影| 精品一区精品二区制服| 精品一区精品二区| 国产福利一区二区三区| 国产成人高清精品一区二区三区 | 色欲AV蜜臀一区二区三区| 国产精品一区二区久久乐下载| 国产一区视频在线| 国产婷婷色一区二区三区深爱网 | 日本高清成本人视频一区| 亚洲AV无码片一区二区三区| 国精品无码一区二区三区在线 | 国产一区二区视频在线观看| 无码人妻精品一区二区三区久久久 | 日韩精品一区二区三区色欲AV| 国产乱子伦一区二区三区| 日韩精品一区二区三区中文精品| 黄桃AV无码免费一区二区三区| 天天综合色一区二区三区|