A motion-design study based on Instagram's October 2018 interface, rethinking pull-to-refresh, entry and exit from the upload flow, and progress feedback when publishing a new photo.
年份 / YEAR2018
角色 / ROLE交互动效、视觉概念与原型制作Interaction motion, visual concept and prototyping
The assignment explored opportunities for better feedback within an established mobile product. Three high-frequency actions in Instagram's 2018 interface were selected for redesign.
Make refresh, upload entry and publishing progress easier to understand while preserving the recognizable interface and adding continuous, tactile feedback.
The motion language uses color and pigment diffusion: refresh behaves like flowing paint, the upload control expands and contracts between views, and a completed progress bar grows into the newly published timeline post.
The final outcome is a set of three interaction demonstrations. The archived GIFs are presented here as silent looping video with static posters for loading and reduced-motion contexts.
项目媒体 / Project Media
03 ITEMS
01Instagram 动效概念的三屏总览Three-screen overview of the Instagram motion concepts02下拉刷新与上传入口的交互动效演示Interaction-motion demo for pull-to-refresh and upload entry03新照片上传进度转化为时间线博文的动效演示Motion demo of upload progress transforming into a timeline post