Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Practical User Experience

Practical User Experience

That's my presentation from Digitized 2019 workshop, where I was showing my UX process to 20 awesome people from Greece & Cyprus.

Remember, this presentation was complimentary to what we were doing live in the room so let me know if you have any questions, I'd be happy to help you.

Here's the copy intro of my workshop:

UX Design contains a lot of methodologies and principles that require a lot of hands, a lot of time and huge budgets.

Unfortunately, in the real world you are called to solve problems and provide answers in no-time and with tiny budgets, often being the sole designer in your organisation.

What are the most common UX methodologies, designers actually use?
How do you choose the right methodologies every time?
Is there a specific order?

We all want the same thing at the end. A beautiful, meaningful digital solution that people will be happy to use and remember while serving all the business goals at the same time.

To get there, someone’s got to do all the legwork first and in this hands-on workshop, that would be you! We’ll talk about all the above and put it to practice by designing a product together.

From idea generation to research, design and validation, at the end of the day, you’ll know how to cut through the bullshit and deliver real UX results, with limited time and budget.

Thanos Papavasileiou

November 10, 2019
Tweet

More Decks by Thanos Papavasileiou

Other Decks in Design

Transcript

  1. USER EXPERIENCE
    PRACTICAL

    View Slide

  2. WHERE DOES UX COMES FROM?
    4000 BC FENG SHUI
    500 BC ERGONOMICS

    View Slide

  3. UX HISTORY
    1940 TOYOTA - ALAN TURING
    1955 DESIGNING FOR PEOPLE (HENRY S. DREYFUSS)
    1966 WALT DISNEY—THE 1ST UX DESIGNER
    70’S THE ERA OF PERSONAL COMPUTING
    1993 DON NORMAN — THE 1ST “UX” IN JOB TITLE

    View Slide

  4. WHAT IS USER EXPERIENCE DESIGN

    View Slide

  5. THE FUTURE OF UX

    View Slide

  6. LET’S DO A PROJECT TOGETHER!
    DESIGN A NATIVE APP (IOS) TO CONTROL SMART DEVICES.
    The app should allow the user to easily adjust the temperature, lights and music in their
    home or office. Hopefully this app will be a step forward to a friendlier smart home.

    View Slide

  7. WHAT DOES A UX PROJECT LOOKS LIKE
    1. PRODUCT DEFINITION
    2. RESEARCH
    3. ANALYSIS
    4. DESIGN
    5. VALIDATION

    View Slide

  8. 1. PRODUCT DEFINITION
    STAKEHOLDERS INTERVIEWS
    ASSUMPTIONS & HYPOTHESES
    PROTO PERSONAS

    View Slide

  9. STAKEHOLDERS INTERVIEWS
    STAKEHOLDER’S ROLE
    WHAT ARE THE GOALS
    WHO ARE THE USERS
    COMPETITORS
    LIMITATIONS
    PRODUCT CONCERNS

    View Slide

  10. LIMITATIONS
    BUSINESS GOALS
    THREE MAIN SUBJECTS
    USER NEEDS
    Who are the users?
    What are the major
    competitors?
    What is the stakeholder’s
    role?
    What are the short and long
    term business goals?
    What’s the definition of
    product success for them?
    Are there any product
    concerns?
    What are the tech
    limitations?
    Any other limitations?

    View Slide

  11. QUESTION EXAMPLES
    DESCRIBE THE PURPOSE OF THIS PROJECT IN YOUR OWN WORDS
    WHAT’S THE MOST IMPORTANT THING THAT WE NEED TO DO?
    HOW WOULD YOU DESCRIBE OUR TARGET AUDIENCE?
    SAY YOU HAVE ONLY 1 QUESTION FOR OUR USERS. WHAT IS IT?
    HOW DO YOU DEFINE SUCCESS FOR THIS PROJECT?
    WALK ME THROUGH THE PROCESS OF….

    View Slide

  12. ORGANIZE YOUR FINDINGS
    BUSINESS
    USERS
    PROBLEMS
    SOLUTIONS
    COMPETITIVE ADVANTAGES & USPS
    OTHER

    View Slide

  13. prooectName stake
    Houser
    Name
    Business users
    PROBLEMS solutions
    competitiveADVANTAGES
    OTHER
    DATE
    STAKEHOLDERS INTERVIEW

    View Slide

  14. ASSUMPTIONS & HYPOTHESES
    1. As a user, I need this app to control more than one smart device.
    2. As a user, I’m currently using at least 2 different apps to control my
    smart devices.
    3. As a user, I’d like a fast & easy way to setup the behaviour of my
    smart devices.
    4. As a user, I will be using this app daily as it controls essential
    devices I’m using every day.

    View Slide

  15. PROTO-PERSONA

    View Slide

  16. The image part with relationship ID rId3 was not found in the file.
    Michael Scott
    31, London
    ARCHITECT
    · STATUS
    SINGLE
    · VERTICAL
    ARCHITECTURE
    · SALARY
    $110K
    · ROLE
    APP USER
    PERSONALITY BIO
    Michael, 31, was born in Germany by British parents.
    After High School he moved to London to study
    Architecture.
    He’s now running his own company with clients in the UK
    and Abroad. He’s living in Shad Thames in London, near
    the river and his commuting everyday to his office in
    West London.
    He’s speaking Deutsch, English and French. He is an
    Apple fanboy, Mac over Windows, iOS over Android but
    when it comes to digital AI helpers, he prefers Alexa over
    Siri.
    • Optimise his day to day routine and
    gain more time to focus on things that
    are important.
    • Find new ways to integrate technology
    with humans and the spaces they live
    or work.
    • Make his buildings accessible using
    voice and invisible User Interfaces.
    • Each technology solution can be
    usually controlled only by its own
    interface.
    • Programmable combinations between
    things that can be automated are
    usually hard to create.
    • Control panels are tricky and people
    get confused.
    Goals Frustrations
    Favorite brands
    • Extrovert
    • Liberal
    • Active
    • Creative
    I like to shape my
    environment so it’s working
    for me. Not the opposite
    Technology usage
    Influences
    Web usage experience
    Mobile usage experience
    General Tech skills
    Social media skills
    · FRIENDS
    · PARTNERS
    · PODCASTS
    · BLOGS/ FORUMS
    · FAMILY
    Apple, Levis, Tommy, Dell, Nintendo, Converse, Vans, Starbucks, Audio Technica
    Instagram
    Frequently used apps
    Pinterest Facebook

    View Slide

  17. View Slide

  18. 2. RESEARCH
    COMPETITOR ANALYSIS
    USER RESEARCH

    View Slide

  19. COMPETITOR ANALYSIS

    View Slide

  20. COMPANYNAME
    PROS CONS
    COMPANYNAME
    PROS CONS

    View Slide

  21. USER RESEARCH
    USER INTERVIEWS 101
    HOW TO TAKE NOTES DURING USER INTERVIEWS

    View Slide

  22. USER INTERVIEWS 101
    BE POLITE & INTRODUCE YOURSELF
    ASK ABOUT THEM
    PREPARE A SCRIPT & USE THE SAME SCRIPT FOR ALL.
    INVOLVE STAKEHOLDERS
    USE OPEN ENDED QUESTIONS AND BE CURIOUS
    TAKE NOTES & RECORD SESSIONS

    View Slide

  23. QUESTION EXAMPLES
    HOW MANY SMART DEVICES DO YOU HAVE AND WHAT APPS DO YOU
    USE?
    IF YOU HAD TO CHOOSE 1 THING TO CONTROL IN YOUR HOUSE OR
    OFFICE, WHAT WOULD THAT BE?
    TELL ME MORE ABOUT THAT WHY IS THAT?

    View Slide

  24. ProoectName interviewer s
    PERSON DESCRIPTION
    TopQUOTES
    it
    11
    TOPSTORIES TOPINSIGHTS
    DATE Place

    View Slide

  25. 3. ANALYSIS
    SYNTHESIS
    MOSCOW

    View Slide

  26. SYNTHESIS
    START WITH THE PURPOSE, THEN A SUMMARY.
    ACTIONABLE RECOMMENDATIONS
    DON’T MAKE A 100-PAGE REPORT
    MAKE A DECK WITH BULLETS, SCREENSHOTS & PHOTOS
    STORYTELLING IS KEY

    View Slide

  27. MOSCOW
    MUST HAVE
    SHOULD HAVE
    COULD HAVE
    WOULD LIKE (WON’T GET)

    View Slide

  28. 4. DESIGN
    USER FLOWS
    WIREFRAMES
    PROTOTYPING

    View Slide

  29. USER FLOWS
    START FROM ON BOARDING
    IDENTIFY THE MOST IMPORTANT FLOW OF THE APP
    REVIEW, RE-THINK, CUT-DOWN THE NOISE
    DON’T APPLY NEW IDEAS, RESPECT YOUR RESEARCH
    WHAT HAPPEN’S WHEN USERS DON’T TAKE THE HAPPY PATH

    View Slide

  30. View Slide

  31. WIREFRAMES & PROTOTYPING
    DESIGN WITH HIGH FIDELITY IN MIND
    RESPECT THE OS GUIDELINES
    REMEMBER WHY YOU’RE DOING THIS: SPEED
    PROTOTYPE FOR YOUR TEAM
    WHAT’S THE BEST TOOL FOR ALL THIS?

    View Slide

  32. SNAP!

    View Slide

  33. 5. VALIDATION
    USABILITYHUB.COM FOR IDENTIFYING USABILITY PROBLEMS
    BEFORE LAUNCH
    HOTJAR & GOOGLE ANALYTICS FOR USER BEHAVIOR MONITORING
    USERTESTING.COM FOR IN DEPTH, TASK-ORIENTED TESTING
    AFTER LAUNCH

    View Slide

  34. THAT’S ALL FOLKS!
    @KLOU
    Thank you!

    View Slide