Project Description

sprint app is a web application designed to improve the workflow, 3D printing file management and build the

 communication gap between the shop monitor and the student at the Industrial design department 

My Role 

  • UX Research

  • UI Design 

  • Interaction Design

 

 

Team Members

  • Alison Gant 

  • Surabhi 

  • John Rodrigues (me)

Professors 
  • Neil Harner 

  •  Anthony Robertson

 

Tool Box

Project Duration

  • Three Months 

  • Midterm project duration during my study at Thomas Jefferson University 

UX Research

  • Observation

  • User Interviews and surveys

  • MoSCow Research Method

  • Empathy Mapping

 

 

Prototyping 

  • Sketch App

  • Invision Studio  

  • overflow

  • Photoshop

  • Pen and paper

 

 

Code 

  • HTML

  • CSS

  • Bootstrap Framework

Problem

 

At Jefferson, management of the 3D printing

lab in Industrial design lacks reliability, has

an inefficient workflow of sending files,

getting feedback and communication, thus

yielding students’ projects not being

completed on time and students needing to

venture outside Thomas Jefferson to have

their printing work done.

How defined the problem statement Read here

Process 

 
 

Our design process started with the user research,

empathizing to understand the pain points,

  ideating various concepts for the UI,

making the low fidelity prototyping, running

it through the design critique session,

making the high fidelity and clickable

prototype and then coding it to test the concept

User Research Findings

 

 

 
 
 
 
 

We went to the 3D printing lab and

conducted our observations,  we spoke to

the shop monitors and the students and

noted down the pain points, they are facing 

 Research Insights 
 
Our research showed us the need for standardizing
the current way of communicating and file
transferring, thus improving workflow and keeping
the students updated throughout the process 
 
 

Needs/Goals

  
Enabling the shop monitors to manage the printing 
files, note taking and updating in an efficient way 
 
 

 

 

Ideation Process

we started out sketching the initial concepts of the software and ran it through the design critique session.


Some of the important questions raised were


-How to handle multiple orders?


-What about admin control?


-what happens when the printer is out of orders.


All the questions raised during this helped to further refine this concept

We created the storyboarding to understand the customers journey

SiteMap

 

 

 

We created the site in-order to clearly define the

app navigation and the structure of the software

Mid fidelity wireframes

I made the mid fidelity wireframes in sketch and prototyped it in Invision app to collect the feedback from

the users 

Visual Design

Created a mood board in order build the visual language for the product, some the words we selected were,

slick, Minimal, futuristic, easy and organised. 

I referred to Jeffersons branding guidelines, also added some personal creativity in order to develop the UI kit.   

Made a interactive prototype in invasion studio and also Implemented micro Interactions to improve the user experience of

the product.

coding

 

 

 

  

Developed the front end using HTML, CSS and

Bootstrap framework, here is the link to Github

Summary

Designing user-centered products begin with understanding the user's goals and needs. We worked on this project from Scarth to immerse our self in the process of being part of the project from the start to completion. We gained the experience of conducting user researching, implementing various research methods and to draw outcomes from them and then define the problem statement, that define the right problem statement.

Iteration is the part of the design process, we took our research and sketched out our ideas and ran it through the design critique sessions, created the mid-fidelity prototype to make it make testable and communicate our concept. Visual design is also an important part of the design process, we created mood boards, UI and considered the brand guidelines, to make the product visually appealing and communicate the information to the user. We also coded the frontend of the product.
And finally designed a usable, viable and delightful product that solves the user's problem

Thank you for reading

Follow

Get the latest posts delivered to your mailbox: