Услуги

Проектирование веб-интерфейсов

Проектирование веб-интерфейсов — сильное место User House и главное направление работы. Мы спроектировали не один десяток интернет-магазинов, b2c и b2b сайтов.

31

выполненный проект

9

лет опыта

Как устроен процесс процесс проектирования веб сайта

Составляем почасовой план работ

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

Изучаем статистику сайта

Перед тем как приступить к проектированию интерфейсов сайта, необходимо найти проблемные места и оценить их критичность. Если говорить о веб-интерфейсах, существует довольно большой набор инструментов, позволяющих фиксировать пользовательские пути, карты кликов и даже записывать видео каждого посещения. Но основные инструменты анализа веб сайтов — Яндекс.Метрика и Google Analytics. С их помощью мы сможем узнать, какие маршруты выбирает пользователь, оказавшись на сайте: на какие страницы заходит чаще, а на какие реже, где нажимает на кнопку, а где закрывает окно. Так мы поймем, хорошо ли работает существующая навигация, сколько времени человек проводит на web сайте, находит ли он то, что ищет, и какие страницы нуждаются в доработке в первую очередь.

Анализируем техническое задание

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

Если сайтом будут пользоваться на разных устройствах — компьютере, телефоне, планшете, — то мы проектируем несколько версий интерфейса сайта, оптимизированных под каждую из этих платформ, то есть делаем верстку адаптивной.

Создаем высокоуровневый прототип — wirefram’ы

Проектирование интерфейса веб сайта начинается c отрисовки высокоуровневых прототипов (еще их называют wireframe или серыми блоками). Это общая модель интерфейса с описанием всех значимых блоков системы и переходов между ними. Отрисовка прототипов — быстрый этап, который позволяет почти сразу оценить состав всех страниц и при обнаружении недочетов быстро их исправить.

Создаем детальный прототип

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

Обычно мы работаем в Adobe InDesign и создаем интерактивные прототипы в формате PDF, но можем использовать и другие средства прототипирования, например, Sketch.

В отличие от технического задания, которое можно понять по-разному, прототип однозначен. Он позволяет увидеть и оценить прообраз будущего продукта и внести правку на ранних стадиях разработки, что будет гораздо дешевле и быстрее, чем после реализации системы.

Графически оформляем созданный детальный прототип

Строго говоря, дизайн интерфейсов — отдельная услуга. Но так как она является логическим продолжением проектирования любого web интерфейса, уместно ее упомянуть.

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

При необходимости реализовываем спроектированные интерфейсы

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

2015

Проектирование и дизайн интернет-магазина Happy Bottle

2013

Проектирование и дизайн интернет-магазина Маркет Красок

2011

Проектирование интерфейса партнерской сети Target.mail.ru

Клиенты, для которых мы оказывали эту услугу

Другие услуги

+7 495 724-60-03

info@userhouse.ru

119435, Москва, Большой Саввинский переулок, 12с5

Мы в соц. сетях:

© 2010–2017 User House