Adapted from our book and video series,?Refactoring UI.
展示數(shù)據(jù)的時(shí)候，特別是展示來(lái)自數(shù)據(jù)庫(kù)的多種數(shù)據(jù)，很容易陷入陷阱--使用大量標(biāo)簽去解釋數(shù)據(jù)信息
產(chǎn)生這個(gè)問(wèn)題的原因是因?yàn)槌尸F(xiàn)多層級(jí)的數(shù)據(jù)很難，因?yàn)槊總€(gè)數(shù)據(jù)的重量級(jí)是一樣的。
你其實(shí)并不需要標(biāo)簽。很多情況下，這些數(shù)據(jù)信息只需要改變形式。舉個(gè)例子，janedoe@example.com這是郵箱地址，(555) 765-4321是電話號(hào)碼?$19.99是價(jià)格，這些不用標(biāo)簽用戶也能識(shí)別到。但當(dāng)形式不夠豐富的時(shí)候，內(nèi)容呈現(xiàn)就比較單一。當(dāng)你看到“客戶服務(wù)”在某個(gè)職員名字下面的時(shí)候，其實(shí)不需要去特別指出“工作部門(mén)”，我們會(huì)自然而然知道這是工作部門(mén)。
當(dāng)你展示數(shù)據(jù)時(shí)候不使用標(biāo)簽，就需要加重重要的信息、需要識(shí)別的信息，使界面更容易使用，并且會(huì)讓用戶感覺(jué)有設(shè)計(jì)感。
連接標(biāo)簽和數(shù)字
即使一段沒(méi)有標(biāo)簽的數(shù)據(jù)不是完整的，你可以通過(guò)整理話術(shù)而不是增加標(biāo)簽。舉個(gè)例子，如果你需要呈現(xiàn)一個(gè)電商商品的界面， 可以嘗試使用"庫(kù)存剩12 "替代?"庫(kù)存: 12"
如果你正在設(shè)計(jì)一個(gè)房產(chǎn)app，像“3個(gè)房間”的話術(shù)會(huì)比“房間：3”更簡(jiǎn)單。
如果你能夠把標(biāo)簽和數(shù)字連接成一個(gè)簡(jiǎn)單的部分，給每一段信息的的識(shí)別性會(huì)更高。
標(biāo)簽是次要的
當(dāng)你展現(xiàn)復(fù)雜且相似的信息并且這些信息需要快速掃視的時(shí)候，比如像后臺(tái)系統(tǒng)，這時(shí)候你就真的需要加上標(biāo)簽。
在這種情況下，增加標(biāo)簽，并支持內(nèi)容信息的顯示，標(biāo)簽可以使內(nèi)容信息清晰易讀。
不要強(qiáng)調(diào)標(biāo)簽并且把它變小、減少內(nèi)容、使用更輕的字重，或者這三點(diǎn)一起使用。
什么時(shí)候需要加重標(biāo)簽
在設(shè)計(jì)界面時(shí)，當(dāng)你知道用戶會(huì)尋找標(biāo)簽的時(shí)候，那就需要加重標(biāo)簽而不是加重?cái)?shù)據(jù)。比如在介紹科技電子產(chǎn)品的時(shí)候，頁(yè)面數(shù)據(jù)很多，這時(shí)候需要加上標(biāo)簽。
比如一個(gè)用戶試著找出筆記本里的網(wǎng)絡(luò)設(shè)備，他們可能在頁(yè)面中尋找這些詞語(yǔ)“網(wǎng)絡(luò)設(shè)備”“WIFI”“無(wú)網(wǎng)絡(luò)”，而不是“高通”或“英特爾”
不要過(guò)分強(qiáng)調(diào)數(shù)據(jù)的情況：標(biāo)簽是重要信息、標(biāo)簽用更黑的顏色、價(jià)格用更淺的顏色。
