移動多媒體展示中的界面交互設(shè)計(jì)研究

摘 要： 作為多媒體展示的一個重要部分，移動終端上的多媒體交互設(shè)計(jì)，尤其是手機(jī)應(yīng)用設(shè)計(jì)的介入，迅速博得了人們的青睞。在這種情況下，手機(jī)類應(yīng)用的質(zhì)量也是參差不齊。作為設(shè)計(jì)人員，我們將從交互界面設(shè)計(jì)的角度出發(fā)，以我們團(tuán)隊(duì)研究當(dāng)前手機(jī)應(yīng)用市場的現(xiàn)狀的研究，并結(jié)合我們的思想與團(tuán)隊(duì)所制作的手機(jī)應(yīng)用作品為例，分析手機(jī)應(yīng)用這一類多媒體展示的界面交互設(shè)計(jì)。

關(guān) 鍵 詞：移動手機(jī)應(yīng)用 APP 設(shè)計(jì)趨勢 交互情感

隨著近些年來計(jì)算機(jī)技術(shù)、通訊技術(shù)的迅速發(fā)展，多媒體展示的方式正逐漸進(jìn)入到人們的視野中，改變著人們以往的認(rèn)知方式。從多媒體課件，到多媒體互動展廳、多媒體博物館，再到現(xiàn)如今在移動設(shè)備終端領(lǐng)域的發(fā)布占領(lǐng)，多媒體展示方式以其打破傳統(tǒng)的新穎展示模式而迅速被人們所認(rèn)可，這使得多媒體展示的市場一片良好。作為多媒體展示的一個重要部分，移動終端上的多媒體交互設(shè)計(jì)迅速博得了用戶群體的喜愛。尤其是手機(jī)應(yīng)用的介入，與現(xiàn)在都市生活緊密相關(guān)的特點(diǎn)，更加博得了人們的青睞。早期的手機(jī)應(yīng)用，從手機(jī)版的騰訊QQ、jave小游戲，到目前的APP應(yīng)用，具有跨時代的意義。話說手機(jī)傳播的多媒體化，帶給你不單單是視覺的和聽覺的享受，而且是對你綜合感官的立體“按摩”。因此，手機(jī)作為人們生活必不可少的通訊工具的同時，手機(jī)應(yīng)用也逐漸以一種生活調(diào)劑品占據(jù)了主流市場。下面將以我們團(tuán)隊(duì)的手機(jī)應(yīng)用作品《新證財經(jīng)——中國銀行輿情簡報》為例，從用戶體驗(yàn)、同類產(chǎn)品調(diào)研和界面交互設(shè)計(jì)等角度來分析手機(jī)應(yīng)用類作品的制作。

一、前期的選題制定和準(zhǔn)備：

通過團(tuán)隊(duì)的努力，我們在社會調(diào)研期間結(jié)識了北京唯真信達(dá)科技有限公司的CEO王繼軍先生。他對我們的建議是財經(jīng)新聞類的移動手機(jī)類應(yīng)用。為什么要做這樣一個項(xiàng)目呢？通過我們進(jìn)一步了解，發(fā)現(xiàn)目前市場上的財經(jīng)新聞類應(yīng)用大部分只是整合一下近一段時間內(nèi)所有的財經(jīng)類消息，并沒有很明確的針對性，其中的信息量過多過雜，而關(guān)注這些新聞的企業(yè)大佬或者是財經(jīng)新聞的愛好者們并不能主觀的去選擇自己想要獲得的新聞信息。那么，這對一個移動手機(jī)應(yīng)用來說，算是一個不小的缺點(diǎn)。針對這一情況，我們暢想，假如有這樣一款應(yīng)用，會針對不同的用戶給予他所關(guān)注的信息，可供其選擇。在具象一點(diǎn)，就是假如我是一個公司的大佬，我想要關(guān)注一切有關(guān)我公司的財經(jīng)消息，輿情消息，及時的看到后有利于針對該情況去部署公司的運(yùn)作，那么，這將是一個很大的創(chuàng)新。經(jīng)過團(tuán)隊(duì)商討，與王先生的最終商討，我們將項(xiàng)目定了下來，通過多方面的洽談努力，我們試著做一款新證財經(jīng)針對中國銀行的輿情簡報的應(yīng)用。在定下這個選題后，我們團(tuán)隊(duì)內(nèi)部進(jìn)行分工，繼續(xù)接下來的工作。

二、調(diào)研和用戶體驗(yàn)分析：

在學(xué)校學(xué)習(xí)期間，我們就知道，一個好的多媒體作品離不開精心的策劃，前期的調(diào)研準(zhǔn)備，以及功能結(jié)構(gòu)分析等。這些，都是決定作品好壞的重要因素。因此，我們前期花了大量的時間去調(diào)研，這包括相類似產(chǎn)品的分析，用戶體驗(yàn)分析等等。

我們首先根據(jù)這款軟件應(yīng)用進(jìn)行了用戶調(diào)研，主要針對30-55歲之間的企業(yè)領(lǐng)導(dǎo)、企業(yè)中上層領(lǐng)導(dǎo)者以及其他關(guān)注類似信息的人員。在大范圍內(nèi)容調(diào)研后，我們又因?yàn)樾枰獙ζ髽I(yè)信息關(guān)注情況與個人定制這個模塊的信息制作，對于用戶調(diào)研內(nèi)容問題進(jìn)行追加。例如：您的生活中對于財經(jīng)類信息是否感興趣？財經(jīng)新聞的相關(guān)看法，你所關(guān)注的才精心為都有哪些方面？您希望在一款應(yīng)用中都能有哪些功能？從調(diào)研中，我們獲得有價值的用戶體驗(yàn)資料，根據(jù)我們所分析出的用戶需求。我們在個人定制這個版塊，結(jié)合調(diào)研信息，以我最想擁有的個人（企業(yè)）特有的功能總結(jié)出來。希望能給期待的用戶們帶來新的、不一樣的特殊交互體驗(yàn)。

在調(diào)研過程中，我們以兩方面為主：一是應(yīng)用的內(nèi)容結(jié)構(gòu)方面。調(diào)研過程中主要咨詢用戶都希望在給應(yīng)用中有哪些功能點(diǎn)，以及用戶想看到什么樣的信息，關(guān)注那些財經(jīng)消息等等；另一方面則是本應(yīng)用的設(shè)計(jì)制作。一件好的設(shè)計(jì)及作品是為我們的生活更好的服務(wù)，同時也需要達(dá)到舒適、實(shí)用、易用的目的。因此設(shè)計(jì)風(fēng)格以及小細(xì)節(jié)的設(shè)計(jì)都是影響作品整體的關(guān)鍵。現(xiàn)在主要有兩大主流系統(tǒng)：ios系統(tǒng)和Android系統(tǒng)。這兩種系統(tǒng)的同一應(yīng)用的設(shè)計(jì)風(fēng)格也有很大不同。而調(diào)研過程中對手機(jī)使用情況的調(diào)查，也影響著我們后期設(shè)計(jì)與制作是以那個系統(tǒng)為主。另外，針對目前比較火熱的問題——扁平化設(shè)計(jì)大戰(zhàn)擬物化設(shè)計(jì)，我們也需要進(jìn)一步調(diào)研，我們所針對的用戶一般都是企業(yè)家或者白領(lǐng)，公司職員，以及由于職業(yè)、金融、財經(jīng)等關(guān)鍵詞的影響，他們希望使用的是那種設(shè)計(jì)風(fēng)格的產(chǎn)品？是擬物化設(shè)計(jì)？還是扁平化設(shè)計(jì)？這些調(diào)研結(jié)果，都會在接下來一一解說。

三、作品中的界面設(shè)計(jì)

交互設(shè)計(jì)可以提高產(chǎn)品可用性。界面的交互設(shè)計(jì)也是纏住用戶，令用戶享受這一應(yīng)用的最大亮點(diǎn)。在一系列的調(diào)研之后，我們發(fā)現(xiàn)關(guān)注財經(jīng)類消息的用戶一般為中層人士，他們對現(xiàn)在新生的設(shè)計(jì)方式反映并不看好。如極簡主義、扁平化設(shè)計(jì)等等。相反，也許是因?yàn)榫迷谏衔坏木壒剩率顾麄兊男蕾p角度大多與身份、地位有著莫名的聯(lián)系；加上他們對金融、財經(jīng)等詞義的理解，在設(shè)計(jì)風(fēng)格上，他們更主動要求擬物化設(shè)計(jì)，界面質(zhì)感、層次的要求也更多一些。

因此，在設(shè)計(jì)界面之時，我們選擇用厚重、大氣的設(shè)計(jì)風(fēng)格。將界面添加紋理的感覺，使整體看起來厚重并有層次感。另外顏色主觀選擇了深紅或者深褐色，這也與中國銀行的LOGO色相符合，從而讓用戶感覺到時針對他們自己而專門定制的一款軟件，使用戶得到充分的視覺享受和滿足感。同時，在內(nèi)容架構(gòu)上面，我們多方探討、改進(jìn)，最終達(dá)到內(nèi)容清晰有條理，大模塊明確，使用邏輯清晰，方便用戶閱讀的目的。界面如圖一、圖二、圖三。

當(dāng)我們做完這款界面的小樣時，將其導(dǎo)入到手機(jī)中，拿去再次進(jìn)行用戶調(diào)查。當(dāng)期待已久的用戶看到這個界面時，卻有些失望的表情。細(xì)問之下，我們知道自己失誤在哪里。作為財經(jīng)新聞類的應(yīng)用，我們似乎忘了最初設(shè)計(jì)的目標(biāo)人群是企業(yè)家和中層領(lǐng)導(dǎo)。在這樣的群體中，他們大部分都有炒股或者手持股票的情況。在這種情況下，他們都會有中國股民的紅色恐懼。而且，在這種顏色的感染下，文章的閱讀會有障礙，讓人有心煩氣躁的感覺。到此，我們終于明白有些時候設(shè)計(jì)不光是靠自己的主觀想象與分析，還要充分結(jié)合現(xiàn)實(shí)情況，要做出用戶喜愛、易用、易讀的好作品來。

因此，在問題被剖析出來后，我們加緊改正。在界面顏色和風(fēng)格上做了很大的改動。如圖四、圖五、圖六。

這次修改的界面中，我們大改以往紅色深沉的界面風(fēng)格，而是以藍(lán)色的深沉穩(wěn)重代替了，使整個界面降噪，又與財經(jīng)類應(yīng)用的風(fēng)格作品相符合。并且在設(shè)計(jì)中，我們格外注意了小細(xì)節(jié)的設(shè)計(jì)。如多媒體作品中的片頭片尾的等待部分，我們采用幾張簡單大方的過場圖代替，這樣減少用戶在打開應(yīng)用程序時緩沖等待的不耐煩的感覺。其次，在功能上，更是添加了“我喜歡”這個功能點(diǎn)。這個喜歡并不是真的喜歡，而是對該條信息的關(guān)、收藏。如此一來，我們的作品得到了用戶和體驗(yàn)者的廣泛好評。

三、作品總結(jié)

這就是我們所制作的研究成果，也是我們希望能夠?yàn)槲覀償?shù)字媒體藝術(shù)產(chǎn)業(yè)發(fā)展貢獻(xiàn)一份微薄的力量。我們希望我們的這款手機(jī)應(yīng)用產(chǎn)品，能夠盡快上線，能夠讓更多的人去使用和體驗(yàn)。不管是各類專家和財經(jīng)新聞愛好者或者企業(yè)用戶對于我們產(chǎn)品的改進(jìn)意見或者建議，新的想法給予我們更新的世界，因?yàn)閯?chuàng)意沒有界限。

在現(xiàn)在多媒體應(yīng)用的市場中，交互設(shè)計(jì)的重要性已經(jīng)越來越明顯。其中展示的方法和界面的交互也是一大重點(diǎn)。我們將把我們所研究調(diào)查的項(xiàng)目運(yùn)用到以后的多媒體展示交互設(shè)計(jì)中。讓我們的作品展示不僅能在實(shí)際內(nèi)容中占據(jù)主動地位，也要在展示過程中的展示方法和功能的實(shí)用性上更勝一籌。將APP軟件應(yīng)用交互展示與新聞財經(jīng)相結(jié)合，做出企業(yè)制定版是我們基于目前APP市場上的財經(jīng)新聞報等應(yīng)用想出的新想法，結(jié)合當(dāng)下信息時代的變化，希望我們制作的這款應(yīng)用能受到大家的喜愛。同時，也促進(jìn)APP市場私人定制類型的應(yīng)用的發(fā)展，也從另一個全新的角度深入了解研究中國數(shù)字媒體產(chǎn)業(yè)中的智能移動終端移動APP應(yīng)用發(fā)展與用戶體驗(yàn)感受的結(jié)合與學(xué)習(xí)。

作為一群正在學(xué)習(xí)數(shù)字媒體產(chǎn)業(yè)豐富知識的學(xué)生來說，我們對數(shù)字媒體產(chǎn)業(yè)充滿激情，我們希望能夠?qū)W習(xí)到更新的知識，運(yùn)用我們不同的想法去進(jìn)行對于數(shù)字媒體產(chǎn)業(yè)的創(chuàng)新。而對于各大類的智能移動終端應(yīng)用我們都應(yīng)該廣泛的嘗試，從中學(xué)習(xí)到他們的優(yōu)點(diǎn)，改進(jìn)其中的缺陷。無論是從UI界面設(shè)計(jì)上還是從交互的方式上甚至是用戶體驗(yàn)的方式上都要虛心學(xué)習(xí)。因?yàn)檫@些都是屬于我們一直在努力的部分，但是同樣的，任何事物都不是完美的，對于應(yīng)用中的不足之處我們也要認(rèn)真的去發(fā)掘發(fā)現(xiàn)，并且通過思考提出自己的想法與改進(jìn)意見，讓自己能夠獲取更多更有效的知識與創(chuàng)新想法。以我們現(xiàn)在微薄的力量為這個社會做出一些力所能及的貢獻(xiàn)。

參考文獻(xiàn)

[1] 唐蕓莉.交互設(shè)計(jì)欣賞.北京：高等教育出版社，2010.

[2] 瑞寧 （Reimann R.） 克洛林 （Cronin D.） 庫伯 （Cooper A.） ， 劉松濤 （譯者） 《About Face 3：交互設(shè)計(jì)精髓 》 ；電子工業(yè)出版社； 第1版 （2008年11月1日）

[3] 諾曼 付秋芳 程進(jìn)三 著 《情感化設(shè)計(jì)》 ；電子工業(yè)出版社，2005。