Курс о современных стандартах сайта НКО и о том, как решать коммуникационные задачи с его помощью.
Начать обучение
Описание курса
Вы разберётесь во всех нюансах создания сайта — от выбора домена до дизайна и текстов. Поймёте, как эффективно защититься от спама и хакеров. Всё это поможет вам улучшить существующий сайт организации или создать новый с нуля.
Кому подойдёт
Для всех, кто работает с сайтами некоммерческих проектов: администраторов, редакторов, дизайнеров.
Чему вы научитесь
Узнаете, как вызывать доверие к организации с помощью текстов. Разберёте, как красиво оформлять сайт, даже если вы не дизайнер. Познакомитесь с основными способами защиты данных— своих и пользователей.
Программа курса
Сэкономьте время и найдите пробелы в знаниях
Мы зачтём модули, которые вы уже знаете. А то, что вам не известно, узнаете из курса.
Преподаватели курса
Анна Ладошкина
Веб-дизайнер и разработчица из Санкт-Петербурга. Анна основала бюро веб-разработки, чтобы помогать некоммерческим, социальным и благотворительным проектам становиться технологичными, привлекать доноров и волонтеров онлайн.
КАК СОЗДАТЬ САЙТ САМОМУ | 💓 За 45 минут | Без знаний программирования. Тильда/Tilda
Наташа Шендрик
Арт-директор театра Гоголь-центра, специалистка по визуальным коммуникациям, куратор школы дизайна НИУ ВШЭ, сотрудничает с различными НКО в качестве независимого дизайнера.
Александр Гусев
Веб-разработчик, it-волонтер и внештатный
Прочитать позже
До начала разработки
Еще до начала разработки вам нужно подготовиться. Тут вам нужно обратить внимание на:
- Выбор хостинга
- Доменное имя
- Сертификат безопасности
- CMS
- Семантическое ядро
- Прототипирование
Дальше мы пройдемся по каждому этапу работ, которые должны быть проведены еще до старта создания сайта.
Выбор хостинга
Самое первое, что нужно сделать — выбрать качественный хостинг. Вы должны отнестись к этому со всей ответственностью и внимательностью. Есть ряд распространенных проблем, которые могут у вас возникнуть, если вы ошибетесь с хостингом.
- В первую очередь, обратите внимание на аптайм хостинга. У хороших хостеров эта цифра составляет 99.98-99.99% времени.
- Второе, на что стоит посмотреть — географическое положение самого сервера. Он должен находиться в той же стране, где вы собираетесь продвигать сайт. Если по России, то и сервер должен быть там же.
- Третье — замерьте скорость ответа сервера. Чем быстрее работает сервак — тем лучше. Если время ответа превышает 250-200 мсек, то это не очень хорошо.
- Четвертое — это максимальная допустимая нагрузка и общие показатели хостинга. Проверьте, есть ли выделенный IP для вашего сайта.
Создать сайт за 30 секунд (НОВАЯ НЕЙРОСЕТЬ 🤯)
Проверив хостера по всем этим показателям вы не будете знать таких проблем как не работающий сайт по вине хостинга или слишком долгую загрузку. Также, вам не придется сидеть на одном IP с сомнительными сайтами, ведь и это влияет на SEO.
Доменное имя
Если вы переделываете старый сайт и у вас уже есть домен — пропустите этот пункт. Если же вы покупаете новый домен, то лучше всего проверить, есть ли у него история.
Лучше всего проверять историю домена с помощью различных сервисов, ну и банального оператора site: в поисковых системах. Вдруг в индексе остались какие-то страницы. Среди сервисов, домен можно проверить через Megaindex — инструмент «Анализ доноров», либо через Пиксель Тулс — инструмент «Проверка индексации, возраста и даты кэша в Яндексе». Тут вы можете посмотреть когда домен был впервые проиндексирован
Ну и последнее, где можно проверить историю домена — сервис XTool. Он просто покажет вам суммарную информацию, которую он смог найти о доменном имени.
Сертификат безопасности
Если вы определились с доменом и хостингом, пора перейти к настройке HTTPS. Лучше всего сразу же разрабатывать сайт на этом протоколе, чем потом переносить его с HTTP и ловить баги, которые могли произойти при переносе.
Есть много различных видов SSL-сертификатов, но обычным корпоративным или информационным сайтам хватает и бесплатного Let’s Encrypt. Его единственный недостаток — придется продлять его каждые три месяца, но и этот процесс можно поставить на крон и забыть. Все новые сайты должны создаваться на HTTPS — считайте это прям законом.
Семантическое ядро
Семантика особенно важна, если вы не переделываете старый сайт, а делаете новый. Благодаря собранному семантическому ядру вы сможете понять будущую структуру сайта, какие разделы и типы страниц будут вам необходимы.
Соберите семантику, распределите ей по разделам (кластерам) и на основе полученной картины вы сможете составить майндмап со всеми разделами сайта. Очень облегчит разработку и поможет избежать ситуации, когда видение проекта было одно, а на деле оказалось, что нужно совсем другое.
Прототипирование
Создавать сайт «с лёту», без прототипа и дизайна можно, но только если вы конкретно знаете чего хотите, или если вы полностью доверяете результат программисту. Он может собрать сайт так, как видит его он или вообще «на отвали». Готовы к такому исходу? Тогда забейте на прототип и дизайн.
Если же у вас есть четкое понимание результата, то его обязательно нужно оформить в прототип, а еще лучше в последующий дизайн проекта.
CMS
Настройки на домене закончены, теперь пора решить, на чем вам делать сайт. Мы уже посвятили этому вопросу целую статью, так что повторяться не будем. Изучите этот вопрос там.
Источник: dc-m.ru
Как сделать хороший сайт, не будучи дизайнером?
Станислас Лелу Предприниматель, маркетолог
Одноклассники
LiveJournal
Просмотров:86766
У меня дома есть два телевизора с совершенно разными к ним пультами управления. На одном полно кнопок самых разных цветов и форм, а на втором их не больше десяти. Оба телевизора одной марки, но странно, что телевизор со сложным пультом я смотрю редко, только меняя каналы и регулируя звук. А у простого пульта оказывается намного больше рабочих функций: второй телевизор имеет выход в Интернет, и навигация там легкая и очевидная.
Какое отношение имеет пульт к созданию сайтов?
На примере этого простого повседневного предмета мы разберем, как разработать эффективный дизайн. И этот урок напрямую применим к тому, что интересует многих из вас: к дизайну веб-сайта, который вызывает желание совершать там покупки.
Дизайн = функциональность
Я не профессиональный дизайнер, но я маркетолог. Я провел пять лет своей жизни, стараясь понять, почему люди покупают или не покупают. И дизайн играет в этом очень важную роль.
Почему более простой пульт лучше сложного со множеством кнопок? Он красивее? Да. Но есть нечто намного более важное: с первого взгляда понятно, как им пользоваться: кнопки «Оn», «Оff», джойстик и несколько кнопок для навигации. А на другом пульте слишком много кнопок, и совершенно непонятно, за что они там отвечают.
Как видите, в дизайне самое важное – не эстетическая сторона, а функциональность. То есть дизайн в первую очередь должен отвечать на вопрос: «Делает ли этот предмет простым для выполнения желательное действие?»
Эта идея функциональности не имеет ничего оригинального. Что мы можем из нее взять? Принцип суждения о дизайне на трех уровнях:
- Функциональность: легко ли пользоваться этим предметом?
- Элегантность: приятно ли им пользоваться?
- Инновационность: возникает ли у вас ощущение новизны, когда вы пользуетесь этим предметом?
Это хорошая новость для тех из нас, кто не обладает талантом создавать что-то прекрасное с эстетической точки зрения. Если разобраться, практически любому под силу создать надежный и легкий для понимания дизайн.
Как, например, этот пульт от моего кондиционера. В нем нет ничего особенно красивого, но необходимую информацию я вижу на нем сразу. А также понятные с первого взгляда кнопки, чтобы включать и выключать, регулировать температуру.
Как перенести эту идею на веб-сайт?
Прежде чем выбирать цвета и шрифты, подумайте над функциональностью страницы, над которой работаете. Нарисуйте простую схему от руки. Когда вы делаете это на бумаге, вы не потеряетесь в деталях, вы будете вынуждены обдумать цель страницы и самое логичное и простое расположение элементов.
Чем меньше, тем лучше
Вы уже заметили, что на старом пульте от телевизора просто абсурдное количество кнопок. Хотя у любого пульта есть всего три функции, которые вы используете каждый день: включить-выключить, регулировать звук и выбирать канал. Проблема в том, что эти три на самом деле очень полезные функции теряются среди более 40 бесполезных кнопок.
Вам приходится постоянно искать руками и глазами нужные кнопки. И если положить два пульта рядом, то можно сказать, что настоящее преимущество второго в том, что он предлагает меньше опций. Ваши глаза и пальцы находят нужное немедленно.
Та же идея относится и к вашему сайту.
Чем больше у вас опций, тем больше самые важные опции, например покупка вашего продукта или подписка на вашу рассылку, невидимы для посетителя. И очень часто наилучший способ увеличить уровень конверсии сайта — это удалить все элементы, в которых нет необходимости. Сконцентрируйте внимание посетителя на вашей главной цели.
Вот пример сайта, на котором было принято решение удалить боковую врезку:
После удаления сайт стал вот таким:
А конверсия увеличилась на 26%!
И для этого не пришлось ничего добавлять, а наоборот — убрать. Подумайте над этим.
Таинственные кнопки
Самое худшее я приберег напоследок. Посмотрите на этот пульт. Какая разница между кнопками «Menu», «Smart hub», «Tools»?
Или между «Guide» и «Info»? Между «Return» и «Exit»? Зачем на кнопке «Source» две разные иконки?
И что произойдет, если я нажму на кнопку «Sports»: я попаду на спортивные каналы или это нечто вроде напоминалки, чтобы заняться спортом вне дома?
Конечно, в голове инженера, создавшего этот пульт, у каждой кнопки есть своя уникальная функция. Но единственный способ для меня открыть, для чего они все нужны, — это нажать на каждую. И в этом проблема.
И вашего сайта это тоже касается!
Функция любой кнопки должна быть понятна до того, как на нее нажмешь. В этой области лучше вообще ни на шаг не отходить от традиций. Ведь ваши посетители и так проводят свою жизнь в Интернете, вместо того чтобы общаться с семьей. Пользуйтесь этим.
Если ваша страница содержит информацию о вас, назовите ее «О нас». Если страница посвящена продукту, назовите кнопку, связанную с покупкой, «Добавить в корзину», «Купить» или «Заказать».
У вас будет соблазн покреативить. Например, вместо кнопки «Купить» сделать «Я осуществляю свою мечту». Но я призываю вас этого не делать. Есть другие места на сайте, где вы можете безопасно поупражняться в креативности, но линейка с навигацией точно для этого не подходит.
Для всех базовых элементов, которые клиенты используют для взаимодействия с сайтом и ориентирования, таких как «Главная страница», «Меню», «Контакты», придерживайтесь общепринятых норм, которые посетителям уже известны. Иначе вы рискуете потерять посетителя или рассеять его внимание, отвлечь от того, что хотите ему сказать.
Резюме
- Исходите из цели, которую хочет достичь ваш посетитель.Начните с идентификации самых важных элементов, затем создайте структуры, которые будут эти элементы выделять.
- Уберите максимум опций.Вам нет нужды иметь все страницы сайта в виде списка или в виде меню на вашей главной странице. Помните, что каждый дополнительный элемент отвлекает посетителя от главного.
- Каждая опция должна быть понятна до того, как на нее придется кликнуть.Нет ничего хуже, чем необходимость кликать по всем вкладкам сайта в поисках нужной информации, когда вы даже не представляете, на какой странице она может быть. Каждая из ваших кнопок и ссылок должна быть понятной.
Это не потерянное напрасно время, потому что такие изменения позволят вашим посетителям свободно и без усилий перемещаться по сайту. Это значительно увеличивает уровень конверсии.
От редакции
О стратегии создания и запуска сайта самостоятельно мы сделали бесплатный курс для начинающих «Как создать и монетизировать сайт». Изучить его можно здесь:
Источник: navika.pro