AT&T 11:56 AM

EditInboxMailboxes

Jonathan Lander 12:05 PMLet’s do dinner this weekendHey man, long time no see. Let’s get the fams together and grill out this weeke...

Saj Kahn 10:30 AMRe: Latest MockupsI disagree. I don’t think our audience will necessarily gravitate towards what you...

Ivan Tolamachev 7/20/13Fwd: LAUNCH FestivalI’m planning to stop by this after work. Do you want to join me?

Víctor Fernández 7/19/13Happy 4th!!Hope you and your family had a great time. We celebrated a bit belated, but...

Updated Just Now2,984 Unread

Laura Williams 7/19/13Re: Meeting w/Dan AndersonI can’t make it. I’ll send Sandeep in my

Grouped Table AT&T 11:56 AM

EditTitle

Table Row

Table Row

Table Row

Sub Row

Sub Row

GROUP LABEL

Table Row

Table Row

GROUP LABEL

Table Row

CollectionAT&T 11:57 AM

CancelSelect Items

Add To

Inbox

ComposeAT&T 11:57 AM

SendNew MessageCancel

To:

Cc/Bcc:

Subject:

WQ E R T Y U I O P

SA D F G H J K L

Z X C V B N M

.@space123 return

Action Sheet

Mark as Unread

Move to Junk

Flag

Cancel

Alert

Close All Pages?Would you like to close your existing

pages before turning on PrivateBrowsing?

Keep All Close All

Glyphs via Marcos Pagano • bit.ly/iosglyphs

Auto-Brightness

Auto-Brightness

Progress View

Downloading 20 of 46

Downloading 38 of 46

Slider

Switch

AT&T 11:56 AM

Status Bar

AT&T 11:56 AM

Search

Near MeThe ChartsFeatured Search Updates

Tab 3Tab 2Tab 1 Tab 4 Tab 5

Action Action Action

Back ActionTitle

Back Title

Action ActionTitle

Back

Action

Scope 1 Scope 2

Scope 1 Scope 2

Scope 1 Scope 2 Scope 3

Navigation Bar

Tool Bar

Tab Bar

Search Bar

Scope Bar

ACP, UGM, Freelancer, ACI@DeeSadler@KCUXCore

dee@aboxofpixels.comdee.sadler@hrblock.com

Dee Sadler

Adobe Tools for UX Designers

AgendaThe UX process and when you need actual tools.

Demo of deliverables and tips and tricks

Illustrator - libraries, the perfect button, appearance panel/graphic styles

InDesign - Design plans, libraries, style guides, plotting

FW - Still great for making sprites

Muse and Edge Animate - Amazing for quick prototyping

Photoshop - Asset extraction, layer comps

The Concept/Discover PhaseDe�ne the project goals and opportunities, and end users

User/ business requirements

Brand requirements

Field Research

User research / persona or behavior work

Stakeholder interviews

Competitive/comparative analysis

If the product is not new, then data analysis (Omniture etc.)

Focus groups

Card sorting

Information Architecture

User Scenarios

The Concept/Discover Phasede�ne the project goals and opportunities, and end users

User/ business requirementsBrand requirementsField ResearchUser research / persona or behavior workStakeholder interviewsCompetitive/comparative analysis If the product is not new, then data analysis (Omniture etc.)Focus groupsCard sortingInformation ArchitectureUser Scenarios

Deliverables:UX plan - AI or ID (Word, text editor, napkin, etc)IA - AI (Omnigra�e, Visio etc.)Personas/behaviors - AI or IDUser Research Summary - ID (Word, text editor, hand puppets, etc)Interview �ndings - ID (Word, text editor, hand puppets, etc)

Design De�ne what the product will do, for who and why. How it will be organized, what will go on each page etc.

User/ business requirements

Brainstorming

Brand consistency

Co-design sessions

Ideation sessions

Start of visuals

Design De�ne what the product will do, for who and why. How it will be organized, what will go on each page etc.

User/ business requirementsBrainstormingBrand consistencyCo-design sessionsIdeation sessionsStart of visuals

Deliverables:Sketches - paper, AI, ID, FW, iPad apps (any number of apps)Task �ows - AI, ID, FW (Omnigra�e, Visio etc.)early wireframes - Muse, DW, AI, ID, FW, Brackets/CO (any number of apps)Journey maps - AI, ID, FW (depends on what type of map)experience maps - AI, ID, FW, Edge Animate, Muse, DW (same here)Visual Design - AI, ID, FW

PrototypeMore speci�c visual representation of what it looks like, and how it works.

Co-Design sessions

Usability testing

Prototyping

PrototypeMore speci�c visual representation of what it looks like, and how it works.

Co-Design sessionsUsability testingPrototyping

Deliverables:An increasing level of �delity of wireframes - AI, PS, FL, FWpaper or clickable prototypes - Muse, CO/Brackets, DW, FL, ID, Acrobat, AE, Flash Builder, Edge AnimateFeature or product �ows - AI, ID

Non-Adobe - Pencils and paper, Sketch, A�nity Designer, UXPin, InVisionApp, Justinmind, proto.io, Axure, Omnigra�e, Keynote, and so many more...

ValidateVerify that the design �ts the user needs.

Usability Testing

Critiques - UX Design reviews

Surveys

Prototypes

ValidateVerify that the design �ts the user needs.

Usability TestingCritiques - UX Design reviewsSurveysPrototypes

Deliverables:High interaction prototypes - Muse, CO/Brackets, DW, FL, ID, Acrobat, AE, Flash Builder, Edge AnimateInterview guides - IDUser testing �ndings - ID, AI, Muse, FL

Deliver/DeploymentFinal assets for production

Spec docs

Style guides

Comps

Assets

Front end delivery

Deliver/DeploymentFinal assets for production

Deliverables:Spec docs - PS, FW or AI to IDStyle guides - IDComps - FW, PS, AIAssets - dependsfront end delivery - DW, CO/Brackets, Topcoat