Process: Design

Shalyn Oswald UX Designer

To me, personas are critical in the creation and functionality of websites, mobile applications, and anything with which humans have to interact.  There is strength in numbers, and personas are the accumulation of all of the collected data, information from surveys, interviews, and the vision of the clients.

Prioritizing
Shalyn Oswald UX Designer
 
Feature Prioritization
Charity Miles Feature Prioritization
Charity Miles Feature Prioritization

Had the developer place items in terms of difficulty and ease to give a better idea of what was feasible.

Sidewalk Runway
Sidewalk Runway

We had information from devs in terms of APIs and what could be done, so we were able to adjust ease and difficulty.

MoSCoW Method
MoSCoW Method

Must Have, Should Have, Can Have, Won't Have based on the necessity and ease of the features and time frame.

Charity Miles Feature Prioritization
Charity Miles Feature Prioritization

Had the developer place items in terms of difficulty and ease to give a better idea of what was feasible.

1/3

Using the personas and company goals, I want to decide on the features that are needed, if they are viable, and any further microinteractions to take into consideration. 

 

I found it very useful to include the developers and stakeholders in the discussion and to try to merge the persona's needs with their input.

Design Studio
Shalyn Oswald UX Designer
 
Sketching
Charity Miles Design Studio
Charity Miles Design Studio

Long hours sketching out and iterating on ideas as a team.

Charity Miles Design Studio
Charity Miles Design Studio

Taking a longer look at our design and working out the kinks.

Sidewalk Runway Design Studio
Sidewalk Runway Design Studio

After independently sketching, we came together to decide on the best layouts.

Charity Miles Design Studio
Charity Miles Design Studio

Long hours sketching out and iterating on ideas as a team.

1/5

Design studios are sessions of time where you and your team sketch out specific pages of the app/site that you're remaking, and trying to figure out the best layouts possible while keeping with the brand.  After a few sessions, you come together and decide on the final* layout.

 

When working with a team, design studios are the best method to finding and creating great layouts.

Chances are if you forgot an aspect of the design, someone else remembered it, and you can spend the next.

 

*Nothing is really final until after testing.

Shalyn Oswald UX Designer
Shalyn Oswald UX Designer
Shalyn Oswald UX Designer
Shalyn Oswald UX Designer
Low-Fidelity
Sketch
Wireframing
Photoshop
Illustrator
 
Sidewalk Runway Wireframe
Sidewalk Runway Wireframe

Product Page wireframe for some low-fidelity testing.

Sidewalk Runway Wireframe
Sidewalk Runway Wireframe

Front page of the site, just a quick wireframe based off of the design studio wall sketch.

Giphy Wireframe
Giphy Wireframe

Another low-fidelity to give idea of space and layout for our high-fidelity prototype.

Sidewalk Runway Wireframe
Sidewalk Runway Wireframe

Product Page wireframe for some low-fidelity testing.

1/5

Creating low-fidelity wireframes based off of our design studio sketches is one of the quickest way to test out the UI within the site.  

 

Iterations are much easier on low-fidelity, and the high-fidelity mock-ups can be built on top of them.

Next Step: