免费人妻精品一区二区三区-人人玩人人添人人澡东莞-很黄很色很污18禁免费-视频一区二区三区四区五区-久久99精品久久久久久9-国产97色在线 | 国-伊人七七-已婚少妇美妙人妻系列-欧美俄罗斯乱妇-奇米在线-国产精品99久久精品爆乳-欧美精品乱码视频一二专区-又大又爽又黄无码a片-粉嫩绯色av一区二区在线观看-国产爆乳无码av在线播放

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

2012/9/7 9:05:41   閱讀:2739    發布者:2739

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

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

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

設計模式
設備的定向方式被改變之后,應該以怎樣的方式呈現新的視圖呢?我們總結出了四種常見的設計模式。

液態
類似網頁設計中的液態布局方式。按照新的顯示規格,對界面元素的位置及尺寸進行響應式的調整。具有代表性的產品案例包括Skype及Pocket應用。

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

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

互補
兩種顯示模式當中的內容形式可以是彼此互補和輔助的關系。以金融類的應用為例,在豎屏狀態下,信息可以通過普通的數據列表形式呈現,而調轉屏幕之后,可以充分利用新的界面寬度,以統計圖表的形式展示數據。

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

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

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

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

主站蜘蛛池模板: 国产亚洲不卡 | 91麻豆国产视频 | 69福利视频| 国产午夜无码视频在线观看 | 亚洲天天 | 日韩免费影视 | 在线观看一区视频 | 国产无遮挡又黄又爽不要vip软件 | 成人网一区 | 自拍偷拍第八页 | 激情四月 | 久久久国产精品一区二区18禁 | 亚洲激情综合 | 一边摸一边抽搐一进一出口述 | 999毛片 | 国产一级片一区二区三区 | 国产成人啪精品午夜在线观看 | 精品无码国产污污污免费 | 欧美潮喷少妇100 | 久久久久88色偷偷 | 麻豆国产成人av在线播放欲色 | 影视先锋av资源噜噜 | 亚洲同性猛男毛片 | 亚洲国产精品精华液网站 | 白浆一区 | 天天干天天插 | 色翁荡熄又大又硬又粗又视频图片 | 夜夜爽天天 | 精品丝袜国产自在线拍小草 | 国产精品一区二区国产主播 | 中文字幕热久久久久久久 | 国内露脸少妇精品视频 | 无码欧美毛片一区二区三 | 亚洲国产精品电影人久久 | 激情文学久久 | 国产资源在线看 | 国产成年人 | 精品国产一卡2卡3卡4卡新区 | www.夜色321.com | 天堂√在线中文最新版 | 国产偷国产偷亚州清高app | 欧美极品少妇无套实战 | 欧美日韩亚洲中文字幕一区二区三区 | 视频一区在线播放 | 国产成人愉拍免费视频 | 欧美饥渴熟妇高潮喷水水 | 亚洲乱码日产精品b | 午夜av无码福利免费看网站 | 超碰这里只有精品 | 久久九九久精品国产日韩经典 | 九色视频91 | 亚洲一区二区三区偷拍女厕 | 久久国产av影片 | 国产91视频在线观看 | 成人激情视频网站 | 国产最新毛片 | 中文字幕在线观看亚洲视频 | 看曰本女人大战黑人视频 | 婷婷色香五月综合缴缴情 | 色乱码一区二区三在线看 | 在线a天堂 | 国产亚洲成av人在线观看导航 | 青青91| 三上悠亚的av片在线无码 | 亚洲成人国产精品 | 少妇人妻好深太紧了a | 西西人体午夜视频无码 | 国产成人精品午夜2022 | 四虎国产视频 | 亚洲最新中文字幕在线 | 98视频精品全部国产 | 韩国精品福利一区二区三区 | 久久久九九九九 | 国产免费1卡二卡三卡四卡 激情春色网 | 国产成人在线视频观看 | 91精品福利 | 精品人妻少妇一区二区三区 | 久久天天躁夜夜躁狠狠85麻豆 | 无码大潮喷水在线观看 | 午夜三区 | 人妻互换精品一区二区 | 日韩精品一区二区午夜成人版 | 日韩日b | 日日噜噜夜夜狠狠va视频 | 国产一国产二 | 加勒比中文无码久久综合色 | 在线看a级片 | 少妇人妻偷人激情视频 | 超碰人人网 | 国产理论视频在线观看 | 久久在线视频免费观看 | 亚洲日韩av一区二区三区中文 | 91av视频在线| 九九热线有精品视频86 | 欧美激情一区二区三区成人 | 99精品视频在线免费观看 | 国产一级视频在线播放 | 免费观看国产小粉嫩喷水 | 欧美v亚洲v日韩v最新在线 |