Как Netflix заставляет вас подписаться – анализ UX

«Если мы не будем говорить 13 раз подряд, что наш продукт изначально бесплатный, вы все уволены!»
Какой-то чувак из Netflix после просмотра результатов A/B тестирования

Когда я работал над нашей воронкой регистрации, в какой-то момент я дошел до того, до чего доходят другие UX-дизайнеры. Я решил посмотреть, как делают другие. Так я попал на веб-сайт Netflix, став свидетелем их тщательного A/B тестирования и психологических паттернов, к которым они обращаются в своей воронке регистрации. Вот что я понял.
Читать далее

#UX
#анализ

Коллекция из 32 основных иконок, для мобильных приложений.
Формат файла: Ai

#icons

​​LA 2028 представил динамический логотип олимпийских игр

Олимпийский комитет Города Ангелов представил свой официальный логотип - динамичную, постоянно меняющуюся эмблему, которая стремится отразить творческий потенциал и разнообразие Лос-Анджелеса с точки зрения олимпийцев, таких как Эллисон Феликс и Хлоя Ким, а также художники, в том числе Билли Эйлиш, Чаз Бохоркес и Стивен Харрингтон.

В отличие от олимпийских логотипов прошлого, символ Лос-Анджелеса постоянно меняется. Он состоит из четырех ключевых элементов: букв «L» и «A» Лос-Анджелеса, цифр 28, обозначающих год проведения игр, и, конечно же, колец. В то время как буквы «L» и 28 остаются неизменными, буква «A» повсюду меняется, представляя личности и стили различных спортсменов и авторов из Лос-Анджелеса, в том числе: фигуриста, призера Олимпийских игр, фигуриста Адама Риппона, сноубордиста Кима, профессионала по легкой атлетике Феликса и гимнастку Габби Дуглас; Паралимпийский скаут Бассетт; Боксерша, претендующая на олимпиаду Шантель Наварро; Обладательница Грэмми музыканта Айлиш; Звезда YouTube и ведущая Лилли Сингх; художник Харрингтон; талант граффити Бохоркес; и актер и продюсер Риз Уизерспун.

#news #logo

Подробное руководство: сколько CTA должно быть на одной странице для максимальной конверсии

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

Итак, кто же прав?

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

Возможно, вопрос не в том, «Должна ли страница иметь один CTA?», а в том, «Когда и почему страница должна иметь только один CTA?».
Читать статью

#CTA #UX
#WebDesign

Typ.io Font Pairing Lists
Ресурс сопряжения шрифтов Typ.io добывает данные из почти 3000 онлайн-примеров. Инструмент позволяет визуально сравнить разные шрифты в действии. Если вы ищете заголовок с засечками и основной текст без них, Type.io предоставит вам все необходимое.

#Fonts

В английском языке есть выражение new black. Оно означает «хит сезона», что-то очень популярное. Обратите внимание, что такая идея передается через черный цвет – и не просто так. Розничная компания Edited в 2017 году провела исследование рынка женской одежды. Оказалось, что 36% рынка занимают черные вещи.

Популярность темных оттенков перешла границы моды и вошла в UI/UX дизайн. Десятки приложений предлагают вам опцию «темной темы», которая инвертирует цветовую схему Интернета.
Читать статью

#DarkMode #UI #UX

Telegram UI Screens
Дизайн пользовательского интерфейса Telegram

Установить

#UIKit #Telegram #Screens

The Bézier Game
Кривые Безье – неотъемлемая часть набора инструментов в графическом дизайне. Но нарисовать их идеально тяжелый труд, особенно для новичков Illustrator. Если у вас возникли проблемы, The Bézier Game поможет вам лучше прочувствовать процесс создания.

RevKit – это революционный UI kit, который экономит ваше время. Его можно скачать для Sketch, Figma и Adobe XD. В наборе множество полезных компонентов, которые сразу же можно использовать в своем дизайне. Он также включает руководство по стилям, элементы управления формой, компоненты и т.д. Набор бесплатен как для персональных, так и для коммерческих проектов.

#UIkit

Плагин Color scale generator — простая генерация цветовой шкалы системы дизайна на основе выбранных базовых цветов.

Выберите 6, 8 или 10 шагов по шкале. Получите базовые цвета из выбранных элементов или ввести значение HEX.

Установить плагин

#FigmaPlugins #Color

Personas Tool помогает вам лучше понять вашу целевую аудиторию, создавая образ покупателя.

#полезность
#FlowMap

В Telegram появились комментарии

В мессенджере Telegram появилась возможность комментировать сообщения в каналах. Новую функцию представил основатель приложения Павел Дуров в своем ресурсе.

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

Snack This – инструмент для создания текстовых GIF-файлов. Их можно создать за несколько секунд, скачать и использовать.

#полезность

Tabler Icons – это коллекция из более чем 550 иконок SVG, которые вы можете настроить. Измените цвет, размер или ширину штриха с помощью экранных элементов управления, а затем щелкните левой кнопкой мыши, чтобы скопировать значки для использования.

#icons

Плагин Chart использует реальные или случайные данные для создания самых популярных диаграмм. Поддерживает копирование-вставку из таких редакторов, как Excel, Numbers, Google Sheets, прямое соединение с Google Sheets и удаленными JSON (REST API).

#FigmaPlugins

Коллекция из 78 бесплатных векторных иллюстраций для Figma в разных позах и ракурсах
Скачать пак

#Illustration #Figma

Бесплатный UI Kit Food App для Figma
Минималистичный и чистый дизайн приложения, 20+ экранов.
Установить Kit

#UIKit #App #Figma

Shimmery Text использует SVG и GSAP для создания анимированного текста. Любые детали можно отредактировать.

#полезность

TinEye
Этот сайт использует 10 миллионов общедоступных картинок, собранных с Flickr, чтобы вы могли исследовать цветовые сочетания. Это, пожалуй, самый быстрый способ находить сочетания цветов. Кроме того, TinEye – увлекательный ресурс, который проверяет вашу интуицию.

#цвет
#полезность

Barchartrace – это простой генератор гистограмм с открытым исходным кодом и MIT-лицензией. Его можно использовать для создания анимированных диаграмм, которые вы ранее видели в соцсетях. Просто вставьте свою информацию (загрузите CSV файл), выберите настройки анимации и вперед.

#полезность

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

#Mockup