設(shè)計(jì)分享:一個(gè)簡易資訊發(fā)布模塊

2 評論 19986 瀏覽 50 收藏 7 分鐘

資訊發(fā)布,這是你不用動(dòng)腦的簡易版本,只需學(xué)習(xí)十分鐘,你就會(huì)跟我一樣,愛上這款設(shè)計(jì)。

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

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

功能規(guī)劃

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

一個(gè)最簡但可用的資訊發(fā)布模塊,最應(yīng)該抓住的核心功能是資訊內(nèi)容的輸入與輸出,輸入端包括對資訊內(nèi)容的增刪查改等一系列的操作,輸出端則要考慮資訊的呈現(xiàn)方式及呈現(xiàn)位置。先畫出一個(gè)簡易的功能結(jié)構(gòu)圖,理清楚前端后臺各自承擔(dān)的功能,作為V1.0的版本,可以把各種花哨的功能計(jì)劃在后期,先實(shí)現(xiàn)產(chǎn)品“能用”的目標(biāo)。

后臺設(shè)計(jì)

有了明確的功能模塊規(guī)劃,只需要圍繞著功能點(diǎn),即可快速設(shè)計(jì)出所需內(nèi)容??紤]到日后的資訊分類與統(tǒng)計(jì),可先繪制一個(gè)簡易的資訊分類,甚至可以不設(shè)置該功能,讓所有資訊默認(rèn)歸屬同一分類。

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

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

直到這里,后端的設(shè)計(jì)可以告一段落。

前端設(shè)計(jì)

資訊類信息在Web端的展示較為靈活,按實(shí)際的應(yīng)用場景可使用純標(biāo)題列表、圖文混排、大圖標(biāo)題等的布局方式,但都應(yīng)該保持清晰簡潔的原則。前期的交互重點(diǎn)在內(nèi)容的展示,后期可再逐步加入用戶評論、收藏、轉(zhuǎn)發(fā)、自定義排序、搜索、分類等附加功能。若考慮到企業(yè)網(wǎng)站門戶的特殊展示需求,還可能出現(xiàn)各種異形的酷炫排版,但過于復(fù)雜這里不作展開。

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

剩下的,可以交給專業(yè)UI/UE稍加潤色,然后就拉上大伙開評審會(huì)了。

總結(jié)

設(shè)計(jì)簡潔易用的系統(tǒng)模塊,關(guān)鍵是找出核心流程和功能,這需要設(shè)計(jì)者有高度抽象的思維,并充分理解業(yè)務(wù)和用戶需求的前提下,去敲定最終方案。 但隨著業(yè)務(wù)量的增加,管理需求的變化,各種內(nèi)外部因素的結(jié)合會(huì)要求你的產(chǎn)品不斷變化,所以設(shè)計(jì)前必須充分考慮好系統(tǒng)的兼容性和擴(kuò)展性,若一開始設(shè)計(jì)得太“死”或太“簡”,則是為自己和團(tuán)隊(duì)挖坑。

大家都崇尚微信的克制簡潔而鄙棄微博的紛繁復(fù)雜,你問我對簡潔支持不支持,我當(dāng)然支持啊。但追加簡潔并不是拒絕復(fù)雜,在選擇MVP模式設(shè)計(jì)產(chǎn)品時(shí),不妨先花點(diǎn)時(shí)間思考一下,所追求產(chǎn)品的現(xiàn)在,都是基于產(chǎn)品的未來。

 

本文由 @kenfai 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自PEXELS,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 瀏覽量、點(diǎn)贊量、評論管理、排序管理……竟然全被無視掉了!

    回復(fù)
    1. 所以說是簡易的設(shè)計(jì) ??

      來自廣東 回復(fù)