午夜大片爽爽爽免费影院丨色综合色综合久久综合频道88丨日韩人妻无码中文字幕视频丨一本无码久本草在线中文字幕dvd丨国产午夜亚洲精品国产成人

橫豎屏切換中的界面設(shè)計與體驗提升

2012/9/7 9:05:41   閱讀:2660    發(fā)布者:2660

Youtube的移動應(yīng)用是一個很典型的案例。在豎屏模式中,視頻窗口較小,但相關(guān)信息比較豐富;而在橫屏模式下,視頻展開為全屏,并向用戶提供了更加全面的播放控制功能。當視頻播放結(jié)束后,界面模式會自動切換到豎屏狀態(tài),籍此提示用戶調(diào)轉(zhuǎn)設(shè)備并通過更全面的導(dǎo)航和信息索引來瀏覽其他視頻。

不過在有些時候,第二顯示模式也會給用戶帶來迷惑。以CardMunch為例(LinkedIn推出的名片掃描及瀏覽工具),其橫屏模式會將之前整個列表形式的界面改變成為“旋轉(zhuǎn)木馬”視圖。(相關(guān)閱讀:iOS用戶體驗解析 - 空間模型與旋轉(zhuǎn)木馬視圖)

這個橫屏界面中缺少關(guān)于定向切換的視覺提示,橫豎屏切換中的界面設(shè)計與體驗提升,而且其中幾乎沒有提供任何功能操作,用戶無法添加或編輯名片,只能瀏覽并進入詳情界面。特別是如果用戶在一開始就以橫屏方式打開的應(yīng)用,那么在缺乏引導(dǎo)與提示的情況下,他們很有可能無法發(fā)現(xiàn)豎屏模式的界面及相應(yīng)的內(nèi)容與功能。

設(shè)計模式
設(shè)備的定向方式被改變之后,應(yīng)該以怎樣的方式呈現(xiàn)新的視圖呢?我們總結(jié)出了四種常見的設(shè)計模式。

液態(tài)
類似網(wǎng)頁設(shè)計中的液態(tài)布局方式。按照新的顯示規(guī)格,對界面元素的位置及尺寸進行響應(yīng)式的調(diào)整。具有代表性的產(chǎn)品案例包括Skype及Pocket應(yīng)用。

擴展
在這種模式中,界面會根據(jù)屏幕定向方式的變化而增加或減少布局元素(通常是導(dǎo)航)。例如IMDb的iPad應(yīng)用會在橫評模式下增加一個左側(cè)導(dǎo)航列表,而在豎屏狀態(tài)時,用戶可以點擊界面當中的“全部作品”展開這個列表。

對于這類應(yīng)用,其自身的內(nèi)容與功能不應(yīng)該隨著顯示模式的切換而增減——需要調(diào)整的是一些關(guān)鍵界面元素的呈現(xiàn)方式。不要讓用戶必須保持某種定向方式才能獲取特定的內(nèi)容與功能。

互補
兩種顯示模式當中的內(nèi)容形式可以是彼此互補和輔助的關(guān)系。以金融類的應(yīng)用為例,在豎屏狀態(tài)下,信息可以通過普通的數(shù)據(jù)列表形式呈現(xiàn),而調(diào)轉(zhuǎn)屏幕之后,可以充分利用新的界面寬度,以統(tǒng)計圖表的形式展示數(shù)據(jù)。

延伸
第二顯示模式可以作為默認狀態(tài)的功能延伸與強化。舉個簡單的例子,對于遙控器類的應(yīng)用,豎屏狀態(tài)的默認界面中可以包含一些最基本的功能與頻道信息;而在橫屏狀態(tài)下,用戶不僅能查看到各頻道完整的節(jié)目排期,而且同樣可以在這個視圖當中執(zhí)行頻道切換、設(shè)定錄像時間等操作。

確定默認的定向方式
Above & Beyond是iPad上的一款交互式電子書。它擁有橫、豎兩種顯示模式,其中豎屏模式提供更大的、細節(jié)質(zhì)量更高的作品視圖,不過只有在橫屏狀態(tài)時才會默認顯示“返回主菜單”、“評論”一類的互動功能。

然而對于iPad來說,豎屏才是其的默認定向方式。所以當用戶第一次在豎屏狀態(tài)下打開應(yīng)用時,系統(tǒng)會提示用戶通過點擊屏幕來調(diào)出相關(guān)的功能——設(shè)計師在這一點上考慮的非常周全。

不過對于Andorid以及Windows 8的平板,以及BlackBerry的Playbook來說,它們的默認定向方式是橫屏。那么在這些設(shè)備中,界面顯示模式的策略及相關(guān)引導(dǎo)提示就需要發(fā)生相應(yīng)的變化了——我們要確保默認顯示模式當中的內(nèi)容與功能符合目標設(shè)備自身默認定向方式的特點。

主站蜘蛛池模板: 国产交换配偶在线视频| 欧美激情一区二区成人| 小罗莉极品一线天在线| 国产高潮国产高潮久久久| 日日躁夜夜躁狠狠躁夜夜躁| 久久精品亚洲中文无东京热| 亚洲最大av一区二区三区| 国产永久免费高清在线观看| 欧洲一卡2卡3卡4卡国产| 国产裸体美女视频全黄扒开| 日韩精品内射视频免费观看| 久久99精品国产99久久| 996热re视频精品视频这里| 色香欲天天影视综合网| 亚洲国产精品一区二区www| 嫩草研究院久久久精品| 国产午夜福利精品一区| 国产真实高潮太爽了| 国产成人精品无码专区| 伊人成伊人成综合网222| 无码av动漫精品一区二区免费 | 亚洲曰韩欧美在线看片| 精品人妻av区波多野结衣| 国产成人无码午夜福利在线直播| 精品国产精品久久一区免费式| 国产欧美视频综合二区| 精品久久久久久久无码| 男人用嘴添女人下身免费视频| 97超级碰碰人妻中文字幕| 午夜福利小视频400| 八个少妇沟厕小便漂亮各种大屁股 | 成在线人av免费无码高潮喷水| 国产精品一区二区久久乐下载| 久久无码中文字幕久久无码app| 欧美大胆作爱视频欣赏人体| 精品成人免费一区二区不卡| 亚洲精品无码久久久久| 久久av无码αv高潮αv喷吹| 久久av无码精品人妻系列果冻| 亚洲一区av在线观看| 十八禁午夜福利免费网站|