UI設計學習中常規(guī)tab欄為何突然被棄
2022-02-17點擊量:163
憑借我們多年的底部tab欄設計經(jīng)驗,傳統(tǒng)的文字+圖標形式統(tǒng)一了視覺呈現(xiàn)、用戶審美,創(chuàng)造了一致的體驗。但設計師有沒有想過是否有更好的底部tab欄案例?答案不確定,但我們確實看到一些優(yōu)秀的勘探方案,其中一些是在線方案。第一種是第一代標簽樣式。以淘寶網(wǎng)為例。這是一個經(jīng)典的圖標加文字樣式。雖然hometab有一些創(chuàng)新,但我們仍然將其歸為第一代選項卡,包括近兩年流行的動態(tài)選項卡。實際上,它們都屬于第一代標簽頁。我的定義標準是圖標和文本的結合,這被認為是第一代標簽。無論是在底部標簽頁添加快捷方式,還是添加有趣生動的動畫,都無法避免內容和模塊仍然完好無損,仍然是圖標+文本來傳達產(chǎn)品的信息架構。后來,設計合作伙伴可能會想當然地接受這種底部tab欄風格。它的優(yōu)點是美觀、清晰、大方。但它不夠簡潔,至少不是最簡潔的。所以有了第二代的標簽設計。我們來看看小紅書和Instagram的第二排入場券。兩者都實踐了本章的主題,刪除原則,一是刪除圖標,二是刪除文本。表面上,這是一個簡單的刪除,但事實上,背后有深刻的思考。小紅書的設計方案摒棄了圖標眾多的創(chuàng)作機會,選擇呈現(xiàn)最簡潔的副本,幫助用戶區(qū)分不同標簽對應的模塊。放棄了視覺美的創(chuàng)造機會,贏得了體驗美,消除了圖標元素的干擾。一方面,提高了底層標簽的識別和操作效率。另一方面,用戶關注的是應用程序本身的內容。我們經(jīng)常聽到這樣的理論:一幅畫勝過千言萬語,但請注意,它并不適用于底部tab欄的圖標領域。盡管圖標很漂亮,但除了一些常用的圖標,大多數(shù)圖標都需要文本幫助解釋。更真實的情況是圖標只是文本的一個輔助角色。假設您打開任何三個應用程序并從它們的選項卡中刪除文本,會發(fā)現(xiàn)準確識別選項卡內容的關鍵是文本而不是圖標,特別是對于新用戶。我們可以用微信底部tab欄作為INS的例子。他們都擁有大量的用戶,穩(wěn)定的用戶習慣和成熟的產(chǎn)品使用經(jīng)驗。這得益于其短期、高頻互動的產(chǎn)品形式。主流的使用場景是打開軟件回復一條消息,打開軟件刷一段時間的圖片饋送,具有較高的使用頻率。用戶使用底部標簽的經(jīng)驗足以支持他們的“盲目選擇”。因此,無論您選擇哪種形式,都應該仔細考慮用戶的體驗和業(yè)務目標。當你知道你是誰和你是誰之后,你可以使用刪除原則來簡化產(chǎn)品。除了上述兩個在線方案外,我們還可以看到其他一些底部tab欄方案。設計上的探索總是如火如荼,但我們需要明確的是,優(yōu)化底部標簽的目的是讓它更簡潔、更易于使用,而不僅僅是為了視覺上的創(chuàng)新。...