В нашем агентстве интернет-проекты — одно из важных направлений, и в этом посте мы немного расскажем о той части работы над ними, которая не сразу видна — разработке интерфейсов.
Многие ошибочно полагают, что работа над сайтом начинается с дизайна, в то время как еще до него проделывается едва ли не основной труд. По крайней мере, так происходит у нас.
На первом этапе мы детально анализируем весь контент, который будет на сайте, и упорядочиваем его в виде информационного дизайна — это подробный схематичный интерфейс всех страниц, но еще без графики. Именно он в последующем является техническим заданием для дизайнеров и программистов. На деле это выглядит так:
В примере хорошо видно, что в процессе дизайна сохраняется весь заложенный функционал, а значит сайт будет выполнять требуемые задачи.
Чтобы работа не казалось простой, покажем, что дело не ограничивается главной страницей — проектируются все уникальные разделы и элементы:
Дизайн, кстати, тоже важен, поэтому, когда дело доходит до него, он разрабатывается с особой тщательностью и не всегда с первого раза. Вот несколько промежуточных решений в нашем примере, и справа — результат, к которому мы в итоге пришли в случае с KZN.TV.
В дизайне, как и в интерфейсе, приходится уделять внимание мелочам. Небольшой пример — серия иконок для одного маленького блока «Погода»:
Сегодня сайту часто требуется мобильная версия, и тот кто полагает, что на маленьком экране все просто, заблуждается. Понятно разместить на нем большой объем информации — непростая задача, поэтому для мобильной версии по-взрослому проводится вся та же работа, что и для основной:
Чтобы все участникам команды разработки было понятно, что делать, инфодизайн сопровождается подробным описанием.
Создавать интерфейс можно в чем угодно, даже просто рисовать на бумаге, но мы, как правило, используем Axure RP Pro. А для совместной работы над документами типа техзаданий или баг-листов идеален Google Docs.
Нам часто задают вопрос: почему дорого? Надеемся, теперь вы примерно представляете. Отличие любых наших продуктов, не только сайтов, — в глубине проработки, мы просто больше времени уделяем деталям. Когда задача непростая, а результат должен быть не просто красивым, а эффективным, это неплохо работает :)
Мы не первый день работаем с брендом «Летай» и постепенно из того, что было, вместе с клиентом стараемся сделать дружелюбного и, в первую очередь, понятного оператора телеком услуг.
Само собой, в этой ситуации первое дело — доступно рассказать, что же мы продаем, поэтому на сайте «Летай», как только появилась возможность, мы взялись за раздел «Тарифы» и постарались разложить по полочкам все, что там было.
Это такая не сразу видимая, но важная работа, которой часто не уделяют внимания, но только не у нас. Даже огромное количество букв и цифр можно сделать понятными. Еще есть что затачивать, но прогресс есть, не так ли? )
Смотрим: tarify.letai.ru
Фотографии с нашей пятничной игры в детективный живой квест. Спасибо questoria.ru
Научно-производственное объединение «Вычислительные системы» продает комплексные решения в области информационных технологий и консалтинга. Компания проектирует, внедряет и осуществляет гарантийное и сервисное обслуживание информационных систем любого масштаба. Бренд создан компанией ICL для обслуживания определенной группы клиентов.
В рекламном агентстве Origami был создан фирменный стиль НПО «Вычислительные системы» и разработано руководство по нему.
Создание сайтов: в рекламном агентстве «Оригами» разработан сайт сервисного подразделения компании «Трак Центр».
На основе разработанного нами фирменного стиля создан буклет, ясно и красиво рассказывающий о достоинствах и возможностях технополиса «Химград».
