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