Download - О дизайне интерфейсов для HR-IT CLUB
HR IT club Киев, ноябрь 2014
Степень влияния закона сохранения сложности Теслера
на интерлиньяж
Александр Лисовский Cofounder & CEO at ZZ Photo
UX/UI designer
[email protected] facebook.com/alexlisovsky, pinterest.com/alexlisovsky,
Тема доклада — это шутка?
GUI UI UX
UX
UX (User Experience), или опыт взаимодействия – это термин, описывающий степень
удовлетворенности пользователя от использования вашего товара или услуги.
Самый эффективный инструмент проектирования взаимодействия исключительно прост: это точное описание пользователя продукта и его целей
А. Купер «Психбольница в руках пациентов»
Персонажи – не реальные люди, но они представляют реальных людей в процессе проектирования. Это гипотетические архетипы реальных пользователей. Будучи воображаемыми, они, тем не менее, определяются достаточно жестко и точно. На практике мы не столько «выдумываем» персонажи, сколько обнаруживаем их в качестве побочного продукта процесса расследования. Но мы действительно выдумываем их имена и личные сведения.
А. Купер «Психбольница в руках пациентов»
Создаем персонажи для сужения диапазона конечных пользователей. Представьте, что проектируете автомобиль, удовлетворяющий вкусам широких масс. Мамочке -‐ безопасная, надежная машина, просторная, с большими дверями, для перевозки детей, собак, пакетов с покупками и т. д. Плотнику -‐ крепкий полноприводный пикап, чтобы в него поместились лестницы, материалы. Младший руководящий работник видит себя в машине спортивного типа с мощным двигателем, жесткой подвеской, откидным верхом и – места в машине должно хватать только на двоих.
А. Купер «Психбольница в руках пациентов»
Проектируем для одного
А. Купер «Психбольница в руках пациентов»
UI
User Interface Design или пользовательский интерфейс – это более узкое понятие, включающее в себя определенный набор графически оформленных технических элементов (кнопки, чекбоксы, селекторы и другие поля). Его задача – помочь пользователю
организовать взаимодействие с программой/сайтом.
1. Организованность элементов интерфейса. Логически структурированы и взаимосвязаны.
2. Группировка элементов интерфейса. Объединение в группы логически связанных элементов (меню, формы).
3. Выравнивание элементов интерфейса. 4. Единый стиль элементов интерфейса. 5. Наличие свободного пространства. Это позволяет
разграничивать информационные блоки, сосредотачивая внимание на чем-‐то одном.
GUI
Graphic user interface, GUI — разновидность пользовательского интерфейса, в котором элементы интерфейса (меню, кнопки, значки, списки и т. п.),
представленные пользователю на дисплее, исполнены в виде графических изображений.
Это невероятно…
Скетчи
Думать Документировать Экспериментировать
Объяснять и общаться
Быстрее потерпеть неудачу
Найти верное решение
Зачем?
h�p://konigi.com/book/sketch-‐book/
Я не умею рисовать
h�p://www.youtube.com/watch?v=flJtdkR1P9I
h�p://www.youtube.com/watch?v=flJtdkR1P9I
Чем быстрее, тем продуктивнее! Чем «страшнее», тем лучше! Чем больше скетчеи, тем больше идей!
Не критикуйте! Не стремитесь к совершенству! Не фокусируйтесь на деталях!
h�p://www.youtube.com/watch?v=flJtdkR1P9I
Че?
h�p://www.youtube.com/watch?v=flJtdkR1P9I
Disney Concert Hall (Carol Highsmith)
h�p://www.youtube.com/watch?v=flJtdkR1P9I
Исследовательский скетч + Много разновидностей -‐ Никому не понятно -‐ Низкая детализация
«Изящный» скетч + Более реалистичный + Показываем другим -‐ Долго делать
h�p://www.youtube.com/watch?v=flJtdkR1P9I
h�ps://docs.google.com/fileview?id=0B916EDb6727eMGJlNjdhOTEtMmYxNS00OTQ4LTkxMTUtZmZjMjIzYmI4NTMw&hl=en
h�p://hotdesignfor.us/news/2010/04/01/shablony-‐dlya-‐eskiza-‐stranic-‐sajta-‐na-‐bumage/
Примитивы
Формы
Линии
h�p://konigi.com/book/sketch-‐book/why-‐we-‐sketch
h�p://konigi.com/book/sketch-‐book/why-‐we-‐sketch
h�p://konigi.com/book/sketch-‐book/why-‐we-‐sketch
Пригодится это мне.
Пример: iPhone приложение органайзер дел для свадьбы
Почти все понял!..
Что такое закон сохранения сложности Теслера?
Закон сохранения сложности Теслера: каждое приложение имеет неуменьшаемый коэффициент сложности. Вопрос только в том, кого это касается в большей степени т.е. программу легко разработать но сложно использовать, либо наоборот. h�p://habrahabr.ru/post/130389/
Александр Лисовский Cofounder & CEO at ZZ Photo
UX/UI designer
[email protected] facebook.com/alexlisovsky, pinterest.com/alexlisovsky,