Prototyping is not a new concept, but the role it plays in the design process has changed dramatically in the last few years. Proliferation of agile methods and the grassroots nature of design thinking have opened up new opportunities where research and design happen simultaneously. New tools for building digital prototypes have given design teams numerous options from very simple demos to complex proof of concepts. The Devbridge Design team shares their experience and explore cases where prototyping has driven the design and research process. With varying levels of complexity and fidelity, each has had a different outcome.

1. Devbridge Group presents
DEVBRIDGE.COM
Devbridge Group Design and User Experience Team
Prototyping: Approaches and Outcomes.
With IxDA Chicago - October, 2015

2. We design and build software for companies that
have unique challenges to solve. We do this with a
design focused, technology agnostic approach.

3. We partner with mid-market and fortune clients to
build sophisticated software that ships to market on time.
Clients

4. BUSINESS
CONSULTING
ERP &
OFF-THE-SHELF
DIGITAL
MARKETING
ADVERTISING
AND MARKETING

5. 140+
20152008 2009 2010 2011 2012 2013 2014

6. What does prototyping mean to us?

7. Sketches and…

8. Wireframes

9. Clickable prototypes - interactive mock-ups

11. BEFORE WE START…

12. FRAUD INVESTIGATION
prototyping for
Adomas Tautkus - Design Lead

14. Can we build a prototype that will help
the Fraud Investigation Department to
consolidate everything into one app?
Problem

15. The Plan
1

16. Prototype completed in 8 sprints
Requirements gathering workshop
Sketch and design
Interactive mockups
Sample data integration
System integration

17. Teams
ClientDevbridge
SPONSOR
STRATEGY
TECHNICAL
LEAD DEVELOPER
LEAD DESIGNER
PRODUCT MANAGER
Sr. DEVELOPER
Sr. DEVELOPER
QA ANALYST
FRONT-END DEVELOPER

18. Team distribution
Dallas
STRATEGY
TECHNICAL
Chicago
LEAD DESIGNER
PRODUCT MANAGER
New York
SPONSOR
Vilnius
LEAD DEVELOPER
Sr. DEVELOPER
Sr. DEVELOPER
QA ANALYST
FRONT-END DEVELOPER
C 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

19. The Tools
2

20. White Board
Sketch
Invision
Jira
FeatureMap.co
HTML/CSS/JS
.Net

24. The Solution
3

25. Project Duration
2 ½ M O N T H S
WORKSHOP
DAYS
3
DESIGN
WEEKS
1½
DEVELOPMENT
WEEKS
6

27. INDUSTRIAL SUPPLIES
prototyping for
Mark Ludemann - Design Lead
Vlad Shapochnikov - Front End Developer

28. ASSIGNMENT
Help users find a specific product within
an extremely large e-commerce site

29. 17,736 RESULTS

30. DELIVERABLES
A functioning, data driven prototype
that is tied to the product catalog

31. WHY A PROTOTYPE?

32. HOW DID WE DO IT

33. Focus on Information Architecture
1

34. Lightweight Sketching
2

36. Real-time Design
3

38. Validation
4

39. WATCH THEM FAIL.

40. RINSE & REPEAT

42. INVESTMENT MANAGEMENT
prototyping for
David Borra - Senior Designer

43. THE CLIENT

44. The Problem: Sorting through multiple sources of static data.
1

45. The Solution: Create a Client Portal
2

47. NOW WHAT?

48. Kickoff Meeting
1

50. UX Sketching
2

52. Wireframes
3

56. UI Design
4

57. Prototype
5

58. ONE MORE THING

62. THANKS

63. FINANCIAL DATA & VIDEO
prototyping for
Eric Strubringer - Designer

64. THE CLIENT

65. Problem: People are not finding the videos.
1

67. Let’s Build an App
2

75. “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

76. Let’s iterate on it.
3

78. Why does db prototype?
Win buy-inResearch iterativelyGet feedbackForm an idea
Many 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.

79. What does prototyping mean for you?

80. jobs@devbridge.com
WE’RE HIRING