Веб-проектирование. Введение в этап проектирования сайтаM18
— Основные понятия и этапы проектирования.
— Место проектирования в процессах разработки сайта.
— Техническое задание VS проектирование.
— Использование карты сайта на начальном этапе.
— Обзор программных средств для создания прототипов.
— Презентация результатов этапа клиенту.
Видео https://youtu.be/dju8JHKvaLg
Студия M18 http://m18.ru/
Что делать, если вы не нашли дизайнера в проект?Mikhail Kulakov
Лекция о дизайне для программистов. Как на 48 часов притвориться дизайнером и, вопреки здравому смыслу и полному отсутствию вкуса, выкатить красивый и удобный пользовательский интерфейс. В презентации 10 лайфхаков, инструментов и ресурсов подобранных специально для тех, кого выгоняли с уроков рисования.
Доклад "Создание юзабилити-отдела компании – как со всеми договориться. Опыт ...Artem Kuznetsov
С одной стороны кажется, что создать еще один отдел в компании
довольно просто – нанять начальника, составить положение об отделе,
утвердить штатное расписание. Но как правильно определить, какие
именно специалисты по проектированию вам нужны и сколько? Как
проверить квалификацию кандидатов? Как оптимально интегрировать их
деятельность в непрекращающийся процесс производства?
В своем докладе я расскажу о том, какие вас могут ожидать рифы и как
их преодолеть. Я приведу позитивные примеры разрешения конфликтных
ситуаций и расскажу о той пользе, которую вы получите преодолев все
препятствия.
Я подготовил эту презентацию для внутреннего семинара Naumen, на котором каждый сотрудник может поделиться своим новым опытом, приобретенном в процессе работы, участия в конференциях и т.д.
Веб-проектирование. Введение в этап проектирования сайтаM18
— Основные понятия и этапы проектирования.
— Место проектирования в процессах разработки сайта.
— Техническое задание VS проектирование.
— Использование карты сайта на начальном этапе.
— Обзор программных средств для создания прототипов.
— Презентация результатов этапа клиенту.
Видео https://youtu.be/dju8JHKvaLg
Студия M18 http://m18.ru/
Что делать, если вы не нашли дизайнера в проект?Mikhail Kulakov
Лекция о дизайне для программистов. Как на 48 часов притвориться дизайнером и, вопреки здравому смыслу и полному отсутствию вкуса, выкатить красивый и удобный пользовательский интерфейс. В презентации 10 лайфхаков, инструментов и ресурсов подобранных специально для тех, кого выгоняли с уроков рисования.
Доклад "Создание юзабилити-отдела компании – как со всеми договориться. Опыт ...Artem Kuznetsov
С одной стороны кажется, что создать еще один отдел в компании
довольно просто – нанять начальника, составить положение об отделе,
утвердить штатное расписание. Но как правильно определить, какие
именно специалисты по проектированию вам нужны и сколько? Как
проверить квалификацию кандидатов? Как оптимально интегрировать их
деятельность в непрекращающийся процесс производства?
В своем докладе я расскажу о том, какие вас могут ожидать рифы и как
их преодолеть. Я приведу позитивные примеры разрешения конфликтных
ситуаций и расскажу о той пользе, которую вы получите преодолев все
препятствия.
Я подготовил эту презентацию для внутреннего семинара Naumen, на котором каждый сотрудник может поделиться своим новым опытом, приобретенном в процессе работы, участия в конференциях и т.д.
Основные задачи
• Информационная поддержка клиентов, дилеров, партнеров.
• Предоставление наглядной информации о продукции.
• Имиджевые цели.
• Сайт, как источник информации для партнеров, прессы и т.д.
• Укрепление приверженности клиентов торговой марке.
Основные задачи
• Информационная поддержка клиентов, дилеров, партнеров.
• Предоставление наглядной информации о продукции.
• Имиджевые цели.
• Сайт, как источник информации для партнеров, прессы и т.д.
• Укрепление приверженности клиентов торговой марке.
Digital Review - цифровой журнал, который будет рассказывать о самых интересных событиях в digital, кейсах, фактах, технологиях и всем самом важном за последний месяц!
Digital Review – цифровой журнал, который будет рассказывать о самых интересных и важных событиях, произошедших за последний месяц, в digital, кейсах, фактах, технологиях!
8. ПРАВИЛА ПРОЕКТИРОВАНИЯ
ИНТЕРФЕЙСОВ
8
1. Размеры элементов не менее 7x7 мм (40 px)
2. Отступы между элементами не менее 2 мм
(10 px)
3. Не используйте действия по наведению
(или делайте альтернативный вариант для
управления)
4. Делайте выбор в пользу кнопок, а не
ссылок
11. ПРАВИЛА УПРАВЛЕНИЯ САЙТОМ
11
1. В версиях с разрешением 1024 width и
меньше, по возможности, размещайте
элементы управления сайтом внизу экрана
2. Используйте выпадающие элементы
13. АДАПТАЦИЯ РАЗМЕРА ТЕКСТА
13
Для Desktop:
― минимальный читабельный
текст 3,88 мм (11 pt)
Для мобильных устройств:
― минимальный читабельный
текст 2,1 мм (6 pt)
15. ПРАВИЛА АДАПТАЦИИ
ИНФОРМАЦИИ
15
1. Используйте меньший шрифт в мобильной
версии (исключение составляет шрифт
элементов управления)
2. По возможности, отображайте контент
вверху экрана
3. Уделяйте внимание адаптации каждого
элемента сайта
4. Делайте страницу максимально короткой
17. Адаптивная схема предложенная Итанам
1280x1024
17
Wireframe
Prototype
Mockup
Вёрстка
Программирование
Обсуждение
1. Почему не Mobile First?
2. Очень длинный процесс
обсуждения
3. Без фиксации всё теряется
4. Макеты отличаются порой
очень сильно
5. Проектирование под другие
разрешения требует
корректировки текущего
19. ПРАВИЛА ОРГАНИЗАЦИИ
ПРОЦЕССА
19
1. Используйте принцип Mobile First. Усложнить
систему намного проще, чем сделать её простой.
2. Продумывайте изменение элемента уже на самых
ранних этапах.
3. Фиксируйте все мысли в процессе проектирования.
4. Помогайте разработчику, ставьте указатели и
заметки по анимации и изменению элементов.
5. Используйте библиотеки элементов.
21. СПАСИБО ЗА ВНИМАНИЕ!
Евгений Гуринович
руководитель отдела юзабилити и UX ARTOX media
@GurinovichEvgen
e.gurinovich@artox-media.ru
Тел.: +7 (495) 620-58-99