Design of the Hack
A Pre-Hackathon Workshop
+
INTRODUCTION
How does design better �a Hackathon project?
INTRODUCTION
Teammates
Explorers
Shapers
Communicators
...and beyond.
Designers as:
Teammates
Explorers
Shapers
Communicators
...and beyond.
Designers as:
TEAMMATES // TEAM FORMATION
Teammates
Explorers
Shapers
Communicators
...and beyond.
Designers as:
EMPATHIZE
EMBRACE AMBIGUITY
ITERATE, ITERATE, ITERATE!
MAKE IT
Design Thinking - Mindsets
LEARN FROM FAILURE
EXPLORERS // IDEATION + SCOPING
FAKE AD POSTING BOT
CHROME EXTENSION
ROBUST SEARCH TOOL
GEO�MAPPING
EXPLORERS // IDEATION + SCOPING
high
low
Possible End Products
POWER
POINT
WEBSITE
DATA
VIS
TWEET
BOT
MOBILE
APP
complexity
EXPLORERS // IDEATION + SCOPING
Reframing the Question
WHY? In order to...
HOW? By...
WHY? So that we might...
HOW? By...
start here >
How Might We...
EXPLORERS // IDEATION + SCOPING
Idea one goes here
Idea two goes here
Idea three goes here
Idea four goes here
Idea five goes here
Idea six goes here
EXPLORERS // IDEATION + SCOPING
Evaluate by Plotting
EXPLORERS // IDEATION + SCOPING
Feasibility
low
high
Desirability
low
Difficult and NOT Desirable
Easy but NOT Desirable
Easy and Desirable
Difficult but Desirable
high
Qualities of a Well-Scoped Project
EXPLORERS // IDEATION + SCOPING
competitive analysis
realistic evaluation
firm timeline
verified users
subject-matter expert
success criteria
EXPLORERS // IDEATION + SCOPING
Define the key problems you want to solve.
Look deeper than the surface issue. (List out top 1-3 problems).
i.e. Homelessness
Affinity Mapping & 2x2 Matrix should have helped here.
i.e. Homelessness
How would you measure the success?
Refer back to “existing Alternatives”. How is your solution different. What unique value does your solution bring that you want to highlight.
EXPLORERS // IDEATION + SCOPING
EXPLORERS // IDEATION + SCOPING
Refer back to “existing Alternatives”. How is your solution different. What unique value does your solution bring that you want to highlight.
How are you connecting with your target stakeholder?
i.e. Homelessness
Who does your solution directly and indirectly benefit?
There might be multiple stakeholders.
Define your Value Proposition
EXPLORERS // IDEATION + SCOPING
We’re working to improve the lives of [target user]
who need [something],
which is solved by our [product category] [product name]
that will [key benefit statement],
unlike [primary competitors],
that instead [key differentiation statement].
Teammates
Explorers
Shapers
Communicators
...and beyond.
Designers as:
SHAPERS // BRANDING + IDENTITY
In the future things will be kicked and shook to work
Designer’s Open Source Tool Kit
SHAPERS // BRANDING + IDENTITY
iconography
web framework
data visualization
text editor
type
iconography
SHAPERS // BRANDING + IDENTITY
The Noun Project / AIGA Symbols
FontAwesome
www.fontawesome.io/
www.thenounproject.com
www.aiga.org/symbol-signs
type
SHAPERS // BRANDING + IDENTITY
Grilli Type
Google Fonts
google.fonts.biz
grillitype.com
Text editor
SHAPERS // BRANDING + IDENTITY
Atom
atom.io
web framework
SHAPERS // BRANDING + IDENTITY
Bootstrap
Tachyons
www.fontawesome.io/
getbootstrap.com
GitHub Pages
SHAPERS // BRANDING + IDENTITY
pages.github.com
visualization for designers
SHAPERS // BRANDING + IDENTITY
Mapbox
Raw
http://rawgraphs.io/
mapbox.com
Hilarious jokes
SHAPERS // BRANDING + IDENTITY
funnyjokes.cool
Teammates
Explorers
Shapers
Communicators
...and beyond.
Designers as:
COMMUNICATORS // THE PITCH
Teammates
Explorers
Shapers
Communicators
...and beyond.
Designers as:
BEYOND THE HACKATHON
BEYOND THE HACKATHON
BEYOND THE HACKATHON
BEYOND THE HACKATHON
Any questions?
CONCLUSION
See you at the Hackathon!
CONCLUSION