iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 8
3

本篇拜託了我們家小卡來支援現場 XD

今天就來講講流程圖吧!有了資訊架構圖之後,對於現有的頁面會有了初步的理解,那麼這些頁面之間的關係又為何呢?這時候我們就會用流程圖把它串起來。

延續我們這幾天的例子,大概會發生這些事:

今天下班後,終於有空來清理這區系列小說,準備要來登錄一下自己的書單到 App 上了~

所以我們預期的流程會是這樣:

  1. 登入
  2. 點擊掃描頁面
  3. 選擇標籤幫書本分類
  4. 確認掃描的書本出現在書本清單頁裡

根據這樣的流程,我們可以畫出這張圖:

https://ithelp.ithome.com.tw/upload/images/20200923/20105176B5cEzV4QYB.jpg

啊,我應該要把「浪漫喜劇」拆成「浪漫」跟「喜劇」~畢竟浪漫不一定是喜劇呀。

所以我們預期的流程會是這樣:

  1. 登入
  2. 進入分類頁
  3. 新增 / 編輯標籤
  4. 追加新標籤在書本上

根據這樣的流程,我們可以畫出這張圖:

https://ithelp.ithome.com.tw/upload/images/20200923/20105176kYMnlLJlkk.png

這本我原本是打算收藏的,但現在看起來好像不需要了,問問看我朋友要不要好了。

所以我們預期的流程會是這樣:

  1. 登入
  2. 書單列表
  3. 查看詳細書本資訊
  4. 標註為 待轉送
  5. 分享書本連結

根據這樣的流程,我們可以畫出這張圖:

https://ithelp.ithome.com.tw/upload/images/20200923/20105176HrBn3uIP07.png

最後整理起來會變成這張~

https://ithelp.ithome.com.tw/upload/images/20200923/201051765hKGUd45pR.png

今天完成了流程圖,接下來就想想看功能模組圖要長什麼樣子吧~那就明天見啦!


上一篇
[Day07] 資訊架構 - 與 UI/UX 設計師討論的好工具
下一篇
[Day09] 功能模組圖 - PM 畫給工程師的藍圖
系列文
從 RD 到 PM 的奇妙旅程 - 陪伴我成長的心法與工具整理集30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言