UI設計中評論區(qū)設計指南

　　評論區(qū)在APP中有著不可或缺的地位,評論區(qū)又主要分評論入口、評論展示、評論排序三個方面，不同屬性的APP評論區(qū)側(cè)重點又都不一樣。只有了解這些差異,我們在做相關的APP時才能夠更好的下手。因此，了解不同屬性的APP評論區(qū)的區(qū)別是很有必要的，下面AAA教育郭老師就針對UI設計中評論區(qū)設計指南進行簡單的說明。
 

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

　　評論區(qū)又主要分評論入口、評論展示、評論排序這三個方面，不同屬性的APP評論區(qū)側(cè)重點又都不一樣，都有所差異。只有了解這些差異，我們在做相關的APP時才能夠更好的下手。因此，了解不同屬性的APP評論區(qū)的區(qū)別是很有必要的，下面我就從這三個方面分別對其進行對比。
 

　　評論入口
 

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

　　直接評論入口
 

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

 

　　置于界面底部入口
 

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

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

 

　　新開頁面
 

　　新開頁面往往這類評論內(nèi)容較長、同時數(shù)量較大，需要特定的情況才可評論，比如電商類、團購外賣等需要消費完之后在進行評論的，這時候只需要提供一個入口，后面等完成交易后新開頁面進行評論。

 

　　以天貓和餓了么為例，雖然評論的參數(shù)有所不同，但是其相同的均是需要消費成功后，才能進行評價。
 

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

 

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

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

　　評論展示
 

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

　　全部同頁
 

　　全部同頁多用于強社交屬性類的APP，便于查看評論，促進用戶間互動性。

 

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

　　部分同頁
 

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

 

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

　　獨立顯示
 

　　獨立顯示對于一-些不便于查看評論;或者互動性不那么強;或者空間布局受限等情況，會將評論區(qū)獨立出來顯示。

 

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

　　部分熱門置頂
 

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

 

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

　　總結
 

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