UI設(shè)計(jì)中評(píng)論區(qū)設(shè)計(jì)指南

　　評(píng)論區(qū)在APP中有著不可或缺的地位,評(píng)論區(qū)又主要分評(píng)論入口、評(píng)論展示、評(píng)論排序三個(gè)方面，不同屬性的APP評(píng)論區(qū)側(cè)重點(diǎn)又都不一樣。只有了解這些差異,我們?cè)谧鱿嚓P(guān)的APP時(shí)才能夠更好的下手。因此，了解不同屬性的APP評(píng)論區(qū)的區(qū)別是很有必要的，下面AAA教育郭老師就針對(duì)UI設(shè)計(jì)中評(píng)論區(qū)設(shè)計(jì)指南進(jìn)行簡(jiǎn)單的說(shuō)明。
 

　　評(píng)論區(qū)在現(xiàn)在APP中有著不可或缺的地位，除了工具類和展示類的APP沒(méi)有評(píng)論區(qū)外，其他社交類、視頻類、電商類、音樂(lè)類、問(wèn)答類都有評(píng)論區(qū)。
 

　　評(píng)論區(qū)又主要分評(píng)論入口、評(píng)論展示、評(píng)論排序這三個(gè)方面，不同屬性的APP評(píng)論區(qū)側(cè)重點(diǎn)又都不一樣，都有所差異。只有了解這些差異，我們?cè)谧鱿嚓P(guān)的APP時(shí)才能夠更好的下手。因此，了解不同屬性的APP評(píng)論區(qū)的區(qū)別是很有必要的，下面我就從這三個(gè)方面分別對(duì)其進(jìn)行對(duì)比。
 

　　評(píng)論入口
 

　　不同屬性的APP往往根據(jù)其產(chǎn)品定位，入口也有所不同。主要有直接評(píng)論、置于界面底部、新開(kāi)頁(yè)面進(jìn)行評(píng)論，其中直接評(píng)論和置于界面底部這兩個(gè)入口多為社交性比較強(qiáng)的APP，接下來(lái)就從這三個(gè)方面來(lái)說(shuō)。
 

　　直接評(píng)論入口
 

　　以微信朋友圈為例，它主要以溝通感情為主，對(duì)反饋的期望較高，在加上其內(nèi)容相對(duì)比較簡(jiǎn)短，因此它的評(píng)論入口直接在好友動(dòng)態(tài)下方。

 

　　置于界面底部入口
 

　　這類APP同樣也具有很高的社交性，但是由于信息或內(nèi)容過(guò)多，所以入口需要設(shè)置在方便點(diǎn)擊且明顯的位置,根據(jù)費(fèi)茨定律和拇指規(guī)則，往往將其放置在底部固定顯示，常見(jiàn)的APP主要有視頻類、音樂(lè)類。
 

　　以網(wǎng)易云音樂(lè)、愛(ài)奇藝為例，由于內(nèi)容都比較長(zhǎng)，同時(shí)評(píng)論數(shù)量也相對(duì)較多，因此采用將評(píng)論置于底部固定顯示。

 

　　新開(kāi)頁(yè)面
 

　　新開(kāi)頁(yè)面往往這類評(píng)論內(nèi)容較長(zhǎng)、同時(shí)數(shù)量較大，需要特定的情況才可評(píng)論，比如電商類、團(tuán)購(gòu)?fù)赓u等需要消費(fèi)完之后在進(jìn)行評(píng)論的，這時(shí)候只需要提供一個(gè)入口，后面等完成交易后新開(kāi)頁(yè)面進(jìn)行評(píng)論。

 

　　以天貓和餓了么為例，雖然評(píng)論的參數(shù)有所不同，但是其相同的均是需要消費(fèi)成功后，才能進(jìn)行評(píng)價(jià)。
 

　　另外，由于知識(shí)問(wèn)答類的由于數(shù)量較多，內(nèi)容長(zhǎng)度較長(zhǎng)，為了保持頁(yè)面篇幅穩(wěn)定，也是需要將評(píng)論隔離出來(lái)，建立新的評(píng)論頁(yè)面。

 

　　以知乎和豆瓣為例，他們都屬于閱讀問(wèn)答類，評(píng)論內(nèi)容都較多，且內(nèi)容較長(zhǎng)，因此也采用新開(kāi)頁(yè)面的形式。
 

　　以上就是評(píng)論入口的匯總，你會(huì)發(fā)現(xiàn)大多評(píng)論入口都是這三種形式，因此在設(shè)計(jì)中，我們結(jié)合產(chǎn)品定位，具體考慮是在當(dāng)前頁(yè)面展示評(píng)論，還是置于頁(yè)面底部，或者新開(kāi)頁(yè)面。
 

　　評(píng)論展示
 

　　評(píng)論展示根據(jù)不同的產(chǎn)品定位，又可分為全部同頁(yè)、部分同頁(yè)、獨(dú)立顯示、部分熱門置頂?shù)取?br />  

　　全部同頁(yè)
 

　　全部同頁(yè)多用于強(qiáng)社交屬性類的APP，便于查看評(píng)論，促進(jìn)用戶間互動(dòng)性。

 

　　以微信朋友圈、脈脈為例，我們知道微信朋友圈是熟人社交，而脈脈是垂直類的職場(chǎng)類社交，都具有很強(qiáng)的社交屬性，用戶都具有較強(qiáng)的期待反饋特點(diǎn)，因此其評(píng)論和用戶發(fā)布的狀態(tài)都展示在同一頁(yè)面，便于查看。當(dāng)然也不能說(shuō)強(qiáng)全是全部同頁(yè)，類似脈脈展示3條數(shù)據(jù)之后以折疊的形式展開(kāi)，主要還是因?yàn)樗膬?nèi)容相對(duì)比微信多，因此仍然考慮折疊。
 

　　部分同頁(yè)
 

　　部分同頁(yè)適合主體內(nèi)容有其他運(yùn)營(yíng)需求，這樣一般展示部分評(píng)論， 其他需要查看更多才能夠繼續(xù)看到。

 

　　以天貓為例，由于產(chǎn)品介紹、商品參數(shù)的優(yōu)先級(jí)高于評(píng)論區(qū)，因此評(píng)論就無(wú)法像其他社交類產(chǎn)品一樣全部露出，需要點(diǎn)擊查看更多才在新的頁(yè)面全部顯示。
 

　　獨(dú)立顯示
 

　　獨(dú)立顯示對(duì)于一-些不便于查看評(píng)論;或者互動(dòng)性不那么強(qiáng);或者空間布局受限等情況，會(huì)將評(píng)論區(qū)獨(dú)立出來(lái)顯示。

 

　　以網(wǎng)易云音樂(lè)為例，他主要對(duì)音樂(lè)進(jìn)行評(píng)論，而在音樂(lè)播放頁(yè)面由于空間的限制，同時(shí)和其他社交類APP比較用戶之間的互動(dòng)相對(duì)較弱，因此評(píng)論頁(yè)面需要獨(dú)立出來(lái)顯示。
 

　　部分熱門置頂
 

　　部分熱門置頂多用于社區(qū)型APP，促進(jìn)用戶互動(dòng)的積極性。

 

　　以脈脈為例，將點(diǎn)贊較多的置頂放置，可促進(jìn)用戶互動(dòng)的積極性，但是該類置頂不適合用戶生成的內(nèi)容，因?yàn)橘|(zhì)量沒(méi)辦法保障。多適用于專業(yè)的內(nèi)容生產(chǎn)者比較好。
 

　　總結(jié)
 

　　評(píng)論入口主要有直接評(píng)論、置于界面底部、新開(kāi)頁(yè)面進(jìn)行評(píng)論。其中直接評(píng)論和置于界面底部這兩個(gè)入口多為社交性比較強(qiáng)的APP,那么根據(jù)內(nèi)容多少，可選擇使用直接評(píng)論和置于界面底部?jī)煞N方式，而對(duì)于新開(kāi)頁(yè)面往往這類評(píng)論內(nèi)容較長(zhǎng)、同時(shí)數(shù)量較大，需要特定的情況才可評(píng)論。因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息，請(qǐng)?jiān)L問(wèn)AAA教育，包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。