Содержание

Создание сайта на wordpress с нуля для новичка

15.03.2019БлогКомментарии: 13

3.2

(42)

Создание сайта на wordpress с нуля для новичка, для начинающего сайтостроителя.

WordPress что это?

Содержание статьи :

WordPress — это свободное программное обеспечение, которое поможет вам создать красивый сайт, блог или веб-приложение. Еще можно сказать что WordPress это CMS(Content Management System или Система управления контентом).

Пошаговое создание сайта на WordPress на локальном компьютере.

  1. Скачиваем программное обеспечение. Скачивать нужно только с официального сайта WordPress. Вот здесь: ru.wordpress.org
    Должны получить .zip архив с названием типа: «wordpress-5.1.1-ru_RU.zip»
  2. Нам нужен локальный сервер, если Вы его уже установили, то пропускайте данный шаг. Я предпочитаю локальный сервер «Open Server». Это мультизадачное программное обеспечение для Windows. В Open Server есть всё что нужно для комфортного локального сервера. Здесь есть множество инструментов для разработчика и обычного пользователя. Его можно скачать вот здесь, ospanel.io/download. Наберитесь терпения, скачивание займет достаточно долгое время.
    Так же есть другие локальные серверы, например XAMPP, возможно именно Вам он и подойдет. Прост в работе, без дополнительного софта. Скачать его можно здесь, — apachefriends.org
    Скачиваем и устанавливаем, установщики достаточно простые. Думаю можно разобраться самостоятельно. Единственное что XAMPP он на английском, но в нем очень мало настроек, так что думаю это не будет проблемой.
    Локальный сервер, устанавливаем на главный диск :C
    Разберем как создать сайт на WordPress на примере локального сервера Open Server.

    Как работать с XAMPP?

    На XAMPP, принцип такой же только сайт будет хранится по такому пути, — C:\xampp\htdocs
    Что бы попасть на сайт нужно в браузере перейти вот по такой ссылке, — http://localhost/
    А что бы попасть в PhpMyAdmin (приложение для работы с базой данных MySQL), — http://localhost/phpmyadmin/
    В остальном принцип работы такой же как и с Open Server.

  3. Теперь нам нужно скачанный .zip архив, распаковать. Открываем папку(wordpress-5.1.1-ru_RU) и берем из неё папку «wordpress». Нам нужно перенести эту папку в директорию, — C:\OSPanel\domains. Что бы в результате, у нас получился вот такой путь, — C:\OSPanel\domains\wordpress

    Как запустить Open Server?

  4. Запускаем Open Server. в треи должен появится вот такой красный флаг.

    Жмем на этот флаг, должно появится вот такое меню:

    Кликаем на зеленый флаг «Запустить». Если всё удачно, то через несколько секунд, в треи, будет зеленый флаг. Если флаг не стал зеленым, значит нужно открыть настройки Open Server. Во вкладке «Модули» и вкладке «Сервер» нужно сделать вот такие настройки.

    Как подготовить базу данных для WordPress?

  5. Теперь нам нужно подготовить Базу данных для нашего WordPress. Для этого кликаем по зеленому флагу пункт меню, — «Дополнительно», а в нем жмем «PhpMyAdmin». Откроется встроенный в Open Server браузер, и в нем будет путь http://127. 0.0.1/openserver/phpmyadmin/index.php. 

    Вводим данные: Пользователь будет, — root, а Пароль оставляем пустым, жмем вперёд. В открывшемся окне кликаем на «Создать БД».


    Пишем название для нашей базы данных( это такой комплект таблиц, где будут хранится все данные сайт на WordPress). И жмем «Создать».


    Все наша база данных, — готова к использованию.

  6. Настраиваем сам WordPress. В Open Server жмем, — «Мои сайты», ищем наш сайт «wordpress». И в браузере откроется настройка WP.


    Жмем «Вперед!». Попадаем на такое окно, заполняем поля. Поле «Пароль», оставляем пустым! Нажимаем «Отправить».

    Появится вот такой текст, это значит, мы все сделали верно. Кликаем «Запустить установку».


    Теперь нужно заполнить поля, эти данные нужны для того что бы попасть в админ панель WordPress. Я заполнил таким образом. Вы можете заполнить на свой лад, но если забудете пароль, то лучше указать настоящий e-mail.

    Если все хорошо, то мы в результате увидим такое окно, кликаем «Войти».


    Вводим логин и пароль, попадаем в админ панель WordPress.


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

Установка темы на WordPress?


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

  1. Переходим в админ панель WordPress по адресу, — http://wordpress/wp-admin/
  2. Выбираем меню в правой колонке, — «Внешний вид» — «Темы». Здесь будут все установленные темы, которые мы можем использовать прямо сейчас.
  3. Добавим новую тему. Жмем кнопку, — «Добавить новую»


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


    Кликайте описание и просмотр, знакомьтесь по ближе с шаблоном для сайта, если определились, то кликайте, — «Установить».
    Затем жмём, — «Активировать». И все шаблон примениться для нашего сайта. И дальше переходим на наш сайт http://wordpress/
    Так же есть возможность настроить внешний вид сайта, двумя способами.

Как установить плагины на WordPress?

Плагины, — это дополнительное программное обеспечение для Вашего сайта. Плагины дают огромнейшие возможности для сайта. Думаю что закроют все задачи для сайта в общем и в частности. Как правило ставят плагины:

  1. Безопасность, анти-спам.
  2. Продвижение SEO, блок для сбора e-mail адресов.
  3. Поведенческий фактор типа, — комментарии, оценки, кнопки для соц. сетей., гео. карты, опросники.
  4. Внешний вид сайта, типа галереи фото, меню, сайдбары, дополнительные блоки информации.
  5. Оптимизация сайта, скорость загрузки, скорость работы.
  6. Удобство для работы со стороны админ панели. Редакторы кода, шорт-коды и пр.

Что бы установить плагин, нужно перейти в панель администратора, слево в меню, пункт, «Плагины» — «Добавить новый».

Можете ознакомится с плагином нажав кнопку, — «Детали». Что бы установить плагин, достаточно нажать кнопку, — «Установить».

Осторожно!

  1. Нужно быть осторожным с выбором плагинов, нужно обязательно проверить, совместим ли данный плагин с Вашей версией WordPress.
  2. Плагины могут нагружать сайт, в результате чего сайт может работать медленнее.
  3. Взломщики всегда будут пытаться сломать сайт, через дырявые плагины.

Постарайтесь ограничить устанавливаемое количество плагинов.

Если Вам нужно установить WordPress на хостинг, или перенести с локального компьютера Ваш сайт WordPress на сервер к хостинг провайдеру. Можете ознакомится с моей статьёй «WordPress установка на хостинг простыми словами».

Я постарался описать тему, — «Создание сайта на WordPress с нуля для новичка». Надеюсь всё было понятно. Если у Вас что-то не получается, пишите, чем смогу помогу.

 

Поделиться ссылкой:

Насколько был полезен этот пост?

Кликни что бы проголосовать

Средний рейтинг 3.2 / 5. Всего голосов 42

Пока нет голосов, будьте первым кто оценит этот пост.

Метки: wordpress

Как создать сайт на WordPress с нуля самостоятельно

Можно бесплатно и в режиме онлайн открыть ООО через Тинькофф и вести бухгалтерию через Мое дело

х

Наверх

  1. Главная
  2. Создание сайта на WordPress

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

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

  • 1Знакомство с WordPress

    Какие плюсы создания сайтов даёт эта CMS, чем она нравится людям, как выглядят сделанные на ней сайты и как выглядит движок изнутри.

  • 2Установка WordPress на localhost

    Что такое локальный сервер, где его найти, как скачать и установить, а главное — как после всего этого инсталлировать туда саму WordPress. Воспользовавшись статьёй, вы сможете редактировать и открывать сайт прямо у себя на компьютере без подключения к Интернету. И не пугайтесь раньше времени — ничего сложного во всём этом нет.

  • 3Установка WordPress на хостинг

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

    Из статьи вы узнаете, как зарегистрироваться на хостинге и каким образом установить на него WordPress.

  • 4Знакомство с админкой и базовые настройки

    Приступаем к управлению сайтом и знакомству с административной панелью, через которое оно и осуществляется. Как в неё попасть? С каких параметров начать? Что скрывают все эти пункты? Какие возможности даёт WordPress администратору? Обзорная статья расскажет не только это.

  • 5Создание записей, страниц, разделов

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

  • 6Создание меню сайта

    Без навигации не обходится ни один ресурс. Из данной статьи вы как раз узнаете, как её создать.

  • 7Создание формы обратной связи

    Узнайте, как добавить на страницу контактную форму, чтобы любой посетитель мог связаться с вами.

  • 8Создание фотогалереи

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

  • 9Что такое виджеты

    А действительно: что это такое? Как они могут улучшить сайт и зачем нужны? Какие виджеты пользуются особой популярностью и почему? Материал пригодится не только в теории, но и на практике, так как в нём содержится полезная подборка.

  • 10Дизайн шаблона для WordPress

    Урок расскажет, как полностью сменить внешней оформление интернет-ресурса. Речь пойдёт о темах оформления WordPress, о том, как их найти и установить.

  • 11Плагины WordPress

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

  • 12Изменение шаблона WordPress

    Установить тему оформления не всегда достаточно — часто хочется внести в неё какие-то мелкие правки. Если такое желание возникло и у вас — этот урок поможет. Из него вы узнаете о структуре WordPress-шаблонов, а также получите возможность попрактиковаться благодаря большому количеству примеров.

  • 13Пример создания сайта WordPress на основе HTML-вёрстки

    Если очень хочется, можно адаптировать под WordPress абсолютно любой HTML-шаблон. Именно этим в статье мы и займёмся. Цель урока — получить уникальную, работающую на WordPress тему оформления из обычного HTML-шаблона.

  • 14Перенос сайта с localhost на сервер

    Подготовленный на компьютере сайт пора выкладывать на всеобщее обозрение. В такой момент без этого материала не обойтись — урок наглядно показывает, как скопировать файлы, изменить необходимые настройки и перенести на хостинг базу данных.

  • 15Оптимизация WordPress под мобильные устройства

    В наше время важно, чтобы сайт правильно отображался не только на ПК, но также на планшетах и смартфонах.

    Из посвящённого данной теме урока вы узнаете, как этого добиться.

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

Полезные ссылки:

  • Выбор редакции: uKit лучший конструктор сайтов.
  • Сайт на Joomla 3 с нуля по гуру — видеокурс;
  • WordPress 5 с Нуля до Гуру — видеокурс;
  • Заработок на создании сайтов — бесплатный курс по открытию своей веб-студии;
  • Каталог курсов — полноценные платные видеокурсы по созданию сайтов.

Смотрите также

Создание сайта на CMS Joomla

Создание интернет-магазина на Opencart

Конструкторы сайтов: обзор и сравнение

Как создать сайт на wordpress с нуля.

Пошаговые видео уроки

Сейчас создать свой сайт на wordpress может любой школьник и для этого не надо иметь специального образования или быть программистом и веб дизайнером.

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

Единственная сложность, которую  я увидела в создании сайта на wordpress, это разрозненная информация в интернете. И новичку понять последовательность действий, разобраться что и как нужно делать не совсем легко.

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

Если вы готовы, тогда начинаем.

  1. Определяемся с доменом и хостингом

Домен и хостинг – это понятия, которые определяют место жительства сайта в Интернете.

Хостинг обеспечивает необходимое пространство для хранения вашего сайта в интернете. А домен отвечает за его онлайн адрес.

В первую очередь хочется отметить, что хостинг и домен – это понятия арендуемые, то есть, нельзя приобрести их навсегда, вы должны периодически выплачивать за них определенную сумму. Минимальный срок заказа домена составляет один год, а хостинга – один месяц.

И так если хостинг — это «квартира» вашего сайта, то домен — это его прописка. Именно домен обеспечивает адрес вашего сайта, блога или иного веб ресурса.

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

Самое лучшее решение – это сделать домен по вашему имени и фамилии или нейтральный, чтобы потом на него можно было разместить любой бизнес.

Домен всегда состоит из двух частей: первая часть — это то, как вы хотите выразить свой проект и вторая часть, к какой категории относиться сайт, если ru или рф значит для русскоговорящих. Теперь вы понимаете. Что такое домен и хостинг и пора приступить к покупке домена.

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

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

 

2. Какой выбрать хостинг платный или бесплатный?
  1. Прежде всего это зависит от того, для чего вы создаете свой сайт. Если вы хотите сделать сайт для себя, своей семьи или просто потренироваться в создании сайта, то можно воспользоваться и бесплатным хостингом. Но, если вы создаете сайт для вашего проекта, и хотите в дальнейшем на нем зарабатывать, то нужен конечно платный, качественный хостинг.
  2. Хостинг-провайдер, который предоставляет бесплатный хостинг, никогда ни за что не отвечает и не гарантирует сохранность вашего сайта и вы не являетесь в данном случае хозяином.
  3. Бесплатный хостинг вам не предоставляют просто так, если вы не платите деньги, значит на вашем сайте будет реклама хостинг провайдера. И вы вкладывая силы, время и душу в ваш проект будете рекламировать чей то бизнес.
  4. На бесплатном хостинге может не быть технических возможностей достаточных для нормального функционирования сайта, да и техническая поддержка практически полностью отсутствует.

Я и все мои партнеры пользуемся хостингом AIOP

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

Регистрация по ссылке
Инструкция по регистрации

3. Устанавливаем движок WorPress на сайт

После того как вы определились с первыми двумя пунктами можно уже приступать к созданию своего сайта и первое, что нам надо сделать, чтобы создать сайт на wordpress это — установить движок wordpress на сайт

Подписаться на WPBeginner

Пользователи

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

 

Инструменты

В разделе «Инструменты» вы сможете импортировать и экспортировать данные инструментов в другие системы управления контентом (например, Blogger) и экспортировать их из них.

Также есть раздел «Состояние сайта», в котором отображается важная информация о конфигурации вашего WordPress и элементах, требующих вашего внимания, а также некоторые советы.

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

На этом мы завершили главу о панели управления WordPress.

Перейдем к более интересному делу.

 

4. Как установить тему WordPress

Для этого вам нужно зайти в панель администратора WordPress, нажать «Внешний вид» в левом меню, затем «Темы».

Далее нажмите кнопку «Добавить новый».
Появится множество шаблонов, и вы сможете отфильтровать их по последним, избранным, популярным… или по функциям.

Мы с гордостью сообщаем, что наши собственные темы Mesmerize и Colibri входят в 20 самых популярных тем WordPress.

В тот момент, когда вы выбираете тему, нажмите «Установить», затем «Активировать».

Вы также можете активировать свою тему WordPress, если вернетесь к Внешний вид->Темы.

Весь процесс установки также описан в нашем туториале.

Теперь вы готовы к рок-н-роллу!

 

Наши рекомендации по плагинам

Плагин типа Что он делает Рекомендация
Конструктор WordPress Дает вашей теме функции перетаскивания Колибри
SEO-плагины WordPress Минимальные изменения веб-сайта, которые могут помочь ему органически ранжироваться Yoast SEO
Формы Плагины WordPress Используйте формы для сбора ценных данных пользователей (конечно, с их согласия). Форматор
Электронный маркетинг Разрабатывайте маркетинговые кампании, чтобы оставаться на связи со своими подписчиками и клиентами. Mailchimp для WordPress
Плагины безопасности Очистка вредоносных программ и защита от несанкционированного входа в систему. Реактивный ранец
Плагины для электронной коммерции WordPress Чтобы помочь вам настроить интернет-магазин. WooCommerce
Менеджер медиатеки Чтобы помочь вам организовать ваши СМИ. ФайлПтица
Антиспам Не позволяйте вашему сайту публиковать вредоносный контент. Акисмет
Аналитика Помогает вам понять ваш трафик и поведение пользователей. Google Аналитика

Теперь давайте немного поговорим о другой теме: скорости страницы.

И ваши посетители, и Google очень заботятся о скорости вашего сайта.

Почему Google?

Скорость — важный фактор, который учитывается при органическом ранжировании, здесь имеется в виду:

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

Согласно исследованию Google, проведенному в 2018 году, 53% мобильных пользователей покидают сайт, загрузка которого занимает более 3 секунд (Holy Moly!).

И взгляните на это!

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

 

Я выбрал 2 непринужденных решения (их гораздо больше, но они довольно технические).

● Оптимизация изображений
Изображения вашего веб-сайта не должны загружаться в исходном размере. Кроме того, попробуйте использовать PNG вместо JPEG (в них меньше цветов).
Smush — наш любимый плагин WordPress для сжатия изображений. Вы не увидите заметного падения качества, а скорость вашей страницы будет оптимизирована.

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

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

Хотите узнать больше о том, как работает кэширование? Читайте здесь.

Мы рекомендуем следующие инструменты:
➔ W3 Total Cache (W3TC) улучшает SEO и удобство вашего сайта для пользователей, повышая производительность сайта и сокращая время загрузки.
➔ Колибри. У этого есть некоторые дополнительные функции, которые нам нравятся, такие как сжатие файлов Javascript, HTML и CSS.

Теперь, как вы можете проверить, насколько быстро загружается ваш сайт?
У Google есть инструмент, который поможет вам в этом, а также предлагает несколько идей по исправлению.

 

Бонус: советы и рекомендации по дизайну UX

Помните, я говорил «нет предела возможностям» с конструкторами страниц WordPress?

Ну… всегда есть «но». Когда вы разрабатываете веб-сайт, вы всегда должны иметь в виду свою аудиторию
или покупателей (как любят говорить маркетологи). Вы должны предоставить им отличный опыт на вашем веб-сайте, вот что означает UX (пользовательский опыт).

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

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

Люди ищут мгновенное удовлетворение: быстро и легко находят то, что им нужно. Если этого не происходит на вашем сайте, они будут искать другой.

Визуальная иерархия

Не все части веб-сайта обрабатываются одинаково, некоторые из них важнее других (формы, кнопки, заголовок, ценностное предложение и т. д.).

Куда бы вы хотели, чтобы ваш пользователь приземлился? Куда вы хотите, чтобы он кликнул?

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

Исследователи обнаружили, что пользователи, которые читают слева направо, просматривают веб-сайты по Z-образной схеме.

Это означает, что сюда следует направлять самую важную информацию.

 

Удобная навигация

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

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

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

 

Та же цветовая схема (согласованность)

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

Используйте одинаково сбалансированные цвета. Вот немного вдохновения.

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

 

Используйте эффективное письмо

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

Используйте макс. 3 шрифта размером не более 3 пунктов — максимум 18 слов или 50–80 символов в строке текста, как рекомендует Smashing Magazine.

 

Использовать социальное доказательство

Почему я должен доверять вам, вашему бизнесу или вашим продуктам?
Мы, люди, существа социальные. Мы живем в сообществах, у нас есть друзья и семья. Они могут быть нашими влиятельными лицами. Нам очень важно их мнение.
.
Приведу несколько примеров:
● Рейтинги и обзоры

● Отзывы

● Количество клиентов («вы в хорошей компании»).


● Логотипы клиентов


● Тематические исследования, подкрепленные результатами


● Пресса и награды

 

Кроме того, если вы хотите узнать о последних тенденциях в дизайне, команда Coastal Creative подготовила замечательную инфографику на эту тему.

 

Выводы

Мы можем считать это завершением, не так ли?

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

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