Category: Prototyping User Interfaces
-
Class Work
-
Post 04: Adaptation for Web
When converting my iPhone design layout to a desktop version, I started by using a black bar at the top of the page to act as my navigational menu instead of completely copying what I did for my phone screen layout. This is because as the desktop will have a bigger screen and therefore I’ll…
-
Post 03: High-Fidelity Mobile Prototype
When I started transitioning my low fidelity pages into high fidelity prototypes, I struggled on how to incorporate colour into my pages at first as all the colours from the palettes I made all looked flat and didn’t resemble the existing apps I used as inspiration at all. This led to my decision in using…
-
Post 02: User Flow & UI Wireframing
When creating the beginnings of the key pages and the navigation between them, I attempted to keep everything as simple and straightforward as possible for the comfort of the user. I did this by considering the environment the user would be in while using the app which would have many distractions as well as being…
-
Post 01: Design Research
When I was beginning the assignment, I started by researching the design choices of other apps of all types to see what type of style is more appealing to users while still being simple to navigate. A simplistic layout that was easy to navigate was my main goal over aesthetics as the app would be…