top of page
weatherappMockup.png
Case Study - Interface Design

The Process

Week 1

User Flows

Week 2

Wire-framing

Week 3

Visual Design

Week 4

App Development

Week 5

Micro-interactions

Overview

Duration: 5 weeks 

Tools: Adobe XD

Winter Quarter 2020

Task

Redesign the user interface and visual design of a chosen weather app. This should also include two or more micro-interactions that provide pleasure and improved functionality.

1
User Flows  
Assess a user’s path through the app.

Primary User Goal 1

Be able to know the weather later in the day.

Screen Shot 2020-03-12 at 10.57.02 PM.pn

Primary User Goal 2

Be able to know the weather at a different location.

Screen Shot 2020-03-12 at 10.57.24 PM.pn
Wire-framing  
Create wireframes that propose the redesign concept.
Screen Shot 2020-01-12 at 11.01.00 PM.pn
Screen Shot 2020-01-12 at 11.24.52 PM.pn
3
Visual Design
Refine both the flow of the UI and the visual execution.
2
Screen Shot 2020-01-22 at 2.10.38 PM.png
Screen Shot 2020-01-22 at 2.10.46 PM.png
Screen Shot 2020-01-22 at 2.11.02 PM.png
4-5
App Development 
Create a high fidelity prototype including micro-interactions.
bottom of page