На
ДАМПе посетил 2 секции – Frontend и Проектирование интерфейсов.
Как организовать модернизацию интерфейса портала/веб-сервиса.Рассказывалось о преимуществах и недостатках аутсорса проектировщиков/дизайнеров. С одной стороны это возможность занять в проекте высококлассного иностранного специалиста(Банк24.ру), с другой – штатный дизайнер «болеет» за проект, продавливает свои решения (JetStyle). Затронули тему широких специалистов, когда один человек выполняет несколько компетенций верстальщика/проектировщика/дизайнера, при этом уменьшается лаг при взаимодействии рабочих едениц.
А где же яйца?Начало доклада Дениса затянулось его объяснениями, что тема доклада не соответствует содержимому, что это его первое выступление, и что всё будет очень скомкано и отрывисто, так как речь пришлось ужимать под временные рамки. На примерах показал тренды в современных интерфейсах, указал на их недостатки: кнопка регистрации, которая не помещается на первом экране в сервисе Yahoo; социальные кнопки, спрятанные под незаметным «клювиком» в интерфейсе покупки музыкального альбома. В трендах обозначил облегчение контроллов, увеличение шрифтов, общее снижение инфо-шума. Итогом доклада стал вывод, что не стоит бояться, нужно предоставить себе свободу в дизайне и проектировании интерфейсов (гайдлайны для слабаков :))
Принципы разработки поддерживаемых и гибких интерфейсов.В своём докладе Василий рассказал о создании абстракций в вёрстке, помогающих улучшить гибкость при дальнейшем использовании. Принцип родитель-ребёнок, — ребёнок не влияет на соседние элементы, не меняет контекст. Принцип одной точки изменения элемента, — изменяя параметр элемента, вёрстка не ломается. На примере создания css3-кнопки наглядно показал, шаг за шагом, как увеличить гибкость параметров и в дальнейшем легко пере использовать вёрстку. Например, изменение ширины центрированной кнопки корректно меняет её позицию и отступы внутренних элементов. Дальше речь пошла об использовании сеток. Были показаны сценарии использования css3 grid. Но в силу того, что это свойство поддерживает на данный момент только IE10, Василий предложил аналоги, в частности, свою наработку AnyGrid.
Knockoutjs на примере 2ГИС-Онлайн.Илья рассказал о том, как они используют данный MVVM-фреймворк при создании своего сервиса. На примерах показал, как они биндят свои данные (Observable, Computed). Для предотвращения замыканий дал совет не наблюдать Computed один внутри другого и не менять Observable внутри Computed. Когда их проекты разрослись до 200+ функций, начали использовать модули.
Заставь свои Backbone приложения танцевать!Очень насыщенный
доклад. Были рассказаны принципы построения приложения на примере ToDo листа. В конце Максим дал хороший обзор плагинов для упрощения разработки.
Адаптивный дизайн: модный тренд или реальное будущее.Спорный доклад от ребят из index.art. Адаптивный дизайн меняется в зависимости от размеров экрана отображающего устройства. Были приведены примеры сценариев использования. Много вопросов возникло на кейсе, в котором таблица на маленьком экране трансформируется в круговую диаграмму :) Так же, ребята нашли исследование компании O’Neil, в котором они приводят цифры до/после внедрения адаптивной вёрстки в их интернет-магазине. Андроид заходы увеличились на 333%, иОС – в районе 50-70%, что вызвало много вопросов. Так как рынок мобильных устройств растёт, и увеличение могло иметь место и без интеграции АД.
Как коню из вакуума не попасть в чёрную дыру. Кейсы проектирования в Artsofte.Интересный доклад от директора компании о методиках работы. Была раскрыта тема предварительного проектирования при заказе нового проекта. Рассмотрены +/- карандашного проектирования, а также список сред, в которые они перешли после мучений в Photoshop: Axure, InDesign, Visio и т.д. Рассмотрены принципы работы с клиентом, когда старая система не позволяет в полной мере реализовывать функционал новой, с которой она должна взаимодействовать. Показана важность хорошего технически подкованного переговорщика, который может сдвинуть точку принятия решений. В конце был рассмотрен кейс, когда предварительное проектирование интернет-аукциона дало многократное увеличение бюджета, что позволило заранее отказаться от выполнения, не расходуя ресурс разработки.
Универсальный интерфейс.Антон из Aviasales, базирующегося в Тайланде, очень весело рассказал об истории разработки их мобильного приложения. Как их первая версия с множеством кнопок и не интуитивным интерфейсом эволюционировала во вторую, которая соответствует гайдлайнам и имеет свою «изюминку» в виде летающего самолётика в процессе поиска билетов :) Так же затронул утреннюю тему универсальных специалистов, когда один человек имеет несколько ролей в проекте. Привёл пример загадочного дизайнера, которого знает только 1 человек в команде с высочайшим скиллом общения. Рассказал, как этот супер-дизайнер неделями не выходит на связь, познавая дзен где-то в горах и не числится в штате компании, считая себя свободным художником, но по факту, они платят ему столько, чтобы он работал только на них. В результате выдаёт очень качественные интерфейсы, однако, исходя из прошлого опыта, которым необходимо ещё месяц «настояться». Так как, с большей долей вероятности, проектировщик просветлится, и внесёт ещё одни окончательные изменения.
Было ещё много интересных докладов в параллельных секциях, которые хотелось бы посетить. Организаторы обещали выложить видеозаписи. Организация оказалась очень хороша. Получасовые перерывы, в которых можно пообщаться с единомышленниками, скушать бутерброд и выпить свежевыжатый сок. Контур порадовал тематическим подходом — «летаем в облаках». На входе меня встречали красивые стюардессы, раздавали сок, воду, а так же набор сони из подушки, наглазников и затычек в уши :) Приволокли квадракоптер, который предлагалось угнать любому желающему по вай-фай, взломав специальный архив. Наумен организовали лотерею с мимами и аппельсиновым соком. Айдеко порадовали красивыми девушками с колесом фортуны, а так же организацией афтепати с настольными играми.
