移動(dòng)應(yīng)用平臺(tái)交互設(shè)計(jì)方案專(zhuān)題培訓(xùn)課件_第1頁(yè)
移動(dòng)應(yīng)用平臺(tái)交互設(shè)計(jì)方案專(zhuān)題培訓(xùn)課件_第2頁(yè)
移動(dòng)應(yīng)用平臺(tái)交互設(shè)計(jì)方案專(zhuān)題培訓(xùn)課件_第3頁(yè)
移動(dòng)應(yīng)用平臺(tái)交互設(shè)計(jì)方案專(zhuān)題培訓(xùn)課件_第4頁(yè)
移動(dòng)應(yīng)用平臺(tái)交互設(shè)計(jì)方案專(zhuān)題培訓(xùn)課件_第5頁(yè)
已閱讀5頁(yè),還剩32頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

目錄移動(dòng)交互基本原則移動(dòng)視覺(jué)展示基本原則移動(dòng)交互的變化和趨勢(shì)移動(dòng)視覺(jué)展示的變化和趨勢(shì)交互評(píng)估移動(dòng)信息時(shí)代應(yīng)用類(lèi)型特征為三種:一是效率型應(yīng)用

例如,iPhone、HTC等智能手機(jī)應(yīng)用。二是實(shí)用型應(yīng)用

例如,Pad、iPad等平板電腦應(yīng)用。三是沉浸型應(yīng)用

例如,筆記本、臺(tái)式機(jī)等應(yīng)用。移動(dòng)交互基本原則移動(dòng)交互基本原則在用戶(hù)執(zhí)行明確的任務(wù)時(shí),我們應(yīng)該提供新穎、簡(jiǎn)潔、明了的交互方式,不要為了填滿(mǎn)整個(gè)屏幕而增加一些與主要任務(wù)沒(méi)有直接關(guān)聯(lián)的功能,不要為了功能而功能,或者是為了大而全地展示產(chǎn)品功能,而是應(yīng)該提升產(chǎn)品的用戶(hù)體驗(yàn)和性能。增強(qiáng)交互直接操作的好處是當(dāng)用戶(hù)可以直接操作對(duì)象時(shí),他們能更好的明白自己操作的結(jié)果;讓用戶(hù)(而不是產(chǎn)品)來(lái)觸發(fā)和控制動(dòng)作,要使動(dòng)作簡(jiǎn)單、直接,使用戶(hù)可以容易的理解和記?。徊徽撊魏螘r(shí)候,只要有可能,就使用用戶(hù)已經(jīng)熟悉的標(biāo)準(zhǔn)控制和行為;為了在產(chǎn)品里加強(qiáng)直接操作的感覺(jué),我們要確保:當(dāng)用戶(hù)在屏幕上操作對(duì)象時(shí),那些對(duì)象仍是可見(jiàn)的;用戶(hù)操作的結(jié)果要立即可見(jiàn),即所見(jiàn)即所得。簡(jiǎn)單、直接的操作移動(dòng)交互基本原則豎向的大屏幕可以滿(mǎn)足大部分用戶(hù)常用瀏覽內(nèi)容的需求,但當(dāng)豎屏較小時(shí),用戶(hù)就會(huì)將屏幕旋轉(zhuǎn)為橫屏,因?yàn)檫@樣可以使用戶(hù)瀏覽較多的信息??紤]到有些產(chǎn)品只能在橫屏或豎屏下顯示,所以顯示產(chǎn)品為正常顯示方式,無(wú)論當(dāng)前移動(dòng)設(shè)備是什么方位。避免使用UI元素來(lái)告知用戶(hù)旋轉(zhuǎn)設(shè)備(支持180°旋轉(zhuǎn)。)。支持全方位操作在長(zhǎng)時(shí)操作中,當(dāng)用戶(hù)操作時(shí),他們需要及時(shí)的反饋和狀態(tài)報(bào)告。產(chǎn)品應(yīng)該提供一些可見(jiàn)的變化,這些變化根據(jù)每個(gè)用戶(hù)的動(dòng)作而變化。增強(qiáng)反饋和交流移動(dòng)交互基本原則在有嚴(yán)重的問(wèn)題或者重大操作發(fā)生時(shí),可以使用聲音來(lái)提示用戶(hù),但是通常應(yīng)該允許用戶(hù)取消聲音。除非特別必要時(shí),不要提供聲音反饋如果按鍵布局過(guò)于擁擠,用戶(hù)就要小心翼翼地花更多時(shí)間去操作,那么錯(cuò)誤也會(huì)緊接而來(lái)。簡(jiǎn)潔易用的界面空間必須合理地控制按鈕布局和交互元素,讓用戶(hù)更快更容易點(diǎn)擊。提供指尖大小的點(diǎn)擊區(qū)域相似的視覺(jué)元素,而只在某一區(qū)域變更內(nèi)容。普遍的規(guī)則是寧愿轉(zhuǎn)換單獨(dú)的視圖或者組件,也不要進(jìn)行全屏切換,以保證用戶(hù)的視覺(jué)穩(wěn)定性,幫助用戶(hù)理解自己所處的位置。減少全屏切換移動(dòng)交互基本原則通過(guò)設(shè)計(jì)產(chǎn)品中的UI來(lái)組織信息框架,減少控件的數(shù)量和淡化顯示效果,創(chuàng)建和產(chǎn)品風(fēng)格相符的控件,這樣即不突出,但又易于發(fā)現(xiàn)。這樣就能夠讓用戶(hù)注意力能夠集中其所要做的工作中,而當(dāng)用戶(hù)需要改變工作狀態(tài)時(shí),也能夠立即找到相應(yīng)控件進(jìn)行改變工作狀態(tài)。弱化界面控件移動(dòng)設(shè)備的屏幕一般支持自定義的多點(diǎn)觸摸,但也要不用響應(yīng)不標(biāo)準(zhǔn)的觸摸手勢(shì),如果有也只有一種方式來(lái)執(zhí)行操作命令。多點(diǎn)觸控在合理的情況下,應(yīng)盡可能地減少輸入,直接為用戶(hù)提供選項(xiàng);或者通過(guò)語(yǔ)音輸入、聲紋識(shí)別等新技術(shù),為用戶(hù)提供更便捷的輸入模式。減少輸入移動(dòng)交互基本原則浮動(dòng)窗口可以顯示控件或者工具,不必切換屏幕即可完成操作。但是由于移動(dòng)設(shè)備產(chǎn)品各自屏幕大小均不一樣,所以在設(shè)計(jì)過(guò)程根據(jù)實(shí)際情況進(jìn)行調(diào)整,原則上則是使用浮動(dòng)窗口顯示控件或工具。浮動(dòng)窗口和模態(tài)視圖有些相似,當(dāng)浮動(dòng)窗口顯示時(shí),不能操作主視圖。但模態(tài)視圖是模態(tài)的,然而浮動(dòng)窗口可以用在兩種途徑:模態(tài):浮動(dòng)窗口出現(xiàn)時(shí),周?chē)慕缑娴枰粋€(gè)明確的操作取消;非模態(tài):點(diǎn)擊浮動(dòng)窗口周?chē)慕缑嬉部梢匀∠?dòng)窗口。如果在移動(dòng)設(shè)備中使用了模態(tài)視圖,可以考慮可以浮動(dòng)窗口替代它。以下情況下可以幫助我們決定浮動(dòng)窗口的使用是否合理:是否需要不同類(lèi)型的輸入?是否需要用戶(hù)穿過(guò)多級(jí)視圖?可能在主視圖操作才可以完成任務(wù)嗎?任務(wù)需要用戶(hù)深度投入并且是程序的一個(gè)主要功能?使用浮動(dòng)窗口(Popovers)移動(dòng)交互基本原則產(chǎn)品程序啟動(dòng)時(shí)用戶(hù)無(wú)須等待即可開(kāi)始操作。啟動(dòng)圖片中顯示品牌信息是容許的,如果非要使用啟動(dòng)畫(huà)面,明確顯示時(shí)候不應(yīng)過(guò)長(zhǎng)并且無(wú)需用戶(hù)進(jìn)行任何交互。移動(dòng)設(shè)備一般都有“Home”鍵,產(chǎn)品在用戶(hù)按“Home”鍵之后,則需要做到以下兩點(diǎn):盡快和合理地保存數(shù)據(jù);退出時(shí)保存界面的每一個(gè)細(xì)節(jié)。立即啟動(dòng)和隨時(shí)準(zhǔn)備停止另外,我們也要注意用戶(hù)也不是想像中那么傻的,不要一味提醒他們?nèi)绾尾僮鳎◣椭蕉嗾f(shuō)明產(chǎn)品越難用),在設(shè)計(jì)時(shí)應(yīng)該關(guān)注如何更有效地引導(dǎo)用戶(hù)集中精力快速完成任務(wù)。避免不必要的交互移動(dòng)視覺(jué)展示基本原則移動(dòng)視覺(jué)展示基本原則較少的信息層級(jí)關(guān)系,用戶(hù)通過(guò)操作跳轉(zhuǎn)較少的頁(yè)面即能找到想要的信息。如果產(chǎn)品展示部分設(shè)計(jì)得當(dāng)可以避免用戶(hù)尋找信息時(shí)跳轉(zhuǎn)的次數(shù)過(guò)多,減少用戶(hù)的流失和界面的復(fù)雜度。信息扁平化所有方位中都顯示相似的界面布局,旋轉(zhuǎn)時(shí)盡可能保留信息內(nèi)容或文本的原有樣式,尤其在用戶(hù)閱讀、瀏覽信息內(nèi)容時(shí),重要的是避免旋轉(zhuǎn)后用戶(hù)找不到瀏覽到哪里了。如果非要對(duì)信息內(nèi)容重新布局,最好可以使用動(dòng)畫(huà)、提示等幫助用戶(hù)理解當(dāng)前信息內(nèi)容的變化。避免布局變化過(guò)大或者無(wú)緣無(wú)故的改變當(dāng)用戶(hù)旋轉(zhuǎn)移動(dòng)設(shè)備的方位時(shí),如果重點(diǎn)顯示的內(nèi)容發(fā)生變化,就會(huì)使用戶(hù)感覺(jué)對(duì)產(chǎn)品失去控制,所以我們?cè)谠O(shè)計(jì)時(shí)得保證首要內(nèi)容。旋轉(zhuǎn)屏幕時(shí)保證首要內(nèi)容為重點(diǎn)移動(dòng)視覺(jué)展示基本原則應(yīng)該是信息內(nèi)容隨著移動(dòng)設(shè)備的旋轉(zhuǎn)而旋轉(zhuǎn)。避免使用UI元素或者定義一個(gè)旋轉(zhuǎn)手勢(shì)來(lái)完成旋轉(zhuǎn)動(dòng)作分段控件可以顯示并列的信息,使用戶(hù)在第一時(shí)間顯示更多的信息,以便于用戶(hù)在初始階段就能得到用戶(hù)所要的關(guān)鍵信息。工具欄中顯示分段控件例如,提供1004×768和748×1024的圖片來(lái)滿(mǎn)足兩個(gè)方位的顯示要求。為每個(gè)顯示方位各提供一個(gè)啟動(dòng)圖片或動(dòng)畫(huà)標(biāo)簽欄顯示不同種類(lèi)信息或者是不同的產(chǎn)品模塊,是提供一個(gè)界面來(lái)導(dǎo)航不同視圖。使用標(biāo)簽欄移動(dòng)視覺(jué)展示基本原則移動(dòng)設(shè)備的屏幕一般都支持豐富、美觀和動(dòng)人的UI設(shè)計(jì),因此我們可以嘗試增加產(chǎn)品中產(chǎn)品UI的深度和細(xì)節(jié)。整體視覺(jué)效果分段控件可以顯示并列的信息,使用戶(hù)在第一時(shí)間顯示更多的信息,以便于用戶(hù)在初始階段就能得到用戶(hù)所要的關(guān)鍵信息。工具欄中顯示分段控件列表(也就是表視圖)在移動(dòng)設(shè)備中常用于顯示大量的數(shù)據(jù)信息,但可以使用一個(gè)更豐富的方式來(lái)顯示同樣的信息。例如:一般手機(jī)中的聯(lián)系方式是一個(gè)列表,而在iPad中的聯(lián)系方式看起來(lái)是一個(gè)美觀的通訊錄,iPad的列表可以顯示更多的信息。重新思考列表移動(dòng)視覺(jué)展示基本原則雖然在啟動(dòng)屏、登錄屏或產(chǎn)品介紹欄目中出現(xiàn)公司或產(chǎn)品名稱(chēng)及Logo是完全可以接受的,但是在其他窗口中的可用空間應(yīng)該出現(xiàn)其產(chǎn)品內(nèi)容。如果沒(méi)有其他內(nèi)容,則應(yīng)盡量使窗口小一些。不要到處粘貼公司或產(chǎn)品的名稱(chēng)及Logo用熟悉的隱喻為用戶(hù)的任務(wù)提供直接而直觀的界面;但是我們?cè)谠O(shè)計(jì)過(guò)程中,也不需要將基于產(chǎn)品的實(shí)現(xiàn)局限于真實(shí)世界的對(duì)應(yīng)物上范圍內(nèi);隱喻支持用戶(hù)認(rèn)知而不是記憶。隱喻效果移動(dòng)交互的變化和趨勢(shì)移動(dòng)交互的變化和趨勢(shì)基于動(dòng)作的交互技術(shù)使得電腦可以識(shí)別人類(lèi)的行為與動(dòng)作。比如現(xiàn)在基于動(dòng)作的系統(tǒng)能解讀人類(lèi)面部表情,或者手部動(dòng)作所隱含的意思。動(dòng)作可以充當(dāng)人機(jī)交流時(shí)更無(wú)縫的一種方式,例如iPhonebump這個(gè)軟件,能讓兩個(gè)人通過(guò)“碰”一下來(lái)交換聯(lián)系信息。這個(gè)動(dòng)作和碰見(jiàn)某人、交換名片類(lèi)似,這種交互方式對(duì)于最終用戶(hù)來(lái)說(shuō)感覺(jué)很自然。其實(shí)這些是應(yīng)用了移動(dòng)設(shè)備本身的LBS和重力感應(yīng),實(shí)現(xiàn)“碰撞”設(shè)備交互數(shù)據(jù),其它還可以應(yīng)用到如通訊錄、照片和應(yīng)用程序等等范圍?;趧?dòng)作的交互技術(shù)移動(dòng)交互的變化和趨勢(shì)語(yǔ)音是較早就進(jìn)行的一種自然交互技術(shù),語(yǔ)音撥號(hào)、語(yǔ)音命令控制、簡(jiǎn)單的數(shù)據(jù)輸入等工具已經(jīng)開(kāi)始在一些移動(dòng)設(shè)備中使用。利用語(yǔ)音識(shí)別技術(shù),用戶(hù)通過(guò)語(yǔ)音輸入來(lái)拓寬移動(dòng)設(shè)備輸入的窄道,而語(yǔ)音的信息反饋則使用戶(hù)可以使用除視覺(jué)之外的第二感覺(jué)通道來(lái)接收信息?;谡Z(yǔ)音的交互移動(dòng)交互的變化和趨勢(shì)前年推出的一些WikitudeTravelGuide軟件除了象現(xiàn)在這樣在一個(gè)俯瞰圖上疊一個(gè)路線(xiàn)圖,并且在用戶(hù)即時(shí)實(shí)拍的影象上顯示地理導(dǎo)航信息,并設(shè)備合成與真實(shí)環(huán)境相關(guān)的實(shí)時(shí)信息(現(xiàn)實(shí)增強(qiáng)技術(shù)的潛在功能之一)?,F(xiàn)實(shí)增強(qiáng)技術(shù)的應(yīng)用當(dāng)然不限于導(dǎo)航,例如iPhone手機(jī)上的Yelp軟件能滾動(dòng)顯示你針對(duì)當(dāng)前正在拍攝的酒店的顧客評(píng)價(jià);諾基亞手機(jī)上的PointandFind能讓用戶(hù)馬上檢索相關(guān)信息,用戶(hù)僅需要把手機(jī)的攝相頭對(duì)準(zhǔn)檢索對(duì)象即可來(lái)。在其它領(lǐng)域,增強(qiáng)現(xiàn)實(shí)也可以得到較多的應(yīng)用,例如:教育:網(wǎng)絡(luò)課堂上建立學(xué)生與教師在顯示器前的直接互動(dòng);醫(yī)療:醫(yī)生們可以用增強(qiáng)現(xiàn)實(shí)來(lái)遠(yuǎn)程指導(dǎo)病人解決問(wèn)題。現(xiàn)實(shí)增強(qiáng)技術(shù)

移動(dòng)交互的變化和趨勢(shì)要盡量充分地利用相關(guān)服務(wù)的技術(shù)能力,對(duì)用戶(hù)在上下操作環(huán)境中的各方面特征進(jìn)行更加細(xì)微準(zhǔn)確的了解與分析??紤]對(duì)用戶(hù)的地理位置信息、工作計(jì)劃、任務(wù)安排、會(huì)議行程、行事歷、微博feed、Gmail賬戶(hù)等中的訂閱、提醒服務(wù)、通訊錄等進(jìn)行合理合法的利用,使產(chǎn)品應(yīng)用能夠?yàn)橛脩?hù)提供更加智能、更加個(gè)性化的內(nèi)容及功能。目前的一些些智能化只是局限于表象,也僅僅是初級(jí)階段,而產(chǎn)品的真正智能化則在于產(chǎn)品自身的特性,例如下一代智能分析將從傳統(tǒng)的離線(xiàn)分析轉(zhuǎn)向在線(xiàn)嵌入式分析。用戶(hù)可以從分析歷史數(shù)據(jù)來(lái)解釋發(fā)生了什么,到對(duì)歷史和來(lái)自多種系統(tǒng)的實(shí)時(shí)數(shù)據(jù)進(jìn)行即時(shí)分析以模擬和預(yù)測(cè)未來(lái)。下一代智能分析會(huì)在第三維度上成熟,從由個(gè)別進(jìn)行的結(jié)構(gòu)和簡(jiǎn)單的數(shù)據(jù)分析移向來(lái)自眾多系統(tǒng)對(duì)多種類(lèi)型的復(fù)雜信息的分析。這就需要有云計(jì)算、大數(shù)據(jù)、內(nèi)存計(jì)算甚至是物聯(lián)網(wǎng)等技術(shù)去支撐。智能化與個(gè)性化的交互移動(dòng)交互的變化和趨勢(shì)例如Zite的內(nèi)容閱讀類(lèi)應(yīng)用,它會(huì)讀取用戶(hù)在GoogleReader、Twitter和Delicious賬戶(hù)中的內(nèi)容信息,分析用戶(hù)的個(gè)人喜好,并在此基礎(chǔ)上向用戶(hù)推薦其他內(nèi)容源當(dāng)中的相關(guān)文章。例如讓用戶(hù)試著在這款應(yīng)用中授權(quán)其Delicious賬戶(hù),五秒鐘之內(nèi),它就完成了對(duì)用戶(hù)曾經(jīng)收藏過(guò)的文章的分析,并基于用戶(hù)的興趣方向生成了一本完全個(gè)性化的雜志,讓用戶(hù)可以閱讀到更多感興趣的新文章。智能化與個(gè)性化的交互移動(dòng)交互的變化和趨勢(shì)隨著傳感器和智能被添加到像連接到因特網(wǎng)上的移動(dòng)設(shè)備這樣的物理器件中,互聯(lián)網(wǎng)的擴(kuò)展要素包括嵌入式傳感器、圖像識(shí)別、信息短距離相互傳輸和近距離無(wú)信通信(NFC)支付等,使得移動(dòng)設(shè)備中數(shù)據(jù)可以像物品一樣被隨時(shí)隨地的交換,包括用戶(hù)的身份信息。近距離無(wú)信通信(NFC)讓用戶(hù)在一個(gè)兼容的讀卡器前揮一下他們的手機(jī)就可以完成付款。一般移動(dòng)設(shè)備自帶的NFC功能,包含用戶(hù)各種卡類(lèi)信息,從而可以取代用戶(hù)的銀行卡、飯卡、公交卡和門(mén)卡等等。與物聯(lián)網(wǎng)結(jié)合的交互移動(dòng)交互的變化和趨勢(shì)觸屏移動(dòng)設(shè)備通過(guò)對(duì)手指劃動(dòng)屏幕的手勢(shì)進(jìn)行識(shí)別,來(lái)完成與移動(dòng)設(shè)備的交互。但是由于識(shí)別技術(shù)的限制,可用的手勢(shì)種類(lèi)不多,隨著其他計(jì)算視覺(jué)等技術(shù)在手機(jī)上的成熟運(yùn)用,則手勢(shì)識(shí)別會(huì)有更大的發(fā)展。類(lèi)似的例如PalmPre有一個(gè)手勢(shì)感應(yīng)板能識(shí)別手指的滑動(dòng)方式,從右到左意味著后退,把一應(yīng)用從屏幕丟出去意味著退出、緩緩向上拖動(dòng)意味著喚醒全局導(dǎo)航。手勢(shì)交互移動(dòng)交互的變化和趨勢(shì)裸眼3D技術(shù)裸眼3D技術(shù)是利用前置攝像頭探測(cè)用戶(hù)和設(shè)備的相對(duì)位置,在屏幕上顯示立體化的圖形,不需要戴眼鏡可以看到3D的效果。攝像頭交互技術(shù)攝像頭的潛力同樣越來(lái)越讓人開(kāi)始關(guān)注,除了拍照和拍視頻還有很多料想不到的功能,比如類(lèi)似于kinect的操作,在屏幕上方移動(dòng)手掌可以操作移動(dòng)設(shè)備、GalaxyNexus的臉部識(shí)別功能等。虛擬現(xiàn)實(shí)表情識(shí)別空間動(dòng)作交互智能的各種表面技術(shù)其它一些新興的交互技術(shù)移動(dòng)視覺(jué)展示的變化和趨勢(shì)移動(dòng)視覺(jué)展示的變化和趨勢(shì)采用流體布局,而不是固定寬度,這樣更多的樣式表被查詢(xún)?cè)O(shè)備選擇——網(wǎng)頁(yè)能夠隨著不同設(shè)備屏幕的變化而自適應(yīng)變化,從而使得不同屏幕尺寸的設(shè)備都能夠擁有完美的顯示。通過(guò)對(duì)不同的瀏覽器寬度用不同的CSS來(lái)進(jìn)行渲染,能夠控制在不同寬度下個(gè)元素的表現(xiàn)效果。增強(qiáng)適配性,平面化的圖形便于橫向拉伸,分辨率增大的同時(shí),頂部可以由兩欄合并為一欄,手機(jī)和平板可以使用同一個(gè)程序,所以應(yīng)用程序?qū)⒏嗟目紤]高分辨率的顯示效果,而不是簡(jiǎn)單的欄目自適應(yīng)拉伸,去刻意填滿(mǎn)屏幕,故今后的相關(guān)設(shè)計(jì)中,則應(yīng)充分考慮到欄目的合并或平行化。響應(yīng)式界面設(shè)計(jì)(有虛擬化桌面的傾向,并且逐漸達(dá)到一個(gè)產(chǎn)品均適應(yīng)不同設(shè)備平臺(tái),即多平臺(tái)、多設(shè)備瀏覽的統(tǒng)一)移動(dòng)視覺(jué)展示的變化和趨勢(shì)自WP7使用Metro風(fēng)格之后,Windows8為代表的界面會(huì)將這種新興設(shè)計(jì)風(fēng)格推向主流,Metro的特點(diǎn)就是簡(jiǎn)潔與直觀,沒(méi)有過(guò)分華麗的炫目背景與精致的功能圖標(biāo)。Android4.0系統(tǒng)的視覺(jué)設(shè)計(jì),放棄了原有的設(shè)計(jì)風(fēng)格,整體正在向平面化、格子風(fēng)的設(shè)計(jì)方向進(jìn)化,雖然沒(méi)有那么強(qiáng)烈的Metro設(shè)計(jì)風(fēng)格,但是這足以可以體現(xiàn)Metro風(fēng)格的影響力。平面化、格子化視覺(jué)風(fēng)格移動(dòng)視覺(jué)展示的變化和趨勢(shì)部分移動(dòng)應(yīng)用由于發(fā)展時(shí)間比較長(zhǎng),已經(jīng)變得有些臃腫,默認(rèn)的五個(gè)標(biāo)簽欄已經(jīng)滿(mǎn)足不了架構(gòu)需求。類(lèi)似Pad的側(cè)邊欄越來(lái)越多出現(xiàn)在手機(jī)界面設(shè)計(jì),有助于減少界面的層級(jí)關(guān)系,充分利用顯示空間,或者讓目錄型數(shù)據(jù)便于在較低分辨率的界面中操作。側(cè)邊欄可以保證視覺(jué)的穩(wěn)定性,如果和界面操作不沖突的話(huà),可以依靠左右滑動(dòng)手勢(shì)調(diào)出側(cè)邊欄,提升操作效率。側(cè)邊欄也可以放置操作按鈕,但可能會(huì)導(dǎo)致界面看起來(lái)顯得擁擠,更多的側(cè)邊欄樣式及應(yīng)用場(chǎng)景還需要根據(jù)實(shí)際產(chǎn)品應(yīng)用情況不斷地進(jìn)行嘗試。側(cè)邊欄菜單移動(dòng)視覺(jué)展示的變化和趨勢(shì)動(dòng)態(tài)效果設(shè)計(jì)和交互視覺(jué)都息息相關(guān),是一種動(dòng)態(tài)交互行為的用戶(hù)反饋特效。優(yōu)秀的動(dòng)態(tài)效果設(shè)計(jì),能夠增加用戶(hù)交互的親和力和趣味性,提升產(chǎn)品的用戶(hù)體驗(yàn)。動(dòng)態(tài)效果會(huì)被越來(lái)越多的平臺(tái)軟件應(yīng)用,移動(dòng)設(shè)備硬件的提升,給動(dòng)態(tài)效果體驗(yàn)設(shè)計(jì)帶來(lái)了展示的機(jī)會(huì),給軟件產(chǎn)品的用戶(hù)體驗(yàn)升級(jí)提供了更大的空間。動(dòng)態(tài)效果(媒體化效果之一,現(xiàn)階段往往是使用在產(chǎn)品功能之間的轉(zhuǎn)換)移動(dòng)視覺(jué)展示的變化和趨勢(shì)動(dòng)態(tài)效果設(shè)計(jì)和交互視覺(jué)都息息相關(guān),是一種動(dòng)態(tài)交互行為的用戶(hù)反饋特效。優(yōu)秀的動(dòng)態(tài)效果設(shè)計(jì),能夠增加用戶(hù)交互的親和力和趣味性,提升產(chǎn)品的用戶(hù)體驗(yàn)。動(dòng)態(tài)效果會(huì)被越來(lái)越多的平臺(tái)軟件應(yīng)用,移動(dòng)設(shè)備硬件的提升,給動(dòng)態(tài)效果體驗(yàn)設(shè)計(jì)帶來(lái)了展示的機(jī)會(huì),給軟件產(chǎn)品的用戶(hù)體驗(yàn)升級(jí)提供了更大的空間。而Foursquare和Gowalla會(huì)在合適的時(shí)機(jī),提醒你可以執(zhí)行某個(gè)操作。某個(gè)按鈕挪了位置,快速去添加好友,開(kāi)始簽到并與好友分享圖片。通過(guò)這樣一種Tips告知的形式,讓用戶(hù)關(guān)注到系統(tǒng)的狀態(tài),引導(dǎo)用戶(hù)可以繼續(xù)走向哪里,可以啟動(dòng)很好的幫助用戶(hù)熟悉應(yīng)用的作用。合理的用戶(hù)引導(dǎo)移動(dòng)視覺(jué)展示的變化和趨勢(shì)產(chǎn)品的定位和核心功能決定了主界面的布局,對(duì)于不同信息架構(gòu)的產(chǎn)品,主界面會(huì)有很大的不同,但是要使產(chǎn)品從同類(lèi)產(chǎn)品的相似界面中脫穎而出只有使用戶(hù)專(zhuān)注。從主界面點(diǎn)擊超過(guò)三次才能操作的功能被使用機(jī)率則非常低,普通用戶(hù)不會(huì)樂(lè)于使用深層界面被掩藏的功能。同樣,也有數(shù)據(jù)表明,在界面上突出某項(xiàng)功能的視覺(jué)特征,會(huì)提高用戶(hù)使用該功能的機(jī)率;對(duì)具有“利用碎片化時(shí)間”和“顯示區(qū)域較小”特征的移動(dòng)應(yīng)用來(lái)說(shuō),讓用戶(hù)在多個(gè)功能按鈕中進(jìn)行選擇,也會(huì)成為影響用戶(hù)體驗(yàn)的因素。另一個(gè)影響視覺(jué)設(shè)計(jì)的因素是:設(shè)計(jì)的重點(diǎn)與單個(gè)功能的使用率。突出主要功能(或者產(chǎn)品定義的核心)移動(dòng)視覺(jué)展示的變化和趨勢(shì)提到在移動(dòng)設(shè)備的小空間內(nèi)展示大量核心功能,F(xiàn)acebook的第一版就做的非常到位。當(dāng)然,這里指的是展示所有信息和擁有直觀的界面。3.0與之相比,你會(huì)發(fā)現(xiàn)它使用“跳板”的方式來(lái)簡(jiǎn)化界面,既保持了直觀又維護(hù)了功能。又例如Flickr對(duì)功能、視覺(jué)設(shè)計(jì)和小屏幕移動(dòng)設(shè)備顯示這三者間平衡上的處理同樣出色。Flickr的核心是照片,它的用戶(hù)或許不希望看到又大又笨的導(dǎo)航,用戶(hù)明確想要的是照片。Flickr已經(jīng)設(shè)法調(diào)整核心功能,去掉那些標(biāo)題和導(dǎo)航(而事實(shí)上,很多導(dǎo)航元素已經(jīng)在照片本身的交互上實(shí)現(xiàn)了)。簡(jiǎn)化界面移動(dòng)視覺(jué)展示的變化和趨勢(shì)移動(dòng)設(shè)備的屏幕越來(lái)越大,但還是要減少不必要視覺(jué)元素干擾用戶(hù),特別是對(duì)于瀏覽類(lèi)產(chǎn)品,更注重?cái)U(kuò)大主體顯示區(qū)域。目前有一些移動(dòng)設(shè)備上的瀏覽器將地址欄放置底部,增加顯示空間,同時(shí)讓用戶(hù)的操作集中在界面底部。又例如百度手機(jī)瀏覽器WP7版單指滑動(dòng)工具欄可以縮放頁(yè)面,這也是動(dòng)效的應(yīng)用案例之一,目的同樣也是為了擴(kuò)大主體顯示區(qū)域。全局顯示移動(dòng)視覺(jué)展示的變化和趨勢(shì)一些應(yīng)用把界面設(shè)計(jì)成層,利用i

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論