Так мы плавно переходим к вопросам верстки, юзабилити и дизайна. Сперва команда проектировщиков интерфейсов создает макеты будущего сайта. В макеты дизайнеры закладывают и будущее изменение сайта под мобильные устройства. Так же макет дает понять насколько удобен будет сайт для будущих пользователей, насколько он отвечает их опыту взаимодействия с похожими сайтами. После утверждения заказчиком макетов, дизайнеры начинают «оживлять» сайт. Сложные проекты, на этапе дизайна, могут изменять свой внешний вид несколько раз, для достижения лучшего юзабилити и UX. После утвержденного дизайна, верстальщики начинают превращать дизайн сайта из .psd файлов в рабочий сайт. Сайт тестируется на всех устройствах, проверяется как он совместим с различными версиями браузеров, и мобильных устройств. После окончания верстки сайт «натягивается» на одну из CMS, с которыми мы работаем. Далее программисты добавляют сайту функционал. Одним из последних этапов является тестирование сайта. Последний этап — это сдача сайта заказчику
Процесс разработки сайта строится в несколько этапов
Один из первых этапов — это составление ТЗ (если его нет) и макетов. Для сложных проектов, чтобы продумать их логическую структуру, мы используем карты памяти, они помогают наглядно представить объем будущей работы. Макеты, как правило, проектируются в таких программах, как Balsamiq. После прорисовки макета, он согласовывается с заказчиком.
У каждого пользователя есть свой опыт работы с сайтами. Для того, чтобы сайт не вызывал вопросов и был интуитивно понятен, его нужно хорошо протестировать на целевой аудитории. На этой стадии макеты «оживляются» в программах прототипирования, это еще не конечный дизайн, но прототип уже отзывчивый, можно нажимать кнопки, меню, и прочие элементы интерфейса.
Дизайнеры выбирают лучшие сайты из сферы работы заказчика, изучают их интерфейс и особенности работы пользователей с похожими интерфейсами. В сайт «внедряются» современные тенденции дизайна. Если сайт предназначен для мобильных устройств, также создаются страницы под соответствующие разрешения экрана.
Верстальщик делает кроссбраузерную верстку сайта по макетам предоставленными дизайнером или заказчиком. В это время программист создает структуру сайта, инфоблоки, свойства элементов, программирует логику сайта, используя языки программирования: php, javascript, bitrix-framework. Потом идет натяжка верстки сайта на ранее запрограммированную часть.
Сайт активно тестируется в разных браузерах (особенно тщательно в старых браузерах), а также на разных мобильных устройствах. В сложных проектах создаются сценарии пользователей, и люди, не имеющие отношения к этому проекту, проходят эти тесты, а команда разработчиков наблюдает насколько интуитивно понятен интерфейс и решает ли он поставленные задачи.
Сдача проекта – это ответственный этап. Команда полностью подготавливает все сопутствующие материалы и инструкции. После утверждения заказчиком проект выходит в релиз. У проекта появляются первые пользователи и вся команда, которая работала над проектом, начинает получать обратную связь от пользователей. Далее проект, как правило, переходит на следующую стадию – поддержку.
Любой бизнес или дело требует постоянного обновления и поддержки. В конкурентной среде нужно давать пользователем самое лучше предложение на рынке, что неизменно тянет за собой изменение вашего сайта или мобильного приложения. Изменение Вашей стратегии бизнеса, первые отзывы пользователей, внедрение новых функций в сайт или приложение, все это требует вмешательства разработчиков. Мы поддерживаем Ваш проект на всех этапах, и после сдачи проекта переводим его в режим «поддержки» — мы выделяем определенное кол-во часов и человек в месяц, чтобы максимально быстро внедрять изменения.