iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 15
0
自我挑戰組

30 天開發 Android App 的流水帳系列 第 15

Day 15:新需求進來,如何分析?

在這個畫面上想要呈現的資訊是列表狀,讓用戶能夠更直觀的方式去滑動到他想要看到的資訊。再加上手勢下滑更新,隨時可以自己手動掌握最新的動態。若網路錯誤或是後端回傳的資料有誤,能夠顯示一個代表產品特色的小動畫,讓用戶看到覺得是個小彩蛋,不會因為我們的狀況而進來客訴.........(略)

看到上述的需求,這大概是工程師常常面對各種需求單位想要呈現的內容。有提供畫面可以讓彼此聚焦更快,沒有畫面退而求其次簡報的提案,或是現有的 App 畫面哪些可以參考。不過這邊先以文字方式進行分析,先以動作跟狀態先劃上重點:

  • 滑動
  • 下滑更新
  • 網路錯誤
  • 後端錯誤
  • 小動畫

再整理一下上方的資訊:

  • 列表可下滑刷新
  • 錯誤訊息(網路不穩或後端)
  • 動畫的呈現要用何種方式

就可以想像其實工程師這邊有 3 個項目需要執行,接著就可以往下再拆解,並且跟需求角色對焦

  • 下滑刷新是使用原生,還是想要呈現其他的作法?

    有些時候需求角色並不了解 Android 的原生長什麼樣子。工程師做了原生的之後,在驗收或是 demo 的時候造成彼此的認知其實不在一條線。

  • 錯誤訊息的文字,網路不穩或是後端傳回來的文案,需要分開調整還是統一顯示讓用戶了解狀況

  • 動畫有很多呈現方式,工程師自己寫動畫、lottie、gif 等等

    每一個做法不同,所花的時間也不同。另外自己在遇到動畫的需求,會先跟需求角色是想要什麼樣的效果,幫助他們是想要呈現的內容是什麼。然後在這個時候,最好能夠依畫面上進行討論,請設計團隊出一個動畫示意圖。

    因為動畫每一個物件移動、淡出淡入以及顏色變化每個人的想像都不同。有了動畫示意檔,能夠讓參與角色能夠在同個認知上

回到 30 天挑戰身上,想要讓這些人物出現在星戰哪些電影裡,點擊 item 可以顯示該人物出現過電影的標題。

  • 人物資料裡面有電影連結,物件需要再取得該欄位做法
  • 嫁接電影列表 API

上一篇
Day 14:選擇 Android 測試機策略
下一篇
Day 16:星戰電影 API 嫁接
系列文
30 天開發 Android App 的流水帳32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言