2. Alexander Lisovsky
Cofounder & CEO at ZZ Photo
UX/UI designer
a.lisovsky@zzphoto.me
facebook.com/alexlisovsky, pinterest.com/alexlisovsky,
twitter.com/lisovsky
5. A user interface is
like a joke. If you
have to explain it,
it`s not that good.
6. 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/
7. 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/
9. 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/
10. 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/
11. 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/
14. 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.
15. “In early stages of design,
pretend the interface is magic.”
Why?
16.
17. Interaction design
vs. Interface design
Interaction design
— from generic to specific
— user’s goals
— do not forget about constraints (technology,
business processes)
18. Brief: create a more convenient tool
for working with tables.
20. 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...
22. 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.
23. 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.
24.
25. 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.
29. 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
30. 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
36. The inmates are running the asylum. By Alan Cooper
Car «for everybody»
37. 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
38. 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
40. «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
41. 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
42. 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
43. 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
45. 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
51. 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
53. Disney Concert Hall (Carol Highsmith)
http://www.youtube.com/watch?v=flJtdkR1P9I
54. 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
62. 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
63. 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
64. 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
65. 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
66. 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
69. Alexander Lisovsky
Cofounder & CEO at ZZ Photo
UX/UI designer
a.lisovsky@zzphoto.me
facebook.com/alexlisovsky, pinterest.com/alexlisovsky,
twitter.com/lisovsky