Из чего состоит сайт: дизайн, контент и функционал. Где кончается одно и начинается другое

Из чего состоит сайт: дизайн, контент и функционал. Где кончается одно и начинается другое

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

Дизайн или визуальное оформление сайта

Итак, дизайн сайта. Это по большому счету визуальное оформление контента (содержимого). А именно:

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

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

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

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

Контент или содержимое сайта

Как можно догадаться, контент-менеджер – это человек, который управляет контентом – то есть, содержимым сайта. Если упрощенно – то контент – это содержимое сайта, которым можно управлять из админки, обладая минимальными знаниями html, а чаще всего не обладая ими вовсе. То есть, если вы планируете стать владельцем сайта – это то, что должны уметь делать вы сами, без посторонней помощи. Любая CMS(система управления сайтом) рассчитана на человека, который даже понятия такого не знает. Итак, контент – это:

  • Статьи (все текстовые материалы на сайте, будь то статьи, новости, пресс-релизы, статические странички, блоги и т.п. – любой текст, который можно добавить или отредактировать в системе управления сайтом)
  • Структура сайта (пункты меню: основные и вложенные; второстепенное меню, меню разделов)
  • Содержимое блоков (баннеры, текстовые блоки, облака тегов, формы входа на сайт, формы обратной связи и т.п. – все что вы обычно видите слева, справа, снизу и сверху от основного текста на сайте
  • Содержимое «подвала»: контактная информация, копирайт и т.п. – все что вам заблагорассудится там написать.

То есть, контент – это то, что мы читаем на сайте, его информационная составляющая.

web-design

Функционал сайта

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

Функционал сайта может быть ограничен возможностями системы упрваления сайтом (CMS), а может быть расширен за счет установки на сайт дополнительных компонентов, модулей, плагинов и виджетов. Любой функционал — и штатный, и дополнительный — нуждается в настройке. Так, например, после установки CMS Joomla нужно сразу же настроить встроенные плагины навигации сайта, создать и настроить меню, визуальный редактор для текстов, поставить плагины защиты от взлома сайта, и т.д. Затем можно расширить функционал сайта: установить и настроить компонент интернет-магазина, слайдшоу, фотогалереи, плагина для обработки видеофайлов и преобразования их в видеоролики, форму заказа или модуль, имитирующий падающий снежок на сайте к новому году 🙂

Однако и с этим не все просто: дополнительные расширения имеют весьма ограниченный спектр настроек и через административную панель сайта можно настроить далеко не все, что хотелось бы, и тогда приходится лезть в святая святых – на FTP (где хранятся файлы сайта) и в базу данных сайта, где происходят невидимые процессы, результат которых мы видим на сайте. Сюда непосвященным лучше не соваться: если вдруг с сайтом происходит нечто такое, что никак нельзя поправить из админки, или если ваши пожелания по работе того или иного расширения выходят за рамки его штатных возможностей – значит, нужно обращаться за помощью к веб-программисту, и даже не пытаться разобраться или что-то сделать самостоятельно: удаление даже одной-единственной скобочки в ответственном файле может обрушить весь сайт. Веб-программирование – это отдельная, очень большая область знаний. Лично я могу менять что-то в коде только в том случае, если точно знаю, что именно и где именно менять (и то сто раз подстрахуюсь резервной копией). Программировать я не умею. У меня для этого есть хороший и проверенный годами совместной работы программист Петр, которого я подключаю к решению непосильных для меня задач.

А сейчас будет сенсационное признание: веб-дизайнер, веб-мастер и даже веб-программист – не всемогущи!

Да, мы не волшебники, и реально бывают неразрешимые даже для самых крутых программистов задачи. Бывают задачи, которые нереально решить в рамках конкретного CMS или конкретного расширения, в силу особенностей хостинга или тысячи других обстоятельств, которыми мы в своей работе ограничены. И в этом случае нельзя обвинять программиста в некомпетентности. Часто вместо того, чтобы упорствовать и настаивать на каком-то своем решении, гораздо эффективнее и конструктивнее будет поинтересоваться у веб-мастера, какие решения этой задачи он видит, и если нельзя сделать так — то как можно? И главное: очень важно доверять тому, кого вы выбрали для выполнения этой работы (вас всегда подстраховывает договор с веб-мастером), либо научиться все делать самостоятельно. И еще: по моему опыту лучше всего получаются именно те проекты, в которых клиент творит вместе с веб-мастером, а не навязывает ему свое видение. А отношения, построенные на недоверии и тотальном контроле со стороны заказчика приводят к формальному выполнению работы, которая могла бы быть выполнена творчески.

Нужен сайт? Звоните +7 (905) 701-37-17.

Есть что сказать?

Оставьте ваш комментарий через ваш профиль на facebook

About the Author

25 thoughts on “Из чего состоит сайт: дизайн, контент и функционал. Где кончается одно и начинается другое

  1. Manynka - 18.01.2016 at 01:42

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

  2. Елена Турбина - 18.01.2016 at 13:21

    Да, в самом деле: из-за этого действительно бывает много проблем и недоразумений. Поэтому мы предпочитаем потратить время и помочь клиенту составить техзадание (мы делаем это бесплатно), в котором учтены все эти нюансы, чем потом переделывать все…

  3. ekole-stnica - 12.04.2016 at 22:32

    По сравнению с тем же адаптивным сайтом, мобильная версия отличается именно этим собственным интерфейсом и содержимым.

  4. Елена Турбина - 12.04.2016 at 22:44

    Все верно. В мобильной версии может быть совершенно другой интерфейс и контент. В сущности, это еще один маленький сайт, в котором сохраняется только самый необходимый функционал.

  5. Kolambasr - 18.04.2016 at 12:55

    спасибо. очень хороший и полезный сайт. удачи и успеха вам.

  6. TerrellGof - 22.04.2019 at 05:26

    http://v.ht/gEBq/ — More info!..

    #что посоветуете для улучшения потенции
    #препараты для лечения преждевременной эякуляции
    #дапоксетин в аптеке
    #продлевает ли виагра половой акт
    #продажа сиалис в спб
    #медицинские препараты для продления полового акта
    #сиалис с доставкой
    #где продаётся виагра
    #женская виагра аптека спб
    #кончаю быстро что делать

  7. Scottglony - 22.04.2019 at 06:24

    НЕ УПУСТИ ШАНС РАЗБОГАТЕТЬ НА 7 000 000 ?
    СТУДЕНТ ВХОД 100 РУБЛЕЙ ВЫХОД — 699 600 ?
    СТАЖЁР ВХОД 200 РУБЛЕЙ ВЫХОД — 1 399 200 ?
    МЕНЕДЖЕР ВХОД 300 РУБЛЕЙ ВЫХОД — 2 098 800 ?
    ДИРЕКТОР ВХОД 400 РУБЛЕЙ ВЫХОД — 2 798 400 ?
    НОВЫЙ ТАРИФ «БОСС» ВХОД 1500 РУБЛЕЙ ВЫХОД — 7 000 000 ?

    ПАССИВНЫЙ ЗАРАБОТОК — «приглашать» и пр. никого не надо!!!
    http://v.ht/Nam8/

  8. SylviaJaing - 26.04.2019 at 07:35

    Моментальная Кредитная Карта Сбербанк Моментум За 15 Минут

    ————————————
    Если бы Сергей заблаговременно позвонил и рассказал о своих сложностях, банк мог бы перенести ему дату внесения минимального платежа или даже списать часть штрафов. Большая часть промышленности была социалистической, а аграрный сектор, торговля, малые предприятия в промышленности и строительстве находились в частных руках. Если обратиться к данным от 31 марта 2014 года, то можно увидеть что банковская сеть Ренессанс-кредит имеет 170 отделений и практически 30 тысяч точек, где выдаются кредиты и предлагаются другие услуги этого банка. Адреса ближайших отделений банка можно найти на карте. Кстати, меня никто не достает ни звонками, ни СМС ни о вкладах, ни о кредитах. Также говорят, жалуйтесь хоть в РСА, хоть куда хотите, нам все равно. В компании говорят, что это подарок Олегу Тинькову на день рождения. Ренессанс, выдача наличных может происходить не только через кассу, но и путём оформления пластиковой карты. У нас две цели: не только вернуть деньги в банк, но и сохранить должника в числе клиентов, поэтому мы не настроены конфликтовать.|Основная версия сайта русскоязычная, служба поддержки общается по-русски. В настоящее время представлена новая версия интернет-банка. Фредди Хейнекен, нидерландский пивной магнат, в свое время предложил вот так разделить всю территорию Европы. Резюмируя вышеизложенное, можно сказать, что опыт США и Западной Европы говорит об эффективности модели предоставления мезонинного финансирования банками через специализированные мезонинные фонды. Вторая категория людей, дающих негативную оценку работе интернет агента, имеют, надо сказать, полное на это право. Такие предложения можно найти чаще всего в платных объявлениях в поисковых системах (платные объявления выводятся справа и иногда сверху основной выдачи при поиске, например, по фразе «работа на дому» или «заработок в интернет»). Если хорошо поработают (например, уменьшатся проблемные активы) , то по итогам полугодия или года могут начислить бонус к зарплате. Если Вы привыкли получать пенсию (другие соцвыплаты) из бюджета наличными, то Вы так и будете получать их на руки. Если вы получите положительный ответ, то через 2 недели кредитка будет доставлена по вашему адресу в удобное время. Сотрудник финансовой организации сам принесет карту домой либо его можно забрать в отделении банка в любое время.

    Перейдите ниже по ссылке, чтобы получить кредит:

    почта банк

  9. SylviaJaing - 27.04.2019 at 13:19

    Введение 3 I. Учет Кредитов Банка 5

    ————————————
    Первое место нашего рейтинга ЛОКО-Банк занимает благодаря невысокой процентной ставке – от 14,9% годовых. Самый быстрый способ возврата средств – звонок на «горячую линию» Сбербанка (8 800 555 5550). По телефону вы сообщаете о совершённой ошибке и просите аннулировать перевод или платеж за услугу. Цель ОСАГО – возмещение вреда, причиненного жизни и здоровью потерпевших в результате ДТП и защиты имущественных интересов страхователей – владельцев страхового полиса. В таблице кросс-курсов представлены актуальные значения курса украинской гривны к основным валютам мира, например, курс гривны к евро или доллару на сегодня. Остаётся несколько лет настойчивых усилий, чтобы совершенно вытеснить враждебных горцев с занимаемых ими плодородных стран и навсегда водворить на сих последних русское христианское население». Да, вернут. Но часть всё равно удержат. Значительную часть прихожан единственного католического храма Святых Апостолов Симона и Фаддея составляют армяно-католики, выходцы из Месхетии. Не знаете, как оплатить квартплату банковской картой через интернет? Перспективный ныне способ получения дохода через интернет подходит многим, особенно женщинам, занятым ведением домашнего хозяйства, детьми или имеющим достаточно свободного времени на подработку. Лицо её побелело, заблестело от пота; она старалась ссуды банке условия сказать, но губы не слушались её. Это будет проще и быстрее, но только в том случае, если за предыдущий период претензий к страховщику не возникало.

    Перейдите ниже по ссылке, чтобы получить кредит:

    почта банк

  10. TerrellGof - 11.05.2019 at 22:36

    Пантогор — гель для суставов быстро избавит от боли в суставах без вреда для здоровья.
    Полная потеря дееспособности и жизнь без надежды на будущее — вот, что вам грозит, если вы не позаботитесь о своих суставах!
    Жить полноценной жизнью или провести остаток своих дней в инвалидном кресле — решать вам!
    По данным Всемирной организации по борьбе с болезнями суставов, 80% людей в мире имеют проблемы с суставами. Самое страшное, что заболевания суставов приводят к параличу и инвалидности. На сегодняшний день есть одно единственное средство, которое отличается от всех существующих до этого средств. Это средство Пантогор.
    Основной компонент Пантогора — панты канадского марала. Панты канадского марала активируют природные силы организма и запускают процесс его самовосстановления. Все остальные компоненты действуют синергически — дополняют и усиливают действие друг друга. Прием средства Пантогор гарантирует вам избавление от боли в суставах всего за 1 курс.
    Внимание! Акция действует только на территории России и стран СНГ!
    Успейте оформить заказ по выгодной промо-цене!
    Заказать Пантогор Здесь —> http://c.trktp.ru/ud6b

  11. TerrellGof - 11.05.2019 at 23:26

    Get 92 epic royalty free percussion music kits on AudioJungle. Buy epic music and sounds from $16.

    http://v.ht/EB6U — More info…

  12. MichaelCluri - 14.05.2019 at 02:40

    Настройте организм на жиросжигание за 7 дней

    SLIM BIOTIC — это кардинально новое средство в системе похудения. Комплекс препарата разработан с учетом всех физиологических потребностей организма и работает на уровней нейронов. Это значит, что за курс применения SLIM BIOTIC ваш организм на мышечном уровне настроится на правильное пищевое поведение и снизит жировую массу до абсолютной нормы. Жми сюда —> http://v.ht/LwWP

  13. TerrellGof - 22.05.2019 at 09:41

    Buy Technology of The Future Music Kit by AuraSonic on AudioJungle. Technology of The Future is glitch, atmospheric background soundtrack with glitches instruments such as: synths, bas…

    http://v.ht/XiCZa

Leave a Reply