UX Week 2016

Transcript

1. THE PREMIER UX DESIGN CONFERENCE 09 - 12 AUGUST, 2016 SAN FRANCISCO, CA Melina M S & Fransiska H
2. What ? An event where group of UX expert share their inspirations and skills.
3. Afterhours Keynote Workshop
4. Image Courtesy: MidwayVille
5. Image Courtesy: MidwayVille Image Courtesy: Personal Documentation
6. Image Courtesy: MidwayVille Image Courtesy: Personal Documentation
7. Image Courtesy: MidwayVille Image Courtesy: Personal Documentation
8. Calm Technology How non-intrusive design will shape our future Amber Case http://caseorganic.com http://calmtech.com
9. 50 billion devices will be online by 2020. -Cisco
10. An era of interruptive Technology, we need a Calm Technology
11. The world is not a desktop You can’t have the same attention on a piece of technology (on software, hardware) that somebody have when he/she sitting in front of the desktop. Very much attention on screen, fully focus. Desktop is no longer enough. Future tech will be Mobile, VR, IoT, etc.
12. “A good tool is an invisible tool. By invisible, we mean that the tool does not intrude on your consciousness; you focus on the task, not the tool.” Mark Weiser -- 1993
13. Principles of Calm Technology
14. I. Technology shouldn’t require all of our attention, just some of it, and only when it necessary Calm Technology
15. II. Technology should empower the periphery • A calm technology will move easily from the periphery of our attention, to the center, and back. • The periphery is informing without overburdening. Calm Technology
16. III. Technology should inform and create calm • A person's primary task should not be computing, but being human. Human is not good at what.. Then technology should solve the problem. • Give people what they need to solve their problem, and nothing more. Calm Technology
17. IV. Technology should amplify the best of technology and the best of humanity • Design for people first • Machines shouldn’t act like humans • Humans shouldn’t act like machines • Amplify the best part of each Calm Technology
18. V. Technology can communicate, but it doesn’t need to speak • Does your product need to rely on voice, or can it use a different communication method? • Consider how your technology communicates status. Calm Technology
19. VI. Technology should respect social norms • Technology takes time to introduce to humanity. • What social norms exist that your technology might violate or cause stress on? • Slowly introduce features so that people have time to get accustomed to the product. Calm Technology
20. Google Glass
21. VII. The right amount of technology is the minimum amount to solve the problem • What is the minimum amount of technology needed to solve the problem? • Slim the feature set down so that the product does what it needs to do and no more. Calm Technology
22. VIII. Technology should make use of the near and the far Calm Technology
23. Good design allows people to accomplish their goals in the least amount of moves
24. Calm technology allows people to accomplish the same goals with the least amount of mental cost
25. A person’s primary task should not be computing, but being human - Mark Weiser We should computing to get to our goal, but it is not ended up with computing itself as the goal, to not become an interruptive technology. We have to perceive as a human, in order to be accepted and ended up with good result of technology.
26. People first, then technology
27. Design and the SELF Irene Au Design Partner at Khosla Ventures; former head of design at Google, Yahoo, Udacity.
28. • A well designed product should be • Useful: Useful to the user • Usable: easy to use • Desirable: the product make the user desire to have the products • The product should help to improve user’s productivity
29. Design = Form
30. Image Courtesy: Irene Au Golden Ratio
31. Image Courtesy: Irene Au Rule of Thirds
32. Image Courtesy: Irene Au Principle of Proximity
33. Image Courtesy: Irene Au Alignment
34. Image Courtesy: Irene Au Golden Ratio
35. • Is using the same element in the whole of your design. • Repetition will bring a clear sense of unity, consistency, and cohesiveness. Repetition
36. • From the basic principle, we can imagine that form of an object is whether the car looks sporty, elegance, or classic.
38. • In this sense, good design is equal as a good working refrigerator • It is not only look beautiful on the outer design but also it has work well in order to be useable
42. • In the late 90, good design means creating a good events to the customer. The memorable events becomes products called the experience. • American Girl dolls. ◦ Customization product as user wants. • Design goes beyond the product and brand • Enhance the entire customer experience
44. • Design thinking process: ◦ Building empathy for users ◦ Defining the problem ◦ Generating many ideas ◦ Prototyping possible solutions ◦ Test: ▪ Gathering feedback ▪ Iterating
46. • Designer will be represented with the product that he make. • The characteristic and personality will be reflected by the product he produces.
47. • Every product is a designer’s reflection • Example: ◦ Apple products is reflection of Steve Jobs. ◦ Steve known for his simplicity and perfectionist ◦ He simplified 350 to 10 products in order to focus on quality which is simple and perfectionist
48. Designer value, intention and principles will be reflected to the person who wears it.
49. Example: The person who Wore Braun watch Will be different to the person who wore G-Shock watch
50. • Poor design object show the bad side of human nature such as greed and insensitivity. • Quoted from Irene Au: What we become, so we make. What we make and consume, is what we become • In order to make well designed products, we need to overcome that which holds us back from making things great, like fear, greed, attachment, ego.
51. THE VISUAL DISPLAY OF INFORMATION Stephen P Anderson Designer, Speaker & CXO at Bloomboard.Inc
52. Image Courtesy: Stephen P Anderson
53. External Visual Representations are critical tools for making sense of complex information.
54. Image Courtesy: Stephen P Anderson
55. Image Courtesy: Stephen P Anderson
56. Image Courtesy: Stephen P Anderson
57. The Visual Display of Information: OBJECTS!
58. Visual Encodings There are many kind of visual encodings, and represent different meanings.
59. Image Courtesy: Stephen P Anderson
60. Visual Attribute An attribute to visual encodings, works to specify a function. They’re work in different ways.
61. Image Courtesy: Stephen P Anderson
62. Qualitative
63. Image Courtesy: Stephen P Anderson
64. Image Courtesy: Stephen P Anderson
65. Image Courtesy: Stephen P Anderson
66. Image Courtesy: Stephen P Anderson
67. Image Courtesy: Stephen P Anderson
68. Image Courtesy: Stephen P Anderson
69. Image Courtesy: Stephen P Anderson
70. 1. External Representation extend our limited thinking space 2. Our sense of vision is the most sophisticated, able to very quickly pick out patterns and very subtle differences 3. Not all visual encodings function in the same way GOOD TO KNOW
71. The Visual Display of Information: SUBSTRATES!
72. Image Courtesy: Stephen P Anderson
73. Image Courtesy: Stephen P Anderson
74. Image Courtesy: Stephen P Anderson
75. Image Courtesy: Stephen P Anderson
76. Image Courtesy: Stephen P Anderson
77. Image Courtesy: Stephen P Anderson
78. Image Courtesy: Stephen P Anderson
79. Image Courtesy: Stephen P Anderson
80. Image Courtesy: Stephen P Anderson
81. Image Courtesy: Stephen P Anderson
82. Image Courtesy: Stephen P Anderson
83. 1. We naturally arrange and rearrange the spaces we inhabit to serve a variety of ends 2. This spatial arrangement surfaces relationship between things 3. Literal mappings (such as geographical maps), tend to come more naturally than conceptual maps (Venn diagrams) 4. There is an underlying “grammar” behind spatial arrangements GOOD TO KNOW
84. What the hell is UX Strategy? How to Devise Innovative Digital Products that People Want Jaime Levy UX Strategist, Author, College Professor
85. UX Strategy...
86. User experience (UX) strategy lies at the intersection of UX design and business strategy. What is UX Strategy?
87. It’s a plan-of-action on how to ascertain that the user experience of a product is aligned with the business’s objectives. What is the business is trying to do? Get more customers? Or trying to make more money, or scale up, build more products, etc. UX designer has to know about the goals of the product. What is UX Strategy?
88. It’s the method by which you validate that your solution solves a problem for real customers in a dynamic marketplace. Product market fit. Keep changing, dynamic, keep evolving. What is UX Strategy?
89. It’s a practice that when done empirically is a better guarantee of a successful digital product than just crossing your finger and writing a bunch of code. What is UX Strategy?
90. Four tenets of UX Strategy Image Courtesy: Jaime Levy
91. BUSINESS STRATEGY Business Strategy is the plans, choices, and decisions used to guide a company to greater profitability and success.
92. In this book, Michael E Porter tell two common ways to achieve Competitive Advantages
93. Cost Leadership Differentiation
94. What is a Value Proposition? A promise of value to be delivered and a belief from the customer that value will be experienced.
95. Digital value proposition offer new MENTAL MODEL Mental models are the steps we think we need to take to accomplish a task. Innovation can happen when we reimagine an offline experience with a digital interface. HITCHHIKING UBER APPS UBER-ING
96. You must conduct COMPETITIVE RESEARCH
97. VALUE INNOVATION Value innovation can be accomplished by focusing on the primary utility of a product and making the experience of it an indispensable aspect of how we live our life.
98. VALUE INNOVATION = Offering a LEAP in value for customers It will be a lot better value, worth taking a risk, shifting our mental model
101. It offers a new mash up of features from both competitors and relevant existing alternatives. It transcends a value proposition from existing larger platforms. VALUE INNOVATION for Digital Products + transactional system = + crowdsourcing =
102. VALUE INNOVATION Value innovation can be accomplished by focusing on the primary utility of a product and making the experience of it an indispensable aspect of how we live our life.
104. Traditional user research AKA “Etnography”
105. This two Books had a BIG Influence on Validated User Research USER RESEARCH CUSTOMER DISCOVERY
106. KILLER UX DESIGN Killer UX Design is accomplished when the product interface allows its users/customers to easily accomplish their goals with little resistance. In a word, Killer UX design enables an experience that is FRICTIONLESS!
107. KILLER UX DESIGN for Better Conversion
108. Use GROWTH HACKING techniques to get users down the product funnel
109. Why UX Strategy is Crucial (The takeaways)
116. • When the company scale up, usually they abandon their core values and what customer truly needs. Destroying company resources (Human, financial, physical, and knowledge) and forgetting about the user needs. • Treating their customer like their extractable resources. • Example: Twitter shut down open stream API in the end giving less flexibility to the users
118. • Don’t treat software like a factory. • They spent less money designing, coding it, hope it will increase their profit, and it doesn’t work. • It takes time and money to create a delightful product that makes a lot of money.
120. Create a collaborative team for a better work environment.
123. • Alan Cooper said that He could easily sell 200 lambs per year but it will destroy his core foundation of the ranch such as forcing the plant to grow faster. • Instead, he sells 50 lambs per year only to keep the foundation strong and to maintain quality • In a software company, you can also be a good ancestor by maintaining your core value as a foundation and maintaining the quality of your product.
125. • Responsible Craftsmanship such as UX, being lean, being agile, continuous deployment, and balanced team are actually based on serving people rather than serving the bottom line. • So we as a UX designer has a big impact and responsibility to create a great software.
127. How To Design a Government Website For Kids Emiliegh Barnes Content Lead, 18F
131. everykidinapark.gov
132. everykidinapark.gov
138. WHAT WE LEARNED AND THE TAKE AWAYS • Build the right product for the right users. Therefore, understand your users first. • Write a content that is friendly, understandable, brief, concise, clear and interesting enough for the right target audience. • Simplicity. Less is more. • Be creative. Think outside the box. Don’t use only one single UX method/strategy to gather datas. • Design not only creating pretty visuals but also a delightful user experience. • Design is the tangible expression of the people who design the products and the people who wear the products.
139. WHAT WE LEARNED AND THE TAKE AWAYS • To build technology, don’t make people to be left behind. Keep in mind: People first, then technology • Good technology serve the human needs at its best • Data is more meaningful if it added with context and visualize properly in visual encodings • Understand your users is the key • People loves product because it express themselves, solve their problem, and make themselves valuable
140. THANK YOU!