Следующая статья поможет вам: 38 основных терминов редизайна веб-сайта, которые вам нужно знать
В каждой отрасли есть свои модные словечки, и веб-дизайн не исключение. Если у вас кружится голова от, казалось бы, бесконечного жаргона, или если вы готовитесь изменить дизайн веб-сайта своей компании и хотите узнать о наиболее распространенных технических терминах в современном веб-дизайне, то этот список для вас.
Вот 37 самых популярных технических терминов и модных словечек, которые мы слышим (или используем) при редизайне веб-сайтов, организованных от А до Я. Находите ли вы в этом списке что-то, что вы слышали в последнее время?
“Над Fold”
Как ни странно, термин «выше сгиба» взят из газетного дизайна. Если элементы вашего веб-сайта находятся «вверху», то людям не нужно прокручивать страницу вниз, чтобы их увидеть.
Как и в случае с газетным дизайном, большинство дизайнеров размещают самую важную информацию в верхней части страницы. Однако этот термин потерял большую актуальность в современном веб-дизайне, потому что «сгиб» почти никогда не бывает в одном и том же месте из-за разных размеров и разрешений экрана.
Аналитика
Аналитика — это термин, который относится к числовому отслеживанию посетителей вашего сайта. С помощью аналитики вы сможете увидеть, сколько людей посещает ваш сайт, какие страницы наиболее популярны, откуда люди заходят в географическом плане и многое другое. Аналитика расскажет вам, что происходит на вашем сайте, но не почему.
Бэкенд
«Бэкенд» веб-сайта (произносится как «бэкэнд») — это способ обозначения системы или сервера управления контентом веб-сайта. Здесь вы входите в систему и вносите изменения в содержимое или страницы вашего веб-сайта, пишете блоги или просматриваете записи в формах. «Бэкенд»-код обрабатывает технические вещи, такие как перенаправления для страниц, которых больше нет на вашем веб-сайте или в шаблонах вашего веб-сайта.
Тестирование браузера
Как только дизайнер превращает макет в шаблон с помощью кода, шаблон необходимо протестировать, потому что существуют буквально сотни комбинаций веб-браузеров. Возможно, вы не знаете, что все комбинации операционных систем и версий браузеров могут отображать веб-сайты по-разному.
Добавьте сюда разные мобильные устройства и платформы, и вы получите много тестов. Прежде чем ваш новый веб-сайт будет опубликован, его необходимо протестировать в разных браузерах, чтобы убедиться, что он будет отображаться правильно.
Призыв к действию (СТА)
Призыв к действию или CTA — это кнопка, графическая или текстовая ссылка, которая побуждает вашего посетителя к действию. Это может включать подписку на ваш блог, подписку на ежемесячные обновления по электронной почте или запрос демонстрации продукта.
Разработка контента
Создание графического дизайна для вашего сайта — это только часть проекта дизайна сайта. Написание контента также является важной и часто упускаемой из виду частью процесса редизайна веб-сайта.
Разработка контента может означать придумывание слов и повествований для вашего веб-сайта, которые сообщают о вашем уникальном торговом предложении и преимуществах ваших продуктов или услуг таким образом, чтобы ваш целевой рынок положительно отреагировал на это. Это также может означать создание видеоконтента, инфографики или других форм информации, которые ваши посетители захотят использовать.
Система управления контентом
Система управления контентом или CMS — это программа, которая находится на веб-сервере. Его функция по существу двояка. Во-первых, он позволяет вам войти в систему и вносить изменения в свой веб-сайт, как правило, практически без знания кода.
Во-вторых, он сохраняет этот контент в базе данных и объединяет его с файлами веб-шаблонов для создания веб-страниц, составляющих ваш веб-сайт. Мы написали серию из 2 статей о как выбрать систему управления контентом это правильно для вас, если вы рассматриваете новую систему управления контентом во время редизайна вашего веб-сайта.
Коэффициент конверсии
Коэффициент конверсии — невероятно важный показатель для понимания эффективности вашего сайта. Это количество посетителей, деленное на количество потенциальных клиентов или контактов, которые вы получаете с веб-сайта. Чем выше коэффициент конверсии, тем меньше посетителей вам нужно, чтобы получить такое же количество лидов.
Дизайнеры заботятся о том, чтобы ваш веб-сайт «конвертировал» как можно больше посетителей в лиды или продажи. Процесс оптимизации вашего веб-сайта для повышения конверсии называется оптимизацией коэффициента конверсии (CRO).
CSS
CSS означает каскадную таблицу стилей, которая представляет собой файл, определяющий, как элементы будут отображаться на вашем веб-сайте. В этих файлах содержится информация о цвете шрифта, размере шрифта, полях страницы, фоне и многом другом. Файлы CSS «вызываются» файлами HTML, чтобы сообщить вашему веб-браузеру, как все должно быть организовано на экране.
Персонажи клиентов
Персонажи клиентов подробные описания ваших идеальных клиентов. Это вымышленные представления, но они представляют собой сегмент вашего целевого рынка. Персонажи клиентов могут содержать такую информацию, как демографические данные, цели, проблемы, разочарования, ключевые маркетинговые сообщения, общие цитаты, что они читают, где они работают, где вы можете найти этих людей и многое другое.
Они созданы, чтобы помочь дизайнерам и писателям понять ключевые идеи редизайна вашего веб-сайта и понять, что наиболее важно для вашей целевой аудитории.
Доменное имя
Доменное имя — это адрес вашего веб-сайта, чаще всего заканчивающийся на .com, .net или .org. Вы покупаете доменные имена через регистратора доменов, и эти доменные имена указывают на веб-серверы, содержащие ваш веб-сайт.
Доменное имя — это, по сути, запоминающийся «ярлык» для вашего веб-сайта, потому что без него людям нужно было бы знать ряд цифр (называемых IP-адресом), чтобы посетить его.
Плоский дизайн
Плоский дизайн — это тип дизайна веб-сайта, характеризующийся отсутствием теней, скосов и градиентов. Плоский дизайн часто минимален, чист и прост. Эти проекты не будут выглядеть трехмерными или иметь тени.
Противоположность плоскому дизайну называется «скевоморфным» дизайном, при котором вещи выглядят трехмерными с тенями, скосами и цветовыми градиентами.
Внешний интерфейс
Интерфейс веб-сайта — это часть веб-сайта, которую вы видите при посещении веб-сайта на компьютере или мобильном устройстве. Когда дизайнер «создает внешний интерфейс», он, по сути, создает графический дизайн или кодирует этот дизайн в HTML и CSS.
FTP
Сокращенно от File Transfer Protocol, FTP — это то, как дизайнер подключает свой компьютер к веб-серверу для передачи файлов, которые в конечном итоге будут запускать ваш веб-сайт.
Сеточная система
Система сетки — это просто структура страниц на вашем веб-сайте, состоящая из столбцов и строк. Они используются для компоновки и выравнивания содержимого веб-страницы, чтобы сделать его более читабельным и управляемым.
Хостинг
Хостинг или «веб-хостинг» — это способ сделать ваш веб-сайт общедоступным на веб-сервере, компьютере, который всегда подключен к Интернету. Вам понадобится веб-хостинг, чтобы сделать ваш веб-сайт общедоступным, и у вас будет выбор между «общим хостингом», «управляемым хостингом» или «выделенным хостингом».
Общий хостинг является наименее дорогостоящим, но требует совместного использования сервера с другими компаниями. Управляемый хостинг означает, что у хостинговой компании есть серверные инженеры, которые могут управлять вашим сервером вместо вас. Выделенный хостинг означает, что ваш сайт или сайты находятся на собственном сервере, что более безопасно.
HTML
Сокращенный от языка гипертекстовой разметки, HTML — это простой язык веб-программирования, который сообщает веб-браузерам, таким как Google Chrome, как отображать слова, изображения, аудио и видео на ваших веб-страницах.
Бесконечная прокрутка
Бесконечная прокрутка — это метод загрузки веб-страницы на экран посетителя, при котором содержимое загружается по мере прокрутки страницы вниз. Этот метод может отображать больше информации на странице, не требуя нажатия кнопки «Далее».
Это также может ускорить загрузку страниц, поскольку веб-браузеру не нужно загружать всю страницу контента сразу.
Информационная архитектура
Информационная архитектура звучит сложно, но это просто организация и маркировка вашего контента. Информационные архитекторы — это люди, которые берут весь контент вашего веб-сайта и упорядочивают его таким образом, чтобы его было легко найти.
В этот процесс включены такие вещи, как решение о том, какие страницы и разделы будут называться, насколько большими или маленькими должны быть разделы, проектирование «путей» через ваш контент к точкам, где люди станут лидами, и решение о том, как страницы должны быть связаны друг с другом.
Jquery
Jquery — это «библиотека» JavaScript, которая включает в себя несколько часто используемых функций JavaScript. Jquery можно использовать для таких вещей, как проверка того, что ваши веб-формы заполнены правильно или не оставлены пустыми, создание сложных анимаций, обработка переходов страниц и многое другое.
Целевая страница
Термин «целевая страница» может иметь разное значение для разных людей. Некоторые люди называют вашу домашнюю страницу целевой, потому что именно ее люди посещают в первую очередь. Рекламодатели могут называть страницу на вашем веб-сайте, которую люди посещают первой, целевой страницей.
С точки зрения маркетинга, целевая страница — это страница, генерирующая лиды — страница, имеющая единственную цель — заставить кого-то стать лидом. Люди становятся лидами, заполняя формы, поэтому на целевой странице всегда будет форма.
Ведущая форма
Лид-формы — это формы, которые можно разместить на любой странице вашего сайта. Люди заполняют эти формы, чтобы что-то скачать или запросить информацию.
Локализация
Если вы ведете бизнес на международном уровне, вам нужно локализовать свой веб-сайт. Локализация вашего веб-сайта означает не только перевод, но и изменение сообщений, фотографий и культурных отсылок, чтобы они больше соответствовали международным рынкам, на которые вы ориентируетесь.
Недавно мы написали подробную статью о локализации веб-сайтов под названием «Локализация веб-сайта: 7 полезных советов для корпоративного веб-сайта», которую вы можете прочитать, чтобы узнать больше.
Мета-теги
Метатеги могут иметь множество применений, но чаще всего о них думают в контексте поисковой оптимизации. Два типа мета-тегов, на которые ссылается большинство людей, называются «мета-ключевые слова» и «мета-описание». Многие думают, что они влияют на ваш рейтинг в поисковых системах, но на самом деле это не так.
Мобильный прежде всего
Mobile first — это мышление, согласно которому вы должны разрабатывать веб-сайт с учетом возможностей мобильных устройств, прежде чем создавать дизайн для экрана. Здесь дизайнер может сначала создать вид веб-сайта на смартфоне, который содержит только необходимую информацию, затем на планшете, а затем на экране.
Методология mobile first противоположна «методу вычитания», при котором дизайнер начинает с дизайна экрана компьютера, а затем удаляет или вычитает элементы с более низким приоритетом по мере того, как экран становится меньше.
Макет
Мокап — это изображение того, как ваш веб-сайт будет выглядеть на экране после его завершения. Это не рабочая версия того, что вы увидите, а просто изображение того, как это будет выглядеть. Мокапы могут быть «высокой точности» или «низкой точности».
Мокапы высокой точности будут иметь точную формулировку, фотографии и буквально будут изображением того, как ваш сайт будет выглядеть, когда он будет закончен. Макет с низкой точностью может содержать слова или фотографии только для целей размещения, чтобы показать, где определенные элементы будут размещены на экране.
Параллаксная прокрутка
Параллаксная прокрутка — это когда фоновое изображение движется медленнее, чем изображение или текст переднего плана, создавая иллюзию глубины, когда посетитель прокручивает страницу вниз.
Фотошоп
Photoshop — это компьютерная программа, разработанная Adobe, которая является отраслевым стандартом для создания макетов и дизайна веб-сайтов. Эта программа позволяет дизайнерам легко создавать графику и макеты страниц, из которых состоит ваш сайт.
Отзывчивый дизайн
Адаптивный дизайн — это метод проектирования и кодирования, который делает ваш сайт удобным для мобильных устройств. Это позволяет вашему веб-сайту «реагировать» или переформатировать себя на размер экрана, на котором он просматривается. Адаптивный дизайн является обязательным для современных веб-сайтов, потому что он делает ваш сайт читабельным и удобным для использования на smartphones и таблетки.
Без адаптивного дизайна ваш веб-сайт будет казаться миниатюрным или сжатым при просмотре на смартфоне или планшете, что создаст неоптимальный опыт просмотра для людей на мобильных устройствах. Для более подробного объяснения вы можете прочитать этот пост в блоге или этот пост в блоге.
контроль качества
Обеспечение качества или QA включает в себя больше, чем просто тестирование вашего веб-сайта в веб-браузерах. Различные функции вашего веб-сайта должны быть протестированы, чтобы убедиться, что они работают должным образом.
Иногда это включает в себя письменный план тестирования для технически продвинутого веб-сайта, но если вы хотите, чтобы посетители вашего веб-сайта были довольны во время их посещения, необходимо протестировать некоторые элементы, чтобы они работали должным образом.
SEO
Сокращенно от Search Engine Optimization, SEO — это практика оптимизации вашего веб-сайта и общего присутствия в Интернете (включая социальные сети), чтобы ваш бизнес можно было найти в Google, Bing и других поисковых системах.
Карта сайта
Карта сайта — это план того, как будет организован контент вашего сайта. Это может быть схема Microsoft Word или документ Excel. Он показывает высокоуровневую структуру именования и иерархию вашего веб-сайта, а также то, где каждая страница будет жить в рамках этой структуры. Он также может отображать перекрестные ссылки между связанными страницами.
SVG
SVG означает масштабируемую векторную графику, которая позволяет коду создавать изображения с высоким разрешением на вашем веб-сайте без загрузки графических файлов, что повышает производительность вашего веб-сайта. SVG может быть важен для веб-сайтов с адаптивным дизайном, потому что при любом размере и разрешении эта графика остается четкой и четкой.
Шаблон
Шаблон — это код, который сообщает вашей системе управления контентом, как отображать страницы на вашем веб-сайте. Веб-сайт, вероятно, будет состоять из нескольких шаблонов, поскольку разные страницы могут иметь разный вид. Термин «шаблон» также может относиться к предварительно разработанной «теме» веб-сайта.
Дизайн пользовательского интерфейса
Пользовательский интерфейс или пользовательский интерфейс — это способ описать страницу, которую увидят посетители. Когда дизайнер занимается дизайном пользовательского интерфейса, он разрабатывает страницы, с которыми будут взаимодействовать посетители. Проще говоря, дизайн пользовательского интерфейса — это эстетика и компоновка.
UX-дизайн
UX-дизайн или дизайн взаимодействия с пользователем — это стратегический взгляд на веб-дизайн. Дизайн UX учитывает потребности и способности вашего посетителя, технологию или устройство, а также конечные цели, которые вы хотите, чтобы посетитель преследовал.
Проще говоря, UX-дизайн делает «желаемый путь» более заметным и релевантным, поэтому посетитель будет делать то, что вы от него хотите, будь то переход на несколько страниц подряд, загрузка чего-либо или заполнение формы.
пробел
Пробельное пространство — это количество отступов или полей вокруг ключевых частей контента на веб-странице, включая абзацы и изображения. Загроможденный веб-сайт — это противоположность веб-сайту с большим количеством пробелов.
Каркас
Вайрфреймы — это проекты на ранней стадии, которые не включают в себя все детали, которые могли бы быть в макете. Вайрфреймы могут быть макетами страниц, нарисованными на доске, как показано здесь, или цифровыми рисунками с линиями, рамками и словами, но без фотографии или цвета.
Идея каркаса состоит в том, чтобы организовать содержимое и структуру страниц перед их графическим оформлением.
Вот и все, 38 самых распространенных модных словечек, которые вы услышите во время следующего редизайна веб-сайта.