Call Girls in Pratap Nagar, 9953056974 Escort Service
ACP, UGM, Freelancer, ACI - Adobe Tools for UX Designers
1. AT&T 11:56 AM
EditInboxMailboxes
Jonathan Lander 12:05 PM
Let’s do dinner this weekend
Hey man, long time no see. Let’s get the
fams together and grill out this weeke...
Saj Kahn 10:30 AM
Re: Latest Mockups
I disagree. I don’t think our audience will
necessarily gravitate towards what you...
Ivan Tolamachev 7/20/13
Fwd: LAUNCH Festival
I’m planning to stop by this after work.
Do you want to join me?
Víctor Fernández 7/19/13
Happy 4th!!
Hope you and your family had a great
time. We celebrated a bit belated, but...
Updated Just Now
2,984 Unread
Laura Williams 7/19/13
Re: Meeting w/Dan Anderson
I 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
Collection
AT&T 11:57 AM
CancelSelect Items
Add To
Inbox
Compose
AT&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 Private
Browsing?
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.com
dee.sadler@hrblock.com
Dee Sadler
Adobe Tools for UX Designers
2. Agenda
The 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
3. The Concept/Discover Phase
Define 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
4. The Concept/Discover Phase
define 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
Deliverables:
UX plan - AI or ID (Word, text editor, napkin, etc)
IA - AI (Omnigraffle, Visio etc.)
Personas/behaviors - AI or ID
User Research Summary - ID (Word, text editor, hand puppets, etc)
Interview findings - ID (Word, text editor, hand puppets, etc)
5. Design
Define 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
6. Design
Define 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
Deliverables:
Sketches - paper, AI, ID, FW, iPad apps (any number of apps)
Task flows - AI, ID, FW (Omnigraffle, 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
7. Prototype
More specific visual representation of what it looks like,
and how it works.
Co-Design sessions
Usability testing
Prototyping
8. Prototype
More specific visual representation of what it looks like,
and how it works.
Co-Design sessions
Usability testing
Prototyping
Deliverables:
An increasing level of fidelity of wireframes - AI, PS, FL, FW
paper or clickable prototypes - Muse, CO/Brackets, DW, FL, ID, Acrobat,
AE, Flash Builder, Edge Animate
Feature or product flows - AI, ID
Non-Adobe - Pencils and paper, Sketch, Affinity Designer, UXPin, InVisionApp,
Justinmind, proto.io, Axure, Omnigraffle, Keynote, and so many more...
9. Validate
Verify that the design fits the user needs.
Usability Testing
Critiques - UX Design reviews
Surveys
Prototypes
10. Validate
Verify that the design fits the user needs.
Usability Testing
Critiques - UX Design reviews
Surveys
Prototypes
Deliverables:
High interaction prototypes - Muse, CO/Brackets, DW, FL, ID, Acrobat,
AE, Flash Builder, Edge Animate
Interview guides - ID
User testing findings - ID, AI, Muse, FL
12. Deliver/Deployment
Final assets for production
Deliverables:
Spec docs - PS, FW or AI to ID
Style guides - ID
Comps - FW, PS, AI
Assets - depends
front end delivery - DW, CO/Brackets, Topcoat