SlideShare ist ein Scribd-Unternehmen logo
1 von 20
Downloaden Sie, um offline zu lesen
Marcella Missirian
04/22/15
SC UX Club
SC UX Design-a-Thon
Preparation
Marcella Missirian
President UXPA of Los Angeles
CEO Media Mash UX, Inc.
CEO Marcella Creative, Inc.
Entrepreneur, UX fanatic, designer, mentor and
cook. Marcella's work has been seen globally and
has inspired an entire generation of UX
professionals. She continues to set the standard for
usability and UX that is functional, delightful and rich
in emotional experience!
Marcella is the President of UXPALA (User
Experience Professional Association of Los Angeles)
and active participant at many design, ux and
technology events throughout the world.
http://www.meetup.com/UXPALA/
@Marcella_UX
Linkedin
4/23/201
5 SC UX Club, Design-a-thon — 2
4/23/201
5 SC UX Club, Design-a-thon ‹#›
AGENDA FOR TONIGHT
• Schedule for Design-aThon
– Timeline
– Timing
– Judging Criteria
– Presentation Prep
– Judging
– Having FUN!
– Q&A
• Mock Presentation
– Suggested Outline of Presentation
– Mock Presentation – Pom Bottle
– Q&A
• Tools for Design-a-Thon
– Paper Prototyping
– Paper Presentations
– UI Kit
– Online Resources
– Software
– Hardware
– Q&A
4/23/201
5 SC UX Club, Design-a-thon ‹#›
DESIGN-A-THON SCHEDULE
• 9:00-9:15 | Check-in
– Name Tags
– Get with your team
– SUGGESTIONS:
o Team Name
o Team T-shirts or wear the same color
o Create a plan of action – Who will do what on your team?
What are each of you responsible for? How can you support
each other?
• 9:15-9:30 | Intro to the day
– Any changes we’ve made to the day
– Resources
– Intro of Stakeholder
• 9:30-10:00 | Stakeholder Interview
– Come prepared with questions
– Be prepared to take thorough notes
– Stakeholder will be available throughout the day for questions or to
get feedback on iterations
• 10:00-11:00 | Ideation
– Create a plan – From what the stakeholder wants to see in his ideal
product, what will your team tackle to fulfill judging requirements?
4/23/201
5 SC UX Club, Design-a-thon ‹#›
DESIGN-A-THON SCHEDULE, 2
• 10:00-11:00 | Ideation, continued
– Create a plan – From what the stakeholder wants to see in his ideal
product, what will your team tackle to fulfill judging requirements?
– Outline your plan with team member responsibilities and
deliverables
– Decide what you want to present (how many screens, how you
want to present the screens, what else you’d like to present)
– Build your persona’s
– Building your User Journey based on 1 persona
– Decide what aspect of that journey you’d like to expand on and
present
• 11:00-12:00 | Ideation/ Card sorting, Prototyping Phase 1
– Persona’s should be complete
– Journey Map should be complete
– Create rough paper sketches of your prototype pages
– Indicate function (carousels, movement, input screens, where the
user ends up)
– Test your pages on each other
4/23/201
5 SC UX Club, Design-a-thon ‹#›
DESIGN-A-THON SCHEDULE, 3
• 12:00-1:00 | Lunch
– Any general announcements
– If you want to work through lunch, take at least 20 minutes off and
walk away from our project
– This would be a good time to find the Stakeholders and spend
some time with them
• 1:00-2:00 | Prototyping Phase 2
– Build out higher fidelity prototypes on either paper or a
prototyping/wireframe app such as:
– Axure
– Omnigraffle
– Balsamiq
– UXPin
– Proto.io
– CSS Products
– PAPER!!
– Other
– Test your Prototypes
– Print things out as you complete them AFTER you’ve tested
– Start putting together your presentation
4/23/201
5 SC UX Club, Design-a-thon ‹#›
DESIGN-A-THON SCHEDULE, 4
• 2:00-3:00 | Prototype Completion
– Finish up all the physical parts of your prototype
– Finish up any other presentation boards
– Clean up your user journey on your white board
– Make/present clearly defined persona(s) with pictures
• 3:00-3:30 | Outline your presentation
1. Pitch (go over what the objective was as your team understood it
from the stakeholder interview)
2. Identify what your team decided to build out as a solution
3. Identify Personas and designate 1 chosen persona for your user
journey
4. Present your User Journey
5. Demonstrate your product as you take us through your user
journey
• 3:30-4:00 | Practicing your Presentation
1. You will have 5 total minutes for your presentation from beginning
to end
2. The judges and Stakeholder will have 5 minutes for Q&A and to
finish their judging
3. We encourage each team to make sure every team member
participates in the presentation
4. Time yourself and get as many practice runs in as you can
5. Time YOURSELF!!
4/23/201
5 SC UX Club, Design-a-thon ‹#›
DESIGN-A-THON SCHEDULE, 5
• 4:00-5:30 | Presentation/Judging
– THERE WILL ONLY BE PAPER PROTOTYPE AND NO
ELECTRONIC PRESENTATIONS
– The first team up sets the standard and everyone gets judged
compared to them
– Be prepared to quickly bring your project up to the front – your white
board, presentation boards, paper prototype
– Be prepared to quickly move off the stage AND Set your project
back up at your station as most likely the judges will take a second
look at the end of every presentation
• 5:30-5:45 | WINNERS ANNOUNCED
• 3rd prize
• 2nd prize
• 1st prize
JUDGING CRITERIA
4/23/201
5 SC UX Club, Design-a-thon ‹#›
4/23/201
5 SC UX Club, Design-a-thon ‹#›
JUDGING CRITERIA
• OVERALL:
– Teamwork
– Collaboration
– Inventiveness
– Preparedness
• What we’ll be judging and scoring your team on:
– Persona’s
– User Journey
– Showing at least 3 functions
– How well did you address the stakeholder’s
needs
– How well your team presented your project
– Collaboration
– Creativity
– Showmanship
4/23/201
5 UX Resume Workshop — 11
MOCK PRESENTATION
4/23/201
5 SC UX Club, Design-a-thon ‹#›
MOCK PRESENTATION – POM BOTTLE
• Pitch – What was the task
• Ojective – How did we choose to tackle that task
• Persona(s)
• User Journey
• Success Marker
• Testing outcome
4/23/201
5 UX Resume Workshop — 13
DESIGN-A-THON TOOLS
WHAT SHOULD I BRING?
• Create folders full of social icons in a many styles (search for
free sets)
• Folder full of buttons, nav bars, screens,
• Bookmarks of all kinds of sites where you like to find examples,
images, etc.
• PRINTER and ink for your printer.
• Make sure everyone on your team can hook into your printer by
having printer drivers loaded and tested
• Use and log into your Google Drive Folder provided by SC UX
team
• A UI kit with all kinds of office supplies like pens, markers, tape,
scissors, stapler, TAPE, paper clips, binder clips
4/23/201
5 SC UX Club, Design-a-thon ‹#›
WHAT SHOULD I ALSO PREPARE
• If you have a special diet bring food
• Comfy Clothes – socks if your feet get cold
• Stuff to be creative – if your team wants to present using sock
puppets, bring socks!
• If your team wants to present via a Shakespearean play, dress
the part!
• Creativity is encouraged!
• Be prepared to work hard BUT HAVE FUN and learn!
4/23/201
5 SC UX Club, Design-a-thon ‹#›
RESOURCES/UX TOOLS/UI KITS
4/23/201
5 SC UX Club, Design-a-thon ‹#›
• Some of the links/references are free, some for $$
• Search in Google: UI kit Free download
- UI digital kit free
- UX Prototyping Free
• Some good links – there are gadjillions out there:
Pinterest boards are FULL of free stuff
THE BIG LIST: 40 ROCK SOLID DESIGN &
PROTOTYPING RESOURCES
UX: Wireframing & Prototyping (More Pinterest)
25 great free UX tools
Prototyping software
10 Free Wireframing Tools for Designers
Google
More Google Wireframing
10 Completely Free Wireframe and Mockup Applications
UX Tools Series Part 1: 24 Fantastic Free Wireframing
Tools!
30 Free UI Kits
Digital Flat UI kits (Pinterest)
50 Free UI Kits for User Interface Designers
FREE UI Kit
11 great free UI kits for web designers
Useful Free UI Design Tools
Flat Free UI Kit
GetUIKit
Flat UI free kits
Flat UI Kits (more)
More UI Kits
STUFF THAT MIGHT COME UP
• Team/interpersonal conflicts
- How do you deal with attitudes? Keep focused on the project
and work
- Talk with your mentor
- Take a walk
• Your Stuck and you don’t know where to go with your
project?
- Talk with the stakeholder
- Talk with your mentor
- Run around outside
- Do something else
- Take a stretch break
4/23/201
5 SC UX Club, Design-a-thon ‹#›
*WHAT MAKES A GREAT TEAM?
A desire to give control over something to a
colleague who can make it bigger, better, more
beautiful!
–Nic Ford, dConstruct
4/23/201
5 SC UX Club, Design-a-thon — 18
4/23/201
5 UX Resume Workshop — 19
Q&A
MORE:
Marcella Missirian
http://www.meetup.com/UXPALA/
info@marcellacreative.com
@Marcella_UX
4/23/201
5 SC UX Club, Design-a-thon — 20

Weitere ähnliche Inhalte

Kürzlich hochgeladen

Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 

Kürzlich hochgeladen (20)

Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 

Empfohlen

How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellSaba Software
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming LanguageSimplilearn
 

Empfohlen (20)

How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
 

Sc ux club designathon

  • 1. Marcella Missirian 04/22/15 SC UX Club SC UX Design-a-Thon Preparation
  • 2. Marcella Missirian President UXPA of Los Angeles CEO Media Mash UX, Inc. CEO Marcella Creative, Inc. Entrepreneur, UX fanatic, designer, mentor and cook. Marcella's work has been seen globally and has inspired an entire generation of UX professionals. She continues to set the standard for usability and UX that is functional, delightful and rich in emotional experience! Marcella is the President of UXPALA (User Experience Professional Association of Los Angeles) and active participant at many design, ux and technology events throughout the world. http://www.meetup.com/UXPALA/ @Marcella_UX Linkedin 4/23/201 5 SC UX Club, Design-a-thon — 2
  • 3. 4/23/201 5 SC UX Club, Design-a-thon ‹#› AGENDA FOR TONIGHT • Schedule for Design-aThon – Timeline – Timing – Judging Criteria – Presentation Prep – Judging – Having FUN! – Q&A • Mock Presentation – Suggested Outline of Presentation – Mock Presentation – Pom Bottle – Q&A • Tools for Design-a-Thon – Paper Prototyping – Paper Presentations – UI Kit – Online Resources – Software – Hardware – Q&A
  • 4. 4/23/201 5 SC UX Club, Design-a-thon ‹#› DESIGN-A-THON SCHEDULE • 9:00-9:15 | Check-in – Name Tags – Get with your team – SUGGESTIONS: o Team Name o Team T-shirts or wear the same color o Create a plan of action – Who will do what on your team? What are each of you responsible for? How can you support each other? • 9:15-9:30 | Intro to the day – Any changes we’ve made to the day – Resources – Intro of Stakeholder • 9:30-10:00 | Stakeholder Interview – Come prepared with questions – Be prepared to take thorough notes – Stakeholder will be available throughout the day for questions or to get feedback on iterations • 10:00-11:00 | Ideation – Create a plan – From what the stakeholder wants to see in his ideal product, what will your team tackle to fulfill judging requirements?
  • 5. 4/23/201 5 SC UX Club, Design-a-thon ‹#› DESIGN-A-THON SCHEDULE, 2 • 10:00-11:00 | Ideation, continued – Create a plan – From what the stakeholder wants to see in his ideal product, what will your team tackle to fulfill judging requirements? – Outline your plan with team member responsibilities and deliverables – Decide what you want to present (how many screens, how you want to present the screens, what else you’d like to present) – Build your persona’s – Building your User Journey based on 1 persona – Decide what aspect of that journey you’d like to expand on and present • 11:00-12:00 | Ideation/ Card sorting, Prototyping Phase 1 – Persona’s should be complete – Journey Map should be complete – Create rough paper sketches of your prototype pages – Indicate function (carousels, movement, input screens, where the user ends up) – Test your pages on each other
  • 6. 4/23/201 5 SC UX Club, Design-a-thon ‹#› DESIGN-A-THON SCHEDULE, 3 • 12:00-1:00 | Lunch – Any general announcements – If you want to work through lunch, take at least 20 minutes off and walk away from our project – This would be a good time to find the Stakeholders and spend some time with them • 1:00-2:00 | Prototyping Phase 2 – Build out higher fidelity prototypes on either paper or a prototyping/wireframe app such as: – Axure – Omnigraffle – Balsamiq – UXPin – Proto.io – CSS Products – PAPER!! – Other – Test your Prototypes – Print things out as you complete them AFTER you’ve tested – Start putting together your presentation
  • 7. 4/23/201 5 SC UX Club, Design-a-thon ‹#› DESIGN-A-THON SCHEDULE, 4 • 2:00-3:00 | Prototype Completion – Finish up all the physical parts of your prototype – Finish up any other presentation boards – Clean up your user journey on your white board – Make/present clearly defined persona(s) with pictures • 3:00-3:30 | Outline your presentation 1. Pitch (go over what the objective was as your team understood it from the stakeholder interview) 2. Identify what your team decided to build out as a solution 3. Identify Personas and designate 1 chosen persona for your user journey 4. Present your User Journey 5. Demonstrate your product as you take us through your user journey • 3:30-4:00 | Practicing your Presentation 1. You will have 5 total minutes for your presentation from beginning to end 2. The judges and Stakeholder will have 5 minutes for Q&A and to finish their judging 3. We encourage each team to make sure every team member participates in the presentation 4. Time yourself and get as many practice runs in as you can 5. Time YOURSELF!!
  • 8. 4/23/201 5 SC UX Club, Design-a-thon ‹#› DESIGN-A-THON SCHEDULE, 5 • 4:00-5:30 | Presentation/Judging – THERE WILL ONLY BE PAPER PROTOTYPE AND NO ELECTRONIC PRESENTATIONS – The first team up sets the standard and everyone gets judged compared to them – Be prepared to quickly bring your project up to the front – your white board, presentation boards, paper prototype – Be prepared to quickly move off the stage AND Set your project back up at your station as most likely the judges will take a second look at the end of every presentation • 5:30-5:45 | WINNERS ANNOUNCED • 3rd prize • 2nd prize • 1st prize
  • 9. JUDGING CRITERIA 4/23/201 5 SC UX Club, Design-a-thon ‹#›
  • 10. 4/23/201 5 SC UX Club, Design-a-thon ‹#› JUDGING CRITERIA • OVERALL: – Teamwork – Collaboration – Inventiveness – Preparedness • What we’ll be judging and scoring your team on: – Persona’s – User Journey – Showing at least 3 functions – How well did you address the stakeholder’s needs – How well your team presented your project – Collaboration – Creativity – Showmanship
  • 11. 4/23/201 5 UX Resume Workshop — 11 MOCK PRESENTATION
  • 12. 4/23/201 5 SC UX Club, Design-a-thon ‹#› MOCK PRESENTATION – POM BOTTLE • Pitch – What was the task • Ojective – How did we choose to tackle that task • Persona(s) • User Journey • Success Marker • Testing outcome
  • 13. 4/23/201 5 UX Resume Workshop — 13 DESIGN-A-THON TOOLS
  • 14. WHAT SHOULD I BRING? • Create folders full of social icons in a many styles (search for free sets) • Folder full of buttons, nav bars, screens, • Bookmarks of all kinds of sites where you like to find examples, images, etc. • PRINTER and ink for your printer. • Make sure everyone on your team can hook into your printer by having printer drivers loaded and tested • Use and log into your Google Drive Folder provided by SC UX team • A UI kit with all kinds of office supplies like pens, markers, tape, scissors, stapler, TAPE, paper clips, binder clips 4/23/201 5 SC UX Club, Design-a-thon ‹#›
  • 15. WHAT SHOULD I ALSO PREPARE • If you have a special diet bring food • Comfy Clothes – socks if your feet get cold • Stuff to be creative – if your team wants to present using sock puppets, bring socks! • If your team wants to present via a Shakespearean play, dress the part! • Creativity is encouraged! • Be prepared to work hard BUT HAVE FUN and learn! 4/23/201 5 SC UX Club, Design-a-thon ‹#›
  • 16. RESOURCES/UX TOOLS/UI KITS 4/23/201 5 SC UX Club, Design-a-thon ‹#› • Some of the links/references are free, some for $$ • Search in Google: UI kit Free download - UI digital kit free - UX Prototyping Free • Some good links – there are gadjillions out there: Pinterest boards are FULL of free stuff THE BIG LIST: 40 ROCK SOLID DESIGN & PROTOTYPING RESOURCES UX: Wireframing & Prototyping (More Pinterest) 25 great free UX tools Prototyping software 10 Free Wireframing Tools for Designers Google More Google Wireframing 10 Completely Free Wireframe and Mockup Applications UX Tools Series Part 1: 24 Fantastic Free Wireframing Tools! 30 Free UI Kits Digital Flat UI kits (Pinterest) 50 Free UI Kits for User Interface Designers FREE UI Kit 11 great free UI kits for web designers Useful Free UI Design Tools Flat Free UI Kit GetUIKit Flat UI free kits Flat UI Kits (more) More UI Kits
  • 17. STUFF THAT MIGHT COME UP • Team/interpersonal conflicts - How do you deal with attitudes? Keep focused on the project and work - Talk with your mentor - Take a walk • Your Stuck and you don’t know where to go with your project? - Talk with the stakeholder - Talk with your mentor - Run around outside - Do something else - Take a stretch break 4/23/201 5 SC UX Club, Design-a-thon ‹#›
  • 18. *WHAT MAKES A GREAT TEAM? A desire to give control over something to a colleague who can make it bigger, better, more beautiful! –Nic Ford, dConstruct 4/23/201 5 SC UX Club, Design-a-thon — 18
  • 19. 4/23/201 5 UX Resume Workshop — 19 Q&A