SlideShare a Scribd company logo
1 of 30
Jennifer Aldrich
UserExperienceRocks.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
Designers
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 Released
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 Testing
www.SolidifyApp.com
Silverback App: Moderated Testing
www.SilverbackApp.com
Survey Monkey: Remote User Research Surveys
www.SurveyMonkey.com
MailChimp – Manage remote testing campaigns
www.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:
Research
Solutions
Design:
Wireframes,
Prototypes,
Testing
Engineering:
Develop
Design:
Conduct UX
Review
Process Flow: Lucky #7
Questions?
Jennifer Aldrich
@jma245
http://UserExperienceRocks.com

Thank you!
Jennifer Aldrich
@jma245
http://UserExperienceRocks.com

More Related Content

What's hot

Lean prototyping for entrepreneurs
Lean prototyping for entrepreneursLean prototyping for entrepreneurs
Lean prototyping for entrepreneurs
Amir Khella
 
JAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
JAZOON'13 - Sven Peters - How to do Kick-Ass Software DevelopmentJAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
JAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
jazoon13
 

What's hot (20)

Designer vs Developer
Designer vs DeveloperDesigner vs Developer
Designer vs Developer
 
iOS Scroll Performance
iOS Scroll PerformanceiOS Scroll Performance
iOS Scroll Performance
 
How to prototype like a pro
How to prototype like a proHow to prototype like a pro
How to prototype like a pro
 
Software Craftsmanship - It's an Imperative
Software Craftsmanship - It's an ImperativeSoftware Craftsmanship - It's an Imperative
Software Craftsmanship - It's an Imperative
 
Software Craftsmanship vs Software Engineering (Lightning Talk)
Software Craftsmanship vs Software Engineering (Lightning Talk)Software Craftsmanship vs Software Engineering (Lightning Talk)
Software Craftsmanship vs Software Engineering (Lightning Talk)
 
Lean prototyping for entrepreneurs
Lean prototyping for entrepreneursLean prototyping for entrepreneurs
Lean prototyping for entrepreneurs
 
JAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
JAZOON'13 - Sven Peters - How to do Kick-Ass Software DevelopmentJAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
JAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
 
A Startup Story - Geekcamp Presentation
A Startup Story - Geekcamp PresentationA Startup Story - Geekcamp Presentation
A Startup Story - Geekcamp Presentation
 
Citrix Labs Rapid Prototyping Workshop
Citrix Labs Rapid Prototyping WorkshopCitrix Labs Rapid Prototyping Workshop
Citrix Labs Rapid Prototyping Workshop
 
Programming Motherfucker
Programming MotherfuckerProgramming Motherfucker
Programming Motherfucker
 
Innovate with Experimentation: Incorporate A/B Testing Into Your Product Deve...
Innovate with Experimentation: Incorporate A/B Testing Into Your Product Deve...Innovate with Experimentation: Incorporate A/B Testing Into Your Product Deve...
Innovate with Experimentation: Incorporate A/B Testing Into Your Product Deve...
 
Failfast
FailfastFailfast
Failfast
 
Ship Faster, Reduce Risk, and Build Scale with Feature Flags
Ship Faster, Reduce Risk, and Build Scale with Feature FlagsShip Faster, Reduce Risk, and Build Scale with Feature Flags
Ship Faster, Reduce Risk, and Build Scale with Feature Flags
 
Software Craftsmanship @ Ntnu
Software Craftsmanship @ NtnuSoftware Craftsmanship @ Ntnu
Software Craftsmanship @ Ntnu
 
A Responsive Project Process
A Responsive Project ProcessA Responsive Project Process
A Responsive Project Process
 
Atlassian - The Latest & Greatest April 2014
Atlassian - The Latest & Greatest April 2014Atlassian - The Latest & Greatest April 2014
Atlassian - The Latest & Greatest April 2014
 
Coderetreat - Practice to Master Your Crafts
Coderetreat - Practice to Master Your CraftsCoderetreat - Practice to Master Your Crafts
Coderetreat - Practice to Master Your Crafts
 
#noprojects: Live happily ever after without projects
#noprojects: Live happily ever after without projects#noprojects: Live happily ever after without projects
#noprojects: Live happily ever after without projects
 
Software Engineering in Startups
Software Engineering in StartupsSoftware Engineering in Startups
Software Engineering in Startups
 
Delivering Projects the Pivotal Way
Delivering Projects the Pivotal WayDelivering Projects the Pivotal Way
Delivering Projects the Pivotal Way
 

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

How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...
Safiya8
 

Similar to PSU Web 2015: How To Take The Crazy Out Of Your Company's Process Flows #psuweb (20)

Beyond Staggered Sprints: Integrating User Experience and Agile
Beyond Staggered Sprints: Integrating User Experience and AgileBeyond Staggered Sprints: Integrating User Experience and Agile
Beyond Staggered Sprints: Integrating User Experience and Agile
 
Measuring Web Performance - HighEdWeb Edition
Measuring Web Performance - HighEdWeb EditionMeasuring Web Performance - HighEdWeb Edition
Measuring Web Performance - HighEdWeb Edition
 
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCupPreparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
 
Android design lecture #1
Android design   lecture #1Android design   lecture #1
Android design lecture #1
 
Full stack-web-design
Full stack-web-designFull stack-web-design
Full stack-web-design
 
EIA2019Italy - Digital Prototyping/Usability Testing - Mari-Liis Kärsten & Ka...
EIA2019Italy - Digital Prototyping/Usability Testing - Mari-Liis Kärsten & Ka...EIA2019Italy - Digital Prototyping/Usability Testing - Mari-Liis Kärsten & Ka...
EIA2019Italy - Digital Prototyping/Usability Testing - Mari-Liis Kärsten & Ka...
 
Being a Little Agile
Being a Little AgileBeing a Little Agile
Being a Little Agile
 
Zainab Kashim Portfolio 2019
Zainab Kashim Portfolio 2019Zainab Kashim Portfolio 2019
Zainab Kashim Portfolio 2019
 
Getting Started With Continuous Delivery on AWS - AWS April 2016 Webinar Series
Getting Started With Continuous Delivery on AWS - AWS April 2016 Webinar SeriesGetting Started With Continuous Delivery on AWS - AWS April 2016 Webinar Series
Getting Started With Continuous Delivery on AWS - AWS April 2016 Webinar Series
 
How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...
 
Lean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideLean Prototyping - A Practical Guide
Lean Prototyping - A Practical Guide
 
iPhone App from concept to product
iPhone App from concept to productiPhone App from concept to product
iPhone App from concept to product
 
Agile Patterns and Anti-Patterns
Agile Patterns and Anti-PatternsAgile Patterns and Anti-Patterns
Agile Patterns and Anti-Patterns
 
Make Tools
Make ToolsMake Tools
Make Tools
 
Software craftsmanship - Imperative or Hype
Software craftsmanship - Imperative or HypeSoftware craftsmanship - Imperative or Hype
Software craftsmanship - Imperative or Hype
 
Web Performance & You - HighEdWeb Arkansas Version
Web Performance & You - HighEdWeb Arkansas VersionWeb Performance & You - HighEdWeb Arkansas Version
Web Performance & You - HighEdWeb Arkansas Version
 
7 Amazing Flutter App Development Tools
7 Amazing Flutter App Development Tools7 Amazing Flutter App Development Tools
7 Amazing Flutter App Development Tools
 
From design specs to user stories (ProductCamp Boston 2016)
From design specs to user stories (ProductCamp Boston 2016)From design specs to user stories (ProductCamp Boston 2016)
From design specs to user stories (ProductCamp Boston 2016)
 
Software Craftsmanship - It's an Imperative
Software Craftsmanship - It's an ImperativeSoftware Craftsmanship - It's an Imperative
Software Craftsmanship - It's an Imperative
 
Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
JohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptxJohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptx
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 

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

Editor's Notes

  1. How to take the crazy out of your company’s process flows, by Jennifer Aldrich Image: Screaming baby
  2. A few friends put together a business plan, proposed it to their employer who rejected it, and then began the great adventure of creating a startup in a little small business incubator. They created a CMS for schools to build websites and teacher sections way back in 2000, before CMS’s got big. They were brilliant. Image: Guardians of the Galaxy I jumped out of a corporate monster (Verizon Wireless) and dove head first into this startup in 2007. I’m one of the 17 people who were part of the Schoolwires team straight through from 2007 until our acquisition in March 2015.
  3. Work in a tiny incubator. Process = Discuss what you want to do next out loud since everyone is sharing hand me down banged up desks in a tiny room, then make the things you discuss exist.
  4. Image: A tiny plant, medium sized plant then a large plant.
  5. Process Flow 2: Started using CRM. The sales and client services reps kept an ear to the ground letting the devs know what was broken so they could fix it, and what the clients really wanted (market gaps), so they could build it. Image: A bear laying on its side with its ear to the ground.
  6. Our company expanded like crazy, very rapidly. As the staff grew. We split in to departments. The department I eventually became part of started out as the Development & Hosting Team. Image: A huge gathering of people dressed like pirates.
  7. At this point our client base had grown significantly. We switched to Salesforce, and started using the data to drive business decisions and assist with interdepartmental communication. We tracked everything, pulled reports, and used the data collected to prioritize defects & feature requests.
  8. Our VP of Development made the decision to overhaul and rebuild the entire CMS from scratch on a .net framework to future proof the product, make it scalable, and allow us to build on it as a platform with integration capability going forward. His foresight made our company successful long term. We would have faded out of business if he hadn’t done this.
  9. We hired an army of devs to work on the rebuild. They pulled it off and developed a killer new system. The VP was a design phenom, so not only did they get it done, it was way ahead of the game in terms of UX. Then we had to migrate all of our client base to the new system. In the beginning it was a little buggy, but eventually they got the bugs smoothed out and migrated every one of our clients to the new system. Even though this was an insane process, we STILL maintained our 95% retention rate. Image Text: Just Git R Done!
  10. After the successful migration, the company started an innitiative to develop new features on our new platform. To make this happen the dev team was split in to 2 groups: Design (UX & Architecture) and Development (Engineering and Hosting). We had a UX team before UX teams became cool. ;) Image: Flow chart that shows the team breakdown.
  11. At this point we launched in to the wonderful world of SCRUM. We went in full force. We had a certified scrum master, a scrum ball, stand ups, epics, user stories, tasks, burn down, post its everywhere, you name it. Image: Stick figure cartoon of the curly haired guy from Ghostbusters saying, “Are you he gatekeeper? And another stick figure answering, “Um… No. I’m the scrum master.
  12. Scrum worked very well for the first year or two. We used Target Process to manage our SCRUM work flows.
  13. Then things started getting a little crazy again. Steve Jobs kept kicking out iphones, then Androids hit the ground running and Windows phones suck in as well. A major client of ours decided that they really wanted a mobile app, and they wanted us to make it for them. A tiger team of brilliant designers and developers made that app happen in a matter of weeks. And this was back in the early days of mobile apps Image: Steve Jobs holding an iPhone.
  14. We realized pretty quickly that scrum methods weren’t going to work for the mobile team. Image: A baby making a pitifully sad face.
  15. Then our VP found this amazing video about the Spotify Engineering Culture, and it completely changed our lives. The process flow they described in the first 3 minutes are so, was exactly what we needed for our mobile team to be successful and Agile.
  16. Mobile ditched scrum and went straight up Squads. The CMS squad continued on with the Scrum/Squad Hybrid approach, because it was working for them. Image: Diagram of this process flow.
  17. We had so many concurrent projects going on that we needed a high level tool to manage them all. We picked Trello.
  18. We broke the trello boards down so that the card columns had the following headers: Product Management Backlog, Design, Dev and Released. The product managers put the cards under each column in order of importance. When a designer was ready for a new design project, he or she would grab the top one and get to work. When the design process was done, the card would be dragged in to dev, when they were done it was dragged in to released. Image: Diagram depicting this process flow.
  19. Next Up: The Magical Process Flow to End All Process Flows This process flow was absolutely fantastic for our team. We had clear lines of communication, very little confusion, people were all on the same page, it was amazing. It carried us through all the way up to the point that we were acquired. Image: A picture of a unicorn dancing with a rainbow behind it.
  20. Image: 1 stick figures saying, “What’s your problem?” Another stick figure answering, “Excuse me??” The two stick figures replaying, “Oh, we mean what problem can we help you solve?” The other stick figure replaying, “Oh! Let me explain!”
  21. Image: a team of execs in suits gatahered around a macbook pro.
  22. Image: The Matrix movie green code raining down.
  23. Image: A stick figure with the label “User”, then a badly drawn bicycle with the label “Product” and a label UI with errors pointing to the steering wheel, seat and pedals. Finally, the stick figure riding the bicycle surrounded by hearts with the label, “UX.”
  24. A flow chart depicting the process that was just described.
  25. Image: A photo of Jennifer Aldrich
  26. Image: A photo of Jennifer Aldrich