11 Июн

Программная часть сайта, дизайн сайта, навигация, юзабилити

Portrait of handsome boy posing at home

«В жизни нет ничего сложного. Это мы сложны. Жизнь — простая штука, и в ней что проще, тем правильнее».

Оскар Уайльд

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

Аналогия тут полная. Представим, что вы хотите собрать модельку из деталей лего. Не важно что это будет за модель, вы представляете себе как она должна выглядеть и какие функции исполнять. Здесь и далее в качестве базовой платформы я буду описывать WordPress, как наиболее распространенный вид системы модульного построения сайтов, хотя есть и другие, не менее удобные.

Я не буду описывать вам как строить сайт. Уроков по этой теме в инете видимо-невидимо. Просто расскажу принципы, по которым все это работает, чтобы вы больше не воспринимали построение сайтов, как волшебный ритуал, непостижимого разуму обычного человека.

Поехали.

Первое. А где физически будет лежать мой сайт? 

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

Второе. Стол для модельки.

Следующий этап — это платформа, стол, на котором вы будете создавать свою модель, благодаря которой маленькие части сайта — блоки, будут держаться друг за друга, взаимодействовать между собой. Этот стол называется CMS — Content Management System (система управления содержимым). Иногда её еще называют «движком сайта», это не совсем верно, но так проще. Здесь и далее я буду рассматривать WordPress — одну из самых популярных и совершенно бесплатных, русифицированных систем управления. Время установки этого «стола» в вашей комнате буквально 5 минут. С установкой действительно справится даже ребенок. Современный ребенок, конечно :) Познакомиться с ней и скачать ее бесплатно можно отсюда — http://ru.wordpress.org/

Третье. Дизайн сайта, основные детальки, навигация, юзабилити.

Вы не поверите, все это уже готово. Ваша будущая моделька уже готова, нужно только выбрать какая именно моделька вам нравится и больше подходит. Вариантов тысячи, а то и десятки тысяч. Готовых вариантов. Бесплатных. Да, тут тоже есть маркетинговые уловки — бывает вам дают бесплатно только часть деталек лего, а часть предлагают купить. Но это настолько мизерные деньги, что можно действительно считать, что бесплатно. Самою дорогую тему для сайта я видел по цене 90 долларов ;) Но это уже реально готовый сайт, с демонстрационным наполнением и всяческими «вкусностями». Подавляющее большинство готовых моделек все таки абсолютно бесплатны.

Более того, выбирая тему вам всегда предложат потестировать ее прямо в интернете. Вы можете перейти на страницу демонстрации и посмотреть, как будет выглядеть ваш будущий сайт, какая в нем есть навигация, как смотрится главная страница, как дополнительные страницы. Прикинуть куда что поставить, где что убрать. Оцените тут же и пресловутое «юзабилити». Вам сразу понятно в демонстрации где что лежит и как куда перейти? О чем вообще этот сайт? Отлично, юзабилити на высоте ;)

Как найти эти модельки? Да проще простого: наберите в поисковике «Theme WordPress» или «Темы для вордпресс» и наслаждайтесь выбором. Установка выбранной темы на ваш сайт займет в среднем минуты 2-3. Все, сайт готов :)

Четвертое. В чем подвох? 

Единственная сложность в таком модульном построении сайта — это превратить модель, которая создавалась «для любого направления» именно в то, что нужно вам. Т.е. адаптировать модель таким образом, чтобы она наиболее красиво и доступно представляла именно ваши интересы, ваш продукт и услуги. Опять таки, в этом нет ничего сложного, все управляется настройкой темы и подключением или отключением дополнительных модулей — плагинов и виджетов, которых в интернете видимо-невидимо на любой вкус и цвет. Иногда для такой настройки, если вы хотите что-то особенное, необходимо знание внутренней системы построения CMS и вашей темы, или базовые знания программирования. Но подавляющее большинство задач решается пользователями на уровне подготовки «хорошо работаю с Вордом и Экселем», научится переставлять по своему усмотрению детальки вашей модели — проще простого.  ;)

Что вообще возможно сделать, вы можете легко посмотреть: наберите в поисковике: «плагины для вордпресс» и «виджеты для вордпресс»

Теперь вы знаете, что вообще требуется для создания сайта и уже сможете говорить на одном языке с вебмастером, понимая, где он говорит правду, а где лукавит.

2014 (с) Сдвинем ком.