iT邦幫忙

2022 iThome 鐵人賽

DAY 4
0

前言


昨天畫完流程圖後,請朋友L(不是死亡筆記本)過目,得到兩個需要改進的地方

image

  1. 流程圖有個慣例方向,是由上往下,由左而右
  2. 方形只會出區一個箭頭,不會同時有多個箭頭出發

該怎麼解決一個畫面,同時可以做很多動作的流程呢?
我們從“顯示所有記事”開始跑,接下來可能發的事情有

  1. 點擊搜尋
  2. 點擊新增
  3. 點擊記事
  4. 長按記事

switch case 邏輯流程

我第一個直覺是,點擊事件很像 java的switch-case 或 kotlin 的 when。
找到這樣的流程圖

image

改改看

image

這樣最後一個長按事件又和上面的點擊事件是不一樣的形狀,太奇怪了(我應該哪裡畫錯了)

叉子圖

詢問鐵人團賽的成員得到「app流程圖啊,通常是放主要事件。多功能的通常會拆開,或是像叉子一樣。可以參考

而我也找到了教育部的SOP流程圖繪製介紹,有一些流程圖的變體規則。

image
好吧,接下來就用叉子圖試試吧~

與此同時,昨天幫我看稿的設計師朋友幫我畫出了這個!Wireflow !

image

看來前面畫的流程圖在溝通方面,朋友是看得懂的,那是不是可以跳過煩人的flow chart流程了呢?(心中的小惡魔正在建議我偷懶)
但既然有機會學習flow chart的畫法,就想好好學會規範和細節。也希望畫對流程圖,可以減少後期開發沒預想到的狀態,一個沒想好可能就會觸發隕石開發事件。

image

今日運動
上週硬舉深蹲過了一週腰還是沒好,去按摩放鬆。休息兩天
image


上一篇
Day 3 Flow chart
下一篇
Day 5 來點顏色瞧瞧 Material3 Color & Dynamic Color 不是設計師,也能輕鬆產出主題色~
系列文
今年一定減成功!Jetpack Compose 做出重訓紀錄APP30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言