SlideShare a Scribd company logo
UI/UX дизайн,
в чём соль и где сахар
Елена Гальцина, дизайнер компании «Лайв Тайпинг»
Что такое интерфейс
На картинке: Первый графический интерфейс, воплощённый в компьютере Xerox Alto, в 1973 году.
«Способ, которым вы выполняете
какую-либо задачу с помощью какого-либо продукта,
а именно совершаемые вами действия и то, что вы
получаете в ответ, и является интерфейсом».
Джеф Раскин
«Интерфейс: новые направления
в проектировании компьютерных систем»
UI
Интерфейс пользователя (UI — англ. user interface) —
совокупность средств, при помощи которых пользователь
общается с различными устройствами, чаще всего —
с компьютером или бытовой техникой, либо иным сложным
инструментарием (системой).
«...Интерфейс может и должен быть
элегантным, просто потому, что элегантность
практически универсальна (т.е. воспринимается
всеми европейцами примерно одинаково)».
Влад В. Головач
Почитать советы
UX
Опыт взаимодействия (англ. User eXperience, UX) — это
ощущения, возникающие у человека при непосредственном
взаимодействии с объектами окружающего мира. В более
узком смысле, опыт взаимодействия характеризует личное
восприятие человеком функциональных и эмоциональных
характеристик продукта или услуги в процессе использования.
опыт / experience
дизайн взаимодействия, информационная архитектура,
прототипирование, пользовательские исследования, дизайн
интерфейса, тестирование, архитектура, знание целевой
аудитории, создания целевого «пользователя» и его
характеристик, техническое задание, проектирование,
структура сайта, карта ума, сценарии поведения,
исследование конкурентов, бренд, персонажи, цели проекта
и клиента, сбор требований (брифинг), юзабилити-
исследования, визуальный дизайн, веб-дизайн,
иконографика, анализ пользовательских предпочтений,
аналитика рынка, бизнес-аналитика, общение с заказчиком...
В жизни
Reddit прекрасно живёт и работает с 2005-го года
У бота «Петрович»,
интерфейс — командная строка
UI или UX
UX и UI
«АКАДЕМИЯ РАШМОР»
Режиссёр: Уэс Андерсон
Быть частью процесса
Спасибо

More Related Content

More from HappyDev-lite

2017-03-26 06 Алексей Губарев. Разработка встраиваемого программного обеспеч...
2017-03-26 06 Алексей Губарев. Разработка встраиваемого программного обеспеч...2017-03-26 06 Алексей Губарев. Разработка встраиваемого программного обеспеч...
2017-03-26 06 Алексей Губарев. Разработка встраиваемого программного обеспеч...
HappyDev-lite
 
2017-03-26 05 Дмитрий Козиенко. Оптимизируй это!
2017-03-26 05 Дмитрий Козиенко. Оптимизируй это!2017-03-26 05 Дмитрий Козиенко. Оптимизируй это!
2017-03-26 05 Дмитрий Козиенко. Оптимизируй это!
HappyDev-lite
 
2017-03-26 04 вячеслав виноградов. есть ли жизнь после релиза
2017-03-26 04 вячеслав виноградов. есть ли жизнь после релиза2017-03-26 04 вячеслав виноградов. есть ли жизнь после релиза
2017-03-26 04 вячеслав виноградов. есть ли жизнь после релиза
HappyDev-lite
 
2017-03-26 03 Илья Сиганов. Что такое машинное обучение
2017-03-26 03 Илья Сиганов. Что такое машинное обучение2017-03-26 03 Илья Сиганов. Что такое машинное обучение
2017-03-26 03 Илья Сиганов. Что такое машинное обучение
HappyDev-lite
 
2017-03-26 02 Кирилл Лейфер. Мобильные платформы с точки зрения безопасности
2017-03-26 02 Кирилл Лейфер. Мобильные платформы с точки зрения безопасности2017-03-26 02 Кирилл Лейфер. Мобильные платформы с точки зрения безопасности
2017-03-26 02 Кирилл Лейфер. Мобильные платформы с точки зрения безопасности
HappyDev-lite
 
2017-03-26 01 Григорий Косьяненко. Разработка ПО — это про людей, а не про код
2017-03-26 01 Григорий Косьяненко. Разработка ПО — это про людей, а не про код2017-03-26 01 Григорий Косьяненко. Разработка ПО — это про людей, а не про код
2017-03-26 01 Григорий Косьяненко. Разработка ПО — это про людей, а не про код
HappyDev-lite
 
2017-03-26 06 Виталий Онянов. Разработка ERP-систем
2017-03-26 06 Виталий Онянов. Разработка ERP-систем2017-03-26 06 Виталий Онянов. Разработка ERP-систем
2017-03-26 06 Виталий Онянов. Разработка ERP-систем
HappyDev-lite
 
2017-03-26 05 Алексей Еременко. Проектный менеджер моей мечты
2017-03-26 05 Алексей Еременко. Проектный менеджер моей мечты2017-03-26 05 Алексей Еременко. Проектный менеджер моей мечты
2017-03-26 05 Алексей Еременко. Проектный менеджер моей мечты
HappyDev-lite
 
2017-03-26 04 Екатерина Скорых. Профессия — тестировщик ПО
2017-03-26 04 Екатерина Скорых. Профессия — тестировщик ПО2017-03-26 04 Екатерина Скорых. Профессия — тестировщик ПО
2017-03-26 04 Екатерина Скорых. Профессия — тестировщик ПО
HappyDev-lite
 
2017-03-26 03 Кирилл Лейфер. Прелести и ужасы мобильной разработки
2017-03-26 03 Кирилл Лейфер. Прелести и ужасы мобильной разработки2017-03-26 03 Кирилл Лейфер. Прелести и ужасы мобильной разработки
2017-03-26 03 Кирилл Лейфер. Прелести и ужасы мобильной разработки
HappyDev-lite
 
2017-03-26 01 Анна Тарасенко. Как устроен Web изнутри
2017-03-26 01 Анна Тарасенко. Как устроен Web изнутри2017-03-26 01 Анна Тарасенко. Как устроен Web изнутри
2017-03-26 01 Анна Тарасенко. Как устроен Web изнутри
HappyDev-lite
 
2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят
2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят
2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят
HappyDev-lite
 
HappyDev-lite-2016-осень, день 2 12 Сергей Мячин. Как переделывать игру-2
HappyDev-lite-2016-осень, день 2 12 Сергей Мячин. Как переделывать игру-2HappyDev-lite-2016-осень, день 2 12 Сергей Мячин. Как переделывать игру-2
HappyDev-lite-2016-осень, день 2 12 Сергей Мячин. Как переделывать игру-2
HappyDev-lite
 
HappyDev-lite-2016-осень, день 2 11 Анна Тарасенко. Почему нельзя просто так ...
HappyDev-lite-2016-осень, день 2 11 Анна Тарасенко. Почему нельзя просто так ...HappyDev-lite-2016-осень, день 2 11 Анна Тарасенко. Почему нельзя просто так ...
HappyDev-lite-2016-осень, день 2 11 Анна Тарасенко. Почему нельзя просто так ...
HappyDev-lite
 
HappyDev-lite-2016-осень, день 2 10 Алексей Коровянский. Будущее мобильной...
HappyDev-lite-2016-осень, день 2 10 Алексей Коровянский. Будущее мобильной...HappyDev-lite-2016-осень, день 2 10 Алексей Коровянский. Будущее мобильной...
HappyDev-lite-2016-осень, день 2 10 Алексей Коровянский. Будущее мобильной...
HappyDev-lite
 
HappyDev-lite-2016-осень, день 2 09 Сергей Савченко. Школа программиста, учи...
HappyDev-lite-2016-осень, день 2 09 Сергей Савченко. Школа программиста, учи...HappyDev-lite-2016-осень, день 2 09 Сергей Савченко. Школа программиста, учи...
HappyDev-lite-2016-осень, день 2 09 Сергей Савченко. Школа программиста, учи...
HappyDev-lite
 
HappyDev-lite-2016-осень, день 2 08 Александр Мишурин. Развитие CTF-движения ...
HappyDev-lite-2016-осень, день 2 08 Александр Мишурин. Развитие CTF-движения ...HappyDev-lite-2016-осень, день 2 08 Александр Мишурин. Развитие CTF-движения ...
HappyDev-lite-2016-осень, день 2 08 Александр Мишурин. Развитие CTF-движения ...
HappyDev-lite
 
HappyDev-lite-2016-осень, день 2 06 Серик Бейсенов. Время собирать требования
HappyDev-lite-2016-осень, день 2 06 Серик Бейсенов. Время собирать требованияHappyDev-lite-2016-осень, день 2 06 Серик Бейсенов. Время собирать требования
HappyDev-lite-2016-осень, день 2 06 Серик Бейсенов. Время собирать требования
HappyDev-lite
 
HappyDev-lite-2016-осень, день 2 05 Роман Прохоров. Эволюция систем обработки...
HappyDev-lite-2016-осень, день 2 05 Роман Прохоров. Эволюция систем обработки...HappyDev-lite-2016-осень, день 2 05 Роман Прохоров. Эволюция систем обработки...
HappyDev-lite-2016-осень, день 2 05 Роман Прохоров. Эволюция систем обработки...
HappyDev-lite
 
HappyDev-lite-2016-осень, день 2 04 Михаил Колганов. Интерфейс пользователя ...
HappyDev-lite-2016-осень, день 2 04 Михаил Колганов. Интерфейс пользователя ...HappyDev-lite-2016-осень, день 2 04 Михаил Колганов. Интерфейс пользователя ...
HappyDev-lite-2016-осень, день 2 04 Михаил Колганов. Интерфейс пользователя ...
HappyDev-lite
 

More from HappyDev-lite (20)

2017-03-26 06 Алексей Губарев. Разработка встраиваемого программного обеспеч...
2017-03-26 06 Алексей Губарев. Разработка встраиваемого программного обеспеч...2017-03-26 06 Алексей Губарев. Разработка встраиваемого программного обеспеч...
2017-03-26 06 Алексей Губарев. Разработка встраиваемого программного обеспеч...
 
2017-03-26 05 Дмитрий Козиенко. Оптимизируй это!
2017-03-26 05 Дмитрий Козиенко. Оптимизируй это!2017-03-26 05 Дмитрий Козиенко. Оптимизируй это!
2017-03-26 05 Дмитрий Козиенко. Оптимизируй это!
 
2017-03-26 04 вячеслав виноградов. есть ли жизнь после релиза
2017-03-26 04 вячеслав виноградов. есть ли жизнь после релиза2017-03-26 04 вячеслав виноградов. есть ли жизнь после релиза
2017-03-26 04 вячеслав виноградов. есть ли жизнь после релиза
 
2017-03-26 03 Илья Сиганов. Что такое машинное обучение
2017-03-26 03 Илья Сиганов. Что такое машинное обучение2017-03-26 03 Илья Сиганов. Что такое машинное обучение
2017-03-26 03 Илья Сиганов. Что такое машинное обучение
 
2017-03-26 02 Кирилл Лейфер. Мобильные платформы с точки зрения безопасности
2017-03-26 02 Кирилл Лейфер. Мобильные платформы с точки зрения безопасности2017-03-26 02 Кирилл Лейфер. Мобильные платформы с точки зрения безопасности
2017-03-26 02 Кирилл Лейфер. Мобильные платформы с точки зрения безопасности
 
2017-03-26 01 Григорий Косьяненко. Разработка ПО — это про людей, а не про код
2017-03-26 01 Григорий Косьяненко. Разработка ПО — это про людей, а не про код2017-03-26 01 Григорий Косьяненко. Разработка ПО — это про людей, а не про код
2017-03-26 01 Григорий Косьяненко. Разработка ПО — это про людей, а не про код
 
2017-03-26 06 Виталий Онянов. Разработка ERP-систем
2017-03-26 06 Виталий Онянов. Разработка ERP-систем2017-03-26 06 Виталий Онянов. Разработка ERP-систем
2017-03-26 06 Виталий Онянов. Разработка ERP-систем
 
2017-03-26 05 Алексей Еременко. Проектный менеджер моей мечты
2017-03-26 05 Алексей Еременко. Проектный менеджер моей мечты2017-03-26 05 Алексей Еременко. Проектный менеджер моей мечты
2017-03-26 05 Алексей Еременко. Проектный менеджер моей мечты
 
2017-03-26 04 Екатерина Скорых. Профессия — тестировщик ПО
2017-03-26 04 Екатерина Скорых. Профессия — тестировщик ПО2017-03-26 04 Екатерина Скорых. Профессия — тестировщик ПО
2017-03-26 04 Екатерина Скорых. Профессия — тестировщик ПО
 
2017-03-26 03 Кирилл Лейфер. Прелести и ужасы мобильной разработки
2017-03-26 03 Кирилл Лейфер. Прелести и ужасы мобильной разработки2017-03-26 03 Кирилл Лейфер. Прелести и ужасы мобильной разработки
2017-03-26 03 Кирилл Лейфер. Прелести и ужасы мобильной разработки
 
2017-03-26 01 Анна Тарасенко. Как устроен Web изнутри
2017-03-26 01 Анна Тарасенко. Как устроен Web изнутри2017-03-26 01 Анна Тарасенко. Как устроен Web изнутри
2017-03-26 01 Анна Тарасенко. Как устроен Web изнутри
 
2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят
2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят
2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят
 
HappyDev-lite-2016-осень, день 2 12 Сергей Мячин. Как переделывать игру-2
HappyDev-lite-2016-осень, день 2 12 Сергей Мячин. Как переделывать игру-2HappyDev-lite-2016-осень, день 2 12 Сергей Мячин. Как переделывать игру-2
HappyDev-lite-2016-осень, день 2 12 Сергей Мячин. Как переделывать игру-2
 
HappyDev-lite-2016-осень, день 2 11 Анна Тарасенко. Почему нельзя просто так ...
HappyDev-lite-2016-осень, день 2 11 Анна Тарасенко. Почему нельзя просто так ...HappyDev-lite-2016-осень, день 2 11 Анна Тарасенко. Почему нельзя просто так ...
HappyDev-lite-2016-осень, день 2 11 Анна Тарасенко. Почему нельзя просто так ...
 
HappyDev-lite-2016-осень, день 2 10 Алексей Коровянский. Будущее мобильной...
HappyDev-lite-2016-осень, день 2 10 Алексей Коровянский. Будущее мобильной...HappyDev-lite-2016-осень, день 2 10 Алексей Коровянский. Будущее мобильной...
HappyDev-lite-2016-осень, день 2 10 Алексей Коровянский. Будущее мобильной...
 
HappyDev-lite-2016-осень, день 2 09 Сергей Савченко. Школа программиста, учи...
HappyDev-lite-2016-осень, день 2 09 Сергей Савченко. Школа программиста, учи...HappyDev-lite-2016-осень, день 2 09 Сергей Савченко. Школа программиста, учи...
HappyDev-lite-2016-осень, день 2 09 Сергей Савченко. Школа программиста, учи...
 
HappyDev-lite-2016-осень, день 2 08 Александр Мишурин. Развитие CTF-движения ...
HappyDev-lite-2016-осень, день 2 08 Александр Мишурин. Развитие CTF-движения ...HappyDev-lite-2016-осень, день 2 08 Александр Мишурин. Развитие CTF-движения ...
HappyDev-lite-2016-осень, день 2 08 Александр Мишурин. Развитие CTF-движения ...
 
HappyDev-lite-2016-осень, день 2 06 Серик Бейсенов. Время собирать требования
HappyDev-lite-2016-осень, день 2 06 Серик Бейсенов. Время собирать требованияHappyDev-lite-2016-осень, день 2 06 Серик Бейсенов. Время собирать требования
HappyDev-lite-2016-осень, день 2 06 Серик Бейсенов. Время собирать требования
 
HappyDev-lite-2016-осень, день 2 05 Роман Прохоров. Эволюция систем обработки...
HappyDev-lite-2016-осень, день 2 05 Роман Прохоров. Эволюция систем обработки...HappyDev-lite-2016-осень, день 2 05 Роман Прохоров. Эволюция систем обработки...
HappyDev-lite-2016-осень, день 2 05 Роман Прохоров. Эволюция систем обработки...
 
HappyDev-lite-2016-осень, день 2 04 Михаил Колганов. Интерфейс пользователя ...
HappyDev-lite-2016-осень, день 2 04 Михаил Колганов. Интерфейс пользователя ...HappyDev-lite-2016-осень, день 2 04 Михаил Колганов. Интерфейс пользователя ...
HappyDev-lite-2016-осень, день 2 04 Михаил Колганов. Интерфейс пользователя ...
 

05 HappyDev-lite-2015 autumn. Елена Гальцина. UI/UX-дизайн, в чем соль и где сахар.

  • 1. UI/UX дизайн, в чём соль и где сахар Елена Гальцина, дизайнер компании «Лайв Тайпинг»
  • 2. Что такое интерфейс На картинке: Первый графический интерфейс, воплощённый в компьютере Xerox Alto, в 1973 году.
  • 3. «Способ, которым вы выполняете какую-либо задачу с помощью какого-либо продукта, а именно совершаемые вами действия и то, что вы получаете в ответ, и является интерфейсом». Джеф Раскин «Интерфейс: новые направления в проектировании компьютерных систем»
  • 4. UI
  • 5. Интерфейс пользователя (UI — англ. user interface) — совокупность средств, при помощи которых пользователь общается с различными устройствами, чаще всего — с компьютером или бытовой техникой, либо иным сложным инструментарием (системой).
  • 6. «...Интерфейс может и должен быть элегантным, просто потому, что элегантность практически универсальна (т.е. воспринимается всеми европейцами примерно одинаково)». Влад В. Головач
  • 8.
  • 9. UX
  • 10. Опыт взаимодействия (англ. User eXperience, UX) — это ощущения, возникающие у человека при непосредственном взаимодействии с объектами окружающего мира. В более узком смысле, опыт взаимодействия характеризует личное восприятие человеком функциональных и эмоциональных характеристик продукта или услуги в процессе использования.
  • 12. дизайн взаимодействия, информационная архитектура, прототипирование, пользовательские исследования, дизайн интерфейса, тестирование, архитектура, знание целевой аудитории, создания целевого «пользователя» и его характеристик, техническое задание, проектирование, структура сайта, карта ума, сценарии поведения, исследование конкурентов, бренд, персонажи, цели проекта и клиента, сбор требований (брифинг), юзабилити- исследования, визуальный дизайн, веб-дизайн, иконографика, анализ пользовательских предпочтений, аналитика рынка, бизнес-аналитика, общение с заказчиком...
  • 13.
  • 15.
  • 16. Reddit прекрасно живёт и работает с 2005-го года
  • 17.
  • 18. У бота «Петрович», интерфейс — командная строка
  • 21.
  • 22.
  • 25.