USA Today Interactive - Telling and Creating Tech Career Sories

 

Challenge: USA Today tries to develop interactive pieces quickly, usually in a news cycle. They also try and tell a story that is correct, and try to be a current media organization. The rapid development involves "de-scoping," the process of assessing descisions necessary to seperate the "must-haves" from the "nice-to-haves." It also involves building off of existing interactives to shorten the development process. 

 

We were tasked with building an interactive piece in the mold of a USA Today produced product. Our team of two UX designers and three web developers had four days to create a digital prototype as well as to code as much of the prototype as possible.

 

 

Solution: TechLeap, an interactive site designed to motivate and guide people interested in a shift to a career in the tech field. Centers around presenting the stories of those who have made the transition as well as a quiz intended to narrow the user's search to the position(s) most appropriate for them. Supplies the user with information helpful to them based on their quiz results.

 

Axure Digital Prototype: http://pxthp1.axshare.com/       Video of Prototype: https://paulmoser.tinytake.com/sf/MTc2NzA2XzExMTc2ODc

 

Functional Product Built by Web Developers: http://learntech.herokuapp.com/

 

Application Launch Page
Application Launch Page

What the user sees when they go to this interactive application.

Main Page
Main Page

User can link to stories of people who have made the switch to a tech career or proceed directly to the quiz.

Results Page
Results Page

Contains information on such thing as the career path they should follow, along with additional information that will help them find out about their options.

Application Launch Page
Application Launch Page

What the user sees when they go to this interactive application.

1/7

Process: 

Initial Low Fidelity Wireframes

Initial Low Fidelity Wireframes

Preliminary method of building out a rough prototype for the developers to start building.

Concept Map

Concept Map

To get us started thinking of what exactly this site would entail

Cross Functional Collaboration

Cross Functional Collaboration

Our team was made up of UX dseigners as well as web developers. We had to decide on a product together in a very short amount of time.

User Personas Development

User Personas Development

We decided that all of us, as students transitioning into a tech field, were potential users of our application, and we tried to develop User Personas using our own experiences. We came up with three distinct personas.

User Flows

User Flows

How would the users use the new application?

Digital Iterations

Digital Iterations

Seven rounds of digital iterations, these formed the basis of what we supplied the developers to keep them up to date with the changes made. These we also what we used to do several rounds of usability testing.