Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикNick Grachov
UX-design: main life hacks every engineer should know
Nick explained how beautiful design can be even worse than ugly one and explain:
• what is UX and where is its place in the design
• what is the difference between usability and UX
• what are the levels and stages of the UX
• what tools and techniques are used in the UX
Анна Тюхменёва «Как продавать свои иллюстрации по всему миру: секреты успеха...Сергей Соколов
Презентация выступления: Анна Тюхменёва «Как продавать свои иллюстрации по всему миру: секреты успеха топового микростокера»
Остальные записи здесь: http://freeology.ru/zapisi-vebinarov.html
«Суровые сибирские техписатели читают и пишут код на С++!», и другие реальные истории из жизни штатного сотрудника томской компании UNIGINE, разрабатывающей собственную платформу 3D-графики.
В своем докладе я расскажу про:
Роль отдела технической документации для продукта;
Процессы и инструменты разработки документации в нашей компании;
Оценку качества разработанной документации;
Плюсы и минусы профессии;
Пути развития и карьерный рост специалистов;
Личные качества и знания, необходимые для достижения успеха в нашей отрасли.
Команда Lviv IT School подготовила для вас интересный, но сложный курс по UI/UX дизайну. Программа курса сформирована в соответствии с требованиями ведущих IT компаний Украины. Это отличная возможность всем начинающим дизайнерам, разработчикам и бизнес-аналитикам с головой окунуться в мир очень перспективной сферы - UI/UX дизайна.
Рынок нуждается в таких специалистах и наша цель подготовить настоящих профессионалов!
Подробнее о курсе: http://goo.gl/OYckRt
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикNick Grachov
UX-design: main life hacks every engineer should know
Nick explained how beautiful design can be even worse than ugly one and explain:
• what is UX and where is its place in the design
• what is the difference between usability and UX
• what are the levels and stages of the UX
• what tools and techniques are used in the UX
Анна Тюхменёва «Как продавать свои иллюстрации по всему миру: секреты успеха...Сергей Соколов
Презентация выступления: Анна Тюхменёва «Как продавать свои иллюстрации по всему миру: секреты успеха топового микростокера»
Остальные записи здесь: http://freeology.ru/zapisi-vebinarov.html
«Суровые сибирские техписатели читают и пишут код на С++!», и другие реальные истории из жизни штатного сотрудника томской компании UNIGINE, разрабатывающей собственную платформу 3D-графики.
В своем докладе я расскажу про:
Роль отдела технической документации для продукта;
Процессы и инструменты разработки документации в нашей компании;
Оценку качества разработанной документации;
Плюсы и минусы профессии;
Пути развития и карьерный рост специалистов;
Личные качества и знания, необходимые для достижения успеха в нашей отрасли.
Команда Lviv IT School подготовила для вас интересный, но сложный курс по UI/UX дизайну. Программа курса сформирована в соответствии с требованиями ведущих IT компаний Украины. Это отличная возможность всем начинающим дизайнерам, разработчикам и бизнес-аналитикам с головой окунуться в мир очень перспективной сферы - UI/UX дизайна.
Рынок нуждается в таких специалистах и наша цель подготовить настоящих профессионалов!
Подробнее о курсе: http://goo.gl/OYckRt
Presentation explains different aspects why engineers. designers, UX designers should not force people to figure out how to do their tasks. It also explains why interfaces and things should be intuitive.
Как производить изменения на сайте, основываясь на данных, а не интуиции?Olshansky & Partners
Если вы устали от постоянных переделок на сайтах и не понимаете какие элементы имеют самое критичное влияние на эффективность — вам будет интересно.
Эта информация будет полезной для предпринимателей, руководителей онлайн проектов, которые часто сталкиваются с вопросом: как поменять сайт, чтобы он работал эффективнее?
Также, это будет интересно для тех, кто только вынашивает идею онлайн проекта в голове и приступает соданию сайта.
Мы будем говорить о следующем:
— Что такое buyer persona и как это помогает в текущих проектах и тех, которые еще на стадии разработки.
— Как подойти к созданию правильной структуры сайта.
— Зачем проводить предварительные исследования. Что и кого анализировать и зачем вам это нужно.
— Какова роль прототипов. Как их делать и с помощью каких инструментов. Примеры из практики.
2. О чем поговорим?
• Зачем все это затевается?
• Опыт взаимодействия
• Прототипы, блок-схемы, наброски – все видовое
разнообразие
• От идеи к прототипам: персонажи и сценарии
• Секрет быстрого проектирования интерфейсов
• Инструменты создания блок-схем и прототипов
• Немного о посадочных страницах
• Рецепты успеха или как не сделать ошибку
2
4. Кому нужно проектирование
интерфейсов – пользователям
• проще и удобнее работать с продуманным
приложением,
• а значит, они быстрее выполняют свои задачи
• и получают удовольствие
4
5. Кому нужно проектирование
интерфейсов – участникам проекта
• маркетологам проще продавать/продвигать продукт с удобным
интерфейсом
• программистам и дизайнерам вносить меньше изменений при
разработке и меньше времени тратить на поддержку продукта
• product owner проверить быстро и дешево идеи на ранней
стадии, где пока еще дешево внести изменения (в 100 раз
дешевле)
• ощутить повышение лояльности клиентов и увеличение
конверсии
• всем +1 к карме
5
6. UX ≠ Usability
Usability – удобство
использования
User Experience – опыт
взаимодействия как
«ощущение и реакция
человека, вследствие
использования»
6
UX
Usability
7. Формирование впечатлений
• Визуальный дизайн
• Проектирование взаимодействия
• Информационная архитектура
• Реализация
• Технология
• Контент
• Ожидания пользователей
• И еще много всего…
7
8. С чего начать? План действий
1. Создание персонажей
2. Описание сценариев
3. Создание карты переходов
4. Создание скетчей
5. Создание прототипов
8
10. Создание персонажей
10
Имя, возраст, пол,
внешность?
Образование, работа?
Семья? Привычки?
Любимые
сайты/приложения?
Цели? Контекст
взаимодействия?
11. Разберемся на примере
Дано: идея сайта-биржи мастеров (монтажники,
электрики, сантехники и пр.).
Одни смогут заявить о себе как о профессионале и
заработать денег, другие – получить качественный
ремонт
11
12. Создание персонажей. Пример
Кирилл, 32 года, Астрахань
Профессия: сантехник
Деятельность: руководит бригадой
Цели: найти больше выгодных заказов
Часто использует сайты: yandex.ru
Место взаимодействия: из дома, в дороге
Устройства: ноутбук, iPad
Платформа: iOs, MacOS
…
12
13. Создание персонажей. Пример
Василий Федорович, 65 лет,
Астрахань
Профессия: адвокат
Деятельность: пенсионер
Цели: отремонтировать ванную комнату
Часто использует сайты: Одноклассники
Место взаимодействия: из своей квартиры
Устройства: ноутбук
Платформа: Windows XP
…
13
15. Создание персонажей. Выбор
основных персонажей
1. Выпишите все варианты без детализации
2. Сгруппируйте
3. Персонажей не более 5, если больше –
упрощайте идею или делайте несколько
продуктов
4. Выберите ключевой персонаж
15
16. Создание сценариев
1. Определите основные задачи
2. Одна задача – один сценарий
3. Завязка, развитие действия, кульминация и
финал: определите откуда пользователь
пришел, куда переходил, как добился цели,
на чем завершил задачу
16
17. Разберем пример
«Поиск бригады для ремонта в ванной»
1. В.Ф. попал на список бригад, автоматически выбран его город,
пришел из поисковой системы по соответствующему запросу
2. В.Ф. любитель посмотреть «все варианты», поэтому долистывает
весь список до конца, не использует фильтр
3. Решает оставить объявление, заполняет форму и нажимает кнопку
«Оставить объявление»
4. Попадает на страницу с регистрацией, вводит данные (логин, пароль,
телефон), нажимает «Зарегистрироваться»
5. Попадает на страницу с опубликованным объявлением, радостный
проверяет включен ли телефон
17
18. Карта переходов
• Учтены все сценарии – выписываем страницы
• Страницы названы адекватно
• Логичное размещение страниц
• Отсутствие повторяющихся страниц
18
20. Когда это все не нужно?
20
• презентация идеи в виде
тестовой LP
• единственный персонаж
олицетворяете с собой
• «маленький» продукт
21. Называйте вещи своими именами
Sketch (cкетч) – первоначальный набросок от руки
Wireframe (блок-схема) – чертеж, представляющий
«скелет» страницы сайта или приложения
Prototype (прототип) – интерактивная модель для
тестирования концепции или процесса
Mockup (макет) – неработающая модель в
натуральную величину, выглядящая так, как будет
выглядеть работающий экземпляр
21
23. Создание набросков
23
• Нужны бумага, карандаш и маркер/ручка/…
• Не тяните время, 5 минут на страницу
• Беспощадно отбрасывайте лишнее
• Не детализируйте! Дьявол в деталях
• Комментируйте
• Рисуйте все карандашом, главное выделите
маркером/ручкой/фломастером/…
• Прокачивайте навык рисования)