Дизайн-концепцию для Market.FM на основе моих прототипов нарисовал Женя Лучинин, а я разработал макеты более 50 внутренних страниц, фактически все экраны. Как выяснилось, в проекте не было мелочей, которыми можно было пренебречь и сделать непродуманно. Вот один из экранов, наверное, самый сложный.

Это интерфейс добавления товара. Наиболее сложной и, как оказалось впоследствии, лишней вещью был контроллер выбора категорий с возможностью добавления пользовательских значений. В прототипе все было очень здорово, но когда стали воплощать в реальном интерфейсе с учетом всех мелочей, верстки, ява-скрипта, браузеров, юзабилити, возник вопрос, а будут ли люди всей этой красотой пользоваться? Я вспомнил, что нужно начинать с самого простого. И самые эффективные интерфейсы — простые. Если выбирать между сложным интерфейсом и не слишком удобным, эффективным и востребованным скорее окажется второй, поскольку первым многие вообще не будут пользоваться.

Поэтому сейчас в проекте стоит обычный контроллер, без пользовательских значений.

Подготовил презентацию для проектной сессии startupindex. Между прочим, неплохой способ рассказать о проекте «в двух словах».

pmarketfm.pdf (732 Кб)

Самое забавное, что в процессе работы над проектом постоянно ощущал дежавю. В 2001 году все это уже было и карточки предприятий и товары и деловой контент. Разумеется, сейчас следующий виток спирали, более совершенный, но такие совпадения не могут не удивлять.

Кроме собственно интересной идеи – построить каталог компаний на принципах социальной сети, меня очень привлекала задача создания проекта такого уровня силами полностью удаленной команды в режиме фуллтайм. Считаю что это вполне удалось, хотя на финальной стадии проекта очень не хватало возможности обсуждать изменения и сразу же воплощать. Слишком уж много мелочей и их документирование занимало столько же времени, сколько воплощение. Общение вживую в крупном проекте необходимо также и на стадии обсуждения идеи и составления документации.

Для новой версии сайта туроператора BSI Group, в компании Телемарк создали дизайн-концепцию и более 10 шаблонов внутренних страниц. Я разрабатывал дизайн и вел проект.

С точки зрения управления проектом, интересной была задача избежать наслаивания изменений в проекте. Скажем, разработали главную и одну внутреннюю, а при согласовании следующей внутренней, клиент  просит изменить что-то в предыдущей, уже утвержденной странице. В макетах, где по нескольку десятков слоев, каждое изменение, да помноженное на количество макетов, которые оно затрагивает – немаленькое дело. Поначалу это сильно беспокоило. В итоге, проблему решили довольно просто – все изменения вносились только в те страницы, кторые разрабатывались в данный момент, а уже утвержденные не затрагивались. В конце, когда был согласован последний макет, внесли все изменения в остальные. И их оказалось не так уж много, как думалось вначале :)

Главная страница:

[Дальше-больше]

Золотистая гамма — довольно сложная штука. Также как и работа с розовым, к примеру.

Вот что получилось на главной сайта компании Эф-Ай-Ти.

К сожалению, рестайлинг коснулся пока только главной страницы.

Из приятных фишек можно отметить, слайдеры (большая витрина и блок «идеи путешествий») и карту. Карта компактно отображает страны по которым работает компании и фильтрует остальные (по клику на макрорегион).

Задача — создать сервис, с помощью которого, можно:

• создать персональную карту путешествий;
• разместить фотографии своих путешествий с возможностью привязки к городам и местам;
• добавить на карту мира интересные места;
• оставлять комментарии к фотографиям, городам и местам;
• смотреть фотографии, карточки городов, мест и выбирать куда поехать следующий раз и что стоит посмотреть.

На данный момент это реализовано в альфа-версии социального путеводителя «Ойкумена».

Но, поскольку это альфа-версия, мне хотелось бы на примере нескольких интерфейсов рассказать о тех задачах, которые приходилось решать.

Персональный профиль путешественника

Сюда мы попадаем, перейдя по ссылке «Мои путешествия». В персональном профиле пользователь может отметить все города и места которые он посетил, в том числе и их местонахождение на карте. По клику на название города в списке карта скроллируется, не изменяя масштаба, а при клике на место в городе, она масштабируется до уровня города. Таким образом решается проблема разделения маркеров городов и мест на одной карте: города показываются на уровне стран, а места на уровне городов.

Еще одна интересная задача, которую предстояло решить — это компактное размещение списка стран, городов и мест. В итоге получился сворачивающийся список, в котором страны отображаются в горизонтальном списке. Такой способ отображения позволяет удобно управлять отображением мест на карте, не прибегая к прокрутке. Его недостаток — «ненаглядность» в свернутом состоянии, но это легко исправить по умолчанию открывая родную страну пользователя.

Добавить новый город в список можно легко, прямо на этой странице. А для добавления мест и фотографий предусмотрены отдельные интерфейсы. [Дальше-больше]