![Page 1: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/1.jpg)
Проектирование для людей, а не для устройств Проектирование интерфейсов на уровне эскизов Александр Лисовский
![Page 2: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/2.jpg)
Утренние чтения Что успел …
![Page 3: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/3.jpg)
Hope.ua Coming soon i`m hope…
Что успел …
![Page 4: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/4.jpg)
Шаблон сайта общины Что успел …
![Page 5: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/5.jpg)
Давайте сделаем сайт / мобильное приложение!
![Page 6: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/6.jpg)
С чего начать?
![Page 7: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/7.jpg)
h@p://www.slideshare.net/fling/designing-‐mobile-‐experiences?from_search=3
Идея
![Page 8: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/8.jpg)
h@p://www.slideshare.net/fling/designing-‐mobile-‐experiences?from_search=3
Идея
Цель
![Page 9: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/9.jpg)
h@p://www.slideshare.net/fling/designing-‐mobile-‐experiences?from_search=3
Идея
Цель
Стратегия
![Page 10: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/10.jpg)
h@p://www.slideshare.net/fling/designing-‐mobile-‐experiences?from_search=3
Идея
Цель
Стратегия
Выбор платформ
![Page 11: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/11.jpg)
h@p://www.slideshare.net/fling/designing-‐mobile-‐experiences?from_search=3
Идея
Цель
Стратегия
Выбор платформ
UX дизайн
![Page 12: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/12.jpg)
h@p://www.slideshare.net/fling/designing-‐mobile-‐experiences?from_search=3
Идея
Цель
Стратегия
Выбор платформ
UX дизайн
Прототип
![Page 13: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/13.jpg)
h@p://www.slideshare.net/fling/designing-‐mobile-‐experiences?from_search=3
Идея
Цель
Стратегия
Выбор платформ
UX дизайн
Прототип
Разработка
![Page 14: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/14.jpg)
h@p://www.slideshare.net/fling/designing-‐mobile-‐experiences?from_search=3
Идея
Цель
Стратегия
Выбор платформ
UX дизайн
Прототип
Разработка
Тестирование
![Page 15: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/15.jpg)
h@p://www.slideshare.net/fling/designing-‐mobile-‐experiences?from_search=3
Идея
Цель
Стратегия
Выбор платформ
UX дизайн
Прототип
Разработка
Тестирование
Усовершенствование
![Page 16: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/16.jpg)
…а в жизни: «Начнем работу с дизайна!»
![Page 17: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/17.jpg)
Когда дизайн важнее …
![Page 18: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/18.jpg)
Когда дизайн важнее …
![Page 19: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/19.jpg)
Когда дизайн важнее …
![Page 20: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/20.jpg)
Когда дизайн важнее …
![Page 21: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/21.jpg)
Когда дизайн важнее …
![Page 22: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/22.jpg)
Когда дизайн важнее …
![Page 23: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/23.jpg)
Персонажи
А. Купер «Психбольница в руках пациентов»
![Page 24: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/24.jpg)
Самый эффективный инструмент проектирования взаимодействия исключительно прост: это точное описание пользователя продукта и его целей
А. Купер «Психбольница в руках пациентов»
![Page 25: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/25.jpg)
Персонажи – не реальные люди, но они представляют реальных людей в процессе проектирования. Это гипотетические архетипы реальных пользователей. Будучи воображаемыми, они, тем не менее, определяются достаточно жестко и точно. На практике мы не столько «выдумываем» персонажи, сколько обнаруживаем их в качестве побочного продукта процесса расследования. Но мы действительно выдумываем их имена и личные сведения.
А. Купер «Психбольница в руках пациентов»
![Page 26: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/26.jpg)
Создаем персонажи для сужения диапазона конечных пользователей. Представьте, что проектируете автомобиль, удовлетворяющий вкусам широких масс. Мамочке -‐ безопасная, надежная машина, просторная, с большими дверями, для перевозки детей, собак, пакетов с покупками и т. д. Плотнику -‐ крепкий полноприводный пикап, чтобы в него поместились лестницы, материалы. Младший руководящий работник видит себя в машине спортивного типа с мощным двигателем, жесткой подвеской, откидным верхом и – места в машине должно хватать только на двоих.
А. Купер «Психбольница в руках пациентов»
![Page 27: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/27.jpg)
Проектируем для одного
А. Купер «Психбольница в руках пациентов»
![Page 28: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/28.jpg)
Всякий раз, расширяя функциональность, чтобы охватить еще одного пользователя, вы ставите искусственные ограничители в виде лишних возможностей и органов управления программой на пути всех прочих пользователей. Попытка угодить слишком многим может убить продукт, хороший в других отношениях. Однако если спроектировать интерфейс с учетом одного персонажа, ничто не сможет встать между этим персонажем и абсолютным счастьем.
А. Купер «Психбольница в руках пациентов»
![Page 29: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/29.jpg)
Разминка для ума:
Кто является персонажами сайта церковной общины?
![Page 30: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/30.jpg)
1. Человек не из вашей церкви, который ищет ответы на сокровенные вопросы. Источник: bible.com.ua, hope.ua
2. Член церкви, который интересуется жизнью общины, событиями в мировой церкви и мероприятиями в своем городе.
![Page 31: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/31.jpg)
Разминка для ума:
Какие у наших персонажей цели?
![Page 32: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/32.jpg)
1. Ознакомиться с учением, основами веры, найти контакты ближайшей общины, возможность задать вопрос/получить ответ
2. Мероприятия в моем городе/общине, фотоотчеты, планы, анонсы, как живет церковь в мире, что нового?
![Page 33: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/33.jpg)
80% участников фокус-‐группы возненавидели новый пикап Dodge Ram. Но после выхода на рынок машина стала бестселлером, потому что остальные 20% в нее влюбились. Любовь людей к продукту, пусть даже этих людей не очень много, – вот ключ к успеху.
А. Купер «Психбольница в руках пациентов»
![Page 34: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/34.jpg)
А. Купер «Психбольница в руках пациентов»
Изначально чемодан на колесиках задумывался только для экипажей самолетов. Чистота дизайна продукта принесла этой группе пользователей полное удовлетворение. Остальные путешественники вскоре осознали, что такой чемодан решает и их проблемы тоже.
![Page 35: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/35.jpg)
Гуттаперчевый пользователь
А. Купер «Психбольница в руках пациентов»
![Page 36: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/36.jpg)
Программисты писали и пишут бессчетные множества программ для этого мифологического гуттаперчевого потребителя. Когда программист находит удобным познакомить пользователя с файловой системой Windows для поиска нужной информации, то определяет гуттаперчевого пользователя как пользователя, способного адаптироваться, продвинутого, образованного в области компьютеров; в других случаях, когда программист находит удобным провести пользователя через сложный процесс посредством бестолкового мастера, то определяет гуттаперчевого пользователя, как покладистого наивного новичка. Проектирование для гуттаперчевых пользователей дает разработчику разрешение писать код как угодно, лицемерно презирая «юзера». Реальные пользователи не эластичны.
А. Купер «Психбольница в руках пациентов»
![Page 37: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/37.jpg)
Персонаж должен быть конкретным по мере конкретизации персонажи теряют эластичность. По мере обрастания Эмили конкретными отличительными чертами происходит замечательная вещь: она становится в представлении разработчиков реальным человеком. Персонаж должен быть воображаемым Реальные люди представляют огромный интерес, как база для исследований, однако для самого процесса проектирования они обычно бесполезны, а часто и пагубны. Особенности отдельного индивидуума не характерны для группы. Описание должно быть подробным, а не идеальным Важнее детальность персонажа, а не идеальность ее описания Реалистичный взгляд на уровень подготовленности Продвинутые / Образованные / Когнитивное сопротивление
А. Купер «Психбольница в руках пациентов»
![Page 38: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/38.jpg)
Персонажи закрывают споры о функциях Набор персонажей становится системой, обладающей мощным свойством объяснять наши решения в области проектирования. Более того, это как прожектор, высвечивающий для разработчиков, маркетологов, руководителей очевидную правильность наших решений по проектированию. Персонаж пользователя, а не покупателя Если конечный пользователь доволен и имеет возможность работать продуктивно, это успех.
А. Купер «Психбольница в руках пациентов»
![Page 39: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/39.jpg)
Ключевые персонажи В каждом наборе персонажей есть хотя бы один ключевой персонаж. Эта личность находится в фокусе процесса проектирования. Ключевой персонаж отличает потребность в удовлетворении, недостижимом при помощи интерфейсов, спроектированных для любого другого персонажа. Для ключевого персонажа всегда существует отдельный интерфейс.
А. Купер «Психбольница в руках пациентов»
![Page 40: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/40.jpg)
Алексей 22 года Семейное положение: встречается уже второй год с девушкой Катей. Профессия: копирайтер Активно использует: Instagramm, Pinterest, Twi@er, Foursquere, Facebook Пользуется: ноутбуком с Windows, iPhone 4s, Canon D600. Много путешествует, часто фотографирует в поездках (чаще на iPhone4s). Нет времени наводить порядок. Хватает только времени слить на внешний винчестер и в лучшем случае обозначить в названии дату и тезисно место или событие. Никогда не печатает фотографии. Хранит на внешнем диске. Использует только online.
![Page 41: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/41.jpg)
![Page 42: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/42.jpg)
Мы про эскизы сегодня поговорим?
![Page 43: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/43.jpg)
h@p://www.youtube.com/watch?v=flJtdkR1P9I
Скетчи
![Page 44: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/44.jpg)
Думать Документировать Экспериментировать
Объяснять и общаться
Быстрее потерпеть неудачу
Найти верное решение
Зачем?
h@p://konigi.com/book/sketch-‐book/
![Page 45: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/45.jpg)
Я не умею рисовать
h@p://www.youtube.com/watch?v=flJtdkR1P9I
![Page 46: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/46.jpg)
h@p://www.youtube.com/watch?v=flJtdkR1P9I
![Page 47: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/47.jpg)
Чем быстрее, тем продуктивнее! Чем «страшнее», тем лучше! Чем больше скетчеи, тем больше идей!
Не критикуйте! Не стремитесь к совершенству! Не фокусируйтесь на деталях!
h@p://www.youtube.com/watch?v=flJtdkR1P9I
![Page 48: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/48.jpg)
Че?
h@p://www.youtube.com/watch?v=flJtdkR1P9I
![Page 49: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/49.jpg)
Disney Concert Hall (Carol Highsmith)
h@p://www.youtube.com/watch?v=flJtdkR1P9I
![Page 50: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/50.jpg)
Исследовательский скетч + Много разновидностей -‐ Никому не понятно -‐ Низкая детализация
«Изящный» скетч + Более реалистичный + Показываем другим -‐ Долго делать
h@p://www.youtube.com/watch?v=flJtdkR1P9I
![Page 51: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/51.jpg)
h@ps://docs.google.com/fileview?id=0B916EDb6727eMGJlNjdhOTEtMmYxNS00OTQ4LTkxMTUtZmZjMjIzYmI4NTMw&hl=en
![Page 52: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/52.jpg)
h@p://ge.@/93SyTAO/v/0
![Page 53: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/53.jpg)
h@p://hotdesignfor.us/news/2010/04/01/shablony-‐dlya-‐eskiza-‐stranic-‐sajta-‐na-‐bumage/
![Page 54: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/54.jpg)
Примитивы
Формы
Линии
![Page 55: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/55.jpg)
![Page 56: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/56.jpg)
Рыба / Lorem ipsum / ____ __
Одевшись, Степан Аркадьич прыснул на себя духами, выправил рукава рубашки, привычным движением рассовал по карманам папиросы, бумажник, спички, часы с двойной цепочкой и брелоками и, встряхнув платок, чувствуя себя чистым, душистым, здоровым и физически веселым, несмотря на свое несчастье, вышел, слегка подрагивая на каждой ноге, в столовую, где уже ждал его кофе и, рядом с кофеем, письма и бумаги из присутствия.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas adipiscing metus semper libero adipiscing quis suscipit diam mollis. E§am sit amet justo quis mauris viverra condimentum at sit amet diam. Fusce arcu est, fermentum id ultrices non, moles§e ut odio. Ves§bulum auctor scelerisque elit non vulputate. Quisque suscipit ullamcorper tellus. Proin id ornare tellus. Morbi suscipit sapien et ante eleifend dignissim
![Page 57: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/57.jpg)
Lorem ipsum
Lorem ipsum представляет собой искажённый отрывок из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры на латинском языке. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником в XVI веке. h@p://ru.wikipedia.org/wiki/Lorem_ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas adipiscing metus semper libero adipiscing quis suscipit diam mollis. E§am sit amet justo quis mauris viverra condimentum at sit amet diam. Fusce arcu est, fermentum id ultrices non, moles§e ut odio. Ves§bulum auctor scelerisque elit non vulputate. Quisque suscipit ullamcorper tellus. Proin id ornare tellus. Morbi suscipit sapien et ante eleifend dignissim
![Page 58: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/58.jpg)
h@p://www.blokkfont.com
![Page 59: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/59.jpg)
h@p://konigi.com/book/sketch-‐book/why-‐we-‐sketch
![Page 60: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/60.jpg)
h@p://konigi.com/book/sketch-‐book/why-‐we-‐sketch
![Page 61: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/61.jpg)
h@p://konigi.com/book/sketch-‐book/why-‐we-‐sketch
![Page 62: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/62.jpg)
если не использовать персонажи..
![Page 63: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/63.jpg)
Зачем использовать скетчи?
• Скетчи дают возможность делать ошибки и мыслить открыто
• Скетчи могут создаваться на лету: много идей за минимальныи промежуток времени
• Скетчи позволяют фиксировать идеи, не погружаясь в детали
• Их легко обсуждать, ими легко делиться, их легко критиковать!
• Это весело!
h@p://www.youtube.com/watch?v=flJtdkR1P9I
![Page 64: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/64.jpg)
![Page 65: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/65.jpg)
Книги: 1.Bill Buxton “Sketching User Experiences: Ge¬ng the Design Right and the Right Design ”. – Morgan Kaufmann; 1 edi§on, 2007 2. Dan Roam “The back of the napkin”. -‐ Por¯olio Hardcover; Expanded edi§on, 2009 Статьи и презентации: h@p://uxdesign.smashingmagazine.com/2011/12/13/messy-‐art-‐ux-‐sketching/ -‐ создание скетчеи при помощи слоев h@p://www.slideshare.net/pboersma/good-‐design-‐faster-‐at-‐ux-‐sofia -‐ презентация Peter Boersma h@p://www.uxbooth.com/ar§cles/tools-‐for-‐sketching-‐user-‐experiences/ h@p://[email protected]/mt/archives/2010/05/sketches-‐and-‐wireframes-‐and-‐prototypes-‐oh-‐my-‐ crea§ng-‐your-‐own-‐magical-‐wizard-‐experience.php h@p://www.slideshare.net/pubsmith/sketching-‐interfaces-‐workshop-‐interac§ons12-‐dublin Создание интерактивных скетчеи: ссылка на описание программы h@p://www.infragis§cs.com/products/indigo-‐studio/?gclid=CID29LeD27QCFeR4cAodZ0kA2A
h@p://www.youtube.com/watch?v=flJtdkR1P9I
![Page 66: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/66.jpg)
Давайте что-‐то сделаем?
![Page 67: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/67.jpg)
Утренние чтения
![Page 68: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/68.jpg)
![Page 69: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/69.jpg)
..а еще примеры?
![Page 70: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/70.jpg)
![Page 71: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/71.jpg)
![Page 72: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/72.jpg)
Coming soon…
![Page 73: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/73.jpg)
![Page 74: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/74.jpg)
![Page 75: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/75.jpg)
Если нет денег/времени на приложение? (адаптивная верстка)
![Page 76: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/76.jpg)
RESPONSIVE WEB DESIGN by ETHAN MARCOTTE
![Page 77: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/77.jpg)
![Page 78: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/78.jpg)
![Page 79: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/79.jpg)
![Page 80: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/80.jpg)
Можно повторить? Сначала…
![Page 81: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/81.jpg)
Завтра поговорим про образовательные курсы
![Page 82: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/82.jpg)
..и наш новый проект библейских историй для детей
![Page 83: Александр Лисовский - Проектирование интерфейсов на уровне эскизов](https://reader033.vdocument.in/reader033/viewer/2022042508/557f5199d8b42a822f8b47a0/html5/thumbnails/83.jpg)
Александр Лисовский Менеджер продукта в ZZWolf UX, UI дизайнер (063) 304-‐54-‐85 [email protected] facebook.com/alexlisovsky pinterest.com/alexlisovsky