Собственные проекты мы любим еще и за то, что они дают редкую возможность свободного творческого полёта, не стиснутого жесткими рамками технического задания или  усердным стремлением заказчика «помочь» в работе. Одной из таких «отдушин» стал  промосайт художественного альбома Владимира Качанова «Москва уходящая. Бульвары».

Пара недель увлекательной работы пролетела как один день. Конечно, сложно в столь сжатые сроки реализовать даже самую малую часть бурного, нескончаемого потока идей. Посему далеко не все «фишки», которые мы успели придумать, нашли в проекте воплощение. Но сайт, безусловно, получился достойным того, чтобы рассказать историю его создания.

Были отсняты и обработаны десятки фотографий. «Было-стало» главной страницы и центрального поля:

На главной странице – ничего лишнего: фото и краткая информация об альбоме и авторе.

В разработке использовали самые современные подходы, тесную интеграцию и взаимодействие технологий внутри одной страницы. Решили делать сайт по принципу «летающего экрана» – движения окна просмотра над картой Москвы. Конечно, сама по себе идея не нова, но мы постарались реализовать её максимально удобно и гибко.

Карта сайта. Всего пять страниц или позиций: Главная, Альбом, Постеры, Упаковка и Об авторе.

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

На странице «Постеры» мы можем увидеть не только сами постеры-картины с видами бульваров. При наведении на них весь фон сайта, представляющий из себя карту Москвы, перемещается, указывая нам то место, что изображено на картине. А при клике мы увидим увеличенное изображение.

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

Страница «Об авторе» свёрстана в газетной сетке, непривычной для веба.  

Надеемся, вам понравилось. Потому что нам – очень!

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

При разработке интерфейсов всегда следует помнить, что чем больше возможностей у пользователя, тем больше шансов, что использует он их неправильно. Поэтому задача заключается в том, чтобы предоставить удобный инструмент для написания красивой статьи, но при этом не дать её испортить. Это не ограничение свободы, это лишь свод законов, которые мы не даём нарушить. Это правила, по которым, в конечном счёте, живёт общество. И любая социальная сеть, по своей сути, является своеобразным государством со своими гражданами (пользователями) и чиновниками (администраторами ресурса). Но, это уже совсем другая история, вернёмся к нашей теме…

Любая запись в любом блоге может быть разбита на несколько логических элементов. Чаще всего это фотографии с подписями и несколько параграфов текстового содержания, реже - вставки с видео, и ещё реже - различные виджеты. Всё, что мы сделали, это предоставили пользователю набор "кирпичиков" для построения своего отчёта.

В рамках данной статьи я не стану подробно расписывать весь функционал, всё-таки это всего лишь прототип, над которым предстоит ещё много работы.

Итак, первое, что мы увидим при добавлении нового отчёта:

Выглядит немного необычно, правда? =)

Пользователю предлагается написать заголовок и выбрать один из различных блоков. Пока их всего четыре: текст, фото, видео и карты, но в планах…

Добавим заголовок:

Добавим текст:

Все урлы в текстовом блоке автоматически будут преобразованы в ссылки.

Теперь фотографии. Их, кстати, можно выбрать сразу несколько:

Покажем где же мы всё это дело отмечали:

Теперь осталось всё отсортировать, добавить пару примечаний и готово! Результат можно увидеть на Геоиде.

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

При работе над сайтом АСК мне достался вот такой интерфейс:

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

• Зависимость от ява скрипта
• Неочевидность и непредсказуемость (пока не попробуешь, не поймёшь, как элемент реагирует на те или иные действия. Например, можно ли выбирать промежуточные значения?)
• Для выбора нужного пункта необходимо сделать три действия (зажатие ползунка, перемещение на нужный пункт, отпускание ползунка)
• Некоторая сложность реализации

Решение стало очевидным:

Т. е. обычный ряд стандартных радиокнопок. За плюсами такого решения далеко ходить не надо:

• Очевидность, ведь используются стандартные элементы
• Выбор нужного пункта в один клик
• Простота использования