Недавно мы запустили наш новый сайт. Естественно, мы анализируем статистику посещений, источники трафика и тому подобное. Однако не менее важную, а подчас и более полезную информацию при оценке сильных и слабых сторон юзабилити сайта предоставляет анализ поведения пользователей, маршрутов передвижения от начала сессии до ее завершения. В этой статье мы проанализируем поведение пользователей на новом сайте «Бюро Пирогова» с помощью вебвизора сервиса Яндекс.Метрика. Для примера возьмем сессии 3-х пользователей. Пользователь №1 Маршрут передвижения: примерно 20 секунд изучает «первый экран», переходит в раздел «Работы» по ссылке в основном меню, просматривает подразделы, выбирает одну работу, просматривает, переходит в следующую, не возвращаясь в основной каталог. Что сработало: • Если в портфолио/каталоге много работ, лучше сделать много вкладок каталога, но умещать все работы одной вкладки на одном экране. В идеале страница должна оставаться без скроллинга. Читать далее

Мы подвели итоги нашего креативного конкурса веб-дизайна «Level up!», проведенного под эгидой Международной студенческой Олимпиады в сфере информационных технологий «IT-Планета» при нашей спонсорской поддержке, а также спонсорской поддержке компании Adobe Systems. http://www.sostav.ru/blogs/images/feeds/8/14519.jpg Конкурс проводился на протяжении более чем 5 месяцев, за это время в нем приняли участие около 2 тысяч человек, было подано более 500 работ. http://www.sostav.ru/blogs/images/feeds/8/14520.jpg В ходе конкурса участникам предстояло разработать дизайн сайта для одного из «непродаваемых» продуктов, которые имеют дефекты или конструктивные недостатки. http://www.sostav.ru/blogs/images/feeds/8/14521.jpg Для этого было необходимо придумать идею, которая бы обыграла «минусы» продукта и сделала их модными особенностями, «фишками». В качестве призов были разыграны компьютер iMac, графический планшет и лицензия графического редактора Photoshop. Читать далее

Технология HTML5 с каждым днем становится все более популярной в Интернете. Если несколько лет назад о ней знали только в узких профессиональных кругах веб-разработчиков, то теперь наслышаны об HTML5 и люди, связанные с отраслью лишь опосредованно. В большей степени известность эта распространилась в связи с противостоянием технологий HTML5 и Flash. HTML5 претендует на право стать универсальным стандартом разработки мульмидейного контента в будущем, защитники Flash'a яростно обороняют свои позиции. Попробуем, не углубляясь в технические тонкости, рассказать, чем же хорош HTML5 и почему этого стандарта не стоит бояться. 1. HTML5 – новый этап стандартизации веба. Распространено заблуждение, что HTML5 – это новый язык разметки, который не будет понятен старым версиям браузеров, которые сейчас в основном установлены у пользователей. Многие думают, что все те возможности, которые активно афишируют сторонники HTML5, будут доступны только тем, кто имеет самые последние версии браузеров. Читать далее

Мы делаем сайт с использованием технологии адаптивного веб-дизайна для компании «Пластика Окон». Суть технологии в том, что верстка сайта и содержание страниц меняется в зависимости от размера экрана воспроизводящего устройства. Например, на большом экране демонстрируется максимум информации со всеми иллюстрациями и текстами; на экране планшета элементы страницы уплотняются, некоторые разделы и иллюстрации остаются скрыты, а тексты сокращаются; на экране телефона вместо иллюстраций представлены миниатюрные пиктограммы, даны краткие выжимки из текстов, а количество разделов сведено до необходимого логического минимума. Таким образом, сайт одинаково хорошо и корректно смотрится и на широкоформатном мониторе, и на планшете, и экране смартфона, и на обычном телефоне с поддержкой интернета. Вот как это выглядит на примере различных устройств: Стандартная ширина экрана ноутбука (1440 px) Здесь мы видим, что сайт занимает все пространство экрана и не выходит за его границы. Читать далее

Один из ведущих игроков российского веб-рынка выпускает новую версию сайта и меняет область своих приоритетов. «Бюро» начинало свою деятельность с создания «красивых сайтов» с акцентом на графическом дизайне — всего нами было реализовано более 200 проектов. За прошедшие 6 лет мы стали лидерами в этой нише и стали безошибочно ассоциироваться с «красивыми сайтами», «флешом» и качественной веб-иллюстрацией. Тем самым мы привлекли значительное внимание клиентов к качественному визуальному представлению своих ресурсов. Рынок стремительно изменяется — в фаворе мощный функционал, технологичность и продуманное usability интернет-решений. Кроме того, индустрия вышла за пределы веба и теперь объединяет в себе комплексные digital-проекты в разных средах. Мы не стоим на месте и постепенно пришли к новой концепции — она основана на том опыте, который мы накопили к текущему моменту, и целях, которые мы ставим перед собой. Основа нашего позиционирования — поиск и внедрение перспективных интернет-технологий и инструментов, которые пока не вышли в массовое производство. Читать далее

«Бюро Пирогова» разработало проект внутреннего сайта для ТНК-BP, одной из крупнейших нефтяных компаний. Сайт предназначен для взаимодействия компании с подрядчиками и поставщиками. Несмотря на то, что тематика сайта предельно деловая, Бюро сделало его привлекательным и простым, без ущерба общей информативности. Главная страница сайта При разработке дизайна учитывались визуальные стандарты ТНК-ВР. Дизайн не отвлекает внимание от информации, сайт очень быстрый и легкий, вся необходимая информация доступна максимум в два клика. Навигация проста и интуитивно понятна, доступ к основным разделам сохраняется на каждой странице. Сайт рассчитан на интенсивный обмен информацией между подрядчиками и компанией. Для этого на портале внедрены интерактивные модули: форум, вопрос-ответ, новости, подписка, обратная связь, морфологический поиск. Для всех ключевых страниц сайта были разработаны прототипы. Бюро провело серьезную работу над usability сайта, чтобы все разделы и модули (а их достаточно много на ресурсе компании такого уровня) были расположены логично и информацию было легко найти. Читать далее

«Бюро Пирогова» разработало комплексный продакшн для проекта элитной недвижимости «Юсупов Двор». В одном проекте мы реализовали три полноценные работы: • Создание логотипа, • 3D-рендеринг, • Сайт. Чтобы быть уверенными в конечном результате работы, весь проект мы реализовали самостоятельно, не прибегая к субподрядам. 1. Логотип При предварительном обсуждении работы с клиентом, мы остановились на том, что логотип будет разрабатываться в 2-х вариантах: • «Юсупов двор» (прописью), • «ЮД» (как вариант на печати). Цвет – однотонный (золото, черный, бордовый), без градиентного заполнения. Историческая привязка - 16-18 век, вензеля. Очень важно, что короткий вариант логотипа («ЮД») должен был быть разработан в гербовой форме, чтобы его можно было использовать в элементах художественной ковки и при оформлении интерьеров. Было предложено несколько вариантов обрамления букв: После этого мы детально отрисовали логотип. Читать далее

"Бюро Пирогова" разработало концепцию масштабной рекламной кампании для международной системы денежных переводов и платежей Contact. Акция «В Contact'e с близкими» проводилась с 1 июня по 31 декабря 2011 года. Согласно условиям акции, любой желающий, совершив денежный перевод, мог принять участие в розыгрыше и получить денежные приз на свой мобильный. Комплексная программа по продвижению акции была направлена на широкий охват массовой аудитории, использующей денежные переводы: • людей, работающих за рубежом; • студентов, обучающихся за рубежом и их родственников; • туристов, не имеющих счетов в местных банках • обычных граждан, которым может срочно понадобиться перевести деньги. Чтобы донести рекламное сообщение до этих групп населения, в качестве мест размещения рекламы были использованы уличные носители, наземный общественный транспорт, метро. В дополнение к outdoor и indoor-рекламе были подготовлены печатные материалы для оформления мест продаж. Читать далее

Классический настольный компьютер отслужил свой недолгий век и скоро займет место среди музейных экспонатов. Появление iPad ознаменовало начало эры пост-ПК, и сейчас мир неуклонно движется в «мобильное» будущее. Бурный рост количества смартфонов и планшетов постепенно смещает фокус с традиционного веб-дизайна к веб-дизайну «мобильному». В России этот тренд четко обозначится уже в следующем году, и, чтобы не упустить крайне перспективную, «продвинутую» аудиторию обладателей гаджетов, владельцам сайтов уже сейчас необходимо задуматься над созданием мобильной версии своих ресурсов. Здесь следует иметь в виду, что запросы традиционных пользователей ПК и тех, кто использует для выхода во всемирную сеть мобильные устройства, существенно отличаются. Ниже приведу несколько простых советов, которые помогут сделать «мобильный» сайт более дружественным для пользователя. 1. Упрощайте функционал. Структура «мобильной» версии сайта должна быть предельно простой. Читать далее

В очередной раз задавшись целью взять кредит и сделать вклад (читай – оценить удобство Интернет-представительства банка для посетителей), я отправился на сайт банка «Русский стандарт». Читать далее

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

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

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

Очередной совместный проект банка «Открытие» и Бюро Пирогова – яркий промо-сайт для сотрудников Банка, который приурочен к празднованию нового 2011 года. Читать далее

Сегодня анализируем сайт unicreditbank.ru . Напомню, что анализом в данном случае является оценка выполнения простых пользовательских сценариев - я попытаюсь как частное и юридическое лицо взять кредит и открыть вклад. Итак, дизайн сайта не отражает фирменного стиля Банка, и у меня даже нет предположений, как и почему такое могло произойти. Читать далее

Итак, беремся за сайт самого главного банка Родины - sbrf.ru. Напомню, что для тестирования любого интерфейса нужны пользовательские сценарии. На этот раз я срежиссировал тот же сценарий, что и в предыдущем посте :) - я попытаюсь взять потребительский кредит, кредит на бизнес, а также сделать вклад. Читать далее

Сегодня на повестке дня сайт МДМ-банка - http://mdm.ru/. Я как простой потребитель попытался оставить заявку на получение кредита и вклада, чтобы проанализировать сайт банка на предмет удобства. Ну, обо всем по порядку. Читать далее

В своем блоге, помимо личных заметок, я еще постараюсь проанализировать все отечественные банковские сайты и рассказать об их ключевых недостатках и преимуществах, а также о способах увеличения продаж через интернет. Дело в том, что недавно в Бюро по заказу клиента делали аудит банковских сайтов. В процессе работы меня поразило количество неудобных интернет-представительств в банковском секторе. Удивительно, что столь денежная банковская отрасль, за небольшим исключением, использует ничтожно малое количество возможностей всемирной сети. Будучи дилетантом в банковской сфере, я, как простой потребитель, попытаюсь оставить заявку на кредит и вклад. Читать далее