Мобильная версия сайта

Около 5% всех пользователей интернета используют для выхода в интернет мобильное устройство. И эта цифра с развитием мобильных технологий неуклонно растет из года в год. В наши дни большинство сайтов совсем не пригодны к мобильному сёрфингу: слишком долгая загрузка, исковерканный малым экраном устройства дизайн и другие неприятные моменты. Тем не менее, к радости посетителей, изо дня в день тысячи людей выпускают адаптированные версии своих сайтов. Красивые и быстрые. И пусть идея создания мобильной версии не пугает вас - оно того стоит.

Читать полностью...
 
Технологии интернет-рекламы

Как известно, реклама - двигатель торговли! Неоспоримые истины не нуждаются в обсуждении, однако с появлением сети Интернет в использовании традиционных рекламных технологий неожиданно возникли трудности. Как утверждают некоторые рекламисты, виртуальное пространство - это среда, в которой не действуют обычные законы рекламы... Так ли это? И какова вообще история развития интернет-рекламы?

Читать полностью...
 

Создание сайтов, Львов. Редизайн сайта. Разработка интернет-магазина. Веб-дизайн во Львове. Раскрутка сайта в Google, Yandex. Разработка сайта Львов. Создать сайт

Этапы создания веб-сайта

Клиент, обращающийся в студию веб-дизайна, зачастую плохо представляет, какой объем работы нужно проделать, чтобы по адресу www.название_фирмы.com.ua появился хороший веб-сайт.

Именно поэтому, чтобы муки творчества не затянулись на долгие годы, начинать нужно с четкой формулировки задачи и целей. Когда совместными усилиями клиента и представителей студии этот этап пройден, клиенту могут быть названы примерные расценки, способы оплаты и ориентировочные сроки. Кстати, потенциальные заказчики часто спрашивают о наличии прайс-листа. Это неверный подход: прайс-лист может быть в магазине, в кафе, в музее, в прачечной — потому что все наименования этого «листа» (меню или прейскуранта) созданы по определенным правилам и нормам. Дизайн же — «вещь», не поддающаяся стандартизации и нормоконтролю, поэтому наличие у некоторых студий прайс-листа с, например, таким пунктом: «Веб-сайт: до 10 страниц — 100 у. е.» — может вызывать лишь мысли о некомпетентности  такой студии.

Реально возможно назвать лишь ценовой интервал, в который может вписаться проект. Точная стоимость утверждается только после детального обсуждения заказа и объема работ. Если студию и заказчика разделяют сотни километров, то, как правило, речь идет о поиске способа перевода денег с наименьшей комиссией за перевод. После получения аванса менеджеры могут попросить заказчика составить техническое задание, в котором должно быть подробно описано, что и как делать (структура, система навигации, предпочтения по стилю и цветовой гамме будущего сайта, уже имеющиеся наработки и пр.). Возможно, что эту работу заказчик оставит на усмотрение студии. Кроме того, всегда полезно узнать у клиентов о необходимости создания или редизайна существующей графики — логотипа компании, иконок и сопутствующей графики для сайта. Необходимость в дополнительной графике обсуждается отдельно.

Работа над проектом содержит несколько этапов: планирование, разработка интерфейса (структура проекта, система навигации), графическое воплощение (разработка дизайн-макета), верстка макета — воплощение дизайнерских мыслей при помощи различных технологий, внутреннее тестирование системы, сдача работы заказчику и последующая корректировка по его замечаниям. Все эти этапы обязательны. Но в зависимости от обстоятельств в процессе разработки могут появляться и иные шаги — например, разработка нового контента, корректировка уже имеющегося, редизайн корпоративной символики (так называемое corporate identity) и т. д.

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

На следующем этапе за дело берется специалист по проектированию пользовательских интерфейсов. Его задача — спроектировать максимально прозрачную, доступную и понятную структуру проекта для конечного потребителя продукта — не для заказчика, а именно для посетителей ресурса, которые будут пользоваться им для решения своих задач. Под системой взаимодействия нужно понимать не только удобство пользования (часто по ошибке называемое «юзабилити» [На самом деле, этот термин более общий: «usability» (англ. «удобство пользования») — это не только удобство пользования сайтом, но и степень соответствия содержимого сайта потребностям целевой аудитории, организация системы обратной связи с посетителями и др.]), но и общую ясность, легкость восприятия. Сюда в первую очередь нужно отнести максимально четкую группировку контента по разделам, рубрикам, блокам и т. п. Кроме того, нужно ясно представлять технические аспекты реализации системы навигации проекта — лишь тогда можно переходить к следующему этапу (поэтому дизайнеры всегда должны быть в курсе последних технологий для реализации своих творческих задумок).

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

Далее наступает самая объемная (по времени) работа — верстка разработанных макетов. На предыдущем этапе у графического дизайнера были выработаны правила построения композиции страниц, заголовков и прочих блоков. На основе этих правил разрабатывается так называемый внутренней «гайд-лайн» — краткое руководство по оформлению тех или иных элементов, которые понадобятся при верстке страниц проекта. Это руководство может (и должно) быть оформлено документально и после завершения работы — передано заказчику, чтобы расширение проекта в дальнейшем не выбивалось из общего стиля сайта. Это особенно важно для крупных проектов.

Далее наступает пора технического воплощения. Его длительность зависит от объема актуального контента проекта. Тут может быть задействовано большое количество работников (даже внештатных): от html-кодеров до flash-технологов, программистов и пр. Целесообразность применения той или иной технологии обсуждается как на внутренних дискуссиях, так и с заказчиком.

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

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


 
Понравилась статья? Не поленитесь - поделитесь с друзьями и подругами :)
Создание сайтов, интернет-магазинов - веб-студия «Sanao»


/

Наши работы

заказать создание сайта

Правила корпоративного сайту

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

Читать полностью...
 
Просування сайту в соціальних мережах

Социальные сети за несколько лет существования стали самыми популярными сайтами в интернете. Facebook, Twitter и Linkedin в США и Западной Европе, а Вконтакте и Одноклассники в СНГ – это площадки с миллионами активных пользователей. Эти социальные сети позволяют найти одноклассников, друзей, родственников, бывших коллег по работе. Естественно, чем больше людей в социальной сети, тем больше шанс найти старого приятеля или коллегу.

Читать полностью...