Loading portfolio...

UI Animate Guide.

The UI Animate Guide is an honours research project that investigates how animation can strengthen interaction design principles such as visibility, feedback, and affordance. Through research, testing, and applied design, the project delivers a practical toolkit that helps designers use motion intentionally to improve usability, clarity, and overall user experience.

Project Type:
Honours research & practical project
Role:
UX/UI designer (solo project)
Focus Area:
UI animation & UX/UI Design
Honours ProjectCum LaudeAcademic ResearchUX/UI DesignUI AnimationUser Testing
View process documentRead my honours paper
UI Animate Guide project image 2
UI Animate Guide project image 3
UI Animate Guide project image 4
UI Animate Guide project image 5
UI Animate Guide project image 6
UI Animate Guide project image 7
UI Animate Guide project image 8
UI Animate Guide project image 9
UI Animate Guide project image 10
UI Animate Guide project image 11
UI Animate Guide project image 12
UI Animate Guide project image 13
UI Animate Guide project image 14
UI Animate Guide project image 15
UI Animate Guide project image 16
UI Animate Guide project image 17
UI Animate Guide project image 18
UI Animate Guide project image 19
UI Animate Guide project image 20
UI Animate Guide project image 21
UI Animate Guide project image 22
UI Animate Guide project image 23
UI Animate Guide project image 24
UI Animate Guide project image 25
UI Animate Guide project image 26
UI Animate Guide project image 27
UI Animate Guide project image 28
UI Animate Guide project image 29
UI Animate Guide project image 30
UI Animate Guide project image 31
UI Animate Guide project image 32
UI Animate Guide project image 33
UI Animate Guide project image 34
UI Animate Guide project image 35
UI Animate Guide project image 36
UI Animate Guide project image 37
UI Animate Guide project image 38
UI Animate Guide project image 39
UI Animate Guide project image 40
UI Animate Guide project image 41
UI Animate Guide project image 42
UI Animate Guide project image 43
UI Animate Guide project image 44
UI Animate Guide project image 45
UI Animate Guide project image 46
UI Animate Guide project image 47
UI Animate Guide project image 48
UI Animate Guide project image 49
UI Animate Guide project image 50
UI Animate Guide project image 51
UI Animate Guide project image 52
UI Animate Guide project image 53
UI Animate Guide project image 54
UI Animate Guide project image 55
UI Animate Guide project image 56
UI Animate Guide project image 57
UI Animate Guide project image 58
UI Animate Guide project image 59
UI Animate Guide project image 60
UI Animate Guide project image 61
UI Animate Guide project image 62
UI Animate Guide project image 63
UI Animate Guide project image 64
UI Animate Guide project image 65
UI Animate Guide project image 66
UI Animate Guide project image 67
UI Animate Guide project image 68
UI Animate Guide project image 69
UI Animate Guide project image 70
UI Animate Guide project image 71
UI Animate Guide project image 72
UI Animate Guide project image 73
UI Animate Guide project image 74
UI Animate Guide project image 75
UI Animate Guide project image 76
UI Animate Guide project image 77
UI Animate Guide project image 78