通知系統(tǒng)的設(shè)計(jì)(二)

UI將從web(用戶)、移動(dòng)(app和H5)和管理后臺(tái)三個(gè)方面進(jìn)行闡述。通知通知,就是讓消息第一時(shí)間到達(dá),讓用戶第一時(shí)間知道。雖然web、app、H5在實(shí)現(xiàn)方式上是區(qū)別的,但是及時(shí)方便獲取是首要目標(biāo)。

WEB

位置上,web最能惹眼球的位置就是邊欄,不論是上、下、左、右邊欄,因?yàn)椴浑S著用戶操作而變換,所以通知的第一提醒應(yīng)該是這個(gè)位置。第二個(gè)位置就是首頁,叫儀表盤或者看板無所謂,登錄后就會(huì)看到這個(gè)頁面。第三個(gè)位置就是通知的自己的家。所以,分三個(gè)部分進(jìn)行分析。

1、邊欄

邊欄的位置我越來越推薦左邊欄,因?yàn)槎际菍捚恋穆铩鹘y(tǒng)是上邊欄。我們系統(tǒng)中多是是后者,有的版本會(huì)換成前者。


圖 1

展現(xiàn)形式上多為圖1所示。這種消息推送功能實(shí)際上不明顯,大致告訴我們有新消息,但是也不至于打擾用戶。

新消息提示使用頂部滑出,延時(shí)n秒(要多次體驗(yàn)時(shí)常,即不煩人又可以了解內(nèi)容)后自動(dòng)消失。

圖 2

2、首頁

根據(jù)不同的應(yīng)用,首頁會(huì)有不同的模式。包含的元素應(yīng)該是任務(wù)、任務(wù)日程視圖、通知、動(dòng)態(tài)、圖/報(bào)表,根據(jù)用戶的場景進(jìn)行組合。

3、通知自己的家

這是看通知的地方,我們會(huì)嵌入到其他系統(tǒng),可能的變化就是菜單和ui,我們目前兩種類型,應(yīng)用型和網(wǎng)站型,樣式會(huì)有變化。我們對(duì)于通知的處理,可以采用彈出窗口的模式,看一條信息采用側(cè)邊欄滑出信息的模式(wt)。



平臺(tái)

管理員使用發(fā)布通知通告

H5

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

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,765評(píng)論 25 708
  • 點(diǎn)擊查看原文 Web SDK 開發(fā)手冊(cè) SDK 概述 網(wǎng)易云信 SDK 為 Web 應(yīng)用提供一個(gè)完善的 IM 系統(tǒng)...
    layjoy閱讀 13,854評(píng)論 0 15
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,179評(píng)論 4 61
  • 文/熠歆 其實(shí),平時(shí)的我是“守時(shí)、有原則性”的人! 但是,在這次的監(jiān)考員們看來我就是一個(gè)“不守時(shí)、邋里邋遢、無原則...
    熠歆閱讀 535評(píng)論 10 0
  • 看了貓老師的文章,激起了我寫作的欲望。雖然我語文成績一直不好,但是骨子里還有有一種當(dāng)文藝青年的夢(mèng)想。 我是一個(gè)理科...
    王余新閱讀 159評(píng)論 0 0