UI設(shè)計(jì)中評分功能設(shè)計(jì)總結(jié)

　　很多 APP 中都有評分功能，比如豆瓣的按照 1-5 顆星給電影評分，或者知乎中按照贊同或反對給答案的評分等等。這篇文章主要分享一下評分功能的作用以及常見的模式。今天AAA教育郭老師就針對UI設(shè)計(jì)中評分功能設(shè)計(jì)總結(jié)進(jìn)行簡單的說明。
 

　　評分的作用
 

　　主要作用有三個：1.對評價(jià)進(jìn)行可視化處理，便于查看和理解，讓用戶對內(nèi)容有一個感性的認(rèn)知;2.給內(nèi)容創(chuàng)造者給予反饋，比如 QQ 空間的點(diǎn)贊讓人獲得成就感;3.供他人作參考，幫助他人做決策，比如根據(jù)一部電影的評分決定要不要看。
 

　　評分的模式
 

　　不同的評分展現(xiàn)模式，具有不同的特點(diǎn)和使用場景，也會給別人帶來不同的感受和認(rèn)知。主要的展現(xiàn)模式有四種：
 

　　1.單向評分
 

　　這種模式只能表達(dá)正面的想法，常見的有“點(diǎn)贊”或“喜歡”，適用于只鼓勵用戶表達(dá)積極評價(jià)的場景。比如好友之間的交流，沒有負(fù)面評價(jià)，可以使交流氛圍更加融洽。如下圖：

 

　　以 QQ 和微信為例，基本上都是朋友或同事，盡管設(shè)置一個和點(diǎn)贊相對立的按鈕，就算有負(fù)面的想法但是出于禮貌可能也不會去點(diǎn)。還有值得注意的一點(diǎn)就是，點(diǎn)贊數(shù)在一定程度上會影響人的判斷。QQ 的點(diǎn)贊數(shù)所有人都可見，但微信的點(diǎn)贊數(shù)只有相同好友可見。比如看到 QQ 好友的動態(tài)那么多人都點(diǎn)贊了，也會忍不住點(diǎn)一下，點(diǎn)贊的動機(jī)可能是出于禮貌。但每當(dāng)面對朋友圈，我都認(rèn)為自己是一個孤獨(dú)的點(diǎn)贊戰(zhàn)士，絲毫不受他人點(diǎn)贊或評論的影響~可能會更加注重內(nèi)容一些。
 

　　2.表情評分
 

　　這種模式通常使用多個表情讓用戶來選擇，做出評價(jià)。一般都會采用正面、積極的表情，具有多種樣式，用戶可以表達(dá)出相對詳細(xì)的想法，比如大笑、笑哭、吃瓜等等。如下圖：

 

　　以QQ 和飛聊為例，他們都可以進(jìn)行表情評論，長按點(diǎn)贊呼出表情選項(xiàng)，不同的是飛聊選擇表情評論后會以選擇的表情代替點(diǎn)贊圖標(biāo)，但 QQ 選擇完表情后仍然會顯示點(diǎn)贊的圖標(biāo)。
 

　　3.雙向評分
 

　　這種模式能讓用戶表達(dá)“正面”和“反面”兩種想法，適用于鼓勵用戶進(jìn)行討論、表達(dá)不同想法的場景。這種模式可以幫助用戶了解內(nèi)容的質(zhì)量好壞，也可以起到一個排序篩選的作用。如下圖：

 

　　以知乎為例，用戶可以對內(nèi)容表達(dá)贊同或反對，大家都不認(rèn)識，可以暢所欲言地表達(dá)自己的想法或觀點(diǎn)。贊同數(shù)較高的內(nèi)容排序更加靠前，便于用戶首先看到高質(zhì)量的內(nèi)容。
 

　　4.等級評分
 

　　這種模式通常會將評分分為5個等級，適用于對開放式內(nèi)容的評價(jià)，比如電影、商品、服務(wù)等等。這種模式的評分系統(tǒng)更加詳細(xì)，同時(shí)也可以表達(dá)負(fù)面評價(jià)。如下圖：

 

　　以豆瓣為例，給豆瓣的電影評分是打 1-5 顆星，然后系統(tǒng)會把 1-5 顆星的評價(jià)換算成 1-10 分，再除以總評價(jià)人數(shù)，最后得出平均分，平均分可以幫助用戶了解一部電影整體水平。再例如 App Store，在打分時(shí)往往會伴有評價(jià)輸入框，讓用戶寫下自己的想法或觀點(diǎn)，既可以幫助別人作參考，也可以幫助開發(fā)人員進(jìn)行改進(jìn)。如下圖：

 

　　所以等級評分是一個更加詳細(xì)的評分系統(tǒng)。
 

　　劃重點(diǎn)
 

　　評分功能是用戶對內(nèi)容的一個簡略的想法或評價(jià)，能幫助用戶在第一時(shí)間對內(nèi)容作出一個感性的認(rèn)知，并不能幫助用戶了解更加具體詳細(xì)的內(nèi)容。想了解更具體的內(nèi)容還要看評價(jià)信息。
 

　　由于不同評分模式的特點(diǎn)及使用場景都不同，所以需要根據(jù)具體需求選擇最適合的評分模式。因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息，請?jiān)L問AAA教育，包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。