Upload
devbridge-group
View
92
Download
0
Embed Size (px)
Citation preview
Devbridge Group presents
DEVBRIDGE.COM Devbridge Group Design and User Experience Team
Prototyping: Approaches and Outcomes. With IxDA Chicago - October, 2015
We design and build software for companies that have unique challenges to solve. We do this with a
design focused, technology agnostic approach.
We partner with mid-market and fortune clients to build sophisticated software that ships to market on time.
Clients
BUSINESS CONSULTING
ERP & OFF-THE-SHELF
DIGITAL MARKETING
ADVERTISING AND MARKETING
140+
20152008 2009 2010 2011 2012 2013 2014
What does prototyping mean to us?
Sketches and…
Wireframes
Clickable prototypes - interactive mock-ups
BEFORE WE START…
FRAUD INVESTIGATIONprototyping for
Adomas Tautkus - Design Lead
Can we build a prototype that will help the Fraud Investigation Department to consolidate everything into one app?
Problem
The Plan
1
Prototype completed in 8 sprints
Requirements gathering workshop Sketch and design Interactive mockups Sample data integration System integration
Teams
ClientDevbridgeSPONSOR
STRATEGY
TECHNICAL
LEAD DEVELOPER
LEAD DESIGNER
PRODUCT MANAGER
Sr. DEVELOPER
Sr. DEVELOPER
QA ANALYST
FRONT-END DEVELOPER
Team distribution
DallasSTRATEGY
TECHNICAL
ChicagoLEAD DESIGNERPRODUCT MANAGER
New YorkSPONSOR
VilniusLEAD DEVELOPER
Sr. DEVELOPER
Sr. DEVELOPER
QA ANALYST
FRONT-END DEVELOPERC L I E N T
C L I E N T
D E V B R I D G E
D E V B R I D G E
The Tools
2
The Solution
3
Project Duration
2 ½ M O N T H S
WORKSHOP
DAYS3
DESIGN
WEEKS1½
DEVELOPMENT
WEEKS6
INDUSTRIAL SUPPLIESprototyping for
Mark Ludemann - Design Lead Vlad Shapochnikov - Front End Developer
ASSIGNMENT
Help users find a specific product within an extremely large e-commerce site
17,736 RESULTS
DELIVERABLES
A functioning, data driven prototype that is tied to the product catalog
WHY A PROTOTYPE?
HOW DID WE DO IT
Focus on Information Architecture
1
Lightweight Sketching
2
Real-time Design
3
Validation
4
WATCH THEM FAIL.
RINSE & REPEAT
INVESTMENT MANAGEMENTprototyping for
David Borra - Senior Designer
THE CLIENT
The Problem: Sorting through multiple sources of static data.
1
The Solution: Create a Client Portal
2
NOW WHAT?
Kickoff Meeting
1
UX Sketching
2
Wireframes
3
UI Design
4
Prototype
5
ONE MORE THING
THANKS
FINANCIAL DATA & VIDEOprototyping for
Eric Strubringer - Designer
THE CLIENT
Problem: People are not finding the videos.
1
Let’s Build an App
2
“While this started out as an educational tool, the stakeholders are so impressed
with the usability and feel, they believe it will be used by many traders as a tool.”
–Mr. Taco Cat
Let’s iterate on it.
3
Why does db prototype?
Win buy-inResearch iterativelyGet feedbackForm an ideaMany of our clients come to us to elicit change within the org either through philosophy (agile, ucd) or overcoming internal cultural barriers.
As we develop and iterate on an idea we can mix research activities in based on what we’ve learned along the way.
Giving the audience something to react to quickly often speeds up the process. The earlier we can do this the better. Whatever validation we can gain is valuable.
Many times initial business requirements are unclear or lack user focus. Prototyping allows us switch the focus and sharpen a vague idea
1. 2. 3. 4.
What does prototyping mean for you?