[思考]評論載入方式/無信息處理/上傳是否設限

評論載入方式的討論


近期在做一個話題模塊的時候,后端坐過來跟我聊了聊評論載入方式設計的思路。

1:最初的設計方案是做成了滾動加載,單次加載20條評論,然后通過向下繼續滾動再遞進加載20條評論。這樣的方式優點是,我可以很流暢的查看更多的評論,而不需要去尋找跳轉翻頁的分頁器,流暢,自然,不需要多余的操作。


在我闡明了我的觀點后,后端問起了為什么不用分頁的方式呢?

我大概的思考了一下,說出了這款內部應用的用戶規模,和往期話題的參與用戶數量,大概會出現不超過10頁的分頁量,而且如果是快速瀏覽評論,或是在評論中去找出某一用戶的評論的話,分頁也是沒有優勢的,我大概可以根據在頁數位置去推測該評論發布的時間先后,但是也并不能了解是誰發布了什么評論,相比之下,滾動加載在快速瀏覽的情況下優勢更為明顯,省去了翻頁的操作。

接下來后端補充了問題的描述,那我如果是有人很早的時候回復了我的一個評論,那么如果按照滾動加載的方式去定位,是不是每次都不得不一直滑動,加載大量評論后才能定位到很早期的一條呢?

這一條確實是卡住我了,因為挖墳評論這一種行為確實是存在的。雖然優化后的方式是將回復也單獨作為一條評論,并自動引用原評論內容,點擊原評論仍然需要定位到早期評論(這里也嘗試了在通知處就單獨提出,提供直接回復評論的方式,就像QQ空間里@的時候一樣,但是同樣也應該支持返回到內容中查看前后語境的操作,所以問題依然存在,被ban了)。

比較之下,我承認在這種情況下,分頁加載的優勢更為明顯,是更優的解決辦法,并且很多應用中的評論也都是采用了分頁的方式,知乎,貼吧,V站,很多都是這樣。商量著,那如果換成20條評論的分頁呢?

像V站看齊 :) 。最后是擴展單頁or單個滾動加載的評論數量,V站也是如此,但分頁的評論載入量是100條,那就做成100條的單次評論載入,如果有更多,讓用戶在末尾選擇加載更多,嗯,按平臺目前的用戶來說,超過200條評論算是極少的可能了。我擔心的是評論量過多,導致側邊欄的滾動條可拖拽的滑塊過于短小會不會有影響?至于載入速度,后端都說了沒有問題:),那就信任好了。


無信息的處理方式


這也是在最近測試上線的時候,遇到的一個很棘手的問題,像是一些搜索或是網絡狀況帶來的信息載入失敗,或者本身無內容的空狀態會去做很多優化的設計,例如加入設計圖形/插畫元素,讓情感過渡的更為平緩,闡明錯誤原因,并提供退出或者重新嘗試的操作。


對于內容缺失的地方添加元素和操作進行過渡

但是這個稍有不同,可能會讓我去思考,一個上線第一個,并沒有產生內容的模塊,應該是什么樣子?

設計時的樣式


測試效果


在很多平臺上,會采用的方式是會引入一些demo內容填充,例如示例項目,示例公告,示例表單這樣的內容。


coding的任務中心

這里引用一個coding的例子,任務中心填充了默認的任務demo,解除了空白信息內容的尷尬,demo也在幫助用戶了解平臺的使用,墊平學習的門檻。

同樣的還有就是引導用戶去生產內容,類似于“當前還沒有人評論,趕快來搶第一個沙發吧”然后加一個評論的button。

面對缺少內容的狀況,引導,緩和,填充,是三個解決的辦法。填充應該是更加自然,并且不需要多余的設計任務,只需要平臺主動按照操作去生成內容即可,成本也較低,用戶進來瀏覽也更加自然。同樣的狀態下引導的文案表述,也需要做很多的推敲,謙虛而且禮貌,而不應該是情緒化,命令或者冒失的。同樣的,添加設計包含品牌的緩和元素,也能夠讓品牌深化。像“今日生日”這樣一個不一定有數據的模塊,引入圖形元素是更為合理的,總不能胡鄒出幾個NPC是吧。

上傳是否設限



這是在交流群里遇到的一個問題,交流了很多,最終也都是互相保留了各自的意見。

問題的背景,是有一位朋友需要設計一個會議發布平臺,涉及到了上傳會議海報/圖片這一個功能,爭論集中在了是否限制上傳圖片像素尺寸的問題。

首先,為什么上傳圖片?更好的展示活動信息。

有朋友的觀點是認為,應該在上傳的時候,限制上傳圖片的尺寸和大小,防止質量過差或者過大的圖片上傳,因為拉伸,縮放,和模糊影響平臺整體的視覺效果,or占用更多的空間。

我的觀點是認為不應當在上傳的時候對用戶選擇上傳進行限制,當然,如果平臺能夠根據內容提供自動生成的模板當然是一個更優的解決方法。

面對上傳圖片的處理方法,可以在上傳后提供裁剪和預覽的功能(很多上傳頭像的地方都有類似的操作),而且當前前端的裁剪方法,可以很好的避免拉伸和縮放的問題。

但是圖片像素量過小,造成的模糊和馬賽克的問題可能是暫時無法處理。但是這不應當成為拒絕用戶上傳圖片的理由,這是用戶的一個主動行為,用戶在上傳后預覽時,可以很主觀的去判斷是否決定使用這張模糊或者質量不高的圖片,圖片的目的是服務于用戶更好的展示自己的會議信息,如果平臺在這里加以長寬限制,無疑是對用戶的行為施加了約束。退一步說,如果用戶的圖片就差1px的寬,身邊也沒有設計人員,平臺就應該阻止用戶上傳嗎?一個合適的范圍邊界本身就有模糊的區域。強加限定會帶來挫折和返工。

很長時間我都是保留著這樣的觀點,在不違反法律的前提下,平臺對用戶更多的應該是建議和引導,而不是限制和強加規范。behance不會拒絕用戶上傳很爛的作品,但是平臺的整個氛圍會引導你做的更好。作為一個會議發布的平臺,驗證會議信息的準確,真實,比在意圖片的尺寸限定更加重要。僥幸的一想,會準備好海報的話,圖片的尺寸和質量大多數也應該是合乎規范,不至于讓整個平臺都亂糟糟的。

在無關法律和原則的情況下,更多的引導與建議,而不是限制。

當然啦,最后誰都沒有說服誰,那位朋友還是有作為設計師的秉性,不愿意有一個亂糟糟的會議平臺,希望的是整齊,規范,這也沒錯。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,698評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,202評論 3 426
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,742評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,580評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,297評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,688評論 1 327
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,693評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,875評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,438評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,183評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,384評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,931評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,612評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,022評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,297評論 1 292
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,093評論 3 397
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,330評論 2 377

推薦閱讀更多精彩內容