在這個畫面上想要呈現的資訊是列表狀，讓用戶能夠更直觀的方式去滑動到他想要看到的資訊。再加上手勢下滑更新，隨時可以自己手動掌握最新的動態。若網路錯誤或是後端回傳的資料有誤，能夠顯示一個代表產品特色的小動畫，讓用戶看到覺得是個小彩蛋，不會因為我們的狀況而進來客訴.........(略)
看到上述的需求，這大概是工程師常常面對各種需求單位想要呈現的內容。有提供畫面可以讓彼此聚焦更快，沒有畫面退而求其次簡報的提案，或是現有的 App 畫面哪些可以參考。不過這邊先以文字方式進行分析，先以動作跟狀態先劃上重點：
再整理一下上方的資訊：
就可以想像其實工程師這邊有 3 個項目需要執行，接著就可以往下再拆解，並且跟需求角色對焦
下滑刷新是使用原生，還是想要呈現其他的作法？
有些時候需求角色並不了解 Android 的原生長什麼樣子。工程師做了原生的之後，在驗收或是 demo 的時候造成彼此的認知其實不在一條線。
錯誤訊息的文字，網路不穩或是後端傳回來的文案，需要分開調整還是統一顯示讓用戶了解狀況
動畫有很多呈現方式，工程師自己寫動畫、lottie、gif 等等
每一個做法不同，所花的時間也不同。另外自己在遇到動畫的需求，會先跟需求角色是想要什麼樣的效果，幫助他們是想要呈現的內容是什麼。然後在這個時候，最好能夠依畫面上進行討論，請設計團隊出一個動畫示意圖。
因為動畫每一個物件移動、淡出淡入以及顏色變化每個人的想像都不同。有了動畫示意檔，能夠讓參與角色能夠在同個認知上
回到 30 天挑戰身上，想要讓這些人物出現在星戰哪些電影裡，點擊 item 可以顯示該人物出現過電影的標題。
iThome鐵人賽
看影片追技術