(b) 5 Icon States

Colour changes:
- grey to green
Opacity / Brightness:
- from dark to light
Scale & Size:
- none
Animation:
- the button swipe from off to on
Graphic elements:
- before swipe the dark means off
- after swipe, it turn to light colour and change it to ‘On’ word

Colour changes:
- none
Opacity / Brightness:
- none
Scale & Size:
- changed
Animation:
- from 3 lines into a cross and a circle
- lines change to shape
Graphic elements:
- after click on the menu button and it change to cross button

Colour change:
- none
Opacity / Brightness:
- none
Scale & Size:
- small circle to long bar
Animation:
- bounce effect
- change the lines
Graphic elements:
- click on the search icon and it appears a long bar that can type words inside

Colour changes:
- none
Opacity / Brightness:
- the filled colour icon change to opacity effect
Scale & Size:
- none
Animation:
- from 1 circle to 4 circles
- bounce effect
Graphic elements:
- after click on the plus icon and it appears another 3 different icons which are recorder, map and internet

Colour changes:
- none
Opacity / Brightness:
- none
Scale & Size:
- long shape to short shape
Animation:
- swipe one by one and the house become smaller and smaller
Graphic elements:
- swipe the rooms number and the house changes the size, it depends on the number of room
References
Dribbble. (2020). Tab bar interaction with animated icons. [online] Available at: https://dribbble.com/shots/4844696-Tab-bar-interaction-with-animated-icons? [Accessed 17 Feb. 2020].
Dribbble. (2020). Responsive House. [online] Available at: https://dribbble.com/shots/3499449-Responsive-House? [Accessed 17 Feb. 2020].
Dribbble. (2020). Menu — close icon transition ✖. [online] Available at: https://dribbble.com/shots/4758991-Menu-close-icon-transition? [Accessed 17 Feb. 2020].
Dribbble. (2020). Floating button. [online] Available at: https://dribbble.com/shots/5339527-Floating-button? [Accessed 17 Feb. 2020].
Dribbble. (2020). Search icon. [online] Available at: https://dribbble.com/shots/5223798-Search-icon? [Accessed 17 Feb. 2020].