微軟uwp應用的三豎條結構合理嗎？

01-14

這段時間商店湧現出來很多uwp應用，試用了不少，但是普遍有一個問題就是全屏狀態下的三豎欄的結構個人覺得很奇怪，很多新聞類應用，例如鳳凰新聞，全屏以後只有右邊半個屏幕顯示內容，看慣了居中的網頁之後，這樣看起來太彆扭了。就更不說淘寶HD了，我已經卸載了，全屏下，幹什麼都是右邊一小豎條。。。。簡直不能忍。其實微軟自帶應用就是這樣，例如郵件應用，個人覺得這樣的邏輯確實很清晰，但是這種結構對看慣了居中網頁的用戶來說，感覺太彆扭了，跟半身不遂似的。。。。（言重了）。。大家對這種結構怎麼看？

上圖為UWP應用的界面和瀏覽器界面的對比，大家明顯更習慣瀏覽器界面。我們習慣將焦點對在A點，但UWP為了實現對不同窗口的適應，通常將屏幕左上作為起始點，自左向右布局容器依次為SplitView(效果為可彈出的窗口),ListBox（固定寬度標題列表，窗口寬度不足時直接隱藏）,StackPanel（主內容區域），通過對屏幕寬度的識別來決定最右側的控制項如何顯示。這樣需要用戶去實際對焦的地方就從A移到了B。但我們已經習慣了A焦點，所以閱讀時總覺得很彆扭。說到布局的確很讓人頭疼，畢竟用戶的喜好千差萬別，但最主要的還是根據使用場景的習慣。

比如微信（以桌面版為例）：

我們平時在手機端使用時，我們從聊條提示頁面點進聊天頁面，閱讀的習慣就來了個180度大轉彎，不覺得奇怪么？

這樣的情況還有：

這就是最早我們閱讀新聞網頁、BBS、郵件的時候養成了從上向下閱讀；而在互動式聊天頁面（一開始的qq、msn）養成了從更靠近下端輸入框的地方閱讀的習慣。哪怕是第一次上手的新應用，進到相關的場景，我們就會自動按照習慣聚焦和瀏覽相關位置。

那麼在瀏覽有多個分區的界面時，我們的習慣性焦點在哪裡呢？通常來說，焦點一般在左上角位置自上而下肯定沒有錯。這種習慣甚至早在沒有網路之前我們就有了，大概與報紙的排版有關。

這樣問題就來了，大多數場景下，人們習慣將焦點對在左上角，但UWP最靈活、最適合承載主內容的區域卻在右側。下邊是win10自帶郵件界面：

方案1中從右向左壓縮界面，就會出現標題顯示不全，然後標題不見了，然後壓縮主內容界面至最小尺寸的效果，這跟打開一個傳統的窗口進行縮放完全沒有什麼不同，而且兩個布局容器同時需要根據窗口進行適應效率上也非常不理想。

方案2的效果丑哭了有沒有？這就是一個大窗口啊！win10范兒在哪裡？

-------------------------

題主的問題，恐怕只有時間來解決。要麼有個旗艦級應用重新示範給大家看UWP到底應該怎樣布局；要不就是WIN10發展到了像當初後膛槍顛覆前膛槍一樣的狀態（剛有後膛槍時很多紳士還覺得從後邊上子彈就跟從屁股塞進食物一樣不可理喻），從新定義了人們的瀏覽對焦習慣（這也不是不可能，但一定是伴隨著一種充滿新意的交互方式的出現）。

無限期待....

其實這是硬傷。

微軟想要統一pc，平板，手機等設備平台，本意是好的，但是各個設備屏幕尺寸相差太大。適合手機的布局勉強能夠適應一般的平板，但是基本不可能適應pc的屏幕。既然都是win10，又不想各個平台界面相差太大，所以pc上經常看到三欄布局：左側欄，中間欄的內容跟移動設備一致，右側欄專門顯示內容正文。

我個人認為，pc上大屏幕的app布局並不太適合跟手機、平板保持一致，而更適合傳統布局：上面菜單、工具欄，下面正文這種。但是，這樣做的話，又有點違悖windows10的初衷。

所以，硬傷。

其實說白了就是這個結構的代碼框架是現成的，可以快速出產品，布局也確實靈活，所以很多開發者直接拿來套用。但是採用不同設計的好app也有不少，比如Twitter,網易雲音樂，Poki，自帶的天氣app，都是內容居中。

而三欄布局也有確實不錯的app，比如NextGen Reader.