I began prototyping my finalised design after making changes and adding on screens. This was the simple part where I connected each button and screen to the correct button. I feel that using my user flow and information architecture tables really helped my ensure that nothing would be left out.

You can view the whole prototype here:

<aside> <img src="/icons/link_lightgray.svg" alt="/icons/link_lightgray.svg" width="40px" /> https://www.figma.com/file/Okzx7CVCQShh6PFsVFFTp4/KIN?type=design&node-id=8%3A83&mode=design&t=oHRjAnFSaGS4ufVk-1

</aside>

Screenshot 2024-05-08 at 20.42.57.png

Screenshot 2024-05-08 at 20.43.31.png


Dropdown boxes

This area was the most difficult part to prototype, it took me the longest time to connect each component to create the dropdown box. After watching a youtube tutorial I was successful in creating a working dropdown.

Screenshot 2024-05-08 at 21.10.43.png

Screenshot 2024-05-08 at 21.11.09.png


Components

Instead of going for the glow background which I talked about in my development area of my project, I felt the darker colour was much more effective.

Screenshot 2024-05-08 at 21.13.32.png

For the hospital map I made it zoom in and out using smart animate.

Screenshot 2024-05-08 at 21.12.41.png


Reflection