Дизайн мобильных приложений: обо всем понемножку
TRANSCRIPT
![Page 1: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/1.jpg)
*000
ДизайН мобильных приложений
Обо всем понемножкУ||
![Page 2: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/2.jpg)
Итак, вы от
меня устанете
![Page 3: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/3.jpg)
Советы по трудо-
устройству
![Page 4: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/4.jpg)
Что требуют
1. ЗП от 60К, белыми, в долларах2. Интересных задач3. Влюбленных клиентов4. Только мобайл5. Рост до артдира6. Mac
![Page 5: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/5.jpg)
![Page 6: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/6.jpg)
Важно помнить - 0
Вы продаете себя. Но вас никто не обязан покупать. И никто просто так не купит.
![Page 7: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/7.jpg)
Важно помнить - 1
Вы продаете себя. Хороший специалист обязан уважать себя. Он может даже претендовать на уважение, выше рыночного.
![Page 8: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/8.jpg)
Важно помнить - 2
Вы продаете себя. Вы бы купили себя в рассрочку по 100 000 в месяц? Как бы вы относились к человеку, который вам столько стоит?
![Page 9: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/9.jpg)
Важно помнить - 3
Вы продаете себя. Если вы правильно сформулируете свою ценность для компании и сможете ее воплотить, компания будет гибкой.
![Page 10: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/10.jpg)
![Page 11: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/11.jpg)
Хочу стощь!И не учите меня жить!
![Page 12: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/12.jpg)
Кто больше бесит?
![Page 13: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/13.jpg)
Не забудь про Глеба
![Page 14: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/14.jpg)
Самые частые ошибки
1. Непрезентабельное портфолио2. Неумение п(р)одать себя (и
говорить) 3. Неподтвержденно высокая
самооценка4. Вранье
![Page 15: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/15.jpg)
Образ, который покупают
1. «Незвезда»2. Старательный3. Аккуратный4. Быстрый5. Опытный6. Нарасхват
![Page 16: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/16.jpg)
И да: испытательный срок
неспроста так называется
![Page 17: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/17.jpg)
Epic Skills с 12 мая
• 36 часов теории и практики• Работа над кейсом в команде• 4 практикующих спикера• Особенности проектирования на
разных платформах• Работа в портфолио, выполненная
под присмотром профессионалов
![Page 18: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/18.jpg)
Epic Skills с 12 мая
• 36 часов теории и практики• Работа над кейсом в команде• 4 практикующих спикера• Особенности проектирования на
разных платформах• Работа в портфолио, выполненная
под присмотром профессионалов
![Page 19: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/19.jpg)
Epic Skills с 12 мая
• 36 часов теории и практики• Работа над кейсом в команде• 4 практикующих спикера• Особенности проектирования на
разных платформах• Работа в портфолио, выполненная
под присмотром профессионалов
![Page 20: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/20.jpg)
Epic Skills с 12 мая
• 36 часов теории и практики• Работа над кейсом в команде• 4 практикующих спикера• Особенности проектирования на
разных платформах• Работа в портфолио, выполненная
под присмотром профессионалов
![Page 21: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/21.jpg)
Epic Skills с 12 мая
• 36 часов теории и практики• Работа над кейсом в команде• 4 практикующих спикера• Особенности проектирования на
разных платформах• Работа в портфолио, выполненная
под присмотром профессионалов
![Page 22: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/22.jpg)
Продакт + оунер + менеджер + дизайнер +
маркетолог – пользователь?
Коврижки:начало
![Page 23: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/23.jpg)
Искусство ограничений
![Page 24: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/24.jpg)
Наверное, самое важное – 1/3
• основной пользователь• формальная потребность (публично
декларируемая);• базовая потребность (боль), которая
удовлетворяется с помощью приложения;• 3 инструмента для удовлетворения
потребности;
![Page 25: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/25.jpg)
Наверное, самое важное – 2/3
• целевое действие пользователя, критично важное для него и критично важное для приложения;• основной способ заработка для приложения;• взаимосвязь инструментов и целевого
действия со способом заработка приложения;
![Page 26: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/26.jpg)
Наверное, самое важное – 3/3
• причина, по которой пользователи будут возвращаться в приложение регулярно;• отражение этой причины в интерфейсе.
![Page 27: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/27.jpg)
КО-1
• Забудьте про веб• Слушайте коллег• Разговаривайте с коллегами
![Page 28: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/28.jpg)
КО - 2
Знайте своего пользователя, который:• слепой • однорукий• ленивый• неумный• невнимательный• привередливый
![Page 29: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/29.jpg)
Закон Мерфи в мобильном проектировании:
если можно сделать что-то не так, как вы
задумывали, пользователь это сделает
![Page 30: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/30.jpg)
Этапы в дизайне приложений1. Сбор требований 2. Концепция 3. Карта функциональности 4. Пользовательские истории 5. Схема экранов 6. Тестирование схемы 7. Стилистические ориентиры8. Оформление 9. Составление юзкейсов 10. Тестирование оформления
![Page 31: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/31.jpg)
Юзкейс – это…
описание поведения системы, которым она отвечает на внешние запросы, или сценарий использования, который описывает, «кто» и «что» может сделать с рассматриваемой системой.
![Page 32: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/32.jpg)
Способы построения юзерстори
As a <role>, I want <goal/desire>
In order to <receive benefit> as a <role>, I want <goal/desire>
As <who> <when> <where>, I <what> because <why>
![Page 33: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/33.jpg)
Способы построения
As a <role>, I can <action with system> so that <external benefit>
As a <role>, I want <goal/desire> so that <benefit>
![Page 34: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/34.jpg)
INVEST
IndependentNegotiableValuableEstimable (.5-4d)Scalable (small sized)Testable
![Page 35: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/35.jpg)
![Page 36: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/36.jpg)
КАЗДЭВ
![Page 37: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/37.jpg)
Пример из Апптарктора
Как водитель с загоревшейся лампочкой бензина я хочу быстро найти ближайшую хорошую заправку, чтобы заправиться качественным бензином.
![Page 38: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/38.jpg)
Критерии приемки
• Как водитель с загоревшейся лампочкой я могу просмотреть все ближайшие заправки.
• Как … я могу выбрать заправки подходящих мне брендов АЗС.
• Как … я могу видеть ближайшие заправки выбраннах брендов списком.
![Page 39: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/39.jpg)
Обработка ошибок
При выключенной геолокации пользователя необходимо дать ему информацию о том, где ее включить.
![Page 40: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/40.jpg)
Технические заметки
Заправки в списке должны обновляться при изменении местоположения пользователя на 100 метров.
![Page 41: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/41.jpg)
Случай из жизни
![Page 42: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/42.jpg)
Шедевры уникальны
![Page 43: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/43.jpg)
Некоторые типы приложений
• mCommerce• Клиент для онлайн-сервиса• Управление элементом интернета
вещей• Брендовые• Enterprise• …
![Page 44: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/44.jpg)
Не всегда нужно «сладко». И вообще не надо «wow!».
Хотя… все зависит от задачи.
![Page 45: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/45.jpg)
Утилитарный дизайн: не выходит из моды,
не подвластен эстетике,не отвлекает,решает задачу
![Page 46: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/46.jpg)
![Page 47: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/47.jpg)
![Page 48: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/48.jpg)
![Page 49: Дизайн мобильных приложений: обо всем понемножку](https://reader036.vdocuments.mx/reader036/viewer/2022062420/55c148e1bb61eb5e5e8b477f/html5/thumbnails/49.jpg)
Всем спасибо!
Андраш Густиfb.com/cheeky.bustard