之前一周朦朦朧朧的過掉了，想來也沒什么可回憶的。這是一種不壞的狀態(tài)，就像每天早上莫名的空洞，它們都代表著生活和工作里至少還沒有很壞很衰的事情讓人焦慮。有嗎？也許只是在哄騙和寬慰自己。

雜志一般的小譯文一篇，適合這樣的下午做一做，適合這樣的周末讀一讀。走著。

眼下，智能移動設備內置的加速計的主要作用，就是根據(jù)設備的定向方式來決定屏幕的顯示模式，也就是在橫屏或豎屏模式之間進行切換。這種功能使用戶通過簡單的動作就可以得到額外的布局模式，期間不需要操作任何界面元素或實體按鈕。對于我們來說，這是一個提升產品用戶體驗的契機，但其中也不乏挑戰(zhàn)；我們要充分了解不同定向方式所涉及到的使用情境，并確保兩種體驗模式之間的差異不會給用戶帶來唐突的感覺。

幾乎所有類型的移動應用都能從顯示模式切換功能當中獲益。本文將圍繞著這一話題，為應用的設計師與開發(fā)者們介紹一些可以運用到實際工作中的基礎概念，同時還會幫助大家了解那些在實踐當中有可能遇到的挑戰(zhàn)以及相應的解決方案。

通過設備定向切換顯示模式

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

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

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

設計模式

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

液態(tài)

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

擴展

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

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

互補

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

延伸

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

標簽： 橫豎屏切換 界面設計 用戶體驗 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。