中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

距離折疊屏手機正式發售的日子越來越近，三星Galaxy Fold將于9月在韓國開賣，華為Mate X折疊手機也將在近期國內銷售。面對折疊屏，大眾充滿好奇、新鮮感，現在看來硬件已完備，只欠東風，這股東風就是“對于折疊屏上的移動應用使用場景，設計師可以探索怎樣的設計模式”。本篇文章依據折疊屏的使用場景，簡要分析可能會出現的界面設計方法。

一、新增第二屏，展示更多內容

折疊屏既具備手機的靈活性、也具備平板的擴展性，折疊后易于攜帶，展開后就是小平板，展開后的大屏可以顯示更多內容，同時也有利于增加更豐富的交互形式。具體到頁面，按照場景列舉幾個利用第二屏的案例。

場景1.1：分屏顯示單個應用中同一頁面的內容

目前手機瀏覽頁面是縱向的上下滑動，這意味著首屏和靠前位置的信息將得到最高曝光率，但是對于頁面中部及尾部的內容，曝光率是遞減的。因為很多用戶可能對首屏失去興趣之后，即便尾部可能有用戶感興趣的內容，也不再繼續瀏覽了，所以此時可以將尾部的次級內容展現在第二屏，使“首屏”曝光呈現更多內容。

案例1：在手機淘寶的設計場景中，首頁第二屏內容是猜你喜歡模塊，采用分屏顯示之后，用戶可以直接瀏覽原本在首頁最底部的猜你喜歡商品。

案例2：在云集APP中，首頁第二屏內容模塊“限時特賣、一件批發價”，采用分屏呈現之后，用戶可以直接查看限時特賣優惠商品。

場景1.2：分屏顯示單個應用中同一頁面，不同導航或者不同篩選項的內容

對于含有多個導航標簽、或者多個篩選項的單張頁面，單屏瀏覽時需要點擊切換導航進入相應的頁面、或者多次重置篩選項查看不同篩選條件的頁面內容。

但是有時候用戶需要將不同導航下的內容進行對比瀏覽。另外對于篩選項較多的頁面，目前需要重置條件后再重新篩選查看，不能同時對比同一頁面的不同篩選結果。

我們可以依據這個場景，進行這樣的設置：若在此單屏使用場景下，用戶選擇將折疊屏展開成為雙屏模式，此時在單屏頁面的右側出現懸浮的功能按鈕“對比查看”，點擊該按鈕，將該頁面分別在左右屏幕中顯示，此時用戶可對左右屏幕的頁面獨立操作（當然實現這個功能需要考慮對應的開發方案，在此不做單獨的討論）。

案例：購房或租房的用戶使用貝殼找房App，經常碰到的一個場景是：對不同區域、不同房型、不同價格的房屋進行對比查看。有了折疊屏可以分屏對比查看不同篩選維度的房屋。

場景1.3：單屏變雙屏，頁面內容橫向拉升、或等比放大

折疊屏展開后也相當于使用平板的效果，所以針對一些頁面元素的列表式布局，雙屏下的自適應采用“內容橫向拉伸延展、以及等比放大的方式”。這樣做的目的是充分利用大屏空間，更詳細的呈現頁面單個元素的內容，這種自適應方式可能更適用于雜志文章閱讀類應用。

二、多任務同步進行，提升效率

多任務我總結了兩種使用場景：第一種是“主任務與子任務之間頻繁切換”，會給用戶帶來很高的操作成本。第二種是“兩個主任務之間切換使用”，用戶也需要頻繁的來回切換，有時候切換還可能造成應用重啟。采用分屏可以解決以上問題。

場景2.1：分屏顯示主任務與子任務

用戶當前正在瀏覽一個頁面（稱為主任務），經常會碰到應用內的消息彈窗等分支的子任務，查看子任務目的是輔助主任務的達成。當用戶在處理主任務時，需要與子任務進行交互操作，此時可以讓子任務在第二屏顯示，從而避免頁面之間來回切換跳轉（有些使用場景下可能是當前頁面出現彈層）。

案例：使用手機淘寶查看商品詳情頁時，同時與客服聊天，“聊天頁面”是從屬于“查看詳情”這個主任務的子任務，分屏后用戶可以一邊查看詳情，一邊咨詢客服。

場景2.2：分屏顯示父級與子級頁面

這種呈現方式就好像PC端的桌面應用、或者平板上查看郵件的界面布局。在單屏上只能通過前進或者后退操作查看父子頁面，而折疊屏展開后的雙屏可以充分利用，一個屏展示列表頁，另一個屏展示列表頁具體某個內容元素的詳情頁。

案例：有道云筆記的主要頁面是筆記的列表頁和詳情頁，在折疊屏上的界面布局和交互操作可以如下圖示意。

場景2.3：分屏顯示兩個主任務（簡單的理解為兩個不同應用）

手機端經常會出現同時使用兩個應用協作配合的場景，目前只能在兩個應用之間來回切換，操作成本相對比較高。如果分屏之后，可以在一個單屏下顯示一個應用的頁面，這樣就可以左右屏對比更高效的操作使用。

案例：比如在某個應用瀏覽文章時，需要把文字記錄到另一個筆記應用中，不需要再來回切換，只需要分屏顯示兩個應用，邊看文章邊記錄。

三、提升數據可視化的展示效率

移動端的主要優勢之一是“隨時隨地瀏覽數據或報表”，很多業務場景（尤其是B端產品）會涉及到數據的展示。雙屏可以提升展示效率，這種情況下需要針對折疊屏展開后的雙屏，進行頁面元素布局的自適應。

場景3.1：數據瀏覽

對于在頁面中展示各種數據元素，目前只能是單張頁面縱向瀏覽。如果在折疊屏查看各項數據，則類似于PC端的桌面應用，單屏能夠查看到更多維度的數據模塊。

場景3.2：數據圖表的沉浸式瀏覽與對比，以及表格的全屏展開

折疊屏展開非常有利于豐富交互形式，目前由于屏幕尺寸限制，在移動端查看數據走勢圖還是不夠方便，即使趨勢圖可以采用放大到全屏模式查看，對于細節仍然需要進一步放大查看。有了大屏之后，單個圖表就可以直接展開，有利于圖表的細節展示。

總結

本文依據用戶的使用場景，簡要分析幾個未來針對折疊屏設計，可能會出現的界面設計模式。折疊屏不是簡單的增加了一種手機端的自適應模式，如果針對單個移動應用，則需要結合產品自身業務屬性、產品主要用戶群體的使用場景、以及現有界面組織方式，進行折疊屏的適配，充分利用好第二屏的展示空間。

參考文章：不要驚訝，折疊屏就應該這樣設計！

作者：Viksea，微信公眾號：Viksea（ID：viksea-ux）

本文由 @Viksea 原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。