酷播亮新聞
最棒的知識補給站

設計分享:一個簡易資訊發布模塊

零基礎學產品,BAT產品總監帶,2天線下集訓+1年在線課程,全面掌握優秀產品經理必備技能。 了解詳情

資訊發布,這是你不用動腦的簡易版本,只需學習十分鐘,你就會跟我一樣,愛上這款設計。

今天頭條、騰訊新聞、網易新聞、新浪微博等,哪個新聞資訊網站應用大家沒看過? 現在的年輕人總想搞個大新聞,但是設計一個公司內部使用的資訊發布模塊,是不用考慮內容分發、搜索引擎、個性化推薦、互動玩法、會員服務等等眾多額外功能。 我雖然不是新聞工作者,但是我見得不少,有必要告訴你們一點人生的經驗,咳咳。

資訊發布功能一般應用在企業門戶、內部辦公平台,或各類帶有新聞資訊功能的程序應用。 與專業資訊平台不通,輕量級的資訊模塊著重“短平快”的用戶體驗,功能聚焦在資訊的 內容管理與內容展示。 本文適合初學者或有相關興趣人士學習分享,如果你是要立志做出一款能媲美以上提到的新聞資訊類產品,請關閉這個頁面。

功能規劃

我今天算得罪了同行一下,雖然不經過實際調研,拍腦袋就做是很多產品經理的臭毛病,但凡事都得按照基本法,按照產品思維去評估,這裡我選擇採用MVP(Minimum Viable Product –最 簡化可實行產品)模式。

一個最簡但可用的資訊發布模塊,最應該抓住的核心功能是 資訊內容的輸入與輸出 ,輸入端包括對資訊內容的增刪查改等一系列的操作,輸出端則要考慮資訊的呈現方式及呈現位置。 先畫出一個簡易的功能結構圖,理清楚前端后台各自承擔的功能,作為V1.0的版本,可以把各種花哨的功能計劃在後期,先實現產品“能用”的目標。

後台設計

有了明確的功能模塊規劃,只需要圍繞著功能點,即可快速設計出所需內容。 考慮到日後的資訊分類與統計,可先繪製一個簡易的資訊分類,甚至可以不設置該功能,讓所有資訊默認歸屬同一分類。

然後再繪製重中之重——資訊列表,這是管理人員維護資訊的入口,這裡我選擇性地展示了最簡潔亦是最重要的信息和功能, 你甚至可以不展示資訊的操作記錄信息, 不做搜索。

內容編輯頁採用主流的核心組成元素:標題、配圖(可選)、分類、置頂操作(可選)、正文,如果追求極致的精簡或者沒有過多的要求,正文內容填寫框甚至可棄用 富文本框,直接擺一個大大的多行純文本框上去,不過運營的同學是不會放過你的。

直到這裡,後端的設計可以告一段落。

前端設計

資訊類信息在Web端的展示較為靈活,按實際的應用場景可使用純標題列表、圖文混排、大圖標題等的佈局方式,但都應該保持清晰簡潔的原則。 前期的交互重點在內容的展示,後期可再逐步加入用戶評論、收藏、轉發、自定義排序、搜索、分類等附加功能。 若考慮到企業網站門戶的特殊展示需求,還可能出現各種異形的酷炫排版,但過於復雜這裡不作展開。

而APP端可加入跑馬燈式banner展示置頂或重點推送的內容,做好資訊分類入口,採用瀑布流列表式排版,根據實際需求酌情在資訊列表中添加上發佈時間、閱讀人數、評論人數、是否 置頂、資訊來源、摘要、所屬類別等附加信息。

剩下的,可以交給專業UI/UE稍加潤色,然後就拉上大夥開評審會了。

總結

設計簡潔易用的系統模塊,關鍵是找出核心流程和功能,這需要設計者有高度抽象的思維,並充分理解業務和用戶需求的前提下,去敲定最終方案。 但隨著業務量的增加,管理需求的變化,各種內外部因素的結合會要求你的產品不斷變化,所以設計前必須充分考慮好系統的兼容性和擴展性,若一開始設計得太“ 死”或太“簡”,則是為自己和團隊挖坑。

大家都崇尚微信的克制簡潔而鄙棄微博的紛繁複雜,你問我對簡潔支持不支持,我當然支持啊。 但追加簡潔並不是拒絕複雜,在選擇MVP模式設計產品時,不妨先花點時間思考一下,所追求產品的現在,都是基於產品的未來。

 

本文由 @kenfai 原創發佈於人人都是產品經理。 未經許可,禁止轉載。

題圖來自PEXELS,基於CC0協議

如有侵權請來信告知:酷播亮新聞 » 設計分享:一個簡易資訊發布模塊