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.

2790176243f72f67848e53668927de82?s=128

Thanos Papavasileiou

November 10, 2019
Tweet

Transcript

  1. USER EXPERIENCE PRACTICAL

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

    BC ERGONOMICS
  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
  4. WHAT IS USER EXPERIENCE DESIGN

  5. THE FUTURE OF UX

  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.
  7. WHAT DOES A UX PROJECT LOOKS LIKE 1. PRODUCT DEFINITION

    2. RESEARCH 3. ANALYSIS 4. DESIGN 5. VALIDATION
  8. 1. PRODUCT DEFINITION STAKEHOLDERS INTERVIEWS ASSUMPTIONS & HYPOTHESES PROTO PERSONAS

  9. STAKEHOLDERS INTERVIEWS STAKEHOLDER’S ROLE WHAT ARE THE GOALS WHO ARE

    THE USERS COMPETITORS LIMITATIONS PRODUCT CONCERNS
  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?
  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….
  12. ORGANIZE YOUR FINDINGS BUSINESS USERS PROBLEMS SOLUTIONS COMPETITIVE ADVANTAGES &

    USPS OTHER
  13. prooectName stake Houser Name Business users PROBLEMS solutions competitiveADVANTAGES OTHER

    DATE STAKEHOLDERS INTERVIEW
  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.
  15. PROTO-PERSONA

  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
  17. None
  18. 2. RESEARCH COMPETITOR ANALYSIS USER RESEARCH

  19. COMPETITOR ANALYSIS

  20. COMPANYNAME PROS CONS COMPANYNAME PROS CONS

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

    USER INTERVIEWS
  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
  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?
  24. ProoectName interviewer s PERSON DESCRIPTION TopQUOTES it 11 TOPSTORIES TOPINSIGHTS

    DATE Place
  25. 3. ANALYSIS SYNTHESIS MOSCOW

  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
  27. MOSCOW MUST HAVE SHOULD HAVE COULD HAVE WOULD LIKE (WON’T

    GET)
  28. 4. DESIGN USER FLOWS WIREFRAMES PROTOTYPING

  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
  30. None
  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?
  32. SNAP!

  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
  34. THAT’S ALL FOLKS! @KLOU Thank you!