編輯導(dǎo)讀：場(chǎng)景化設(shè)計(jì)是產(chǎn)品設(shè)計(jì)中重要的一環(huán)，它能讓用戶按照產(chǎn)品設(shè)定的路線快速完成目標(biāo)。本文作者從Galaxy Z Flip的設(shè)計(jì)要求出發(fā)，對(duì)短視頻直播類和內(nèi)容推廣類的具體場(chǎng)景界面展開了詳細(xì)說明和設(shè)計(jì)，一起來看看~

眾所周知，三星既Galaxy Z Fold之后發(fā)布的新一代的折疊屏手機(jī)名為Galaxy Z Flip，目前也已經(jīng)出到第二代了。與此前推出的Z Fold不同的點(diǎn)在于，比起讓手機(jī)屏幕更大更寬，Z Flip主打的是讓機(jī)體更小更精，剛一發(fā)布便以時(shí)尚獨(dú)特、精致美觀的硬件外型吸睛無數(shù)。

Z Flip在展開態(tài)下，機(jī)身比普通的直板機(jī)略長(zhǎng)一些，整個(gè)屏幕尺寸為6.7英寸。然而將其半折以后，整個(gè)手機(jī)便只有掌心般大小，用戶可將其輕松放進(jìn)衣服口袋。

這種小巧可愛、類似粉餅盒的造型設(shè)計(jì)，配上潘多拉紫的外殼顏色，贏得了不少女性用戶的喜愛。而官網(wǎng)宣傳的可讓用戶以半折態(tài)進(jìn)行拍攝，這更是針對(duì)自拍場(chǎng)景的新體驗(yàn)提升，因此吸引了不少女性用戶紛紛購買。

能做到這一點(diǎn)，主要依賴于屏幕鉸鏈的多角度自由旋停特性。我們可以看到，相機(jī)界面針對(duì)半折狀態(tài)進(jìn)行了適配，上半屏為取景界面，下半屏則作為控制面板，這種上下半屏各司其職的使用狀態(tài)有一個(gè)專有名稱，叫Flex模式。

現(xiàn)在針對(duì)半折態(tài)使用場(chǎng)景，出于幫助用戶在使用手機(jī)時(shí)解放雙手的目的，Z Flip上目前主要覆蓋了拍照、視頻通話和觀看視頻三個(gè)使用場(chǎng)景（如圖所示），產(chǎn)品以拍攝和影音媒體類為主，詳細(xì)測(cè)評(píng)內(nèi)容在各大平臺(tái)均可找到。

可以看到目前Z Flip適配的app數(shù)量和品類還很有限，許多應(yīng)該適配的場(chǎng)景沒有覆蓋到，也沒有涵蓋某些熱門應(yīng)用，體驗(yàn)感還不夠好。那么除了上述的幾種情況以外，針對(duì)時(shí)下女性用戶常用的、流行的使用場(chǎng)景，還有哪些app可以對(duì)半折態(tài)進(jìn)行適配，以助用戶在Z Flip上的體驗(yàn)可以更好呢？

筆者認(rèn)為，在當(dāng)下熱門的互聯(lián)網(wǎng)產(chǎn)品中，短視頻直播類和內(nèi)容推廣類的產(chǎn)品或許是不錯(cuò)的選擇。

這兩類應(yīng)用有兩個(gè)共同特點(diǎn)：

1. 都屬于內(nèi)容型的產(chǎn)品，用戶一旦沉浸使用便會(huì)投入較多的時(shí)間在其中；
2. 通過固定機(jī)器、解放雙手，可以提升用戶的使用體驗(yàn)。

三星官方發(fā)布的UX設(shè)計(jì)建議如下：

1. 基本原則：上半屏為瀏覽區(qū)，下半屏為控制區(qū)；
2. 可根據(jù)需要在上半屏放置功能按鈕；
3. 并非所有頁面都需要調(diào)整；
4. Pop up, Toast和文本框需要調(diào)整；
5. 可為Flex mode增加使用選項(xiàng)（例如拍照時(shí)的拍攝比例選項(xiàng)）；
6. 請(qǐng)不要在中間折疊區(qū)放置可觸摸按鈕功能；

我們接下來以官方建議為參考，看看這兩類產(chǎn)品分別可以為Z Flip做怎樣的適配。

01 短視頻直播類（以抖音app為例）

直播購物場(chǎng)景：

現(xiàn)在通過直播購物是一個(gè)趨勢(shì)，一場(chǎng)直播通常需要進(jìn)行好幾個(gè)小時(shí)，用戶一直端著手機(jī)未免容易手指發(fā)麻疲累，若想辦法將手機(jī)支在桌上，需要查看寶貝詳情或刷評(píng)論時(shí)又需要將手機(jī)拿起來，如此反復(fù)也很麻煩。

依賴Z Flip的Flex模式，可以將手機(jī)半折立住，無需其他輔助支撐。但抖音app現(xiàn)在未在Z Flip上做適配，因此在半折態(tài)下觀看直播購物會(huì)有以下兩個(gè)痛點(diǎn)：

1. 橫豎屏視頻畫面均被折疊，觀看效果差；
2. 按鈕被折疊，不好操作。

根據(jù)官方UX適配建議的第1、2、6條，我們可對(duì)抖音app的直播界面進(jìn)行基礎(chǔ)調(diào)整：

1. 上半屏顯示主內(nèi)容（圖片&視頻），畫面占上半屏的中心位置，長(zhǎng)邊撐滿，保證畫面的完整度；
2. 下半屏顯示次級(jí)內(nèi)容（文字描述），以及作為控制區(qū)域；
3. 保留上半屏的部分按鈕，減少界面適配難度，保持界面布局的平衡性和美觀性；
4. 避開中間折疊區(qū)域。

在真實(shí)的直播購物場(chǎng)景中，我們還經(jīng)常會(huì)碰到以下幾種情況：

1. 點(diǎn)擊進(jìn)入商品詳情后，直播畫面會(huì)縮成小窗懸浮在右下角；
2. 點(diǎn)擊購物車按鈕，購物車詳情以半模態(tài)形式展開，會(huì)遮擋直播畫面。

我們可以利用半折態(tài)的優(yōu)勢(shì)來解決此問題：始終保持直播畫面，僅利用下半屏進(jìn)行界面切換的呈現(xiàn)。

02 內(nèi)容推廣類（以小紅書app為例）

美妝教程、做飯教程場(chǎng)景：

作為時(shí)下最熱門的app之一，小紅書擁有大量的女性用戶群體，隨著平臺(tái)發(fā)布的內(nèi)容越來越全面，用戶幾乎可以找到任何她們需要的信息。其中有幾個(gè)典型的使用場(chǎng)景：

• 比如女生會(huì)一邊比對(duì)眼妝教程筆記上的步驟圖一邊對(duì)著鏡子自己嘗試；
• 比如看到了誘人的食譜筆記會(huì)一邊參考一邊在廚房親手實(shí)踐；
• 比如刷到了感興趣的vlog，就靜靜地看完那條視頻。
• ……

同樣的，我們可以借助ZFlip的Flex模式，讓用戶更方便地將手機(jī)立起來。但在未適配Z Flip的情況下，半折態(tài)查看筆記會(huì)面臨的問題在于不論是圖片筆記還是視頻筆記，畫面和文字顯示均會(huì)受到不同程度的折疊。

根據(jù)官方UX適配建議的第1、2、6條，我們可對(duì)小紅書app的筆記界面進(jìn)行基礎(chǔ)調(diào)整：

1. 上半屏顯示主內(nèi)容（圖片&視頻），畫面占上半屏的中心位置，長(zhǎng)邊撐滿，保證畫面的完整度；
2. 下半屏顯示次級(jí)內(nèi)容（文字描述），以及作為控制區(qū)域；
3. 保留上半屏的部分按鈕，減少界面適配難度，保持界面布局的平衡性和美觀性；
4. 避開中間折疊區(qū)域。

如下圖所示，不同比例的圖片筆記均可遵循這一適配規(guī)則。

在觀看視頻筆記時(shí)，用戶需要多點(diǎn)擊一步才能查看完整的配文內(nèi)容，同時(shí)也會(huì)遮擋視頻畫面。針對(duì)這一問題，通過進(jìn)行半折態(tài)適配，我們可以規(guī)定保證視頻畫面在上半屏的完整性，僅下半屏為文字內(nèi)容的顯示范圍：

此外，由于許多小紅書博主們都會(huì)跟品牌方合作推廣，而且小紅書本身也有平臺(tái)商城，用戶們會(huì)有了解品牌、購買商品的訴求，品牌方本身也有推廣產(chǎn)品、吸引用戶的訴求。

根據(jù)官方UX適配建議的第五條：可為Flex mode增加使用選項(xiàng)，我們或許可以對(duì)半折態(tài)使用場(chǎng)景進(jìn)行拓展。

例如配合商家&企業(yè)合作，在半折狀態(tài)下顯示筆記相關(guān)的附加內(nèi)容（商店地址、合作產(chǎn)品等），方便用戶快速get需要的信息。

總結(jié)

總而言之，以上只是筆者目前的一些小小思考。

其實(shí)不光只是三星，眾多品牌也相繼推出了折疊屏手機(jī)：比如華為的Mate X, 比如OPPO前不久也發(fā)布了一條概念折疊機(jī)的宣傳視頻，也早有傳聞?wù)f蘋果也正在研發(fā)折疊屏手機(jī)；而在YouTube等各種媒體網(wǎng)站上，也有許多up主正在討論、評(píng)價(jià)甚至打開腦洞進(jìn)行不同的折疊屏機(jī)型的設(shè)計(jì)。

人們的想象力在發(fā)展，需求也在不斷變化，未來折疊屏手機(jī)的形態(tài)變化也許會(huì)更加紛雜多樣。當(dāng)消費(fèi)者們都漸漸趨向于將手機(jī)以各種方式折起來，各家產(chǎn)品該如何根據(jù)機(jī)型的特殊性和針對(duì)用戶群體的差別，對(duì)應(yīng)做出適當(dāng)?shù)慕缑嬲{(diào)整，并根據(jù)自身業(yè)務(wù)特點(diǎn)進(jìn)行重點(diǎn)展示，這大概需要進(jìn)行不斷地探索和進(jìn)化。

本文由 @你柴 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。