ux. how to start?

Bionic University http://bionic-university.com/

How to start?

Alexander Lisovsky Cofounder & CEO at ZZ Photo

UX/UI designer

a.lisovsky@zzphoto.me facebook.com/alexlisovsky, pinterest.com/alexlisovsky,

twitter.com/lisovsky

http://zzphoto.me

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

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/

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/

Stages of UX

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/

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/

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/

That's incredible

GUI UI UX

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.

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

Why?

Interaction design vs. Interface design

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

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

1. Interface design: done

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...

Not Report generator, but the Trends analyzer

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.

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.

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.

I can not believe…

Characters

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

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

Order: Car design

The inmates are running the asylum. By Alan Cooper

Target audience :

Age: 18-60 Income:

Intermediate +

The inmates are running the asylum. By Alan Cooper

The inmates are running the asylum. By Alan Cooper

Junior manager

The inmates are running the asylum. By Alan Cooper

Carpenter

The inmates are running the asylum. By Alan Cooper

Mom

The inmates are running the asylum. By Alan Cooper

Car «for everybody»

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

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

Flexible user

The inmates are running the asylum. By Alan Cooper

«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

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

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

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

Scenarios

The inmates are running the asylum. By Alan Cooper

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

It is useful to me

Sketches

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

For what?

I can’t draw

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

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

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

What?

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

Disney Concert Hall (Carol Highsmith)

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

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

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

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

Concept selection Idea

generation

… iteration…

http://konigi.com/book/sketch-book/why-we-sketch

…amazing

Characters, goals and scenarios are the weapons of a designer.

The inmates are running the asylum. By Alan Cooper

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

I want breaking into the field of User Experience

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

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

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

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

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

by Yury Vetrov

Ok, I almost got it!..

Alexander Lisovsky Cofounder & CEO at ZZ Photo

UX/UI designer

a.lisovsky@zzphoto.me facebook.com/alexlisovsky, pinterest.com/alexlisovsky,

twitter.com/lisovsky