PSU Web 2015: How To Take The Crazy Out Of Your Company's Process Flows #psuweb

How To Take The Crazy Out Of Your Company’s Process Flows

Jennifer AldrichUserExperienceRocks.com@jma245#psuweb

In the beginning, there were 5.

Image Credit: http://www.takemyway.com/guardians-of-the-galaxy-movie-release-dates-in-u-s-u-k-india-story-star-cast-wiki-and-hd-wallpapers/

Work in a tiny incubator. Discuss what you want to do next out loud

since everyone is sharing hand me down banged up desks in a tiny room.

Make the things you discussed exist.

Process Flow #1

We grew.

Process Flow #2

Photo Credit: https://www.flickr.com/photos/71217725@N00/182609361

We grew… a lot.

Process Flow #3: SalesForce Data

Assistance

All hell broke loose.

Process Flow #4: Grab A Feature… Repeat.

VP

Design

UX

UX Designer

s

Graphic Designer

UX Editors

Architects

Dev

Engineers Hosting

Break it up!

Process Flow #5: SCRUM!

Target Process

At a glance see who is doing what and when. Track burn down & project progress and make sure you’re on target for your deadlines as a team.

www.targetprocess.com

Wait… Who is doing what?!

Mobile Disruption

Sad Scrum.

Spotify… you changed our lives.

Spotify Engineering Culture (Part 1)https://vimeo.com/85490944

PM CMS Scrum

PM Mobile Squads

Process Flow #6: Scrum/Squad Hybrid

Trello

Freaking awesome for managing high level process flows. At a quick glance everyone can see what’s going on.

http://www.trello.com

Holy Projects, Batman!

PM Backlog Design Dev Release

d

Trello Boards

Next Up: The Magical Process Flow to End All

Process Flows

1. Product Management Identifies The Problem

2. Design Researches Possible Solutions &

Tech

Balsamiq

Fabulous rapid wireframing tool. Lets you crank out designs quickly, and cleanly.

Web or desktop based. Collaborative commenting and editing options.

http://balsamiq.com

3. Design Wireframes It Up

InVision App

Killer tool for creating prototypes out of high res images.

There’s a free version to get you started, then you can upgrade to a paid account if you love it. (Spoiler Alert: You’ll love it.)

Prototype all the things: Desktop, mobile, tablet, even smart watch apps!

www.invisionapp.com

4. Graphic Designer Creates a Prototype

SolidifyApp: Remote Testingwww.SolidifyApp.com

Silverback App: Moderated Testingwww.SilverbackApp.com

Survey Monkey: Remote User Research Surveyswww.SurveyMonkey.com

MailChimp – Manage remote testing campaignswww.mailchimp.com

5. User Research & Usability Testing Are

Conducted

6. Engineers Develop All Of The Things

7. Designers Conduct a UX Review

Slack

Amazing tool for team communication. It totally changed our team dynamic in a positive way.

There is a free version Warning: Addictive Tech!

www.slack.com

8. Product Owners: Monitor Progress, Communicate, Set

Expectations

PO: Communicate & Monitor

PM: ID Problem

Design: ResearchSolutions

Design: Wireframes, Prototypes,

Testing

Engineering: Develop

Design: Conduct UX

Review

Process Flow: Lucky #7

Questions?

Jennifer Aldrich@jma245http://UserExperienceRocks.com

Thank you!

Jennifer Aldrich@jma245http://UserExperienceRocks.com