手機(jī)端設(shè)計(jì)的方向

咱們講了很多桌面端的交互設(shè)計(jì)，最近在使用 App 時(shí)發(fā)現(xiàn)了一個(gè)自己觀察到的小趨勢(shì)，隨便寫寫與大家探討探討～

不知道大家在處理移動(dòng)端導(dǎo)航中，有沒(méi)有遇到這樣的情況。公司的移動(dòng)端設(shè)計(jì)是 “優(yōu)雅降級(jí)” 即先滿足桌面端得到產(chǎn)品的設(shè)計(jì)后，再逐步去考慮如何適配移動(dòng)端。導(dǎo)致移動(dòng)端頁(yè)面中出現(xiàn)了意想不到的問(wèn)題。

最為常見(jiàn)的就是底部導(dǎo)航欄的 導(dǎo)航菜單 不夠用。

為什么不夠用，我拿 釘釘桌面端 進(jìn)行舉例

在釘釘?shù)淖烂娑酥校?nbsp;我的團(tuán)隊(duì)、消息、文檔、工作臺(tái)、通訊錄 五大重要模塊，其次在左下方還會(huì)有 日歷、待辦、DING、郵箱、會(huì)議、直播、收藏、更多 等應(yīng)用功能。在桌面端將這些功能規(guī)劃完成后，你會(huì)如何設(shè)計(jì)移動(dòng)端導(dǎo)航呢？給大家是5秒鐘時(shí)間進(jìn)行思考???? ～

---

下面繼續(xù)查看

我們先想想移動(dòng)端導(dǎo)航有哪些 “公式” 可以套，底部導(dǎo)航、頂部導(dǎo)航、桌面式導(dǎo)航、舵式導(dǎo)航，這便是移動(dòng)端導(dǎo)航設(shè)計(jì)中最為常見(jiàn)的幾個(gè)公式模型。而它的導(dǎo)航承載的最大數(shù)量不會(huì)超過(guò)五個(gè)，因此使用起來(lái)顯然不太滿足。

而在釘釘面臨的問(wèn)題和我們實(shí)際工作中遇到的問(wèn)題類似，底部的導(dǎo)航可能會(huì)出現(xiàn) 10+ 的情況，究竟應(yīng)該怎么辦～

明白問(wèn)題后我?guī)е魑蝗シ治龇治?/span>

首先我們?cè)谠O(shè)計(jì)中，遇到數(shù)量多的內(nèi)容時(shí)，首先想到的應(yīng)該就是信息分層，無(wú)論是將10多個(gè)導(dǎo)航進(jìn)行拆分，顯然釘釘也是這么做的。

接下來(lái)你會(huì)發(fā)現(xiàn)釘釘在最近更新的版本中，出現(xiàn)一個(gè)不同尋常的交互。

通過(guò)上劃底部導(dǎo)航菜單，彈出一個(gè)類似的底部抽屜，將剩余的模塊放置在抽屜下。這樣就能將完整的導(dǎo)航形式在移動(dòng)端呈現(xiàn)給用戶

說(shuō)說(shuō)這樣設(shè)計(jì)的優(yōu)點(diǎn)：

• 確實(shí)能夠保證在桌面端產(chǎn)品結(jié)構(gòu)不變的情況下，對(duì)移動(dòng)端進(jìn)行合理適配。因?yàn)榘凑諅鹘y(tǒng)的交互框架下難以滿足現(xiàn)在的問(wèn)題。
• 移動(dòng)端與桌面端的導(dǎo)航體驗(yàn)基本保持一致，滿足用戶對(duì)整個(gè)產(chǎn)品架構(gòu)的認(rèn)知。

再聊聊缺點(diǎn)：

• 入口太深：因?yàn)榻换ト肟谛枰M(jìn)行上劃的操作才行，需要一段時(shí)間的教育用戶，讓大家熟悉這個(gè)方式。
• 冗余：目前釘釘太多的內(nèi)容導(dǎo)致整個(gè)產(chǎn)品給人的感覺(jué)十分臃腫，再新增這個(gè)交互后需要的學(xué)習(xí)理解的內(nèi)容就過(guò)于繁多，說(shuō)實(shí)話我作為一個(gè)釘釘?shù)挠脩簦乙懸粋€(gè)工作中的項(xiàng)目文檔，我是應(yīng)該選擇：去協(xié)作？去工作臺(tái)？去項(xiàng)目？去最近使用？同時(shí)又擁有文檔、石墨文檔、Teambition如何選擇？

雖然知道釘釘擁有強(qiáng)大的 ISV生態(tài)，但目前很多ISV的功能與釘釘自身產(chǎn)品功能重疊，交集過(guò)多。

當(dāng)然這類交互并不是釘釘自己創(chuàng)新設(shè)計(jì)的，我是在 Teambition 以及 飛書 這兩款產(chǎn)品上第一個(gè)發(fā)現(xiàn)（這兩款與釘釘?shù)淖龇ㄟ€不太一樣），隨著釘釘?shù)母M(jìn)，相信這類交互很快會(huì)成為 一個(gè)移動(dòng)端的全新解決方式。

最后再說(shuō)說(shuō)飛書與 Teambition 的在這個(gè)交互中的細(xì)節(jié)

首先在飛書中，底部導(dǎo)航的配置主要來(lái)源于兩個(gè)方面：

1. 飛書管理后臺(tái)：提供給管理員，讓公司的管理者可以對(duì)默認(rèn)的導(dǎo)航進(jìn)行一個(gè)統(tǒng)一配的配置。
2. 用戶：用戶可以根據(jù)自身的需求特性，對(duì)底部導(dǎo)航進(jìn)行自己個(gè)性化的配置。

其次，飛書不會(huì)存在釘釘入口太深的問(wèn)題，用戶點(diǎn)擊更多，就展開抽屜，用戶更容易理解。

Teambition也是類似，就不做拓展，這便是移動(dòng)端設(shè)計(jì)的小趨勢(shì)，大家可以在實(shí)際工作中用起來(lái)～

今天就簡(jiǎn)單講了講這個(gè)趨勢(shì)。

如果覺(jué)得這個(gè)設(shè)計(jì)趨勢(shì)還不錯(cuò)？動(dòng)動(dòng)手指 點(diǎn)贊又好看～～