在做方案的時(shí)候，時(shí)常會(huì)聽到這樣的話，“這個(gè)地方應(yīng)該更明顯一點(diǎn)”。今天，閣主將拿出自己設(shè)計(jì)的一個(gè)徽章注釋來(lái)進(jìn)行說(shuō)明。

如下圖，這是單個(gè)徽章的展示，新得到一個(gè)徽章還沒(méi)有被查看時(shí)，名字左邊會(huì)有小紅點(diǎn)提示。印有“PB”字樣的小icon是今天的主角，表述的是那一行小字是表示“個(gè)人最好成績(jī)”的展現(xiàn)，是動(dòng)態(tài)的數(shù)據(jù)。

而最初設(shè)計(jì)時(shí)，PB是用小型的徽章樣式進(jìn)行展示的，與大的徽章有些重復(fù)，并且用線性的圖案，所以會(huì)收到PM“更明顯點(diǎn)”的方案反饋。遇到這樣的狀況應(yīng)該怎樣分析呢？

先分析話中話的含義

表面上是在說(shuō)小的icon需要更顯眼一點(diǎn)，其實(shí)是在說(shuō)，從企業(yè)的角度出發(fā)這一串的信息比較重要，需要更突出一點(diǎn)，在不影響美觀的前提下，讓用戶更留意一些這里，引導(dǎo)用戶去采取一些行動(dòng)。

聽完話之后先不要忙著去行動(dòng)，而是靜下心來(lái)，分析一下這話到底要表達(dá)什么意思。將咱們所做的事情放到更長(zhǎng)一點(diǎn)的時(shí)間維度上去進(jìn)行思考。

從信息邏輯的角度去進(jìn)行分析

1. 傳達(dá)什么內(nèi)容

比方說(shuō)上方小的“PB”icon，所提示的是后方一串小字的作用?？赡芷胀ㄓ脩舨惶斫?，看不出來(lái)這是什么意思，可針對(duì)的是運(yùn)動(dòng)愛好者，特別是golf的運(yùn)動(dòng)愛好者而設(shè)計(jì)，PB的縮寫是行業(yè)內(nèi)的約定俗成，所以在內(nèi)容傳達(dá)上不會(huì)有所歧義。

2. 需要起到什么作用

PB的小icon是為了吸引用戶的視線。對(duì)用戶來(lái)說(shuō)，可以有也可以沒(méi)有，但從企業(yè)的角度來(lái)講，企業(yè)需要通過(guò)突出這個(gè)信息，告訴用戶自己曾經(jīng)做了多大的成就，給予用戶一種挑戰(zhàn)自己的動(dòng)力，讓用戶更有意愿去使用APP。所以它應(yīng)該起到引導(dǎo)用戶去關(guān)注信息的作用，那么在做方案的時(shí)候就需要讓用戶不那么費(fèi)力就可以注意到。

3. 該元素與頁(yè)面上其他元素之間的關(guān)系

還需要注意的一點(diǎn)就是，將所需要分析的元素放在整個(gè)方案中，去一起考慮。圖中組成一個(gè)單元體的元素有：徽章圖、徽章名、提示小紅點(diǎn)、PB小icon、個(gè)人最佳成績(jī)的數(shù)據(jù)。而提示小紅點(diǎn)在徽章圖被點(diǎn)擊查看后就會(huì)消失，有時(shí)候會(huì)出現(xiàn)有時(shí)候不會(huì)出現(xiàn)。而徽章圖系統(tǒng)設(shè)計(jì)了五種不同的色彩，也就是說(shuō)如果作為列表呈現(xiàn)的時(shí)候色彩會(huì)很多?；照旅钟虚L(zhǎng)有短，可能是一排也可能是兩排，不過(guò)設(shè)定了最長(zhǎng)為兩排。
那么PB的定位就是，常駐元素并且需要搭配多彩色進(jìn)行呈現(xiàn)。這些分析到UI層面都會(huì)有用。

UI層面表現(xiàn)

到了UI層面，改進(jìn)可以有幾條思路，首先將形狀規(guī)整嘗試色塊的表達(dá)，成為圓形或者矩形，考慮到圖中有小紅點(diǎn)，再多個(gè)圓形出來(lái)就累贅了，所以用矩形來(lái)搭配，數(shù)據(jù)區(qū)的信息更加整潔，大面積的同色區(qū)有助于信息突出。如下圖：

接著可以嘗試?yán)_對(duì)比，采用淺色底深色字或者深色底淺色字的表現(xiàn)形式，彩色和無(wú)彩色都可以進(jìn)行嘗試。如下嘗試

最后檢查與頁(yè)面上其他元素是否保持統(tǒng)一，因?yàn)榭紤]到APP其他的地方所有紅色點(diǎn)都是表示未讀狀態(tài)，所以保持這樣的信息傳達(dá)不變。而又考慮到徽章圖顏色種類比較多，整個(gè)頁(yè)面會(huì)比較亂，那么在數(shù)據(jù)區(qū)就盡量減少多色的表達(dá)，用無(wú)彩方案去表達(dá)，否則畫面會(huì)“閃瞎偶的gou眼”。

最終方案如下圖：

設(shè)計(jì)是一個(gè)理性和感性交替進(jìn)行權(quán)衡，顧全大局的過(guò)程，其中鍛煉的是設(shè)計(jì)師的信息收集、表達(dá)、總結(jié)、邏輯思考等等的能力，倒不覺得累和苦，反而覺得能學(xué)設(shè)計(jì)是一種幸運(yùn)~

閣主一直在琢磨怎樣寫出更好的文章，帶給大家更多的思考。如果真正寫工作的分析過(guò)程會(huì)有點(diǎn)枯燥，大家在閱讀的時(shí)候會(huì)感覺有點(diǎn)累，如果大伙有好的建議可以在留言區(qū)進(jìn)行留言。

專欄作家

Sophiallg，微信公眾號(hào)：Sophia的玲瓏閣，人人都是產(chǎn)品經(jīng)理專欄作家。一枚愛折騰，愛健身的交互設(shè)計(jì)妹紙。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。