Оптические трюки для создания читабельных гарнитур

  • автор:

Классический обман зрения.

Как создать оптическую иллюзию в диалоговом окне.

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

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

Визуальные иконки программ, способные влиять на выбор пользователя

Глаза человека являются уникальным оптическим прибором, способным различать малейшие нотки фальши. Знакомые с азами анатомии понимают, как устроен глаз человека и разоблачают необъяснимые явления. При создании иконок можно с лёгкостью управлять человеческим подсознанием, достаточно владеть элементарными основами физики. Создатели уникальных шрифтов для текстовых программ используют оптические трюки для получения визуального эффекта, способны изобрести гарнитуры, которые в разы увеличивают читабельность текста, простоту восприятия и информативность донесения до сознания человека. Эти техники служат, прежде всего, для улучшения качества «обратной связи» между пользователем и программой.

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

Как думаете, площадь какой фигуры больше? Квадрата размером 1000 на 1000 точек или круга такого же разрешения? Если бы Вы решали геометрическую задачу, ответ был бы однозначным: «одинаково». Но в мире цифровых технологий действуют другие законы. Квадрат воспринимается глазом человека, сидящего за монитором, как более полноценный объект. Он обязательно отдаст предпочтение квадрату. Можно выразиться: «квадрат перевешивает окружность». Человеку кажется, что он обладает большей массой, размером, следовательно, он обязательно сделает соответствующий выбор. Такой закон действует при создании «иконок». Они должны обладать строгими прямыми формами.

  1. Иллюзия «выравнивания»

Коротко говоря, это искусственная попытка добиться от подсознания:

  • Вынужденного оптического баланса;
  • Попытки определить «вес объекта на глаз»;
  • Сделать выбор между объектами, представленными к выбору.

Классическим для понимания является пример с полосками. Одна представляет собой правильный прямоугольник, вторая – точно такой же, только у неё вырезан «ласточкин хвост» с одного конца. С вероятностью до 100% пользователь подумает, что «неправильная полоска» длиннее. И ошибётся. Они будут одинаковыми. Вас снова ввели в заблуждение.

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

  1. Обманчивое для зрения скругление углов

Что может быть лучше круга? Только круг более идеальной формы. Человеческий глаз является очень точным оптическим прибором, но и его можно ввести в искусственное заблуждение. Наиболее удачным примером послужит сравнение шрифта Futura, Circe и Geometria. Создатели постарались над тем, чтобы конкретный шрифт стал более читаемым и привлекательным для пользователя. Это ещё одна техника достижения желаемого результата. Сайты пишутся на шрифтах, которые человек предпочитает прочитать. Приятные буквы, которые перерастают в слова, пользователь за экраном прочитает до конца, даже если они не несут никакой полезной информации.

Опытные программисты и веб-разработчики контентов пользуются этим при создании кнопок перехода. Они незаметно скругляют края, привлекая внимание: «Нажми меня». Такой посыл несёт идеально разработанный внешний вид кнопки.

  1. Супер эллипс

Не стоит удивляться, это очень популярный термин в среде программирования. Главный залог успеха – грамотно выстроить соотношение длины и ширины прямоугольника, а затем чуть-чуть скруглить края. В итоге получится идеальный внешний вид. Он не будет выглядеть несуразно. Аккуратная большая кнопка или иконка правильного размера сразу привлечёт внимание пользователя. К тому же, если программист сумеет добавить скрипты, специальные формулы и несколько видов SVG – результат обеспечен. Компания Apple применяет специальную «маску». Не меняя технические параметры сайта, она выдаёт на экран обработанное иллюзорное изображение, которое пользователь воспринимает за правду. Отсюда и происходит термин «маска». Вы подвергаетесь фокусу.

Методы увеличения количества просмотров страницы

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

  1. Правильный заголовок — 70% успеха

Составить грамотный заголовок статьи или анонса события – такое же искусство, как вступление кинофильма. Дальше читатель либо захочет остаться на странице, либо нет. По статистике, 80% пользователей закрывают главную страницу, только прочитав заглавие статьи. Очень длинный или слишком короткий текст не подойдёт, важен баланс между мыслью и количеством символов. Это, своего рода, является искусством. Выверенная формула содержит «30-50 символов» в названии, не больше.

  1. Выбор типа и размера шрифта

Представляете, стали бы Вы читать книгу, написанную кеглем Times New Roman размером «8». Конечно – нет. А размером –«72»? Тоже нет. Подбор типа и размера шрифта – составляющая успеха. Читабельность может возрасти в 10 раз или упасть до нуля из-за некорректно подобранных параметров. При этом стоит учесть ресурс, на котором будет размещён текстовый материал. Если это интернет-магазин- требование одно, если это «моно-страница», то другое. Здесь очень важно уметь определить, для какой компании, с какими целями пишется текст. К примеру, каждому приятно читать информацию, исполненную шрифтом Calibri. Он приятен, скруглён и вызывает симпатии. А вот Arial – агрессивный, угловатый, жёсткий. Такой шрифт подойдёт для донесений и рапортов, но никак не для художественного рассказа.

  1. Размер имеет значение

Очень важно правильно подобрать высоту букв. Текст должен быть сбалансированным. Кто учился ещё в Советском Союзе, сможет вспомнить уроки черчения. Правильно подбирать высоту, ширину и толщину учили лучшие преподаватели эпохи. Наиболее популярным является 12 или 14 пт, но всё зависит от типа текста. Большой объём информации преподносят размером № 8, его легко скопировать и вставить в другой объект. Объявления, которые должны привлечь внимание, печатают размеров № 18 и выше.

Искусство иллюзии в Интернете –наука современности. Такая же, как и все традиционные, только в цифровом пространстве.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *