Archive

Archive for the ‘Wireframes’ Category

Презентация с конференции Software People 2009 — Управление ожиданиями от процесса проектирования интерфейсов

May 25th, 2009

В конце прошлой недели, 21 и 22 мая, в Москве прошла профессиональная конференция “Software People 2009“. Я выступил на ней с докладом “Управление ожиданиями от процесса проектирования интерфейсов“. В нем описываются особенности взаимоотношений команды проектирования с клиентом, командой разработки и другими заинтересованными лицами на разных этапах работы. Недопонимание способно здорово испортить жизнь обеим сторонам, так что лучше решать проблемы до их появления.

Read more…

Wireframes, Конференции, Пользовательские интерфейсы, Практика, Презентации, Проект-менеджмент, Проектирование, Процесс, Теория, Управление ожиданиями, Юзабилити

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

March 13th, 2009

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

Read more…

Wireframes, Визуализация, Инфографика, Информационный дизайн, Пользовательские интерфейсы, Практика, Проектирование

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

April 4th, 2008

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

Read more…

Wireframes, Документы, Пользовательские интерфейсы, Практика, Проектирование, Юзабилити

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

February 8th, 2008

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

Read more…

Wireframes, Пользовательские интерфейсы, Практика, Проектирование, Юзабилити

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

November 22nd, 2007

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

Read more…

Wireframes, Пользовательские интерфейсы, Портфолио, Практика, Проектирование, Прототипы, Юзабилити

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

August 27th, 2007

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

Wireframes, Пользовательские интерфейсы, Портфолио, Практика, Проектирование, Техническое задание, Юзабилити

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

June 15th, 2007

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

Read more…

Wireframes, Веб2.0, Пользовательские интерфейсы, Практика, Проектирование

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

May 3rd, 2007

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

Wireframes, Пользовательские интерфейсы, Практика, Проектирование

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

April 27th, 2007

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

Wireframes, Пользовательские интерфейсы, Практика, Проектирование