UX ESSENTIALS for Business Tour - Jon ...
←
→
Page content transcription
If your browser does not render page correctly, please read the page content below
UX ESSENTIALS for Business Tour Presented by Jon Deragon, Senior UX Consultant Speaking Events • #SharingAtConclave, Conclave Co-Working Space • Startup Istanbul 2016 Webinar Series • UX Essentials Talk at Universitas Indonesia • LiveLife Presents UX Essentials for Business
UX Obstacles
Limited budget
Limited resources
Limited people
Businesses Face Limited time
Many Challenges
Limited know how
Limited accessibility
Limited experience
UX ESSENTIALS FOR BUSINESS TOUR
Case Study (Real World)
UX ESSENTIALS FOR BUSINESS TOUR
Case Study (Real World)
UX ESSENTIALS FOR BUSINESS TOUR
Case Study (Real World)
UX ESSENTIALS FOR BUSINESS TOUR
Case Study (Real World)
UX ESSENTIALS FOR BUSINESS TOUR
Case Study (Real World) Discovery & Research
• What is the diameter of plug
head typically used
• Typical adaptor weight and
suitability of socket
• Requirements, light function
and plug independence
I/O
Usability Testing
• Observe people inserting plug
and light coming on
• Difficulties in people turning
light on and off
• Long term analysis sees socket
suitability issue
UX ESSENTIALS FOR BUSINESS TOUR
Case Study (Real World)
Design Improvements
• Large area to plug diameter,
lessens obstruction of elements
• Rotatable plug to accommodate
various configurations
I/O
• Phone jack middle bottom as
cable typically goes downward
and not impacted by right aligned
• Larger power switch for easier low
light condition use
UX ESSENTIALS FOR BUSINESS TOUR
Case Study (Real World)
Design Justification
• Observe real world use in the field
and correct design accordingly
• Each design decision should be
PROTECTED
based on data, not assumptions
I/O
• Continual review of product
ensures it remains relevant and
RESET
aligned to your users
• Keeping designs minimal with
every feature needing justification
UX ESSENTIALS FOR BUSINESS TOURCase Study (Hybrid)
UX ESSENTIALS FOR BUSINESS TOURCase Study (Hybrid)
UX ESSENTIALS FOR BUSINESS TOURCase Study (Hybrid)
UX ESSENTIALS FOR BUSINESS TOURCase Study (Digital)
UX ESSENTIALS FOR BUSINESS TOURCase Study (Digital)
UX ESSENTIALS FOR BUSINESS TOURCase Study (Digital)
UX ESSENTIALS FOR BUSINESS TOURCase Study (Digital)
UX ESSENTIALS FOR BUSINESS TOURCase Study (Digital)
UX ESSENTIALS FOR BUSINESS TOURCase Study (Digital)
UX ESSENTIALS FOR BUSINESS TOURWhat Is UX
“It’s about people designing with
people, for people.”
UX ESSENTIALS FOR BUSINESS TOURUX and Visual Design
UX Visual Design
User-centred design thinking Applies brand driven
and process to determine aesthetically pleasing yet
optimal experience and functional design to the
usability of a product. layouts determined in UX.
It’s the architecture and It’s the interior decorating
infrastructure of a building. and land scaping.
UX ESSENTIALS FOR BUSINESS TOURThe UX Difference
User
Insights
+
Design
Revisions & Handover to Brand Engage
Visual Design Validation
Approval Engineers Language Engineering
Mockups
+
Market
Research &
Strategy
Visual Design Centric User-Centered Design
UX ESSENTIALS FOR BUSINESS TOURThe UX Difference
User
Insights
+
Design Visual Revisions & Handover to Brand Engage
Mockups Engineers Design Validation
Approval Language Engineering
+
Market
Research &
Strategy
Visual Design Centric User-Centered Design
UX ESSENTIALS FOR BUSINESS TOURThe UX Difference
Information
Architecture Prototype &
Specs
Content Interaction
Strategy Design
Strategy &
Scope
Input UX Output Style Guide Product
Usability
Research
Testing
Content
Guide
Visual
Design
UX ESSENTIALS FOR BUSINESS TOURUX Process
Why does this product exist? For whom to use where and when?
• Strategy definition • Identify and fill knowledge gaps
• Business requirements gathering • Scope the functions and features
• Research market and users • Personas
• Competitive analysis • Initial sketching
Discovery + Research + Workshops Prototype Design + Visual Design Validation & Engineering
Revision Cycle
UX ESSENTIALS FOR BUSINESS TOURUX Process
Create the structures, define the journey and craft the optimal experience.
• Journeys, flows and mapping • Interactive prototypes
• Information architecture • Specifications and annotations
• Sketching higher fidelity • Develop style guide / pattern library
• Build out wireframes • Visual design screens
Discovery + Research + Workshops Prototype Design + Visual Design Validation & Engineering
Revision Cycle
UX ESSENTIALS FOR BUSINESS TOURUX Process
Test your research, assumptions and outputs of UX design.
• Usability testing • Rework problem areas
• Field research • Deploy lite or limited release
• Contextual inquiry • Intercept feedback
• Compile, trend and shortlist data • Survey users
Discovery + Research + Workshops Prototype Design + Visual Design Validation & Engineering
Revision Cycle
UX ESSENTIALS FOR BUSINESS TOURUX Process
Make Engineering’s life easy… you’re all on the same team!
• Be constantly integrated • Audit staging version for consistency
• Present walk-through and Q&A • Be part of optimisation process
• Sit down with Engineering lead • Always evaluating tech feasibility
• Bundle “Engineering Pack” • Show ‘n tell throughout design process
Discovery + Research + Workshops Prototype Design + Visual Design Validation & Engineering
Revision Cycle
UX ESSENTIALS FOR BUSINESS TOURThe UX Advantage
Clarity and understanding of business requirements
Looks at the pieces together as a whole
Drives true understanding of user needs, thinking and behaviours
Creates a hub for decision making, brings everyone together
UX ESSENTIALS FOR BUSINESS TOURThe UX Advantage
Takes guess work out of design and architecture matters
Allows rapid product emulation without building it
Validate your concept with real users
No guess work, gives developers detailed specifications to follow
UX ESSENTIALS FOR BUSINESS TOUREveryone Can Benefit
We’re still working Our product newly Our product has
on our product exists in the market matured
Perfect time to harness the Great… you’ll start getting Finely tune conversion
full end-to-end UX process. qualitative (feedback) and optimisation of product.
Intimately understand your quantitative (statistics) data Evaluate style guide, audit
target audience and fit in the back to analyse. Perform content and architecture.
marketplace before release, usability testing and field Continuous feature and design
through in-depth research. research on the live product. alignment with marketplace.
UX ESSENTIALS FOR BUSINESS TOURUX Maturity
6 Woven into fabric of business
5 Critical to business and strategy
4 Committed, integral to design process
3 Valued and supported in limited capacity
2 Awareness and valued, lacks support
1 Not recognised, scepticism or misunderstood
UX ESSENTIALS FOR BUSINESS TOURUX Maturity - Typically Observed
6 Woven into fabric of business
5 Critical to business and strategy
4 Committed, integral to design process
3 Valued and supported in limited capacity
2 Awareness and valued, lacks support
1 Not recognised, scepticism or misunderstood
UX ESSENTIALS FOR BUSINESS TOURUX Maturity - Winning Opportunity
6 Woven into fabric of business
5 Critical to business and strategy
4 Committed, integral to design process
3 Valued and supported in limited capacity
2 Awareness and valued, lacks support
1 Not recognised, scepticism or misunderstood
UX ESSENTIALS FOR BUSINESS TOURFactors UX Encourages
Empathy Attuned to good design
Understanding of human behaviour Problem solving
Abreast of design and tech trends Vision
Big picture thinking Creativity
Strong communications Clarity
Team cohesion Innovation
Potential Attention to detail, consistency
Mediation and presentation skills Thought leadership
Energetic Market understanding
UX ESSENTIALS FOR BUSINESS TOURUX Team Tools
Axure
Justinmind
Balsamic
UXPin Sketch
OmniGraffle Mockplus SnagIt Silverback
Diagramming Wires + Prototypes Visual Design + Caps Usability Testing
Use the right tools, the outcome is worth it.
UX ESSENTIALS FOR BUSINESS TOURUX Team Tools
Trello Plenty whiteboard space, markers
Slack Post-It notes
Jira Pads of paper, pens
Zeplin Desk and wall space
Dropbox Dedicated area (if possible)
Collaboration Ideation and Workshops
UX ESSENTIALS FOR BUSINESS TOURLearning UX
Mentors
Groups
Good UX professionals love to
Websites
Social Channels mentor and share with people.
Videos
Don’t be afraid to ask for help,
Associations
Books and get different perspectives
Events
from different practitioners.
Online Courses
Classroom
UX ESSENTIALS FOR BUSINESS TOURLearning UX
Mentors
Groups
Look for local events and regular
Websites
Social Channels meet ups on Meetup, LinkedIn
Videos
and Facebook. Join chatrooms
Associations
Books like “User Experience Design”
Events
on Slack, to ask questions.
Online Courses
Classroom
UX ESSENTIALS FOR BUSINESS TOURLearning UX
UX Magazine (uxmag.com)
Mentors
UX Mastery (uxmastery.com)
Groups
UX Matters (uxmatters.com)
Websites
UX Movement (uxmovement.com)
Social Channels
UX Booth (uxbooth.com)
Videos
Associations Usability Post (usabilitypost.com)
Books Nielsen Norman Group (nngroup.com)
Events
Smashing Magazine (smashingmagazine.com)
Online Courses
Medium (medium.com)
Classroom
Pulse (linkedin.com/pulse)
UX ESSENTIALS FOR BUSINESS TOURLearning UX
LinkedIn
• UX Professionals
Mentors • UXPRO - User Experience Professionals Network
Groups • UI/UX User Experience Interaction Design
• UX Thought
Websites • UXID
Social Channels Facebook
Videos • UX Indonesia
Associations • CHI UX Indonesia
• UI/UX Designer Group
Books
Events Twitter
Online Courses • @uxdesigntop
• @uxdesignweekly
Classroom
• @uxdinsights
• @uxmastery
UX ESSENTIALS FOR BUSINESS TOURLearning UX
Mentors
YouTube (youtube.com)
Groups
Vimeo (vimeo.com)
Websites
Search for UX, User Experience, Interaction Design, etc
Social Channels FREE, Indonesian viewing restrictions
Videos UIE All You Can Learn (aycl.uie.com)
Associations Subscription based library of UX presentations
Regular free video of the day
Books
Events Uideo (uideo.net)
Online Courses Massive library of design and UX videos and presentations
FREE, Indonesian viewing restrictions
Classroom
UX ESSENTIALS FOR BUSINESS TOURLearning UX
Mentors
Groups
UXPA
Websites (User Experience Professionals Association)
Social Channels IxDA
Videos (Interaction Design Association)
Associations IAI
(The Information Architecture Institute)
Books
Events SIGCHI
Online Courses (Special Interest Group on Computer-Human Interaction)
Classroom
UX ESSENTIALS FOR BUSINESS TOURLearning UX The User Experience Team of One
By Leah Buley
Designing Products People Love
Mentors By Scott Hurff
Groups The Design of Everyday Things
Websites By Don Norman
Social Channels Don’t Make Me Think
Videos By Steve Krug
Associations Usable Usability
By Eric Reiss
Books
The UX Book
Events By Rex Harrison and Pardha Pyla
Online Courses Simple and Usable
Classroom By Giles Colborne
100 Things Every Designer Needs to Know About People
By Susan M. Weinschenk Ph.D
UX ESSENTIALS FOR BUSINESS TOURLearning UX
UXPA (Worldwide)
Mentors
UX STRAT (USA)
Groups
UX Book Club (Worldwide)
Websites
Social Channels ConveyUX (USA)
Videos Interaction (Amsterdam)
Associations UX Malaysia (Kuala Lumpur)
Books
UX Australia
Events UXSG (Singapore)
Online Courses
UX Intensive by Adaptive Path (USA)
Classroom
UX Week (USA)
UX ESSENTIALS FOR BUSINESS TOURLearning UX Udemy (Low Cost)
• User Experience (UX): The Ultimate Guide to Usability
• UX Design Fundamentals
Mentors • UX & Web Design Master Course
• Become a UX Designer
Groups
Websites Coursera (Free University Materials)
Social Channels • User Experience: Research & Prototyping
Videos • Interaction Design
• Information Design
Associations
• Design Principles: An Introduction
Books • Content Strategy for Professionals: Engaging Audiences
Events
Online Courses Lynda (Subscription)
• UX for Business
Classroom • Persuasive UX: Influencing Behaviour Patterns
• UX Research Fundamentals
• Foundations of UX: Multidevice design
UX ESSENTIALS FOR BUSINESS TOURLearning UX edX (Free or Low Cost)
• UX Design
• UX: Understanding Your User Needs
Mentors • UX: Principles of Designing for Humans
• UX: Usability Testing
Groups • Introduction to UX Research
Websites
Social Channels The Next Web (Low Cost)
Videos • UI & UX Design Bootcamp Bundle
Associations
UXTraining
Books
Events
Webinars & Email Lists (Free)
Online Courses • UXPA
Classroom • UserZoom
• Studio by UXPin
• UX Booth
UX ESSENTIALS FOR BUSINESS TOURLearning UX
Mentors
Groups General Assembly
User Experience Design Immersive Course (10-Weeks Full Time)
Websites User Experience Design (10-Weeks Part Time or 1 Week)
Social Channels
Videos Neilson Norman Group
UX Certified Master
Associations
UX Certified
Books
Events Human Factors International
Online Courses Certified Usability Analyst (CUA)
Certified User Experience Analyst (CXA)
Classroom
UX ESSENTIALS FOR BUSINESS TOURElements with Greatest Returns
Strategy & Scope Personas & Site Mapping & Validation by
Definition User Journeys Card Sorting Moderated Testing
Firm understanding of Have a guiding light of If your users can’t Get your product in
the who, what, why who you’re designing find, search or front of people and
and where and how for. Be able to shape navigate to products observe your
goes a long way. and visualise critical they want, you’re assumptions getting
Know the market and product journeys. really in trouble. tossed around.
your competitors.
Producing Style Constructing Specifications and
Guide to Encourage Prototype Before Annotations for
Consistency Building Development
UX ESSENTIALS FOR BUSINESS TOURUX Adoption Plan
Learn and get caught up on basics, hire help if possible
Get everyone onboard with “design thinking”
Who will do what, how will ideas flow, who approves?
Start incorporating UX into design and project processes
Measure, validate, test, refine, repeat
UX ESSENTIALS FOR BUSINESS TOURThe Guiding Light of UX
Don’t assume about your
customers, KNOW about your
customers.
The product
will be INFINITELY better for it.
UX ESSENTIALS FOR BUSINESS TOURThank You
Jon Deragon
Senior UX Consultant
Email jonderagon@gmail.com
Website jonderagon.com
LinkedIn www.linkedin.com/in/jonderagon
UX ESSENTIALS FOR BUSINESS TOURYou can also read
