UX. How to start?

UX. How to start? from Alexander Lisovsky

1. Bionic University http://bionic-university.com/ How to start?

2. Alexander Lisovsky Cofounder & CEO at ZZ Photo UX/UI designer a.lisovsky@zzphoto.me facebook.com/alexlisovsky, pinterest.com/alexlisovsky, twitter.com/lisovsky

3. http://zzphoto.me

4. A user interface is like a joke. If you have to explain it, it`s not that good.

5. UX (User Experience), is an approach to product development that incorporates direct user feedback throughout the development cycle (human-centered design) in order to reduce costs and create products and tools that meet user needs and have a high level of usability (are easy to use). https://uxpa.org/

6. The business benefits of adding UX to a product development process include: • Increased productivity • Increased sales and revenues • Decreased training and support costs • Reduced development time and costs • Reduced maintenance costs • Increased customer satisfaction https://uxpa.org/

7. Stages of UX

8. Analysis Phase • Meet with key stakeholders to set vision • Include usability tasks in the project plan • Assemble a multidisciplinary team to ensure complete expertise • Develop usability goals and objectives • Conduct field studies • Look at competitive products • Create user profiles • Develop a task analysis • Document user scenarios • Document user performance requirements https://uxpa.org/

9. Design Phase • Begin to brainstorm design concepts and metaphors • Develop screen flow and navigation model • Do walkthroughs of design concepts • Begin design with paper and pencil • Create low-fidelity prototypes • Conduct usability testing on low-fidelity prototypes • Create high-fidelity detailed design • Do usability testing again • Document standards and guidelines • Create a design specification https://uxpa.org/

10. Implementation Phase • Do ongoing heuristic evaluations • Work closely with delivery team as design is implemented • Conduct usability testing as soon as possible Deployment Phase • Use surveys to get user feedback • Conduct field studies to get info about actual use • Check objectives using usability testing https://uxpa.org/

11. That's incredible

12. GUI UI UX

13. UX UX (User Experience), or the experience of interaction - It is a term used to describe the degree of user satisfaction from using your product or service.

14. “In early stages of design, pretend the interface is magic.” Why?

15. Interaction design vs. Interface design Interaction design — from generic to specific — user’s goals — do not forget about constraints (technology, business processes)

16. Brief: create a more convenient tool for working with tables.

17. 1. Interface design: done

18. 2. Interaction design: Tests revealed that the study of data tables is a minor task, and the real user’s goal is to track trends. Therefore it is necessary to create not a report generator, but...

19. Not Report generator, but the Trends analyzer

20. UI User Interface Design or User Interface is a narrower concept, which includes a specific set of technical graphic design elements (buttons, checkboxes, selectors and other fields). Its mission is to help the user organize the interaction with the program / website.

21. 1. Interface elements are organized. Logically structured and interrelated. 2. Grouping of interface elements. Grouping logically connected elements (menus, forms). 3. Alignment of interface elements. 4. Unified style of interface elements. 5. Free space. This allows you to demarcate between pieces of information, focusing on one thing.

22. GUI Graphic user interface, GUI — is a type of user interface, where interface elements (menus, buttons, icons, lists etc.) that are presented to the user on the display, are executed in the form of graphic images.

23. I can not believe…

24. Characters

25. The most effective tool of interaction design is extremely simple: it is an accurate description of the product user and his goals The inmates are running the asylum. By Alan Cooper

26. Characters are not real people, but they represent real people during the design process. They are hypothetical archetypes of actual users. They are imagined, but nevertheless, are quite strictly and accurately defined. On practice, we are not really "making up" characters but discover them as a by-product of the investigation process. But we actually make up their names and personal information. The inmates are running the asylum. By Alan Cooper

27. Order: Car design The inmates are running the asylum. By Alan Cooper

28. Target audience : Age: 18-60 Income: Intermediate + The inmates are running the asylum. By Alan Cooper

29. The inmates are running the asylum. By Alan Cooper Junior manager

30. The inmates are running the asylum. By Alan Cooper Carpenter

31. The inmates are running the asylum. By Alan Cooper Mom

32. The inmates are running the asylum. By Alan Cooper Car «for everybody»

33. 80% of the participants in focus groups hated the new pickup Dodge Ram. But after the car was released to the market it became a bestseller because the remaining 20% of people fell in love with it. If even a small number of people loves the product it's the key to success. The inmates are running the asylum. By Alan Cooper

34. Wheeled carry on suitcase is a good example of the effectiveness of the design for one person. Originally this suitcase was designed for air crews, which is a very small audience. The rest of the travelers soon realized that this type of a suitcase solves their problems too. The inmates are running the asylum. By Alan Cooper

35. Flexible user The inmates are running the asylum. By Alan Cooper

36. «This application will work well on a PC». Which type of a computer? What model? Under what OS? Conclusion: The character must be specific The inmates are running the asylum. By Alan Cooper

37. Does a user need the function for printing in ZZ Photo? For Mercury (active traveler) it is not needed. For Hestia (young mom) it is required. The inmates are running the asylum. By Alan Cooper

38. The character must be imaginary. Albert Einstein once said that no problem can be solved from the same level of consciousness that created it. The inmates are running the asylum. By Alan Cooper

39. Characters allow us to see the scope and nature of the design problem. They help us understand and define the exact user's goals and in such way they determine how the product is supposed to work and what features can be ignored. The inmates are running the asylum. By Alan Cooper

40. Scenarios The inmates are running the asylum. By Alan Cooper

41. Everyday scenarios describe the main actions that the user performs the most. Necessary use scenarios describe all actions performed infrequently, but undeviatingly. The inmates are running the asylum. By Alan Cooper

42. It is useful to me

43. Sketches

44. 1. Think 2. Document 3. Experiment 4. Explain and communicate 5. Fail faster 6. Find the perfect solution For what?

45. I can’t draw http://www.youtube.com/watch?v=flJtdkR1P9I

46. http://www.youtube.com/watch?v=flJtdkR1P9I

47. The faster the more productive! The uglier the better! The more sketches the more ideas! Don’t criticize! Don’t seek perfection! Don’t focus on details! http://www.youtube.com/watch?v=flJtdkR1P9I

48. What? http://www.youtube.com/watch?v=flJtdkR1P9I

49. Disney Concert Hall (Carol Highsmith) http://www.youtube.com/watch?v=flJtdkR1P9I

50. Research sketch + Many types - No one understands - Almost no details «Elegant» sketch + More realistic + Can be shown to others - Timeconsuming http://www.youtube.com/watch?v=flJtdkR1P9I

51. https://docs.google.com/fileview?id=0B916EDb6727eMGJlNjdhOTEtMmYxNS00OTQ4LTkxMTUtZmZjMjIzYmI4NTMw&hl=en

52. http://hotdesignfor.us/news/2010/04/01/shablony-dlya-eskiza-stranic-sajta-na-bumage/

53. Concept selectionIdea generation            … iteration… http://konigi.com/book/sketch-book/why-we-sketch

54. …amazing

55. Characters, goals and scenarios are the weapons of a designer. The inmates are running the asylum. By Alan Cooper

56. http://siliconrus.com/2014/04/sidemenu/

57. I want breaking into the field of User Experience

58. Articles: 1. UX Matters Complete Guide to Getting Started in UX 2. Patrick Neeman suggests Four Ways To Break Into User Experience 3. Undercover User Experience Design by Cennydd Bowles and James Box 4. Getting Experience with User Experience from UX Booth 5. UX Mastery also has a book on Getting Started http://www.measuringusability.com/blog/getting-started.php

59. Books: 1. Design of Everyday things: To get you inspired. 2. The Inmates are Running the Asylum: To understand the importance of user centered design. 3. Measuring the User Experience: Get to know metrics and measuring fuzzy things. 4. A Practical Guide to Measuring Usability: A crash course in usability testing and metrics 5. Just about any book from the Rosenfeld library 6. The classic paper, Designing for Usability and What Designers Think [pdf] and a corresponding blog about it 7. A Practical Guide to Usability Testing : Now in its second edition, this classic text from Joe Dumas and Ginny Redish is still the best resource for the mechanics of usability testing. http://www.measuringusability.com/blog/getting-started.php

60. Courses: 1. David Travis Udemy Course User Experience: The Ultimate Guide to Usability 2. All you can learn seminars from UX Experts 3. Human-Computer Interaction course on coursera.org http://www.measuringusability.com/blog/getting-started.php

61. Conferences and events: 1. UX Book clubs: Most cities have their own UX book club, like our popular one in Denver that meets monthly and even a UX Happy Hour 2. UX Boot Camp: Our annual boot camp focuses on measurement, metrics and method 3. UxPA: The User Experience Professionals Association has an annual meeting with content suited well to those new to user experience and especially usability. 4. IxDA : The Interaction Design Association has resources and an annual conference geared toward design. 5. The new GIANT Conference 6. UX Week Design Conference http://www.measuringusability.com/blog/getting-started.php

62. University programs: 1. Bentley University Masters in Human Factors in Information Design and has some great faculty including our friend Bill Albert. 2. Stanford University offers a number of undergraduate and graduate degrees in human computer interaction. 3. Masters of Human Computer Interaction at Carnegie Mellon 4. Clemson University offers a Masters in Professional Communication where our friend Tharon Howard teaches. 5. Virginia Tech offers a Masters in Computer Science with a certificate in Human Computer Interaction http://www.measuringusability.com/blog/getting-started.php