Storyboards

In this lecture we looked into how storyboards can help us visualise a potential problem a user may have, and how our products can solve this problem. We did this in the context of autonomous vehicles.

Storyboards are used in many different sectors, including in film, animation and comics. In all of these different sectors however, the storyboard serves the same purpose- visually representing of how a story will play out, scene by scene.

Oscar award winning filmmaker Bong Joon Ho’s Storyboarding:

2f73363aa0402870c1d650432963a606.png

AirBnB’s user persona storyboard:

1697061212855.jpeg

Sitemaps

A sitemap is a hierarchical structure of a digital product. - Dr Kyle Boyd

In UX design, sitemaps are used as a planning tool to organise the structure, navigation and page hierarchy of a UI before any wireframes or mid-fi’s are created. Using a sitemap can help visualise the flow of each interaction and screen within a UI. In other words, it helps designers create user paths.

I created this sitemap in Miro based on my sketches and used this to flesh out my content wireframes. This tool is helpful when it comes to prototyping and linking screens/ interactions in a way that makes logical sense to the product. This will help a user not get confused or lost when using an interface, thus enhancing the UX.

Screenshot 2024-10-30 124438.png