Тренинг по проектированию интерфейсов в Одноклассниках.ру и Mail.ru

1 и 2 марта прошел тренинг по проектированию интерфейсов для компаний Одноклассники.ру и Mail.ru, который я вел для сотрудников обеих компаний. Он состоял из двух частей — теория с рассказом об особенностях процесса и практика, в ходе которой процесс в разных вариациях опробовали на практике. В результате двухдневного мероприятия команды соседствующих по холдингу Mail.ru Group компаний познакомились друг с другом в рабочем режиме и получили много полезных знаний о том, как сделать свою работу лучше.
Continue reading

Участие в неформальной конференции UXCamp UA 2010

В конце прошлой недели, 31 июля и 1 августа, под Киевом прошла первая из серии неформальных конференций “UXCamp UA 2010“. Я участвовал в ней в качестве приглашенного эксперта, руководив командой одного из спонсорских проектов. А на старте мероприятия выступил с мини-докладом о важности хорошей презентации работ над интерфейсом. Особенно удачным получилось то, что итоговая презентация самого спонсорского проекта подкрепила этот посыл, наглядно сравнив два способа подачи идей.
Continue reading

Визуализация данных. Наглядный и компактный способ отображения информации, часть 3. Примеры из практики

В первых двух частях описаны классификация и процесс создания инфографики. Мы в компании активно используем эти инструменты. Где-то это стандартные вещи вроде иконографики или диаграмм, где-то более сложные инструменты. Работа ведется в стандартной связке проектировщика и дизайнера. Не забывая, конечно, консультироваться у технических специалистов по поводу реализуемости задуманного и специалистов в предметной области по поводу осмысленности решений.

Continue reading

Отрисовка wireframes. Начало работ по проектированию интерфейса

Недавно писал о рабочей сессии для одного из новых проектов. За прошедшее время успели завершиться работы по бизнес-анализу и сбору требований, так что самое время начинать проектирование конкретных страниц. Объем предстоящих работ немаленький — нужны будут несколько сотен структурных схем страниц (wireframes). Правда, на текущем этапе работ мы еще определяемся с окончательным концептом будущего продукта. Так что пока достаточно черновых схем 5-7 ключевых страниц. Но проблема “с чего начать” все равно остается.

Continue reading

Обзор приемов проектирования. Достаточный интерфейс против всеохватывающего

Давно известна польза от меньшего количества кликов в интерфейсе. Резать ненужные взаимодействия и упрощать оставшиеся — одно из самых приятных занятий при проектировании. Не всегда получается сделать это сразу, но после нескольких ревью и обсуждений получившегося интерфейса приходит просветление. Хотя бывает, что сперва психологически сложно спроектировать функциональность в упрощенном виде. И только взгляд через некоторое время дает отнестись к урезанию легче.

Continue reading

Из опыта работы. Проектирование системы управления проектами EPAM PMC

Страница списка объектов в PMC (скринот из интерактивного прототипа)Одним из самых плотных по вовлечению и продолжительности проектов был для меня Project Management Center. Те полгода активных обсуждений, аналитики, проектирования и экспериментов помогли создать мощную базу наработок для всего процесса работы над интерфейсами. Все это в условиях двойного давления по времени — компании нужно было как можно скорее запустить новую версию системы, а мне — не затянуть давно запланированный переезд в Питер.

Continue reading

Из опыта работы. Проектирование рекрутингового сервиса GapZap

Главная страница сервиса GapZapГде-то год назад наша компания занималась проектированием американского рекрутингового сервиса для инвестиционной компании GapZap. Сайт должен был помочь частным дантистам и клиникам в поиске персонала на временную и постоянную работу. Ну и, соответственно, наоборот — обеспечить занятость соискателям. Конечно, одним только сайтом этого добиться сложно, поэтому заказчик запланировал целую серию маркетинговых мероприятий по выводу продукта в люди.
Continue reading

Проектирование интерфейсов с AJAX. Как отразить веб2.0-динамику в wireframes

В последнее время проектируем все больше веб2.0-проектов и веб-приложений. В придачу к “социализации” сервисов, это добавляет им технологичности. В основном это касается динамического взаимодействия и других AJAX-овых штучек. Хорошо, если это просто пара всплывающих слоев или появляющаяся по клику форма комментирования. Но иногда нужно сделать что-то вроде NetVibes, в котором, по сути, всего одна страница в классическом понимании и огромное количество динамических реакций.

Continue reading

Wireframes для презентации и документации, 2 часть — Решение

Проблемы при подготовке многоцелевых wireframes (читайте первую часть статьи “Wireframes для презентации и документации“) можно решить несколькими способами.
Continue reading

Wireframes для презентации и документации, 1 часть — Проблема

Wireframes (структурные схемы страниц) чаще всего используются в двух целях. Во-первых, как часть проектной документации — на их основе работает дизайнер и, во многом, команда разработчиков. Во-вторых, как часть презентационных материалов — обсуждение концепции на ранних стадиях проекта. Есть еще одна практика — использование wireframes как бумажных прототипов в юзабилити-тестировании, — но в этом материале речь о другом.
Continue reading