UX In Japan - Navigating QA as a UX Designer

Transcript

1. UX IN JAPAN NAVIGATING QA AS A UX DESIGNER
2. A BIT ABOUT ME UX DESIGNER BASED IN TOKYO SPEAK 3 LANGUAGES (🇯🇵 NOT INCLUDED) ON MY FREE TIME I PLAY FUTSAL AND TENNIS
7. WHAT IS UX UX applies to anything that can be experienced— be it a website, a coffee machine, or a visit to the supermarket. The “user experience” part refers to the interaction between the user and a product or service.
8. WHY SHOULD QA CARE ABOUT UX? UX means thinking of simple solutions to people's problems, being useful, pleasant and coherent with the environment in which it is used. QA main objective is to reveal flaws/bugs so that they can be corrected until the final product reaches the desired or agreed quality.
9. QUALITY CAN HELP DEVELOPMENT WITH TECHNIQUES SUCH AS BDD AND TEST AUTOMATION. HOWEVER, THERE IS NO POINT IN HAVING A READY-MADE SYSTEM THAT DOES NOT HAVE ANY FUNCTIONALITY THAT SERVES THE END CUSTOMER
10. JAPAN IS GREAT FOR UX ON PHYSICAL PRODUCTS
11. CLEAR PRODUCT INSTRUCTIONS ON FOOD PRODUCTS PACKAGING Open the four corners of the box, squash the box and throw it a
12. ATMS In a cash heavy society The design considers objects the user might be carrying and want to lay to be handsfree to complete the transaction.
13. SIGNAGE On the Tokyo Metro Being the most populated city in the world with it’s 13 million habitants, signage must be really important to ensure a proper movement underground.
14. So… if Japan is so impressive in UX for non-digital products and services… What happened to the digital products?
18. Webforms Layout Images
19. WEBFORMS
21. "Please input alphanumeric in full-width characters."
22. Given name Surname
23. VISUAL LAYOUT
25. In the West, we assume that a page is well designed when the design follows the conventions that we are used to. A Japanese user has different expectations.
26. - Fewer text - Images are used as support to give visual context to the company’s featured products. - CTA buttons are emphasized - Use of a minimal palette of colors In the West… In Japan… DIFFERENT CONVENTIONS - A lot of text - Images are text-heavy and often a button themselves. - Images are emphasized - Use of a wide variety of colors
27. “WESTERN WEBSITES GO FROM OVERVIEW TO SPECIFICS, WHILE JAPANESE WEBSITES INTEND TO PRESENT SPECIFICS WITHIN THE OVERVIEW. THE INFORMATION IS PRESENTED IN PARALLEL.”
28. Side by side shopping.yahoo.co.jp shopping.yahoo.com
29. starbucks.jp starbucks.com Side by side
30. Side by side travel.rakuten.co.jp travel.rakuten.com
31. Side by side Marie Kondo youtube channel (Japan) Marie Kondo youtube channel (international)
32. MY EXPERIENCE FIGHTING THE STANDARDS Just because something has always been done a certain way does not necessarily mean it’s the best way
34. IMAGES AND ACCESSIBILITY
35. - For mobile users - For SEO (Search Engine Optimisation) - For users with low vision (who need screen readers) Text on Images are inaccessible:
36. Web Content Accessibility Guidelines (WCAG) defines how to make Web content more accessible to people with disabilities.
37. “MANY WEBSITES IN JAPAN DON’T MEET THE ACCESSIBILITY STANDARD FOR WCAG 2.0, SOMETHING THAT WOULD BE ILLEGAL FOR A PUBLIC SECTOR WEBSITE IN THE E.U.” ACCESSIBLE PUBLIC WEBSITES
38. It’s hard to judge something we often think of as global through the eyes of a foreigner, even something as familiar as a website.
39. CREATING A DESIGN SYSTEM TO FIX BAD UX
40. Design System
41. COMPONENTS LIBRARY (FIGMA)
42. WHAT I THOUGHT WOULD HAPPEN
43. WHAT I THOUGHT WOULD HAPPEN Great! now we clear rules for the logos in different cases Thank you! I’ll consult it when creating new specs. Cool! we’ll finally have consistency across the platform.
44. WHAT REALLY HAPPENED ME
45. MY (SHORT) EXPERIENCE AS QA
46. MY CHANCE TO USE THE DS AND FIX DESIGN INCONSISTENCIES!
48. Me PM
49. WHAT COULD I’VE DONE DIFFERENTLY? - Sit down with QA members and discuss how the DS can be integrated in the QA process. - Do a monthly follow up meeting do discuss impact ad adjustments.
50. THANK YOU!