克 08 與魅族 20 系列解決視頻無法全屏問題
哈嘍大家好，這是我第一次以自己的聲音跟大家講一個視頻，因為發現打字之后轉換的語音可能跟大家講不明白 20Pro 和它的聯動。
領克手機跟領克 08 之間目前為止 NFC 用不了，就是這個手機沒辦法錄入解鎖。領克 08 的 NFC 卡就是這里，但是它可以給充電樁外面充電樁的識別卡是可以的。這問題是解鎖領克 08 NFC 卡是沒辦法錄進來的。
還有一個問題，UWB 鑰匙現在是不能用，也沒辦法用，還是用藍牙鑰匙。你有了 Mate20Pro 就是跟你的解鎖沒有帶來很多好處和其他的什么辦法。
但是我現在這么久這么多天研究下來，它有了個 Mate20Pro 之后有什么好處？最大的好處就在于它這些應用多了很多應用，但是又說回來，但是它有很多應用打開的時候不給全屏的，就是領克限制了。
比如說有些人認為我下了這個是不是可以下個騰訊視頻，我不想用你愛奇藝視頻，我想用騰訊視頻，你手機上安裝騰訊視頻，我現在打開給你看一下，打開騰訊視頻是可以用聲音也是可以從這里出，也可以也可以從這里出。
但是一個什么問題？它沒辦法全屏是吧？這全屏按鈕被限制了，你點這個是手機是縮小，這是限制了，這個是豎屏，橫屏只是橫過來而已，但是一樣沒辦法全屏。不管你是用的手機版還是平板版本的，這個是平板版本的，它只是跟你黃屏一樣的，沒有給你全屏的機會。
這時候怎么辦？我是一個麻醉醫生，這個時候可以給領克 08 的車技打點麻醉，讓我們插入麻醉。這時候已經回來了。
再來看一下，這個是騰訊視頻，點開，這個時候是不是可以全屏了？看到了嗎？這是全屏按鈕是可以用了，全屏按鈕就出現了，是有的，只是系統底層做了限制。
本文來自花粉俱樂部論壇-小豬你快跑
一、前言：
手機電腦模式是指手機通過HDIM連接顯示器后，手機系統轉換為平板電腦版系統，手機當做電腦的主機，顯示器上顯示操作界面的一種功能，相當于將手機作為臺式機使用。目前這個功能僅有華為、三星和錘子的高配機型具備。
具有電腦模式可以帶來很多好處，比如臨時出差或是沒有帶電腦而需要處理文檔時，只要使用手機和顯示設備連接，開啟電腦模式就可以隨時隨地的進行辦公了，當然也可以進行游戲，看視頻等等的其它功能。
二、拓展塢介紹
好了言歸正傳，本人一直對傳說中的手機轉電腦模式很心動，所以最近入手了一臺華為Mate 20 X，但是使用電腦模式，需要配置拓展塢，而官方沒有標配拓展塢，今天我剛入手了一款拓展塢，就來測試一下華為Mate 20 X的電腦模式。
就是上圖這款綠聯Type-C USB多功能拓展塢，具有一個標準HDMI接口，3個USB3.0接口，一個USB-C母口，一個千兆網口，一個TF讀卡器，一個SD卡讀卡器，功能還算齊全，我是主要給手機使用，如果給筆記本使用建議買帶VGA接口的這款。
三、電腦模式初步體驗
好了！下面開始測試華為Mate 20 X電腦模式：先準備好相關設備，一臺華為Mate 20 X手機，一個鼠標，一個拓展塢，最后是一個鍵盤。華為有好幾款機型可以轉換為電腦模式，我所知道的機型有Mate10系列、P20系列都可以，有興趣的朋友都可以來試試。
將拓展塢連接上HDMI線，再插入電視機的HDMI接口，接好后再將拓展塢的USB-C線和手機連接，連接后電視上直接就會顯示手機的界面了。
將手機和拓展塢連接好，HDIM先分別連接電視和拓展塢。
連接完成后手機上會出現提示，第一次使用電腦模式會出現幫助提示，一共三頁，看了一下說明還是比較簡單易懂的。
在手機頂部下拉菜單內有電腦模式提示，下拉可以看到電腦模式和觸控模式的切換按鈕，點擊即可切換到相應模式。
點擊觸控模式后的手機界面，右側第一個是幫助功能，第二個是語音助手按鍵，再是畫筆功能，最后一個是截圖按鈕
電視顯示的桌面是類似于WINDOWS的操作界面，這個界面還是比較簡潔的，用過電腦操作應該沒有難度。
右下角第一個是安卓的三大金剛鍵；第二個是時間和日歷，點擊可以調出日歷界面；第三個是電量、網絡信號顯示，點擊后可以進入通知中心，快捷開關和亮度調節界面；第四個是輸入法切換按鈕；第五個是音頻切換鍵，可以將輸出聲音切換到手機或電視播放。
文件管理打開可以看到手機存儲使用情況，和手機版沒有大的區別，存儲情況一目了然。
左下角功能鍵打開就是系統自帶軟件的界面，都是華為手機標準的這幾個應用。
系統自帶軟件向左側滑動就可以調出手機上安裝的第三方軟件，這里華為將所有第三方軟件打包在一個文件夾里顯示的。
點擊上圖的右上角位置，可以將界面進行放大和縮小。應用太多的時候放大查找還是比較方便的，同時放大后頂部還會出現搜索框，方便查找應用。
如果想將相關軟件添加桌面，只需要將鼠標懸停在這款軟件上，點擊鼠標左鍵即可將相關軟件的快捷圖標添加到桌面。
四、文檔功能體驗
下面我具體使用軟件來體驗一下電腦模式下的文檔處理功能：
我使用電腦模式最主要的目的就是處理文檔，平時短期出差背個筆記本又重又累，太不方便，有這個功能就可以一臺手機解決了。
我在手機上拷貝了三個平時會最常用到的PPT、Word、Excel辦公文檔進行體驗。
PPT打開非常流暢，APP功能也還算齊全，臨時編輯沒有什么問題，播放也很流暢，平時需要給同事或客戶講解個PPT完全勝任。
Word文檔是處理最多的辦公文件，電腦模式下的APP功能齊全，操作流暢程度比美電腦，完美。
電腦模式下使用微軟的Excel無法打開文件，提示需要聯網，沒時間研究。但是使用WPS可以完美運行。
文檔處理總結：電腦模式下各種辦公APP完美運行，APP功能都非常齊全，文檔處理過程比美電腦，非常流暢，簡直是臨時辦公神器。
五、電腦模式下的游戲體驗
實際測試絕地求生-刺激戰場在電腦模式下可以正常打開，也可以全屏運行，并使用鼠標進入游戲，但是進入游戲后只能用鼠標進行移動和轉方向，無法進行其它操作，如果可以使用鍵盤映射接上個顯示器，用鍵盤和鼠標就可以玩刺激了。
測試王者榮耀可以正常打開，華為游戲助手內還可以進行鍵盤映射的設置。
其實使用拓展塢還有一個非常棒的功能，那就是同屏傳輸功能：
使用拓展塢連接HDMI線后，手機就變身為一臺游戲主機加控制器了，由于是實物線連接，游戲時電視畫面跟手迅速，可以說沒有延時，屏幕大玩刺激戰場或王者榮耀非常爽，各位想想在家用40寸或更大的電視玩刺激戰場是什么感覺？快去試試吧！
同屏傳輸就是將手機畫面實時同步傳輸到顯示設備上的一個功能。
六、電腦模式下的影音體驗
其實使用電腦模式還有一個好處，就是可以直接使用手機上安裝的所有視頻APP，也就是你可以用手機版的視頻會員，實現在大屏電視上使用。
還可以刷抖音，看直播，手機上可以用的基本沒有壓力。
七、總結
好了，帶大家體驗了一把華為Mate 20 X 的電腦模式，也該總結一下了。這里我的總結是華為Mate 20系列在電腦模式下進行輕辦公完全勝任；使用有線同屏進行吃雞時堪稱神器；更可以使用手機視頻會員在電視上看視頻、刷劇，為你省下一大筆的會員費。有了電腦模式這個功能，以后出門帶個手機就可以搞定大部分的事情了。
輯導語：雖然國內軟件的iPad用戶占比不大，但依然存在著橫屏適配的需求。本文作者講述了自己做iPad橫屏適配的背景，并對競品的適配方式進行了分析研究，用自己的親身經歷提供了參考，推薦對ipad橫屏適配感興趣的童鞋閱讀。
在我參與的一款資料查詢 App 中，對 iPad 只支持豎屏以手機 UI 尺寸拉伸，每個季度都有用戶反饋希望適配 iPad 橫屏。經過詢問用戶發現，因為 iPad mini 尺寸剛好可以放在工作服口袋中，隨時拿出來使用，而 iPad 屏幕遠比手機大，瀏覽資料視野更大更舒服。
但另外一方面，后臺數據顯示當前 iPad 用戶占比只有 1%，用戶呼聲夠不上星星之火，不足以燎原。先別談說服團隊做 iPad 橫屏適配，連說服自己都難。本來以為這事就像水中投石，水波消散就沒有下文了。直到有一天，同樣是資深用戶的高管自己拿著 iPad 裝上我們的 App 用了幾天，終于忍不了，開始推動 iPad 橫屏適配。
我們肯定不是第一個做 iPad 橫屏適配的，但在網上搜了一圈，別說橫屏適配，連 iPad 界面設計的文章都很少，下面 3 篇算不錯的。這也是我決定寫下本文的原因，為后來者提供經驗，少踩坑。
沒得經驗參考就只能先從競品分析開始了。經過對 iOS 系統應用、微信、QQ、微信閱讀、得到、豆瓣、淘寶和有道詞典的分析，我和同事總結成 5 種橫屏適配模式。
典型 App：iOS 應用商店
特征：標題欄和 Tabbar 通欄拉伸，內容區根據寬度向右響應式布局。
適用場景：全部場景。
評價：靈活性和用戶體驗都很好，但設計和開發成本很大。
典型 App：iOS 設置、淘寶、微信、QQ
特征：左右分開顯示，左邊通常固定顯示首頁或者目錄導航。右側根據左側選擇顯示對應的詳情內容。
適用場景：頻繁需要使用導航切換內容。
評價：用戶體驗適中，合理的利用橫屏更大地展示更多的內容。設計成本小，需額外設計一個右側默認為空的情況。開發成本要看是否改程序架構，相當于把手機兩個手機界面合并成一個屏幕，可能有些程序架構很難這么修改。
典型 App：微信閱讀
特征：標題欄和 Tabbar 通欄拉伸，內容直接按豎屏的寬度顯示。
適用場景：全部場景。
評價：用戶體驗適中，設計與開發成本小，大多數產品采用此模式，但是沒有更好的展現橫屏寬屏的優勢。
典型 App：豆瓣
特征：橫屏為全屏通欄拉伸，所有元素與豎屏一致。
適用場景：全部場景。
評價：設計和開發成本最小，但是相當于沒有適配。用戶體驗較差，橫屏情況下內容集中，左側右側很空，或者被拉得很長，閱讀體驗較差。
當然也不是所有 App 都采用單一的模式。比如微信閱讀，在其他頁面是按豎屏寬度顯示。但到了圖書閱讀界面，則是左右分欄充分利用 iPad 大屏幕展現內容。
以上競品分析所有截圖我們都保存在 Figma 中，有需要的讀者可前往獲取。
鏈接：https://www.figma.com/community/file/1071850659054902697/iPad-橫屏適配競品分析
非常遺憾的是雖然高管牽頭做適配，但開發資源確實有限。不能為了設計師邀功拿業績就從頭把 iOS App 重構一遍，因此我們決定用最少的資源做最核心的優化。
適配計劃分為 2 期。第 1 期將所有頁面用按豎屏寬度顯示進行橫屏適配。第 2 期挑選核心頁面用內容響應式或左右分欄進行優化。
在第 1 期我們就踩坑了，按照原來的工作流程，我們將所有的 iPad 橫屏頁面做好線框圖、再輸出所有視覺效果圖。雖然都是線上頁面不用重新設計，只需要拉伸畫面或者調整間距，但所有線上頁面也是一個不小的工作量。
就在進行過程中，iOS 工程師就皺著眉頭來提議，由于代碼架構和資源所限，設計師如果調整的視覺效果圖未必能 100% 實現。不如反過來，讓他先把所有頁面強行橫屏，再由設計師走查發現問題進行修改，這樣節省時間效果也可控。
可見，不同的項目類型可以采取不同的工作流程。iPad 橫屏適配項目流程和常規工作流程剛好相反，以往是先設計再開發，改成先開發再走查，節省設計師產出效果圖時間，也保障最終實現效果。
在第 2 期挑選核心頁面時，我也犯了錯誤。最開始我覺得核心是臉面，因此挑選 Tabbar 導航的首頁、個人中心等用戶一打開 App 就看得到的頁面進行優化。但實際上用戶真正的核心使用場景是在詳情頁查閱資料，這才是真正的核心頁面。
在得到主管糾正后，我們轉而開始為資料閱讀頁面提供左內容右目錄的布局，便于用戶方便地在長文中精確定位想讀的內容。
2 期計劃并非適配的終結，隨著 App 功能的迭代，此后老界面修改和新界面設計需要考慮到 iPad 橫屏的適配問題，就成為了日常工作的內容了。
按照以往的項目總結，最后應該匯報項目數據結果。但由于 iPad 用戶本身可憐的占比，即使我們官方公眾號推文宣布適配 iPad 橫屏后，也沒有 iPad 用戶站出來點贊，而是又引發出使用華為、小米等安卓 Pad 的用戶，要求也適配。
考慮到不同的安卓品牌適配方式不一樣，而且安卓廠商自己又有平行世界等通用兼容方案，我們就沒再繼續參與了。
雖然沒有外部用戶反饋，但公司內部同事和開發團隊使用后確實感覺很棒。所以我覺得這次適配項目真正值得思考的是：如果一個需求用戶反饋很少，也沒有數據支撐，但對體驗影響很大，如何推動團隊進行優化呢？
作者：龍爪槐守望者，微信公眾號：龍爪槐守望者
本文由 @龍爪槐守望者 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 Unsplash，基于 CC0 協議