Большие курсоры: путь к лучшему Интернету

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

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

Большой курсор — лучший UX

Две важные вещи делают эту тенденцию актуальной.

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

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

Решение приносит пользу интерфейсу различными способами, например:

• Это делает вещи немного более интересными;
• Это спасает интерфейс от обыденности;
• Это улучшает взаимодействие с пользователем;
• Это делает изучение веб-сайта более интуитивным, чем обычно.

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

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

Агентство Эверест

Рассмотрим агентство Everest в качестве типичного примера этой тенденции.

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

Что касается курсора мыши, то это обычный стрелочный указатель — с изюминкой. Он обведен простым кругом. Когда курсор попадает в область меню, хвост круглой формы увеличивается в размерах и выделяет элемент в центре внимания. Здесь решение чувствует себя как дома.

Медиа-дерево

Media Tree может похвастаться действительно чистой и скромной эстетикой. Целевая страница кажется свежей, четкой и невероятно воздушной. Сплошной красный круг среднего размера, который играет роль курсора мыши, попадает здесь в естественный фокус. Это влияет не только на навигационные элементы веб-сайта, но и на контент. Более того, он даже снабжен крошечными подсказками, которые показывают пользователям, что им нужно сделать, чтобы увидеть больше. В таком минималистском окружении эти игриво оформленные разъяснения — как раз то, что доктор прописал.

Счастливый онлайн

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

аптек

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

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

Де Йонгенс ван Бовен

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

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

Wewo

Как и в предыдущем примере, Wewo также имеет сложную область героя. Хотя причудливых анимаций нет, дополнительных слоев более чем достаточно, чтобы немного усложнить отслеживание вашего движения. Так что решение вполне подходит.

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

Доминик Берзиньш

Если вы чувствуете, что маленький кружок ничего не изменит на вашем сайте, вы всегда можете пойти на крайние меры, увеличив его в сто раз и заставив оставлять привлекающий внимание след. Доминик Берзиньш показывает это в своем выдающемся личном портфолио.

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

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

Становимся больше и смелее

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

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

Расскажите, что вы думаете об использовании больших курсоров? Вы находите это забавным? Полезный? Или просто бесполезно?