Что делать, если вы не нашли дизайнера в проект?Mikhail Kulakov
Лекция о дизайне для программистов. Как на 48 часов притвориться дизайнером и, вопреки здравому смыслу и полному отсутствию вкуса, выкатить красивый и удобный пользовательский интерфейс. В презентации 10 лайфхаков, инструментов и ресурсов подобранных специально для тех, кого выгоняли с уроков рисования.
Доклад Ксении Стерниной (Руководитель UX-лаборатории компании Mail.ru) "Профессия UX-Researcher" на открытии Летнего обучения Русской Школы сервисного дизайна. http://ProductDesign.center
Экосистема или зоопарк / Федор Щудло (EastBanc Technologies)Ontico
РИТ++ 2017, Frontend Сonf
Зал Мумбаи, 6 июня, 17:00
Тезисы:
http://frontendconf.ru/2017/abstracts/2523.html
Это история о том, как вести параллельную работу над дизайном и frontend нескольких десятков систем, представляющих из себя единую экосистему.
Как от “стихийной” разработки и уймы повторяющегося кода перейти к написанию библиотек для самих себя, сделать своими пользователями своих же разработчиков, а что-то даже выложить в open source. И почему выкладывать в open source важно, и вам тоже следует это делать.
...
Как и когда использовать айтрекер на юзабилити тестированииПрофсоUX
Доклад ориентирован на юзабилити исследователей, которые открыты к новым знаниям, и их не устраивает уровень данных, которые они получают сейчас. Так же доклад будет полезен руководителям проектов и дизайнерам, которые хотят повысить показатели в своих проектах, но не догадываются как это можно сделать с помощью юзабилити тестирования.
В последнее время технология айтрекинга стала доступне. Уже за 99 долларов можно купить не дорой айтрекер. И почти у каждого возникает проблема, как его использовать после покупки. Что означают эти точки и что с ними можно делать. Я расскажу, как использую я.
Что делать, если вы не нашли дизайнера в проект?Mikhail Kulakov
Лекция о дизайне для программистов. Как на 48 часов притвориться дизайнером и, вопреки здравому смыслу и полному отсутствию вкуса, выкатить красивый и удобный пользовательский интерфейс. В презентации 10 лайфхаков, инструментов и ресурсов подобранных специально для тех, кого выгоняли с уроков рисования.
Доклад Ксении Стерниной (Руководитель UX-лаборатории компании Mail.ru) "Профессия UX-Researcher" на открытии Летнего обучения Русской Школы сервисного дизайна. http://ProductDesign.center
Экосистема или зоопарк / Федор Щудло (EastBanc Technologies)Ontico
РИТ++ 2017, Frontend Сonf
Зал Мумбаи, 6 июня, 17:00
Тезисы:
http://frontendconf.ru/2017/abstracts/2523.html
Это история о том, как вести параллельную работу над дизайном и frontend нескольких десятков систем, представляющих из себя единую экосистему.
Как от “стихийной” разработки и уймы повторяющегося кода перейти к написанию библиотек для самих себя, сделать своими пользователями своих же разработчиков, а что-то даже выложить в open source. И почему выкладывать в open source важно, и вам тоже следует это делать.
...
Как и когда использовать айтрекер на юзабилити тестированииПрофсоUX
Доклад ориентирован на юзабилити исследователей, которые открыты к новым знаниям, и их не устраивает уровень данных, которые они получают сейчас. Так же доклад будет полезен руководителям проектов и дизайнерам, которые хотят повысить показатели в своих проектах, но не догадываются как это можно сделать с помощью юзабилити тестирования.
В последнее время технология айтрекинга стала доступне. Уже за 99 долларов можно купить не дорой айтрекер. И почти у каждого возникает проблема, как его использовать после покупки. Что означают эти точки и что с ними можно делать. Я расскажу, как использую я.
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...ПрофсоUX
Доклад рассчитан на создателей и руководителей продуктовых команд, проектировщиков, дизайнеров. Разработчикам тоже может быть интересно.
Последние два года я работаю в довольно интересном веб-сервисе. Хочу поделиться кейсами из опыта.
Как быть, когда в вашем портфеле несколько продуктов, каждый продукт развивает отдельный юзабилити-специалист, и у подразделения нет начальника?
Что делать, если каждым из этих продуктов пользуются «немного разные» люди, а навигация общая? (и вообще, продукты живут в едином веб-сервисе и должны между собой как-то дружить)
Как договориться, если все эти продукты — часть единого большого веб-сервиса с кучей общих мест?
Как решать общие проблемы?
Как синхронизироваться и быстрее внедрять лучшие решения из опыта коллег?
Как вообще работать без «арт-директора», «менеджера проекта» или другого начальника?
Как взаимодействовать с графическими дизайнерами: готовим UI Kit / Артем Моло...Ontico
Frontend-разработчики и веб-дизайнеры решают совместную задачу – чтобы пользователь получил лучший user experience. Но часто смотрят на проблему с разных позиций — либо наилучшего технического решения проблемы, либо художественного видения мира. Различие инженерных и художественных подходов нередко приводит к конфликту интересов и снижает эффективность работы команды. Однако поле битвы мировоззрений можно превратить в совместное рабочее пространство. В качестве основного подхода к поиску оптимального процесса создания и сопровождения визуального стиля веб-сайта рассматривается подготовка User Interface Kit (или UI Kit). UI Kit содержит элементы, которые служат кирпичами при построении единообразного интерфейса корпоративных веб-сайтов.
Из предлагаемого доклада слушатели смогут узнать следующее:
– какие плюсы предоставляет декомпозиция дизайна;
– что такое UI Kit и какими свойствами он обладает;
– почему работа с UI Kit понравится и разработчикам, и дизайнерам, и даже менеджеру проекта;
– как можно реализовать UI Kit и организовать его хранение.
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.
Alexey Savchenko, Epic Games
This report will highlight the most recent changes in the version of the technology with reference to specific developments. We will take a look at best practices of development for PC, mobile and web games, also touch upon prospects for the development of applications and games for the VR.
Обзорный материал о применяемых методиках работы над цифровыми продуктами. Лекция проведена в рамках интенсива по продуктовому дизайну в Британской Высшей Школе Дизайна (Москва).
Прототипирование с БЭМ — Антон Виноградов, Альфа-ЛабYandex
Я расскажу о быстром прототипировании интерфейсов: почему важно как можно скорее получить живую версию продукта и почему от этого зависит его судьба, как использовать для этого БЭМ-инструментарий и библиотеки, а также как забыть про Photoshop и спать спокойно. Live coding ;)
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...ПрофсоUX
Доклад рассчитан на создателей и руководителей продуктовых команд, проектировщиков, дизайнеров. Разработчикам тоже может быть интересно.
Последние два года я работаю в довольно интересном веб-сервисе. Хочу поделиться кейсами из опыта.
Как быть, когда в вашем портфеле несколько продуктов, каждый продукт развивает отдельный юзабилити-специалист, и у подразделения нет начальника?
Что делать, если каждым из этих продуктов пользуются «немного разные» люди, а навигация общая? (и вообще, продукты живут в едином веб-сервисе и должны между собой как-то дружить)
Как договориться, если все эти продукты — часть единого большого веб-сервиса с кучей общих мест?
Как решать общие проблемы?
Как синхронизироваться и быстрее внедрять лучшие решения из опыта коллег?
Как вообще работать без «арт-директора», «менеджера проекта» или другого начальника?
Как взаимодействовать с графическими дизайнерами: готовим UI Kit / Артем Моло...Ontico
Frontend-разработчики и веб-дизайнеры решают совместную задачу – чтобы пользователь получил лучший user experience. Но часто смотрят на проблему с разных позиций — либо наилучшего технического решения проблемы, либо художественного видения мира. Различие инженерных и художественных подходов нередко приводит к конфликту интересов и снижает эффективность работы команды. Однако поле битвы мировоззрений можно превратить в совместное рабочее пространство. В качестве основного подхода к поиску оптимального процесса создания и сопровождения визуального стиля веб-сайта рассматривается подготовка User Interface Kit (или UI Kit). UI Kit содержит элементы, которые служат кирпичами при построении единообразного интерфейса корпоративных веб-сайтов.
Из предлагаемого доклада слушатели смогут узнать следующее:
– какие плюсы предоставляет декомпозиция дизайна;
– что такое UI Kit и какими свойствами он обладает;
– почему работа с UI Kit понравится и разработчикам, и дизайнерам, и даже менеджеру проекта;
– как можно реализовать UI Kit и организовать его хранение.
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.
Alexey Savchenko, Epic Games
This report will highlight the most recent changes in the version of the technology with reference to specific developments. We will take a look at best practices of development for PC, mobile and web games, also touch upon prospects for the development of applications and games for the VR.
Обзорный материал о применяемых методиках работы над цифровыми продуктами. Лекция проведена в рамках интенсива по продуктовому дизайну в Британской Высшей Школе Дизайна (Москва).
Прототипирование с БЭМ — Антон Виноградов, Альфа-ЛабYandex
Я расскажу о быстром прототипировании интерфейсов: почему важно как можно скорее получить живую версию продукта и почему от этого зависит его судьба, как использовать для этого БЭМ-инструментарий и библиотеки, а также как забыть про Photoshop и спать спокойно. Live coding ;)
Понятие юзабилити
● Работа с guidelines
● Особенности создания продукта/проекта
● Знакомство с юзабилити для e-commerce
● Знакомство с юзабилити для корпоративных сайтов
● Особенности юзабилити для форумов
● Особенности создания мобильных приложения
● Обзор языков программирования для IOS и Android
● Особенности разработки пользовательского интерфейса для
мобильных приложений
● Структура сборки приложения
● Обзор языков программирования:
● PHP
● .NET
● Python
● Ruby on Rails
● C#
Graduate Project: designing a web site and 3D application for Elby AdbertisingAnna Kholina
Department of Information Technologies in Design
Saint-Petersburg State Polytechnical University
www.it-design.org
The project by students Nikita Shanin and Maria Garkusha
7. 6 Персоны
Метод
Персон
Ориентация на пользователей
на задачи/цели пользователей
на деятельность пользователей
фото: Antonio Goya (flickr)
8. 7 Анализ целей пользователя
фото: lightplace (flickr)
9. 8 Когнитивная психология
Действие состоит из следующих этапов:
1 формирование цели
2 формирование намерения
3 определение конкретных действий
4 выполнение действий
5 восприятие нового состояния системы
6 интерпретация изменений
7 оценка результата
10. 9 Оптимизация действия
Хороший дизайн:
1 нагляден
2 имеет ясную концептуальную модель
3 указывает возможные действия
4 позволяет легко выполнить действия
5 говорит, находится ли система в необх. сост.
6 имеет хорошее соотв. между сост. и его отобр.
7 имеет внятную обратную связь
11. 10 Сценарии использования
В сценариях описаны типовые «маршруты»
пользователей при достижении целей
24. 23 Caretta GUI Design Studio
Специализированное средство, позволяющее
создавать интерфейсы в разных визуальных
стилях, аннотации к ним, раскадровки и т. д.
Можно экспортировать прототип.
Windows, $499
28. 27 Adobe InDesign
Изначально рассчитана для верстки
полиграфических материалов, тем не менее
подходит и для отрисовки прототипов.
На выходе: кликабельный PDF
Windows, Mac, $699
34. 33 Microsoft Expression Blend
Интегрируется с Visual Studio. Прототип
можно преобразовывать в конечный продукт.
Использует технологии Silverlight или WPF.
Windows, $499
38. 37 Microsoft Powerpoint
Powerpoint поддерживает интерактивные
горячие точки, кторые можно использовать
для переходов между слайдами, создавая
кликабельный прототип.
Windows, Mac, $229
39. 38 Прототипирование: мораль
Для простых задач можно использовать любое
средство, позволяющее рисовать.
Для сложных лучше выбрать
специализированный инструмент.
