iT邦幫忙

2024 iThome 鐵人賽

DAY 7
0
自我挑戰組

前端系統設計系列 第 7

[Day 7] 訊息流 (New Feeds) - 1 - 需求探索

  • 分享至 

  • xImage
  •  

前言

進入到正式的系統設計問題,我們首先就以 New Feeds (訊息流)做例子

https://ithelp.ithome.com.tw/upload/images/20240921/201489448APtfycWpm.png

 

所謂的訊息流 (New Feeds),就如上述 X(前 twitter) 般,會由上到下一則接著一則的貼文出現在畫面,像是 Facebook, X(前 twitter), Reddit (類似國外的 ptt),就是一些很好的例子

 

此時,我們就可以利用 RADIO framework 來協助我們設計,也就是:

  • Requirement exploration
  • Architecture
  • Data model
  • Interface
  • Optimization

 

因此,我們就可以針對這個順序,來先進行 Requirement exploration 的部分

以下是我們可以針對 New Feeds 所問的問題,以及一些參考的回答:

 

1. 什麼是一定要支援的核心功能?

  1. 可以瀏覽 user 自己本身跟他們的朋友的貼文
  2. 對貼文做出喜歡等反應
  3. 建立和發佈貼文

在更後面的部分,會討論到評論 (Commenting) 跟 分享 (Sharing) 的功能,但不是在核心功能的範圍內

 

2. 需要支援什麼樣類型的貼文?

主要是文字 & 圖片為主的貼文。
如果時間允許,可以討論更多類型的貼文

 

3. 應該給 user 什麼樣的分頁體驗?

主要是無限滾動 (Infinite scrolling),也就是說當 user 滾到底部後會自動增加更多貼文

 

4. 此 app 應該要考慮到手機端嗎?

不是主要的,但有更好

 

參考資源


上一篇
[Day 6] 系統設計指南懶人包
下一篇
[Day 8] New feeds - Architecture
系列文
前端系統設計8
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言