資源描述:
《從用戶體驗(yàn)分析ipad用戶體驗(yàn)的交互設(shè)計(jì)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、用戶體驗(yàn)分析:iPad用戶體驗(yàn)的交互設(shè)計(jì)iPad用戶體驗(yàn)最主要體現(xiàn)在內(nèi)容和交互:淡化程序UI,以便用戶關(guān)注所需的內(nèi)容。美觀的內(nèi)容形式,富有真實(shí)感。充分利用設(shè)備的性能來(lái)增強(qiáng)內(nèi)容的交互性。支持所有方位優(yōu)秀iPad程序的其中一個(gè)重要因素是可以在所有方位上運(yùn)行。豎向的大屏幕可以滿足用戶瀏覽內(nèi)容的需求(當(dāng)豎屏幕較小時(shí),用戶就會(huì)將屏幕旋轉(zhuǎn)為橫屏幕,這樣一行就可以顯示較多的文字)。用戶不太會(huì)注意最小設(shè)備結(jié)構(gòu)(minimaldeviceframe;使用iPhone時(shí),用戶單手握住手機(jī)時(shí),屏幕多為豎向顯示;而雙手使用iPad,屏幕的顯示方位并不能確定)或者h(yuǎn)ome按鍵的位置,他們不
2、認(rèn)為設(shè)備有默認(rèn)方位。這就導(dǎo)致用戶期望程序可以在當(dāng)前方位上運(yùn)行。所以程序盡量滿足iPad各方位的運(yùn)行要求。保證以首要內(nèi)容為重點(diǎn)。當(dāng)旋轉(zhuǎn)iPad的方位時(shí),如重點(diǎn)顯示的內(nèi)容發(fā)生變化,用戶會(huì)感覺(jué)對(duì)程序失去控制。旋轉(zhuǎn)時(shí)如何顯示輔助信息或者功能。盡管能保證上一條,還要考慮如何顯示較為次要的信息。例如郵箱功能中,首要內(nèi)容時(shí)發(fā)郵件,次要內(nèi)容是聯(lián)系人和收件箱的列表。橫屏的次要內(nèi)容顯示在左邊的分視圖中豎屏的次要內(nèi)容顯示在氣泡框中。再如,橫屏?xí)r,一款游戲以長(zhǎng)方形顯示,當(dāng)旋轉(zhuǎn)到豎屏?xí)r,需要調(diào)整屏幕上的顯示區(qū)域,游戲顯示邊框的上面或者下面增加顯示空間,用于顯示輔助信息,而不是垂直拉伸顯示區(qū)
3、域來(lái)?yè)螡M整個(gè)屏幕。避免布局變化過(guò)大或者無(wú)緣由地改變。所有方位中都顯示相似的UI布局旋轉(zhuǎn)時(shí)盡可能保留信息和文本的原有格式。尤其閱讀文本時(shí),重要的是避免旋轉(zhuǎn)之后用戶找不到讀到哪兒了。如果非要對(duì)頁(yè)面重新布局,可以使用動(dòng)畫幫助用戶理解當(dāng)前頁(yè)面的變化。例如,當(dāng)旋轉(zhuǎn)時(shí)要必須增加或者移除文本框時(shí),可以選擇隱藏動(dòng)作并在新布局中簡(jiǎn)單地淡出。為了有助于合理地設(shè)計(jì)旋轉(zhuǎn)動(dòng)作,可考慮在真實(shí)的生活中是如何和它們交互的。避免使用UI元素或者定義一個(gè)旋轉(zhuǎn)的手勢(shì)來(lái)完成旋轉(zhuǎn)動(dòng)作。應(yīng)該是內(nèi)容隨著iPad的旋轉(zhuǎn)而旋轉(zhuǎn)。為每個(gè)顯示方位各提供一個(gè)啟動(dòng)圖片。比如提供1004×768和748×1024的圖片來(lái)滿
4、足兩個(gè)方位的顯示要求。仔細(xì)考慮程序是否可以在所有方位上運(yùn)行。有些程序只能在橫屏或者豎屏下顯示,此時(shí):顯示程序?yàn)檎o@示方式,無(wú)論當(dāng)前iPad是什么方位。避免使用UI元素來(lái)告知用戶旋轉(zhuǎn)設(shè)備。支持180度旋轉(zhuǎn)。可以特殊處理輸入式旋轉(zhuǎn)動(dòng)作。有些游戲把旋轉(zhuǎn)設(shè)備當(dāng)成操作方式,這時(shí)候橫豎屏切換時(shí),可不改變游戲的顯示方位。增強(qiáng)交互最好的iPad程序在用戶執(zhí)行明確的任務(wù)時(shí)提供新穎的交互方式。不要為了填滿整個(gè)大屏幕而增加一些和主要任務(wù)沒(méi)有直接關(guān)聯(lián)的功能,而是提升程序的用戶體驗(yàn)。例如讀書程序中容許用戶閱讀時(shí)如能保留路徑會(huì)提升閱讀體驗(yàn),不需要跳轉(zhuǎn)到另外一個(gè)頁(yè)面而是使用氣泡框來(lái)變更路徑。
5、程序可以讓用戶在文本中增加書簽和注釋,幫助用戶交換書目或者對(duì)比閱讀進(jìn)度。信息扁平化iPad的大屏幕和新UI元素可以顯示更多的信息,使用的得當(dāng)可以避免尋找信息時(shí)跳轉(zhuǎn)的次數(shù)過(guò)多,因此也改變iPhone的單屏顯示結(jié)構(gòu)。使用分欄。兩級(jí)的內(nèi)容同時(shí)顯示使得信息扁平化。使用氣泡框。頂部的氣泡框可以顯示控件或者工具,不必切換屏幕即可完成操作。工具欄中顯示分段控件。分段控件可以顯示并列的信息。使用標(biāo)簽欄。標(biāo)簽欄顯示不同種類信息或者是不同的程序模塊。減少全屏切換相似的視覺(jué)元素,而在某一區(qū)域變更內(nèi)容。普遍的規(guī)則是寧愿轉(zhuǎn)換單獨(dú)的視圖或者組件,也不全屏切換,保證視覺(jué)穩(wěn)定性,幫助用戶理解自己
6、所處的位置。增強(qiáng)協(xié)作和聯(lián)系用戶將iPad視為私人設(shè)備,但是它合宜的尺寸可以加強(qiáng)真實(shí)的協(xié)作和分享。真實(shí)感程序顯示和現(xiàn)實(shí)生活越為相似,用戶就越容易理解程序如何操作并喜歡使用。但也不必過(guò)于精確,通常夸張的事物看起來(lái)更為真實(shí)并能傳遞更多的意義,當(dāng)做是和用戶交流并表述程序本質(zhì)的一次機(jī)會(huì)。使用動(dòng)畫進(jìn)一步地增強(qiáng)程序的真實(shí)感。通常,動(dòng)作的真實(shí)感比程序的外觀更為重要,不符合物理規(guī)律的動(dòng)作會(huì)讓用戶感覺(jué)到迷惑。令人驚嘆的圖形高分辨率的iPad屏幕所支持豐富、美觀和動(dòng)人的圖形對(duì)用戶富有吸引力,因此可以嘗試增加程序中圖形的深度和細(xì)節(jié)。弱化界面控件通過(guò)設(shè)計(jì)程序中的UI來(lái)組織信息框架,減少控件
7、的數(shù)量和淡化顯示效果,創(chuàng)建和程序風(fēng)格相符的控件,這樣既不突出,但又易于發(fā)現(xiàn)。最少的模態(tài)對(duì)話框模態(tài)對(duì)話框打斷用戶的工作流,需用在合適的情況下:有必要吸引用戶注意力的時(shí)候。避免用戶因誤操作而導(dǎo)致的數(shù)據(jù)丟失。重新思考列表列表(也就是表視圖)在iPhone中常用于顯示大量的數(shù)據(jù)信息,在iPad也是非常有用。但是還可以使用一個(gè)更豐富的方式來(lái)顯示同樣的信息。例如:iPhone中的聯(lián)系方式是一個(gè)很有效率的列表。而在iPad中的聯(lián)系方式看起來(lái)是一個(gè)美觀的通訊錄,iPad的列表可以顯示更多的信息。多點(diǎn)觸摸大屏幕支持自定義的多點(diǎn)觸摸,即使是多人同時(shí)使用iPad,牢記不用響應(yīng)不標(biāo)準(zhǔn)的觸
8、摸手勢(shì),如