ux. how to start?

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

How to start?

Alexander Lisovsky Cofounder & CEO at ZZ Photo

UX/UI designer

[email protected] 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.


Order: Car design


Target audience :

Age: 18-60 Income:

Intermediate +



Junior manager


Carpenter


Mom


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.


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.


Flexible user


«This application will work well on a PC». Which type of a computer? What model? Under what OS? Conclusion: The character must be specific


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 character must be imaginary. Albert Einstein once said that no problem can be solved from the same level of consciousness that created it.


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.


Scenarios


Everyday scenarios describe the main actions that the user performs the most. Necessary use scenarios describe all actions performed infrequently, but undeviatingly.


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

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!


What?


Disney Concert Hall (Carol Highsmith)


Research sketch + Many types - No one understands - Almost no details

«Elegant» sketch + More realistic + Can be shown to others - Timeconsuming


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.


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.


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


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


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


by Yury Vetrov

Ok, I almost got it!..

Alexander Lisovsky Cofounder & CEO at ZZ Photo

UX/UI designer

[email protected] facebook.com/alexlisovsky, pinterest.com/alexlisovsky,

twitter.com/lisovsky

ux. how to start?

Design

design phase

design specification

user profiles

user needs

early stages of design

highfidelity detailed

usability testing https

direct user feedback