隨著手機(jī)屏幕尺寸增大、操控性降低，不少應(yīng)用回歸到了 Tab Bar 設(shè)計(jì)——這是一種功能板塊清晰明了的方式，也相對(duì)便于單手操控。有人專門進(jìn)行過(guò)同一應(yīng)用下 Tab Bar 和 Side Bar 的使用頻率測(cè)試，雖然不能一概而論，但 Tab Bar 無(wú)疑還是在 iOS 中使用頻率、功能轉(zhuǎn)化率很高的交互方式。

Tab Bar 與 Bottom Toolbar 是 iOS 中兩種重要的交互方式，前者適用于有多個(gè)主要功能板塊的應(yīng)用，后者適用于有高頻功能操作的頁(yè)面。不同產(chǎn)品有不同的功能框架，應(yīng)用也不會(huì)完全依此去設(shè)計(jì)、而是根據(jù)場(chǎng)景和具體需求來(lái)調(diào)整。因此，這兩種交互方式并不能滿足所有情況，于是有的應(yīng)用在 Tab Bar 和 Bottom Toolbar 的基礎(chǔ)上針對(duì)自身的特點(diǎn)有所優(yōu)化。

Path 的 Tab Bar 是擁有 Super Tab 的例子，它像是 Tab Bar 和 Bottom Toolbar 的合體，快捷的內(nèi)容發(fā)布按鈕有利于降低發(fā)布內(nèi)容的難度、提高活躍度。Super Tab 多見于社交應(yīng)用。

在重新設(shè)計(jì)后的第一方音樂(lè)應(yīng)用中，當(dāng)前播放狀態(tài)以及呼出按鈕以 Activity Sheet 的形式常駐 Tab Bar 上方，出現(xiàn)略為尷尬的雙底欄的情況，但人機(jī)語(yǔ)義并無(wú)沖突。而SoundCloud 則在 Tab Bar 中將呼出當(dāng)前播放頁(yè)的按鈕設(shè)計(jì)成一致于選項(xiàng)卡的形式，點(diǎn)擊后需要退出頁(yè)面才可切換選項(xiàng)卡。

如何讓 Tab Bar 和 Bottom Toolbar 承載更多的功能操作？這是我希望探討的問(wèn)題。上述的幾個(gè)案例給出了它們的解決方案，有的堅(jiān)持人機(jī)語(yǔ)義而使界面稍顯臃腫、有的追求簡(jiǎn)潔但放棄了人機(jī)語(yǔ)義、有的則直接采用可見性很高的混合解決方案。

智能手機(jī)的普及、擬物化的放棄也帶來(lái)很多交互方式上的新嘗試，手機(jī)操作系統(tǒng)從以往的全局點(diǎn)擊逐漸加入了輕掃、滑動(dòng)、拖拽等專屬于觸摸屏的交互方式。并且，人們開始熟知這些方式。

新的底欄交互方式嘗試

Tab Bar 和 Bottom Toolbar 的區(qū)域不大，位于屏幕底部。這個(gè)位置可以在全局范圍內(nèi)上滑呼出 Control Center，而其本身也有點(diǎn)擊的交互操作。因此，新增的交互操作必須不能與原有交互操作接近，并且容易被用戶理解。

當(dāng)我們左右拖拽 Tab Bar 或 Bottom Toolbar 時(shí)，能觸發(fā)一些界面操作或跳轉(zhuǎn)到其它的體驗(yàn)更沉浸的頁(yè)面。例如：在 Safari 中，可以利用這個(gè)交互操作快速關(guān)閉當(dāng)前頁(yè)面和打開新標(biāo)簽頁(yè)；在音樂(lè)播放器應(yīng)用中，可以利用這個(gè)交互操作進(jìn)入當(dāng)前播放頁(yè)。

我制作了一張動(dòng)態(tài)圖來(lái)演示這個(gè)交互操作：

的確，這種交互方式的可見性較差，需要一定的學(xué)習(xí)成本。然而在尊重人機(jī)語(yǔ)義與承載更多功能操作的權(quán)衡中，或在提供快捷操作與優(yōu)化用戶體驗(yàn)上，不失為一種值得嘗試的方式。

作者：劉英滕

來(lái)源：簡(jiǎn)書