Vibrant Stickers: A Nod to Latinx Culture in Design — леттеринг-стикеры для приложения Apple Clips
Дизайнеры делали эти стикеры для латиноамериканской аудитории. Поэтому наклейки содержат фразы на португальском и испанском, а яркая палитра отражает динамичный дух, присущий жителям Латинской Америки
Авторы — Пола Круз и дизайнер под псевдонимом Bad Samaritan
Больше стикеров и анимаций: awdee.ru/vibrant-stickers-a-nod-to-latinx-culture-in-design
#awd_lettering via abduzeedo.com/vibrant-stickers-nod-latinx-culture-design
Дизайнеры делали эти стикеры для латиноамериканской аудитории. Поэтому наклейки содержат фразы на португальском и испанском, а яркая палитра отражает динамичный дух, присущий жителям Латинской Америки
Авторы — Пола Круз и дизайнер под псевдонимом Bad Samaritan
Больше стикеров и анимаций: awdee.ru/vibrant-stickers-a-nod-to-latinx-culture-in-design
#awd_lettering via abduzeedo.com/vibrant-stickers-nod-latinx-culture-design
Типографические плакаты Арианы Шпанье из Берлина
Больше плакатов: awdee.ru/ariane-spanier
#awd_poster via typographicposters.com/arianespanier
Больше плакатов: awdee.ru/ariane-spanier
#awd_poster via typographicposters.com/arianespanier
Про нас написали:
— Михаил Веткин
А мы напоминаем, что вы можете написать что угодно про Оди со ссылкой на наш канал или отдельный пост в нём. Каждый понедельник мы будем выпускать пост со ссылками на всех, кто про нас рассказал за неделю
Размер вашего канала значения не имеет. Так что не стесняйтесь участвовать, даже если ваш канал совсем нишевый и камерный
Нам новые читатели. Вам новые читатели. Нашим читателям — новые каналы для чтения. Такой вот win-win-win, получается
— Михаил Веткин
А мы напоминаем, что вы можете написать что угодно про Оди со ссылкой на наш канал или отдельный пост в нём. Каждый понедельник мы будем выпускать пост со ссылками на всех, кто про нас рассказал за неделю
Размер вашего канала значения не имеет. Так что не стесняйтесь участвовать, даже если ваш канал совсем нишевый и камерный
Нам новые читатели. Вам новые читатели. Нашим читателям — новые каналы для чтения. Такой вот win-win-win, получается
Упаковка перепелиных желтков Dan Huang китайской марки Yankershop Food Co.
Упаковки в форме перепёлки плюс яркая гамма — и скучные яичные желтки превратились в цепляющий и эмоциональный продукт
Больше картинок: awdee.ru/dan-huang-quail-yolks-packaging-of-chinese-brand-yankershop-food-co
#awd_pack via thedieline.com/blog/2024/4/3/dan-huang
Упаковки в форме перепёлки плюс яркая гамма — и скучные яичные желтки превратились в цепляющий и эмоциональный продукт
Больше картинок: awdee.ru/dan-huang-quail-yolks-packaging-of-chinese-brand-yankershop-food-co
#awd_pack via thedieline.com/blog/2024/4/3/dan-huang
#цитата_дня
Главная ошибка почти всех наборных плакатов — привычная симметричная композиция. Когда афиши только появились, они переняли у старой книжной типографики композицию титульного листа и до сих пор придерживаются этого построения. Чтобы плакат отделялся от соседнего, обычно его заключают в более или менее уродливую рамку
Ян Чихольд, «Новая типографика. Руководство для современного дизайнера»
Главная ошибка почти всех наборных плакатов — привычная симметричная композиция. Когда афиши только появились, они переняли у старой книжной типографики композицию титульного листа и до сих пор придерживаются этого построения. Чтобы плакат отделялся от соседнего, обычно его заключают в более или менее уродливую рамку
Ян Чихольд, «Новая типографика. Руководство для современного дизайнера»
Resource Boy Textures — бесплатная коллекция из 43 наборов текстур
Если вы искали дым, огонь, облака, кофейные и акварельные разводы, отпечатки пальцев и следы губной помады, пластиковые, картонные, джинсовые, кирпичные, мраморные текстуры — здесь есть, чем поживиться для будущих проектов
Текстуры доступны в форматах PNG или JPG, в разрешении до 8K. Все они бесплатны для персонального и коммерческого использования
resourceboy.com/textures
#awd_free_download #awd_pattern
Если вы искали дым, огонь, облака, кофейные и акварельные разводы, отпечатки пальцев и следы губной помады, пластиковые, картонные, джинсовые, кирпичные, мраморные текстуры — здесь есть, чем поживиться для будущих проектов
Текстуры доступны в форматах PNG или JPG, в разрешении до 8K. Все они бесплатны для персонального и коммерческого использования
resourceboy.com/textures
#awd_free_download #awd_pattern
Приём в вебе: сочетание горизонтального и вертикального скролла на сайтах
Мы подметили ещё один приём в веб-дизайне — сочетание горизонтальной и вертикальной прокрутки. Переходы из горизонтального скролла в вертикальный, и наоборот, вносят разнообразие в изучение контента и добавляют эффект неожиданности. Особенно актуален этот приём в длинных лендингах, чтобы при прокрутке пользователь точно не заскучал
🙂️️️️️️ Предлагаем посмотреть девять примеров его реализации: awdee.ru/combining-horizontal-and-vertical-scrolling-on-websites
#awd_web #awd_site #awd_technique
Мы подметили ещё один приём в веб-дизайне — сочетание горизонтальной и вертикальной прокрутки. Переходы из горизонтального скролла в вертикальный, и наоборот, вносят разнообразие в изучение контента и добавляют эффект неожиданности. Особенно актуален этот приём в длинных лендингах, чтобы при прокрутке пользователь точно не заскучал
#awd_web #awd_site #awd_technique
Please open Telegram to view this post
VIEW IN TELEGRAM
🇬🇧 Как правильно визуализировать данные с помощью цвета
Лиза Шарлотта Мут написала о том, как с помощью цветов делать акценты в визуализациях данных
Рекомендации из статьи:
— Расставьте приоритеты. Что люди точно не должны пропустить? Что им желательно увидеть, но некритично, если это останется незамеченным?
— Сначала всё сделайте серым. Дальше окрашивайте элементы, учитывая, что сначала люди смотрят на самый контрастный, самый насыщенный цвет. Затем на чуть менее насыщенные цвета. И только потом на серые
— Применяйте серый только для обозначения малозначимых элементов и категории «другие»
— Для визуализации нескольких категорий используйте один цвет, но регулируйте его насыщенность. Самые важные категории делайте более насыщенными, а менее значимые — менее насыщенными
Читайте статью с наглядными примерами: blog.datawrapper.de/emphasize-with-color-in-data-visualizations
Также рекомендуем посмотреть гайд Лизы о цветах в датавизе
#awd_dataviz #awd_infographic #awd_article
Лиза Шарлотта Мут написала о том, как с помощью цветов делать акценты в визуализациях данных
Рекомендации из статьи:
— Расставьте приоритеты. Что люди точно не должны пропустить? Что им желательно увидеть, но некритично, если это останется незамеченным?
— Сначала всё сделайте серым. Дальше окрашивайте элементы, учитывая, что сначала люди смотрят на самый контрастный, самый насыщенный цвет. Затем на чуть менее насыщенные цвета. И только потом на серые
— Применяйте серый только для обозначения малозначимых элементов и категории «другие»
— Для визуализации нескольких категорий используйте один цвет, но регулируйте его насыщенность. Самые важные категории делайте более насыщенными, а менее значимые — менее насыщенными
Читайте статью с наглядными примерами: blog.datawrapper.de/emphasize-with-color-in-data-visualizations
Также рекомендуем посмотреть гайд Лизы о цветах в датавизе
#awd_dataviz #awd_infographic #awd_article
#цитата_дня
Было проведено интересное исследование. Нескольким мужчинам показывали рекламу новой машины. Эту машину рекламировала соблазнительная женщина-фотомодель. Мужчины, видевшие такую рекламу, оценивали все параметры машины выше, чем мужчины, которые видели ту же самую рекламу, но без красивой модели. Однако большинство мужчин отказывались признать, что один вид молодой симпатичной женщины повлиял на их оценку автомобиля (Smith & Engel, 1968)
Роберт Чалдини, «Психология влияния. Как научиться убеждать и добиваться успеха»
Было проведено интересное исследование. Нескольким мужчинам показывали рекламу новой машины. Эту машину рекламировала соблазнительная женщина-фотомодель. Мужчины, видевшие такую рекламу, оценивали все параметры машины выше, чем мужчины, которые видели ту же самую рекламу, но без красивой модели. Однако большинство мужчин отказывались признать, что один вид молодой симпатичной женщины повлиял на их оценку автомобиля (Smith & Engel, 1968)
Роберт Чалдини, «Психология влияния. Как научиться убеждать и добиваться успеха»
Девять коллекций с брутальными сайтами и два конструктора для их создания
Брутализм — стиль дизайна, в котором функциональность превалирует над формой. Его название происходит от французского “béton brut”, что означает «сырой бетон»
Мы сделали подборку галерей с примерами интерфейсов в брутальном стиле. А если вам захочется сделать нечто подобное, то в статье есть два конструктора с шаблонами для создания сайтов в брутальной стилистике
🙂️️️️️️ awdee.ru/nine-collections-with-brutal-websites-and-two-builders-to-create-them
#awd_webtool #awd_tool #awd_collection
Брутализм — стиль дизайна, в котором функциональность превалирует над формой. Его название происходит от французского “béton brut”, что означает «сырой бетон»
Мы сделали подборку галерей с примерами интерфейсов в брутальном стиле. А если вам захочется сделать нечто подобное, то в статье есть два конструктора с шаблонами для создания сайтов в брутальной стилистике
#awd_webtool #awd_tool #awd_collection
Please open Telegram to view this post
VIEW IN TELEGRAM
Любимые шрифты: 11 мнений шрифтовых, графических, продуктовых дизайнеров и леттереров
В шестой статье из рубрики «Мнения дизайнеров» мы решили разобраться, как выбирать шрифты для проекта. Эту тему мы обсудили с 11 дизайнерами и леттерерами. Ребята рассказали нам о своих шрифтовых предпочтениях, объяснили, как они создают шрифтовые пары и какими критериями руководствуются при выборе шрифтов
Получилась обстоятельная статья, из которой можно составить собственный список шрифтов и шрифтовых пар, проверенных героями статьи, а также понять базовые правила применения типографики в дизайне
🙂️️️️️️ awdee.ru/favorite-fonts-11-opinions-from-typographers-graphic-designers-product-designers-and-letterers
#awd_font #awd_typo #awd_article #awd_opinion
В шестой статье из рубрики «Мнения дизайнеров» мы решили разобраться, как выбирать шрифты для проекта. Эту тему мы обсудили с 11 дизайнерами и леттерерами. Ребята рассказали нам о своих шрифтовых предпочтениях, объяснили, как они создают шрифтовые пары и какими критериями руководствуются при выборе шрифтов
Получилась обстоятельная статья, из которой можно составить собственный список шрифтов и шрифтовых пар, проверенных героями статьи, а также понять базовые правила применения типографики в дизайне
#awd_font #awd_typo #awd_article #awd_opinion
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Лендинг сервиса для обмена файлами Shuttle
Небольшой лендинг, который выделяется аккуратностью и чёткой структурой. Отдельно хочется отметить небольшие детали, из которых складывается гармоничная композиция. Это карточки в эстетике глассморфизма, скругленные углы и хорошо продуманные яркие акценты
shuttle.zip
Больше скриншотов: awdee.ru/shuttle-file-sharing-service-lendings
#awd_web #awd_site
Небольшой лендинг, который выделяется аккуратностью и чёткой структурой. Отдельно хочется отметить небольшие детали, из которых складывается гармоничная композиция. Это карточки в эстетике глассморфизма, скругленные углы и хорошо продуманные яркие акценты
shuttle.zip
Больше скриншотов: awdee.ru/shuttle-file-sharing-service-lendings
#awd_web #awd_site
#цитата_дня
Чтобы понять, насколько наши представления формируются внешними аспектами дизайна, попробуйте выпить вина из бутылки для кока-колы или виски из пивной бутылки — это будет настоящий шок для вкусовых рецепторов
Деян Суджич, «Язык вещей»
Чтобы понять, насколько наши представления формируются внешними аспектами дизайна, попробуйте выпить вина из бутылки для кока-колы или виски из пивной бутылки — это будет настоящий шок для вкусовых рецепторов
Деян Суджич, «Язык вещей»
Айдентика лондонской кофейни Sacred Grounds
Заведение примыкает к церкви Святой Анны в районе Сохо. В названии бренда есть игра слов, потому что Sacred Grounds можно перевести, как «Священная Земля», а можно, как «Священная Гуща»
Дизайнеры намеренно отказались от минималистской эстетики в пользу акцидентной типографики, броского ярко-оранжевого цвета и декоративных элементов: сложных иллюстраций и изображения звезды. А перчёные слоганы добавляют стилю остроты
Больше картинок: awdee.ru/the-identity-of-london-coffee-shop-sacred-grounds
#awd_identity via wonderhoodstudios.com/projects/design/sacred-grounds
Заведение примыкает к церкви Святой Анны в районе Сохо. В названии бренда есть игра слов, потому что Sacred Grounds можно перевести, как «Священная Земля», а можно, как «Священная Гуща»
Дизайнеры намеренно отказались от минималистской эстетики в пользу акцидентной типографики, броского ярко-оранжевого цвета и декоративных элементов: сложных иллюстраций и изображения звезды. А перчёные слоганы добавляют стилю остроты
Больше картинок: awdee.ru/the-identity-of-london-coffee-shop-sacred-grounds
#awd_identity via wonderhoodstudios.com/projects/design/sacred-grounds
Forwarded from Design Prosmotr
Правила композиции для создания плакатов, постеров и баннеров
Знание правил композиции, позволяет дизайнеру создавать привлекательные композиции, управлять визуальным фокусом зрителя и улучшать читабельность макета. Собрали 6 уроков, после просмотра которых вы узнаете о методах визуального воздействия, научитесь эффективно передавать информацию и достигать своим дизайном поставленных целей.
Темы:
— Краткая теория про композицию постеров. Как сделать постер?
Из видео вы узнаете о структуре и элементах постера: какую роль при создании плаката ишрают сетка, главные объекты, типы графики и сопроводительный текст. Автор расскажет о визуальной иерархии и контрастых.
— Сетки для постеров, которые вы обязаны использовать
Автор расскажет о методах работы с разными сетками: столбчатые, модульные, иерархические, базовые, осевые и диагональные сетки. Вы узнаете, почему важно в каждом проекте использовать сетки, и как это правильно сделать.
— Сетки для логотипов и иллюстраций, шаблон и работа с заливкой.
Как создать иллюстрации из геометрических сеток разных видов: базовая клеточка, изометрия, круги и спирали. Автор покажет, как использовать сетки для создания абстрактных узоров и узнаваемых метафор и образов. Как создавать новые фигуры, объединяя контуры и пересечения, а также удалять ненужные области.
— Как проектировать и применять сетку Фибоначчи в своем макете
Необходимо ли использовать сетку для ваших проектов? В этом видео автор дает честный ответ и показывает, как создать сетку с помощью последовательности Фибоначчи.
— 5 законов дизайна и композиции: золотые правила
Вы познакомитесь с 5 главными законами в композиции. Автор расскажет о системах сеток, иерархии и близости, создание многослойности, цветовых палитрах и фокусных точек для привлечения внимания зрителя.
— Графический дизайн для начинающих: макет и композиция
Автор расскажет, как использовать пять основных принципов для улучшения работы: близость, пробелы, выравнивание, контраст и повторение.
Тема: #grid, рубрика: #training
Знание правил композиции, позволяет дизайнеру создавать привлекательные композиции, управлять визуальным фокусом зрителя и улучшать читабельность макета. Собрали 6 уроков, после просмотра которых вы узнаете о методах визуального воздействия, научитесь эффективно передавать информацию и достигать своим дизайном поставленных целей.
Темы:
— Краткая теория про композицию постеров. Как сделать постер?
Из видео вы узнаете о структуре и элементах постера: какую роль при создании плаката ишрают сетка, главные объекты, типы графики и сопроводительный текст. Автор расскажет о визуальной иерархии и контрастых.
— Сетки для постеров, которые вы обязаны использовать
Автор расскажет о методах работы с разными сетками: столбчатые, модульные, иерархические, базовые, осевые и диагональные сетки. Вы узнаете, почему важно в каждом проекте использовать сетки, и как это правильно сделать.
— Сетки для логотипов и иллюстраций, шаблон и работа с заливкой.
Как создать иллюстрации из геометрических сеток разных видов: базовая клеточка, изометрия, круги и спирали. Автор покажет, как использовать сетки для создания абстрактных узоров и узнаваемых метафор и образов. Как создавать новые фигуры, объединяя контуры и пересечения, а также удалять ненужные области.
— Как проектировать и применять сетку Фибоначчи в своем макете
Необходимо ли использовать сетку для ваших проектов? В этом видео автор дает честный ответ и показывает, как создать сетку с помощью последовательности Фибоначчи.
— 5 законов дизайна и композиции: золотые правила
Вы познакомитесь с 5 главными законами в композиции. Автор расскажет о системах сеток, иерархии и близости, создание многослойности, цветовых палитрах и фокусных точек для привлечения внимания зрителя.
— Графический дизайн для начинающих: макет и композиция
Автор расскажет, как использовать пять основных принципов для улучшения работы: близость, пробелы, выравнивание, контраст и повторение.
Тема: #grid, рубрика: #training
Айдентика кофейни LocalLocal в Новом Тайбэе
В кофейне нет персонала — она управляется дистанционно. Ультраминималистичный дизайн запилили под стать концепции: нет людей, нет и лишних деталей
Ещё хочется рассказать о задумке авторов про круги с буквами. Они символизируют множество цикличных ритуалов, из которых состоит наша жизнь. А любимая кофейня — как раз место, куда люди обычно ходят почти каждый день совершить ритуал — выпить чашку любимого напитка
Больше картинок: awdee.ru/the-identity-of-locallocal-coffee-shop-in-new-taipei
#awd_identity via instagram.com/p/C2l2_hvvHBr
В кофейне нет персонала — она управляется дистанционно. Ультраминималистичный дизайн запилили под стать концепции: нет людей, нет и лишних деталей
Ещё хочется рассказать о задумке авторов про круги с буквами. Они символизируют множество цикличных ритуалов, из которых состоит наша жизнь. А любимая кофейня — как раз место, куда люди обычно ходят почти каждый день совершить ритуал — выпить чашку любимого напитка
Больше картинок: awdee.ru/the-identity-of-locallocal-coffee-shop-in-new-taipei
#awd_identity via instagram.com/p/C2l2_hvvHBr
#цитата_дня
Детали это вовсе не детали; детали — это именно то, что создает товар
Джон Эдсон, «Уроки дизайна от Apple»
Детали это вовсе не детали; детали — это именно то, что создает товар
Джон Эдсон, «Уроки дизайна от Apple»
Как дизайнеру получить визу талантов и грин-карту США без адвоката
Дизайнер интерфейсов Андрей Маркелов написал о том, как в 2023 году он без посредников получил сначала визу талантов, а затем грин-карту США. Для образца он выложил полный текст двух собственных визовых петиций, по которым можно написать свои
В статье автор перечислил десять критериев, трём из которых необходимо соответствовать дизайнеру, чтобы получить одобрение офицеров иммиграции США. Он также объяснил, какие дополнительные условия нужно выполнить: иметь на руках job offer, десяток рекомендательных писем и справку от американского «профсоюза»
А ещё он рассказал, в каких дизайн-конкурсах можно участвовать, какие дизайн-сообщества подходят под требования для получения визы, в каких изданиях лучше публиковаться, как можно стать членом дизайн-жюри и многое другое
А также как подать визовую петицию и какие ещё типы виз для талантов бывают. В статье есть все необходимые ссылки
Кстати, Андрею помогло ещё и то, что он публиковал свои статьи о дизайне в нашем Оди. Например, его статью Дизайн сложных таблиц прочли более 23 тысяч раз
🙂️️ awdee.ru/how-a-designer-can-get-a-talent-visa-and-a-u-s-green-card-without-a-lawyer
#awd_article #awd_career
Дизайнер интерфейсов Андрей Маркелов написал о том, как в 2023 году он без посредников получил сначала визу талантов, а затем грин-карту США. Для образца он выложил полный текст двух собственных визовых петиций, по которым можно написать свои
В статье автор перечислил десять критериев, трём из которых необходимо соответствовать дизайнеру, чтобы получить одобрение офицеров иммиграции США. Он также объяснил, какие дополнительные условия нужно выполнить: иметь на руках job offer, десяток рекомендательных писем и справку от американского «профсоюза»
А ещё он рассказал, в каких дизайн-конкурсах можно участвовать, какие дизайн-сообщества подходят под требования для получения визы, в каких изданиях лучше публиковаться, как можно стать членом дизайн-жюри и многое другое
А также как подать визовую петицию и какие ещё типы виз для талантов бывают. В статье есть все необходимые ссылки
Кстати, Андрею помогло ещё и то, что он публиковал свои статьи о дизайне в нашем Оди. Например, его статью Дизайн сложных таблиц прочли более 23 тысяч раз
#awd_article #awd_career
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как дизайнеру получить визу талантов и грин-карту США без адвоката — Оди. О дизайне
В 2023 году я самостоятельно получил сначала визу талантов, а затем грин-карту США. Я хочу рассказать о том, как это может сделать каждый без помощи адвоката. В статье вы найдёте пошаговое руководство и примеры визовых петиций Привет, друзья! Это Андрей Маркелов…
7 личных правил в дизайне Артемия Лебедева, основателя Le:mma Studio
Мы открываем новую рубрику — «Личные правила успешных дизайнеров». В ней один крутой дизайнер будет делиться списком собственных правил, которые помогают ему делать хороший дизайн
Для первой статьи мы пригласили Артемия Лебедева, визуального художника, арт-директора и основателя Le:mma Studio. Его коллекция Человечество выставлялась в Эрарте, некоторые её экземпляры — во Франции и Польше. Коллекция Femme Futura представлена в Дубае. Артемий входит в состав жюри Awwwards. В качестве дизайнера и художника сотрудничал с Jonah Bolden, Oscar Akermo, Emily Ruhl, Dallas Hart, Dmitry Troshin
🙂️️ Читайте манифест, и заодно зацените проекты нашего героя: awdee.ru/7-personal-rules-in-design-by-artemy-lebedev-founder-of-lemma-studio
#awd_article #awd_manifesto
Мы открываем новую рубрику — «Личные правила успешных дизайнеров». В ней один крутой дизайнер будет делиться списком собственных правил, которые помогают ему делать хороший дизайн
Для первой статьи мы пригласили Артемия Лебедева, визуального художника, арт-директора и основателя Le:mma Studio. Его коллекция Человечество выставлялась в Эрарте, некоторые её экземпляры — во Франции и Польше. Коллекция Femme Futura представлена в Дубае. Артемий входит в состав жюри Awwwards. В качестве дизайнера и художника сотрудничал с Jonah Bolden, Oscar Akermo, Emily Ruhl, Dallas Hart, Dmitry Troshin
#awd_article #awd_manifesto
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
7 личных правил в дизайне Артемия Лебедева, основателя Le:mma Studio — Оди. О дизайне
Мы открываем новую рубрику — «Личные правила успешных дизайнеров». В ней один крутой дизайнер будет делиться списком собственных правил, которые помогают ему делать хороший дизайн. Для первой статьи мы пригласили Артемия Лебедева, визуального художника, арт…
Проектируем авторизацию в приложении по номеру телефона
Новая статья Станислава Хрусталёва о том, как задизайнить блок авторизации по телефону, чтобы клиент мог без проблем войти в приложение. Автор проанализировал более 200 российских приложений: разобрал как хорошие практики, так и не очень
Статью он разбил на блоки в соответствии с этапами клиентского пути:
— Общие моменты
— Заголовок формы ввода номера
— Placeholder поля ввода номера
— Активация поля с номером
— Ввод номера телефона
— Кнопка подтверждения номера
— Типы проверки номера
— Подтверждение отправки sms
— SMS с проверочным кодом
— Ввод проверочного кода
— Валидация и обработка ошибочного ввода
— Повторная отправка кода
🙂 awdee.ru/design-in-app-authorization-by-phone-number
#awd_article #awd_ux #awd_cx
Новая статья Станислава Хрусталёва о том, как задизайнить блок авторизации по телефону, чтобы клиент мог без проблем войти в приложение. Автор проанализировал более 200 российских приложений: разобрал как хорошие практики, так и не очень
Статью он разбил на блоки в соответствии с этапами клиентского пути:
— Общие моменты
— Заголовок формы ввода номера
— Placeholder поля ввода номера
— Активация поля с номером
— Ввод номера телефона
— Кнопка подтверждения номера
— Типы проверки номера
— Подтверждение отправки sms
— SMS с проверочным кодом
— Ввод проверочного кода
— Валидация и обработка ошибочного ввода
— Повторная отправка кода
#awd_article #awd_ux #awd_cx
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Проектируем авторизацию в приложении по номеру телефона — Оди. О дизайне
Авторизация по номеру телефона используется в подавляющем большинстве e-com приложений, и через неё проходит основная доля клиентов, которые совершают заказ. Несмотря на кажущуюся простоту, процесс этот отличается от сервиса к сервису, и есть множество деталей…