These are some of my app designs mocked up and read to be put into my keynote presentation.
Category: MDS EVENT 4
XD Prototype
I finally put all my screens into XD to be prototyped. I followed that by prototyping from the second set of order-screens through to the checkout screen.
Logo Development
For my logo, I wanted to take a diiferent approach with regards to how a pizza ordering app’s logo should be. I didn’t want a basic pizza slice or box as the logo as I felt that was way to generic and done so many times before. As I began to explore, I found a…
Wessie Lesson #2: User Journey vs. User Flow
These are the notes I’d taken on the lesson
Wessie Lesson #1: UX Workflow & Navigation
These are the physical notes I has taken on the first lesson whilst working on this event. This shows all aspects we needed to take into consideration prior to event putting pen to paper.
Pencil Wireframes Before Balsamiq
These are my initial wireframes on pen and paper prior to my development into adapting to a rotating grid order system. The developing grid system is shown on my previous post shown in my Balsamiq.
Annotated Balsamiq Wireframe
The following shows the final workings of my Balsamiq Wireframe. I’ve completed and finalised all of my screens basic placement and layouts. I’ve also completed the annotation of all of the wireframes. By doing this I’ve illustrated my intentions of my gestures, buttons and transitions.
Balsamiq Wireframe
Attached is my completed wireframe that I completed in Balsamiq. It shows the flow and complete gestures of my app as well as the very basic layout of my app. The following shows a skeletal representation of my app.
Learning Sketch!
Today we learn’t how to create a basic prototype for an app using Sketch. The image below shows my final basic prototype. At the end of the lecture we then were taught how to import our Sketch exercise into Adobe XD.
the chey life. 