SlideShare a Scribd company logo
Синтаксис элементов интерфейса.  Структура информации 4- е занятие
Объявления ,[object Object],[object Object]
↑   Доклад Натальи Исаковой  16 дек ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
Требования ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Jesse James Garrett’s  Elements of User Experience   http://www.jjg.net/elements/ «Раскраска» Компоновка Структура Требования Стратегия
Интерфейс рассказывает…
 
 
[object Object],[object Object]
Синтаксис элементов управления разработан в Дизайн-бюро Артёма Горбунова
 
 
 
 
Некоторые принципы ,[object Object],[object Object],[object Object],[object Object],[object Object]
Вещи своими именами ,[object Object],[object Object]
Ни-о-чём-слова ,[object Object],[object Object],[object Object],[object Object],[object Object]
Не стоит нарушать полезные устои ,[object Object],[object Object],[object Object]
[object Object],[object Object]
 
 
Задание. Переверстать форму
Ретроспектива занятия
На связи ,[object Object],[object Object],[object Object]

More Related Content

Similar to Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Разработка интернет-магазина: от идеи до реализации
Разработка интернет-магазина: от идеи до реализацииРазработка интернет-магазина: от идеи до реализации
Разработка интернет-магазина: от идеи до реализацииsportgid
 
Проектирование большого интернет-магазина
Проектирование большого интернет-магазинаПроектирование большого интернет-магазина
Проектирование большого интернет-магазинаArtem Markov
 
5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда 5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда
Heads&Hands
 
документирование долгоживущих веб проектов. г. белогорцев. зал 3
документирование долгоживущих веб проектов. г. белогорцев. зал 3документирование долгоживущих веб проектов. г. белогорцев. зал 3
документирование долгоживущих веб проектов. г. белогорцев. зал 3rit2011
 
School IT recruiting
School IT recruiting School IT recruiting
School IT recruiting
Olga Kotova
 
Презентация: 1С-Bitrix — как начать
Презентация: 1С-Bitrix — как начатьПрезентация: 1С-Bitrix — как начать
Презентация: 1С-Bitrix — как начать
Dmitriy Polisadov
 
WebCamp:Back-end Developers Day Андрей Чебукин "ASP.NET Identity 2.0‏ исполь...
 WebCamp:Back-end Developers Day Андрей Чебукин "ASP.NET Identity 2.0‏ исполь... WebCamp:Back-end Developers Day Андрей Чебукин "ASP.NET Identity 2.0‏ исполь...
WebCamp:Back-end Developers Day Андрей Чебукин "ASP.NET Identity 2.0‏ исполь...
GeeksLab Odessa
 
Порядок для скорости. Система структурирования фронтендовой части веб-приложе...
Порядок для скорости. Система структурирования фронтендовой части веб-приложе...Порядок для скорости. Система структурирования фронтендовой части веб-приложе...
Порядок для скорости. Система структурирования фронтендовой части веб-приложе...
Ontico
 
Инструменты для подготовки пользовательской документации — Катя Куненко
Инструменты для подготовки пользовательской документации — Катя КуненкоИнструменты для подготовки пользовательской документации — Катя Куненко
Инструменты для подготовки пользовательской документации — Катя Куненко
Yandex
 
опыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutопыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nut
Илья Котельников
 
Проблемы и пути их решения при командной разработке проектов
Проблемы и пути их решения при командной разработке проектовПроблемы и пути их решения при командной разработке проектов
Проблемы и пути их решения при командной разработке проектов
Агентство AlterEGO
 
презентация.1
презентация.1презентация.1
презентация.1
Ivan Mashkantsev
 
Как сделать интернет-сайт на SharePoint и не передумать на полпути
Как сделать интернет-сайт на SharePoint и не передумать на полпутиКак сделать интернет-сайт на SharePoint и не передумать на полпути
Как сделать интернет-сайт на SharePoint и не передумать на полпутиAndrew Mayorov
 
Введение в профессию исследователя приложений без исходных кодов
Введение в профессию исследователя приложений без исходных кодовВведение в профессию исследователя приложений без исходных кодов
Введение в профессию исследователя приложений без исходных кодов
DI GR
 
Описание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продуктаОписание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продукта
Dmitry Laier
 
Мекра, 3-е занятие. Принципы плотности и тяготения в визуальном дизайне. Элем...
Мекра, 3-е занятие. Принципы плотности и тяготения в визуальном дизайне. Элем...Мекра, 3-е занятие. Принципы плотности и тяготения в визуальном дизайне. Элем...
Мекра, 3-е занятие. Принципы плотности и тяготения в визуальном дизайне. Элем...Andrew Shapiro
 
Использование игровых элементов и методов в процессе тестирования
Использование игровых элементов и методов в процессе тестированияИспользование игровых элементов и методов в процессе тестирования
Использование игровых элементов и методов в процессе тестирования
SQALab
 
Процесс проектирования ИТ-решений
Процесс проектирования ИТ-решенийПроцесс проектирования ИТ-решений
Процесс проектирования ИТ-решений
Максим Смирнов
 
Разработка требований и Проектирование интерфейсов
Разработка требований и Проектирование интерфейсовРазработка требований и Проектирование интерфейсов
Разработка требований и Проектирование интерфейсовDenis Beskov
 

Similar to Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова (20)

Разработка интернет-магазина: от идеи до реализации
Разработка интернет-магазина: от идеи до реализацииРазработка интернет-магазина: от идеи до реализации
Разработка интернет-магазина: от идеи до реализации
 
Проектирование большого интернет-магазина
Проектирование большого интернет-магазинаПроектирование большого интернет-магазина
Проектирование большого интернет-магазина
 
5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда 5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда
 
документирование долгоживущих веб проектов. г. белогорцев. зал 3
документирование долгоживущих веб проектов. г. белогорцев. зал 3документирование долгоживущих веб проектов. г. белогорцев. зал 3
документирование долгоживущих веб проектов. г. белогорцев. зал 3
 
School IT recruiting
School IT recruiting School IT recruiting
School IT recruiting
 
Презентация: 1С-Bitrix — как начать
Презентация: 1С-Bitrix — как начатьПрезентация: 1С-Bitrix — как начать
Презентация: 1С-Bitrix — как начать
 
WebCamp:Back-end Developers Day Андрей Чебукин "ASP.NET Identity 2.0‏ исполь...
 WebCamp:Back-end Developers Day Андрей Чебукин "ASP.NET Identity 2.0‏ исполь... WebCamp:Back-end Developers Day Андрей Чебукин "ASP.NET Identity 2.0‏ исполь...
WebCamp:Back-end Developers Day Андрей Чебукин "ASP.NET Identity 2.0‏ исполь...
 
Порядок для скорости. Система структурирования фронтендовой части веб-приложе...
Порядок для скорости. Система структурирования фронтендовой части веб-приложе...Порядок для скорости. Система структурирования фронтендовой части веб-приложе...
Порядок для скорости. Система структурирования фронтендовой части веб-приложе...
 
Инструменты для подготовки пользовательской документации — Катя Куненко
Инструменты для подготовки пользовательской документации — Катя КуненкоИнструменты для подготовки пользовательской документации — Катя Куненко
Инструменты для подготовки пользовательской документации — Катя Куненко
 
опыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutопыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nut
 
Проблемы и пути их решения при командной разработке проектов
Проблемы и пути их решения при командной разработке проектовПроблемы и пути их решения при командной разработке проектов
Проблемы и пути их решения при командной разработке проектов
 
презентация.1
презентация.1презентация.1
презентация.1
 
Как сделать интернет-сайт на SharePoint и не передумать на полпути
Как сделать интернет-сайт на SharePoint и не передумать на полпутиКак сделать интернет-сайт на SharePoint и не передумать на полпути
Как сделать интернет-сайт на SharePoint и не передумать на полпути
 
Введение в профессию исследователя приложений без исходных кодов
Введение в профессию исследователя приложений без исходных кодовВведение в профессию исследователя приложений без исходных кодов
Введение в профессию исследователя приложений без исходных кодов
 
Описание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продуктаОписание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продукта
 
Мекра, 3-е занятие. Принципы плотности и тяготения в визуальном дизайне. Элем...
Мекра, 3-е занятие. Принципы плотности и тяготения в визуальном дизайне. Элем...Мекра, 3-е занятие. Принципы плотности и тяготения в визуальном дизайне. Элем...
Мекра, 3-е занятие. Принципы плотности и тяготения в визуальном дизайне. Элем...
 
Использование игровых элементов и методов в процессе тестирования
Использование игровых элементов и методов в процессе тестированияИспользование игровых элементов и методов в процессе тестирования
Использование игровых элементов и методов в процессе тестирования
 
Процесс проектирования ИТ-решений
Процесс проектирования ИТ-решенийПроцесс проектирования ИТ-решений
Процесс проектирования ИТ-решений
 
Лекция 3
Лекция 3Лекция 3
Лекция 3
 
Разработка требований и Проектирование интерфейсов
Разработка требований и Проектирование интерфейсовРазработка требований и Проектирование интерфейсов
Разработка требований и Проектирование интерфейсов
 

More from Andrew Shapiro

Разработчикам о дизайне интерфейса
Разработчикам о дизайне интерфейсаРазработчикам о дизайне интерфейса
Разработчикам о дизайне интерфейса
Andrew Shapiro
 
Customer Journey Mapping
Customer Journey MappingCustomer Journey Mapping
Customer Journey Mapping
Andrew Shapiro
 
UX-дизайн. Обзор профессии
UX-дизайн. Обзор профессииUX-дизайн. Обзор профессии
UX-дизайн. Обзор профессии
Andrew Shapiro
 
Дизайн-долг в продуктовой и заказной разработке
Дизайн-долг в продуктовой и заказной разработкеДизайн-долг в продуктовой и заказной разработке
Дизайн-долг в продуктовой и заказной разработке
Andrew Shapiro
 
К искусству записи пользовательских историй
К искусству записи пользовательских историйК искусству записи пользовательских историй
К искусству записи пользовательских историй
Andrew Shapiro
 
Дизайн, движимый данными
Дизайн, движимый даннымиДизайн, движимый данными
Дизайн, движимый данными
Andrew Shapiro
 
Как вырастить дизайнера. Год муштры и 101 день вдохновения
Как вырастить дизайнера. Год муштры и 101 день вдохновенияКак вырастить дизайнера. Год муштры и 101 день вдохновения
Как вырастить дизайнера. Год муштры и 101 день вдохновения
Andrew Shapiro
 
Вредный дизайн. Пуфики, 8 февраля 2013
Вредный дизайн. Пуфики, 8 февраля 2013Вредный дизайн. Пуфики, 8 февраля 2013
Вредный дизайн. Пуфики, 8 февраля 2013
Andrew Shapiro
 
Генеративный дизайн. Личный опыт
Генеративный дизайн. Личный опытГенеративный дизайн. Личный опыт
Генеративный дизайн. Личный опыт
Andrew Shapiro
 
От дизайн-процесса к дизайн-результату
От дизайн-процесса к дизайн-результатуОт дизайн-процесса к дизайн-результату
От дизайн-процесса к дизайн-результату
Andrew Shapiro
 
Моделирование продукта с использованием бумажного прототипирования. Agilecamp...
Моделирование продукта с использованием бумажного прототипирования. Agilecamp...Моделирование продукта с использованием бумажного прототипирования. Agilecamp...
Моделирование продукта с использованием бумажного прототипирования. Agilecamp...
Andrew Shapiro
 
Мекра, занятие второе. Режимы, видимость, монотонность, состоятельность
Мекра, занятие второе. Режимы, видимость, монотонность, состоятельностьМекра, занятие второе. Режимы, видимость, монотонность, состоятельность
Мекра, занятие второе. Режимы, видимость, монотонность, состоятельность
Andrew Shapiro
 
Мекра, первое занятие
Мекра, первое занятиеМекра, первое занятие
Мекра, первое занятие
Andrew Shapiro
 
10 камней преткновения пользователя в путешествии по сложному интерфейсу
10 камней преткновения пользователя в путешествии по сложному интерфейсу10 камней преткновения пользователя в путешествии по сложному интерфейсу
10 камней преткновения пользователя в путешествии по сложному интерфейсу
Andrew Shapiro
 
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
Andrew Shapiro
 

More from Andrew Shapiro (15)

Разработчикам о дизайне интерфейса
Разработчикам о дизайне интерфейсаРазработчикам о дизайне интерфейса
Разработчикам о дизайне интерфейса
 
Customer Journey Mapping
Customer Journey MappingCustomer Journey Mapping
Customer Journey Mapping
 
UX-дизайн. Обзор профессии
UX-дизайн. Обзор профессииUX-дизайн. Обзор профессии
UX-дизайн. Обзор профессии
 
Дизайн-долг в продуктовой и заказной разработке
Дизайн-долг в продуктовой и заказной разработкеДизайн-долг в продуктовой и заказной разработке
Дизайн-долг в продуктовой и заказной разработке
 
К искусству записи пользовательских историй
К искусству записи пользовательских историйК искусству записи пользовательских историй
К искусству записи пользовательских историй
 
Дизайн, движимый данными
Дизайн, движимый даннымиДизайн, движимый данными
Дизайн, движимый данными
 
Как вырастить дизайнера. Год муштры и 101 день вдохновения
Как вырастить дизайнера. Год муштры и 101 день вдохновенияКак вырастить дизайнера. Год муштры и 101 день вдохновения
Как вырастить дизайнера. Год муштры и 101 день вдохновения
 
Вредный дизайн. Пуфики, 8 февраля 2013
Вредный дизайн. Пуфики, 8 февраля 2013Вредный дизайн. Пуфики, 8 февраля 2013
Вредный дизайн. Пуфики, 8 февраля 2013
 
Генеративный дизайн. Личный опыт
Генеративный дизайн. Личный опытГенеративный дизайн. Личный опыт
Генеративный дизайн. Личный опыт
 
От дизайн-процесса к дизайн-результату
От дизайн-процесса к дизайн-результатуОт дизайн-процесса к дизайн-результату
От дизайн-процесса к дизайн-результату
 
Моделирование продукта с использованием бумажного прототипирования. Agilecamp...
Моделирование продукта с использованием бумажного прототипирования. Agilecamp...Моделирование продукта с использованием бумажного прототипирования. Agilecamp...
Моделирование продукта с использованием бумажного прототипирования. Agilecamp...
 
Мекра, занятие второе. Режимы, видимость, монотонность, состоятельность
Мекра, занятие второе. Режимы, видимость, монотонность, состоятельностьМекра, занятие второе. Режимы, видимость, монотонность, состоятельность
Мекра, занятие второе. Режимы, видимость, монотонность, состоятельность
 
Мекра, первое занятие
Мекра, первое занятиеМекра, первое занятие
Мекра, первое занятие
 
10 камней преткновения пользователя в путешествии по сложному интерфейсу
10 камней преткновения пользователя в путешествии по сложному интерфейсу10 камней преткновения пользователя в путешествии по сложному интерфейсу
10 камней преткновения пользователя в путешествии по сложному интерфейсу
 
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
 

Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова