a collaborative vision
for Phase 2
@thepixelgeek
What is User Experience?
@thepixelgeek
userexperiencerocks.com | @jrna245
@thepixelgeek
Design your layout around the heart of a story, not the product or service
@thepixelgeek
REAL LIFE DEMO
"Lootcrate"
@thepixelgeek
web demos
- Comic Con's Website
- Current Site - http://comic-con.org/cci
- My 1st redesign - http://sdcc.webflow.com
- My 2nd redesign - http://sdcc2.webflow.com
- Dog and Rooster (San Diego Web Design Company)
- Garden
- Razer Gaming's Website
- Current site - http://razerzone.com
- My redesign (WIP) - http://razer.webflow.com
@thepixelgeek
Content is king
(and will always be.)
@thepixelgeek
@thepixelgeek
@thepixelgeek
Experience your user’s experience so that their next user experience will be an experience that you’ll want to experience
@thepixelgeek
that all sounds nice, but...
how do i help make a great web page when i don't know how to build them?
Waterfall process
- Kickoff meeting between managers only
- Managers then have a meeting with their own teams to explain what was said in the kick off meeting
- Then status meetings are often done to make sure each team still understand what is needed.
- Between all the meetings, we still need to email constantly for missing items or clarification.
less meetings and emails
more collaboration and creativity
creativity playground session
- 10 min intros
- 10 min goal scope
- 10 min success metrics
- 20 min story brainstorm
- 10 min imagery brainstorm
- 10 min sitemap
- 20 min content map
- 30 min wireframe
- 1 hr interactive mock
after the playground session
- Everyone gets their roles back
- Everyone knows the gameplan
- Everyone knows what they need to do
great UX starts here
"behind every great design is an even greater process."
thank you
A Collaborative Vision
By Nelson Abalos Jr
