在過去的幾年中，iPhone成功的使得Tab Bar標(biāo)簽欄導(dǎo)航方式在移動(dòng)設(shè)備上流行起來。Apple將tab bar和其它許多的設(shè)計(jì)原則整合到了他們的人機(jī)交互指南（HIG）中——但有些疑問他們從來沒有回答。在過去的幾年中我一直從事交互與圖形設(shè)計(jì)，在這篇文章中我將分享一些我的想法有關(guān)什么是該做的，什么是不該做的。

第一課：魔法數(shù)字是5

這對(duì)從事iPhone設(shè)計(jì)的人來說不是新鮮事。自從iPhone的屏幕寬度為320點(diǎn)（dots）開始（1點(diǎn)＝2象素），Apple設(shè)計(jì)了標(biāo)準(zhǔn)的tab bar不能超過5個(gè)tab，每個(gè)tab包含其圖標(biāo)與可讀的文字。

5個(gè)之后會(huì)如何呢？當(dāng)然，我們可以采用使用”More”標(biāo)簽的方式放進(jìn)標(biāo)準(zhǔn)的tab bar。但是我還是推薦盡可能的去避免”More”標(biāo)簽。為什么呢？

首先，你自然會(huì)損失掉一個(gè)tab

你將記錄”More”標(biāo)簽下功能的這個(gè)重?fù)?dān)交給了用戶。如果你的”More”下面的內(nèi)容達(dá)到5個(gè)時(shí)，問題更加突出，這些加重了用戶的認(rèn)知負(fù)荷能力（cognitive load）

一些測(cè)試表明用戶根本不知道”More”功能的用途，而且根本不會(huì)影響用戶（來源：Tapworthy – Designing Great iPhone Apps by Josh Clark）

當(dāng)然，當(dāng)你在各種視圖下工作、數(shù)據(jù)排序以及分類時(shí)（例如iPod），使用”More”標(biāo)簽的方式來替代讓用戶自定義標(biāo)簽會(huì)更合理一些。因?yàn)樽远�義標(biāo)簽的這種行為在某些情況下只適用于高級(jí)用戶。

第二課：詢問用戶的意見

這種方式在你的設(shè)計(jì)過程中會(huì)非常有幫助，但標(biāo)簽的分類和級(jí)別應(yīng)該更接近于你目標(biāo)用戶群的想法。當(dāng)我們做這種研究測(cè)試時(shí)，記得事實(shí)1中提到的內(nèi)容，不斷思考所有的內(nèi)容是否能分類到五個(gè)標(biāo)簽之中。如果不行，請(qǐng)問自己是不是非得用tab bar作為導(dǎo)航方式呢？

第三課：花多的時(shí)間在圖標(biāo)和文字上

一些用于圖標(biāo)設(shè)計(jì)及文案設(shè)計(jì)的點(diǎn)子：

確定圖標(biāo)和文案能真實(shí)的標(biāo)簽這些標(biāo)簽下所要進(jìn)行的行為。最讓人鬧火的事情莫過于明明知道程序中有一個(gè)功能，但卻不知道在哪個(gè)tab下面

避免一些語義上無關(guān)的設(shè)計(jì)，例如一個(gè)筆刷的圖標(biāo)但下面卻寫著“報(bào)表”。可參見 picture word interference

如果你要?jiǎng)?chuàng)建另一個(gè)“我的收藏”的標(biāo)簽，不用試著重新設(shè)計(jì)星形圖標(biāo)或改變文字“我的收藏”（Favorites）。雖然重新識(shí)別一個(gè)事物的成本低于回憶事物，但是我們應(yīng)該幫助用戶減少認(rèn)知負(fù)荷（Jacob Nielsens Ten Usability Heuristics）

避免出現(xiàn)重復(fù)的文字。例如，想象你需要?jiǎng)?chuàng)建“我的圖書”“我的雜志”“我的CD”這樣的情況。根據(jù)Stroop effect（斯特魯普效應(yīng)）的解釋用戶會(huì)主動(dòng)忽略掉這些文字。

讓圖標(biāo)設(shè)計(jì)得有含義及易于識(shí)別這樣用戶能立即知道該點(diǎn)哪個(gè)tab，避免讓用戶考慮例如“到底是扳手呢？還是在齒輪表示設(shè)置呢？”

如果你在設(shè)計(jì)圖標(biāo)的時(shí)候遇到一些問題，不妨進(jìn)這一層下面的內(nèi)容去看看下面的布局以及內(nèi)容是否能激發(fā)你的靈感。

重申，實(shí)地測(cè)試和探索非常重要。問問用戶他們的理解方式！“你們認(rèn)為這個(gè)臉部圖標(biāo)表示什么？”“你們覺得應(yīng)該在什么樣tab下可以找到Finder”“你覺得圖標(biāo)是臉，而文字寫著Finder，這樣說得通嗎？”

Figure 1 — 左： NUUS 24 使用了相似的圖標(biāo)， 中： Spotify 使用了房子圖標(biāo)和 “What’s new”的文字， Right： Vimeo 重復(fù)使用文字 “My Videos” 和 “My Stuff”

標(biāo)簽： 用戶體驗(yàn) 設(shè)計(jì) iPhone 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。