Date post: | 12-Jul-2015 |
Category: |
Design |
Upload: | oleksandr-lisovskyi |
View: | 8,619 times |
Download: | 2 times |
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.
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
[email protected] facebook.com/alexlisovsky, pinterest.com/alexlisovsky,
twitter.com/lisovsky