Хочу стать дизайнером мобильных приложений. Что делать?
Какие вообще бывают дизайнеры в IT?
Дизайнер коммуникаций
Это тот, кто отвечает за голос бренда и его развитие. Такой дизайнер чаще работает в продукте, а не агентстве.
Графический дизайнер
Это история скорее про брендинг, плакаты, обложки альбомов, мерч.
Геймдизайнер
Игры – это вообще совсем другой мир. В нём дизайнеры тоже делятся на категории, но на основании того, с чем именно им приходится работать.
Моушен-дизайнер
Это про движение и анимацию. И, пожалуй, про 3D. Моушен-дизайнер делает крутые ролики, которые выводят бренд на новый уровень.
Веб-дизайнер
Тут всё просто – этто про сайты компаний и лендинги. И, пожалуй, это тема для отдельной статьи.
UI/UX
UI – это интерфейс пользователя, а UX – опыт (есть ещё CX, это про клиентский опыт). Получается, что UI/UX-дизайнер делает не только дизайн, который мы видим, но ещё и проектирует опыт взаимодействия.
Дизайнер мобильных приложений
Это тот же UI/UX-дизайнер, который занимается сначала проектированием опыта пользователя, а потом самого интерфейса, но который при этом знает гайды Android и iOS. И это очень важный пункт. Нужно знать, к каким паттернам привыкли пользователи, чтобы правильно расположить кнопку «назад» или сделать привычный поп-ап, чтобы элементы были удобны пользователю и не заставляли его нервничать. Потому что он не будет разбираться, а скачает более удобное приложение (ведь сейчас почти у всех есть аналоги и конкуренты). А мы не должны терять пользователей. Но расскажем о работе мобильного дизайнера более подробно.
Как строится работа дизайнера мобильных приложений
1. Исследование и формирование гипотез
Сначала нужно понять, чего хочет бизнес и чего хочет пользователь – и подружить их желания. Для этого начинаем с интервьюирования заказчика и погружения в особенности его проекта (обычно в этой работе нам помогает профессиональный аналитик). Потом ищем потенциальных пользователей и проводим с ними интервью.
2. Вайфрейминг
Это когда ты рисуешь экраны, но не сильно детализированные. Нет иконок, есть кружки; нет картинок, есть прямоугольники. Задача в том, чтобы быстро собрать основные экраны в кликабельный (то есть тот, который можно нажимать) прототип и проверить, что всё на месте и всё понятно. Такую «болванку» уже можно показывать коллегам (это называется «коридорное тестирование») и заказчику (чтобы быть с ним на одной волне и он был в курсе того, что происходит с его продуктом).
3. Дизайн-концепция
Это уже про внешний вид и концепцию взаимодействия – про интерфейс и визуальный язык, про приёмы общения с пользователем, про тон общения (дружеский или официальный), про геймификацию (вдруг нам нужно поощрять пользователя и придумывать награды).
Тут важно продумать все виды взаимодействия приложения с пользователем от микроанимаций при скроле до пушей (мы видим их вне приложения, но именно они могут стать одной из причин ненависти и раздражения пользователя).
4. Передача в разработку
Чтобы передать дизайн в разработку, в макетах должен быть порядок, экраны должны быть пронумерованы и разложены по сценариям. Также должна быть создана дизайн-система (или UI-Kit), где показаны все элементы во всех состояниях (например, кнопка в обычном состоянии, при наведении, при тапе, неактивная кнопка). Должен быть настроен экспорт, чтобы разработчик мог скачать любую иконку в нужном формате.
Что нужно знать, чтобы быть дизайнером мобильных приложений
Конечно, тут нужна база и инструменты, начнём со второго. Нужно освоить Figma. Это можно сделать прямо на сайте сервиса (только все материалы там на английском), либо найти обучающие ролики на YouTube. Важно научиться не только рисовать все фигуры и настраивать текст, но и пользоваться стилями, компонентами, фреймами и авто-лэйаутами (да, много незнакомых слов).
Нельзя забывать и про общую дизайнерскую базу знаний, которая нужна всем.
Источник
Какие вообще бывают дизайнеры в IT?
Дизайнер коммуникаций
Это тот, кто отвечает за голос бренда и его развитие. Такой дизайнер чаще работает в продукте, а не агентстве.
Графический дизайнер
Это история скорее про брендинг, плакаты, обложки альбомов, мерч.
Геймдизайнер
Игры – это вообще совсем другой мир. В нём дизайнеры тоже делятся на категории, но на основании того, с чем именно им приходится работать.
Моушен-дизайнер
Это про движение и анимацию. И, пожалуй, про 3D. Моушен-дизайнер делает крутые ролики, которые выводят бренд на новый уровень.
Веб-дизайнер
Тут всё просто – этто про сайты компаний и лендинги. И, пожалуй, это тема для отдельной статьи.
UI/UX
UI – это интерфейс пользователя, а UX – опыт (есть ещё CX, это про клиентский опыт). Получается, что UI/UX-дизайнер делает не только дизайн, который мы видим, но ещё и проектирует опыт взаимодействия.
Дизайнер мобильных приложений
Это тот же UI/UX-дизайнер, который занимается сначала проектированием опыта пользователя, а потом самого интерфейса, но который при этом знает гайды Android и iOS. И это очень важный пункт. Нужно знать, к каким паттернам привыкли пользователи, чтобы правильно расположить кнопку «назад» или сделать привычный поп-ап, чтобы элементы были удобны пользователю и не заставляли его нервничать. Потому что он не будет разбираться, а скачает более удобное приложение (ведь сейчас почти у всех есть аналоги и конкуренты). А мы не должны терять пользователей. Но расскажем о работе мобильного дизайнера более подробно.
Как строится работа дизайнера мобильных приложений
1. Исследование и формирование гипотез
Сначала нужно понять, чего хочет бизнес и чего хочет пользователь – и подружить их желания. Для этого начинаем с интервьюирования заказчика и погружения в особенности его проекта (обычно в этой работе нам помогает профессиональный аналитик). Потом ищем потенциальных пользователей и проводим с ними интервью.
2. Вайфрейминг
Это когда ты рисуешь экраны, но не сильно детализированные. Нет иконок, есть кружки; нет картинок, есть прямоугольники. Задача в том, чтобы быстро собрать основные экраны в кликабельный (то есть тот, который можно нажимать) прототип и проверить, что всё на месте и всё понятно. Такую «болванку» уже можно показывать коллегам (это называется «коридорное тестирование») и заказчику (чтобы быть с ним на одной волне и он был в курсе того, что происходит с его продуктом).
3. Дизайн-концепция
Это уже про внешний вид и концепцию взаимодействия – про интерфейс и визуальный язык, про приёмы общения с пользователем, про тон общения (дружеский или официальный), про геймификацию (вдруг нам нужно поощрять пользователя и придумывать награды).
Тут важно продумать все виды взаимодействия приложения с пользователем от микроанимаций при скроле до пушей (мы видим их вне приложения, но именно они могут стать одной из причин ненависти и раздражения пользователя).
4. Передача в разработку
Чтобы передать дизайн в разработку, в макетах должен быть порядок, экраны должны быть пронумерованы и разложены по сценариям. Также должна быть создана дизайн-система (или UI-Kit), где показаны все элементы во всех состояниях (например, кнопка в обычном состоянии, при наведении, при тапе, неактивная кнопка). Должен быть настроен экспорт, чтобы разработчик мог скачать любую иконку в нужном формате.
Что нужно знать, чтобы быть дизайнером мобильных приложений
Конечно, тут нужна база и инструменты, начнём со второго. Нужно освоить Figma. Это можно сделать прямо на сайте сервиса (только все материалы там на английском), либо найти обучающие ролики на YouTube. Важно научиться не только рисовать все фигуры и настраивать текст, но и пользоваться стилями, компонентами, фреймами и авто-лэйаутами (да, много незнакомых слов).
Нельзя забывать и про общую дизайнерскую базу знаний, которая нужна всем.
Источник
vc.ru
Хочу стать дизайнером мобильных приложений. Что делать? — Дизайн на vc.ru
Чтобы понять, кем именно ты хочешь стать, нужно сперва разобраться, кто чем занимается. Попробуем это сделать вместе с ведущим UI/UX-дизайнером MobileUp и куратором Факультета Дизайна мобильных приложений GeekBrains Аней Матвеевой.
10 топовых плагинов Figma, о которых вы не знали
Как часто у вас бывает, что при работе в Figma у вас не оказывается нужного инструмента под рукой? Например, который мог бы показать готовую палитру цветов, создать мокап, не выходя из Figma, проверить орфографию и сделать какой-то крутой эффект. Все это помогут сделать плагины, которые я подготовил для вас ниже.
01. Get Waves
Волны в СВГ
https://www.figma.com/community/plugin/745619465174154496/Get-Waves
Get Waves - это бесплатный генератор уникальных волн SVG для вашего дизайна. Эти волны легко настраиваются и кастомизируются в пару кликов, поэтому, создавать их будет достаточно просто.
02. Chart
Графики по вашим данным
https://www.figma.com/community/plugin/734590934750866002
Chart - это плагин для Figma, который использует реальные или случайные данные для создания самых популярных диаграмм. Chart поддерживает копирование и вставку из таких редакторов, как Excel, Numbers, Google Sheets, прямое соединение с Google Sheets и удаленный JSON (REST API), локальные файлы CSV и JSON.
03. Easometeric
Картинки в изометрии
https://www.figma.com/community/plugin/750743440401413268
Easometric поможет создавать изометрические слои и группы. С этим плагином вы можете быстро создавать изометрические виды сверху, слева и справа. Интерфейс создания изометрики достаточно простой, разобраться сможет каждый.
04. Palette
Делает из любых объектов и даже фото палитру цветов
https://www.figma.com/community/plugin/742549221432366731
Palette поможет вам создать идеальную цветовую палитру с помощью машинного обучения от Colormind.
Вы можете щелкать по цветам, чтобы зафиксировать их при создании новых цветов и перетаскивать цвета, чтобы изменить их порядок.
05. ArtBoard Studio Mockups
Онлайн мокапы
https://www.figma.com/community/plugin/750673765607708804/Artboard-Studio-Mockups
С этим плагином вы сможете создавать мокапы прямо в Figma. В библиотеке есть тысячи качественных макетов Artboard Studio. С легкостью сможете преобразовать кадры Figma в макеты реальных продуктов одним нажатием кнопки. Каждый день библиотека пополняется новыми элементами.
06. Pattern Hero
Делает паттерны по сетке из ваших элементов
https://www.figma.com/community/plugin/740556241021336678
Pattern Hero позволяет размещать выбранные элементы или кадры в сетке для создания узоров. Такая фишка может помочь при создании паттерна для брендинга компании. Можно поэкспериментировать с различными комбинациями и сделать свой уникальный паттерн.
07. Spellchecker
Проверка орфографии
https://www.figma.com/community/plugin/738839069237725273/Spellchecker
Spellchecker использует API Яндекса. Спеллер помогает находить и исправлять орфографические ошибки в русском, украинском или английском тексте. Модели орфографии языка включают сотни миллионов слов и фраз.
Плагин проверяет выделенный текстовый слой на наличие орфографических ошибок и предлагает их исправить
08. Morph
Добавляет разные стили к объектам
С помощью этого плагина вы сможете создавать классные эффекты, такие как Skeuomorph, Neon, Glitch, Reflection, Glass и т.д. Настраивается это все достаточно просто, прямо в Figma.
09. Make blob
Рандомные кляксы
https://www.figma.com/community/plugin/740172168964577201/Make-blob
Этот плагин позволяет очень просто создавать рандомные кляксы, различных форм и цветов. Может помочь при оформлении сайта, создании собственного стиля либо графических материалов.
10. To Path
Направляет текст в различные линии и формы
https://www.figma.com/community/plugin/751576264585242935
С помощью этого плагина можно создавать модную стилизацию текста, описывать его вокруг любой геометрической фигуры: круга, квадрата, треугольника и других.
Источник
Как часто у вас бывает, что при работе в Figma у вас не оказывается нужного инструмента под рукой? Например, который мог бы показать готовую палитру цветов, создать мокап, не выходя из Figma, проверить орфографию и сделать какой-то крутой эффект. Все это помогут сделать плагины, которые я подготовил для вас ниже.
01. Get Waves
Волны в СВГ
https://www.figma.com/community/plugin/745619465174154496/Get-Waves
Get Waves - это бесплатный генератор уникальных волн SVG для вашего дизайна. Эти волны легко настраиваются и кастомизируются в пару кликов, поэтому, создавать их будет достаточно просто.
02. Chart
Графики по вашим данным
https://www.figma.com/community/plugin/734590934750866002
Chart - это плагин для Figma, который использует реальные или случайные данные для создания самых популярных диаграмм. Chart поддерживает копирование и вставку из таких редакторов, как Excel, Numbers, Google Sheets, прямое соединение с Google Sheets и удаленный JSON (REST API), локальные файлы CSV и JSON.
03. Easometeric
Картинки в изометрии
https://www.figma.com/community/plugin/750743440401413268
Easometric поможет создавать изометрические слои и группы. С этим плагином вы можете быстро создавать изометрические виды сверху, слева и справа. Интерфейс создания изометрики достаточно простой, разобраться сможет каждый.
04. Palette
Делает из любых объектов и даже фото палитру цветов
https://www.figma.com/community/plugin/742549221432366731
Palette поможет вам создать идеальную цветовую палитру с помощью машинного обучения от Colormind.
Вы можете щелкать по цветам, чтобы зафиксировать их при создании новых цветов и перетаскивать цвета, чтобы изменить их порядок.
05. ArtBoard Studio Mockups
Онлайн мокапы
https://www.figma.com/community/plugin/750673765607708804/Artboard-Studio-Mockups
С этим плагином вы сможете создавать мокапы прямо в Figma. В библиотеке есть тысячи качественных макетов Artboard Studio. С легкостью сможете преобразовать кадры Figma в макеты реальных продуктов одним нажатием кнопки. Каждый день библиотека пополняется новыми элементами.
06. Pattern Hero
Делает паттерны по сетке из ваших элементов
https://www.figma.com/community/plugin/740556241021336678
Pattern Hero позволяет размещать выбранные элементы или кадры в сетке для создания узоров. Такая фишка может помочь при создании паттерна для брендинга компании. Можно поэкспериментировать с различными комбинациями и сделать свой уникальный паттерн.
07. Spellchecker
Проверка орфографии
https://www.figma.com/community/plugin/738839069237725273/Spellchecker
Spellchecker использует API Яндекса. Спеллер помогает находить и исправлять орфографические ошибки в русском, украинском или английском тексте. Модели орфографии языка включают сотни миллионов слов и фраз.
Плагин проверяет выделенный текстовый слой на наличие орфографических ошибок и предлагает их исправить
08. Morph
Добавляет разные стили к объектам
С помощью этого плагина вы сможете создавать классные эффекты, такие как Skeuomorph, Neon, Glitch, Reflection, Glass и т.д. Настраивается это все достаточно просто, прямо в Figma.
09. Make blob
Рандомные кляксы
https://www.figma.com/community/plugin/740172168964577201/Make-blob
Этот плагин позволяет очень просто создавать рандомные кляксы, различных форм и цветов. Может помочь при оформлении сайта, создании собственного стиля либо графических материалов.
10. To Path
Направляет текст в различные линии и формы
https://www.figma.com/community/plugin/751576264585242935
С помощью этого плагина можно создавать модную стилизацию текста, описывать его вокруг любой геометрической фигуры: круга, квадрата, треугольника и других.
Источник
Чем хорош сайт на Тильде? И почему не надо лезть в дорогостоящие решения
Не часто приходится замечать решения предложенные на платформе Tilda, а зря. Почему так? Что такое вообще Tilda и для кого она?
Если говорить коротко - это конструктор сайтов, который приобрел большую популярность в последние годы на территории России и стран СНГ в частности. Конечно, основной офер компании заключается в том, что любой новичок никогда до этого не имеющий опыта в web- разработке и в целом digital, сможет сделать для себя или своего небольшого начинания посадочную страницу. Казалось бы, причем тут вообще могут быть агентства или студии? Давайте разбираться.
По факту в более чем 50% случаев от всех задач бизнеса в медиа пространстве, ваш сайт не нуждается в том, чтобы он был разработан кодом. Не обязательно ставить такие условия где необходимо будет привлекать верстальщика или программиста. В таких проектах обычно нуждается средний или крупный бизнес, так как к тому времени у компании сформировалось представление и сложные многоуровневые задачи, которые решаются только таким же сложными решениями.
Если ваша задача начинается со слов:
«Чтобы продавать…» или «Нужна презентация…» - вам не нужен код.
Tilda в свою очередь тоже не является панацеей и не возведена в абсолютное значение, можно пользоваться другими решениями похожими на Тильду.
Что чаще всего приходится слышать про Тильду?
1. «Тильда? - ну это как-то несерьезно для компании…»Во-первых, это вполне себе компактное и быстрое решение которое позволит незатратно для компании реализовать задуманное. В среднем сайт на Тильде стоит в 2 раза дешевле чем на CMS. Пользователю абсолютно неважно на чем разработан сайт, он пришел за конкретным товаром или услугой. Имеет смысл делать упор на предложение и на сервис. Сайт это всего лишь один из инструментов в вашем бизнесе.
Во-вторых, скорее всего меня могут закидать тухлыми помидорами, но серьезная компания не будет стараться «выгрызать» серьезный сайт за условные 20.000 рублей. Тут 2 пути: или компания не такая серьезная, или же у директора нет понимания, что такое сайт и для чего он нужен.
2. «Не, Тильда не подойдет, у нее слишком урезанный функционал…»
Да, вы правы, Тильда имеет большое количество ограничений, но как правило если вы обращаетесь к профессионалам то выбор данного решения будет не случайным.
«Очень часто уровень брифинга коррелирует с качеством самого конвейера, чтобы убедиться в этом можете попробовать обсудить проект с фрилансером, затем с какой-нибудь студией. Спойлер - фрилансер не задаст вам и половины вопросов, на которые вам придется ответить в студии, фрилансеру попросту нечего делать с этой информацией.»
Отсюда вы сразу сможете понять профессионализм человека с которым обсуждаете будущий сайт еще на этапе брифинга. И насторожиться в случае если вам не задали ни одного вопроса относящегося к вашим пожеланиям, но почему-то сразу назвали тильду.
Тогда скорее всего вы общаетесь с командой, которая работает только на этой платформе или же с непрофессионалом.
3. “Да нет, Тильда - это как-то слишком просто, там не сделать хороший дизайн…»
Отвечая коротко - сделать. Такое представление сложилось из-за того, что данная платформа создавалась не для дизайнеров, а в первую очередь для обычных пользователей. Поэтому встретить зачастую похожие сайты на Тильде довольно просто, так как стандартный набор библиотек весьма ограничен. Но во всем остальном дизайнер сможет разработать уникальный дизайн конкретно под вас.
Теперь, когда мы прониклись всей серьезностью данного решения. Сформулируем реальную ситуацию и ряд задач с которыми пришлось столкнуться заказчикам.
Подробнее
Не часто приходится замечать решения предложенные на платформе Tilda, а зря. Почему так? Что такое вообще Tilda и для кого она?
Если говорить коротко - это конструктор сайтов, который приобрел большую популярность в последние годы на территории России и стран СНГ в частности. Конечно, основной офер компании заключается в том, что любой новичок никогда до этого не имеющий опыта в web- разработке и в целом digital, сможет сделать для себя или своего небольшого начинания посадочную страницу. Казалось бы, причем тут вообще могут быть агентства или студии? Давайте разбираться.
По факту в более чем 50% случаев от всех задач бизнеса в медиа пространстве, ваш сайт не нуждается в том, чтобы он был разработан кодом. Не обязательно ставить такие условия где необходимо будет привлекать верстальщика или программиста. В таких проектах обычно нуждается средний или крупный бизнес, так как к тому времени у компании сформировалось представление и сложные многоуровневые задачи, которые решаются только таким же сложными решениями.
Если ваша задача начинается со слов:
«Чтобы продавать…» или «Нужна презентация…» - вам не нужен код.
Tilda в свою очередь тоже не является панацеей и не возведена в абсолютное значение, можно пользоваться другими решениями похожими на Тильду.
Что чаще всего приходится слышать про Тильду?
1. «Тильда? - ну это как-то несерьезно для компании…»Во-первых, это вполне себе компактное и быстрое решение которое позволит незатратно для компании реализовать задуманное. В среднем сайт на Тильде стоит в 2 раза дешевле чем на CMS. Пользователю абсолютно неважно на чем разработан сайт, он пришел за конкретным товаром или услугой. Имеет смысл делать упор на предложение и на сервис. Сайт это всего лишь один из инструментов в вашем бизнесе.
Во-вторых, скорее всего меня могут закидать тухлыми помидорами, но серьезная компания не будет стараться «выгрызать» серьезный сайт за условные 20.000 рублей. Тут 2 пути: или компания не такая серьезная, или же у директора нет понимания, что такое сайт и для чего он нужен.
2. «Не, Тильда не подойдет, у нее слишком урезанный функционал…»
Да, вы правы, Тильда имеет большое количество ограничений, но как правило если вы обращаетесь к профессионалам то выбор данного решения будет не случайным.
«Очень часто уровень брифинга коррелирует с качеством самого конвейера, чтобы убедиться в этом можете попробовать обсудить проект с фрилансером, затем с какой-нибудь студией. Спойлер - фрилансер не задаст вам и половины вопросов, на которые вам придется ответить в студии, фрилансеру попросту нечего делать с этой информацией.»
Отсюда вы сразу сможете понять профессионализм человека с которым обсуждаете будущий сайт еще на этапе брифинга. И насторожиться в случае если вам не задали ни одного вопроса относящегося к вашим пожеланиям, но почему-то сразу назвали тильду.
Тогда скорее всего вы общаетесь с командой, которая работает только на этой платформе или же с непрофессионалом.
3. “Да нет, Тильда - это как-то слишком просто, там не сделать хороший дизайн…»
Отвечая коротко - сделать. Такое представление сложилось из-за того, что данная платформа создавалась не для дизайнеров, а в первую очередь для обычных пользователей. Поэтому встретить зачастую похожие сайты на Тильде довольно просто, так как стандартный набор библиотек весьма ограничен. Но во всем остальном дизайнер сможет разработать уникальный дизайн конкретно под вас.
Теперь, когда мы прониклись всей серьезностью данного решения. Сформулируем реальную ситуацию и ряд задач с которыми пришлось столкнуться заказчикам.
Подробнее
Хабр
Чем хорош сайт на Тильде? И почему не надо лезть в дорогостоящие решения
Не часто приходится замечать решения предложенные на платформе Tilda, а зря. Почему так? Что такое вообще Tilda и для кого она? Сразу отметим, что данный материал ни в коем случае не является...
Почему UX без контекста вреден?
Как популярные советы могут принести больше вреда, чем пользы.
Тейсану Тюдор поделилась захватывающей историей, как несколько месяцев назад они притворились в Instagram UX-инфлюенсерами. Кажется, что, к сожалению, многие популярные контент-мейкеры позиционируют UX, как «легкую, 10-ступенчатую быстро осваиваемую дисциплину».
Как и в любой популярной отрасли, появляются лидеры мнений разного уровня, которые закрепляются в социальных сетях. Например, LinkedIn– это более новое явление, сочетающее в себе типичную погоню за влиянием в социальных сетях и выставлением напоказ идей с реальными возможностями формирования сети контактов и обучения.
Растущая популярность UX-шотов из серии «до и после» вызывает небольшое беспокойство. Возможно, вы знаете, о чем я говорю.
Главная проблема (разделяемая многими комментаторами этих статей) пользовательский опыта нельзя рассматривать без какого-либо КОНТЕКСТА и целей, определяющих дизайн «после».
Большинство дизайнеров согласны с тем, что часто не существует единственного «правильного» ответа, подходящего для любого сценария. Один из основных навыков дизайнера – это способность справляться с такими «зависящими от обстоятельств» ситуациями, когда необходимо согласовать или сбалансировать несколько переменных, заинтересованных сторон и целей.
Без контекста новичок в UX может сделать ошибочное предположение, что карточки ЛУЧШЕ, чем таблицы… без учета важного контекста, который повлиял на выбор этого дизайна.
Конечно, такой дизайн может выглядеть лучше. Невероятно, как цвета, формы и графические штрихи могут улучшить визуальные эффекты. Но ПОЧЕМУ дизайн «после» выглядит именно так?
Контекст – это то, что определяет метрики, используемые для измерения успеха дизайна. Без учета контекста практически невозможно определить, какой из двух вариантов лучше, поскольку существует очень мало критериев для сравнения (помимо общей визуальной привлекательности).
Вот некоторые (из многих) важных соображений, о которых следует подумать при работе над дизайном, подобном приведенному выше примеру.
Кто использует этот дизайн?
Как их уникальный опыт и ожидания пользователей повлияют на их взаимодействие с этим дизайном?
Каковы их желания и потребности?
Они просматривают информацию или ищут что-то конкретное?
Пытаются ли они использовать эту информацию для принятия решения?
Хотят ли они взаимодействовать с информацией для выполнения задачи?
Обычно им нужно видеть несколько элементов для сравнения или они склонны сосредотачиваться на одном за раз?
Каковы типичные случаи и каковы крайние случаи?
Сколько элементов в этом списке?
Будут ли они просматривать эти данные на мобильном устройстве? Экране компьютера? На телевизоре? AR / VR гарнитуре?
Какие технологии используются для создания этого дизайна и какие ограничения возникают из-за этого?
Желания и потребности бизнеса
Должен ли дизайн управлять рядом ключевых показателей эффективности и бизнес-метриками?
Пример контекста:
Что, если многие пользователи будут сканировать эти элементы, чтобы что-то найти?
Давайте еще раз посмотрим на интерфейс «после» и добавим в него еще несколько элементов.
Внезапно сканировать становится намного сложнее, не так ли? (даже без учета необходимости «фильтровать» элементы).
Если основное назначение этого дизайна – быстро просмотреть список элементов, чтобы что-то найти, возможно, интерфейс «до» со скучной таблицей сейчас кажется немного более привлекательным.
Это, конечно, всего лишь очень однослойный кусок контекстного пирога. При проектировании для нескольких заинтересованных сторон часто возникает множество слоев различных вещей, которые нужно учитывать.
Наша работа в качестве UX-дизайнеров не так проста, как в популярных примерах «до и после», и дизайн-решения должны иметь намерение, цель и обоснование. Было бы приятно увидеть больше разговоров о процессе и мыслях, которые легли в основу дизайна «после добавления UX», а не только о самой картинке.
Источник
Как популярные советы могут принести больше вреда, чем пользы.
Тейсану Тюдор поделилась захватывающей историей, как несколько месяцев назад они притворились в Instagram UX-инфлюенсерами. Кажется, что, к сожалению, многие популярные контент-мейкеры позиционируют UX, как «легкую, 10-ступенчатую быстро осваиваемую дисциплину».
Как и в любой популярной отрасли, появляются лидеры мнений разного уровня, которые закрепляются в социальных сетях. Например, LinkedIn– это более новое явление, сочетающее в себе типичную погоню за влиянием в социальных сетях и выставлением напоказ идей с реальными возможностями формирования сети контактов и обучения.
Растущая популярность UX-шотов из серии «до и после» вызывает небольшое беспокойство. Возможно, вы знаете, о чем я говорю.
Главная проблема (разделяемая многими комментаторами этих статей) пользовательский опыта нельзя рассматривать без какого-либо КОНТЕКСТА и целей, определяющих дизайн «после».
Большинство дизайнеров согласны с тем, что часто не существует единственного «правильного» ответа, подходящего для любого сценария. Один из основных навыков дизайнера – это способность справляться с такими «зависящими от обстоятельств» ситуациями, когда необходимо согласовать или сбалансировать несколько переменных, заинтересованных сторон и целей.
Без контекста новичок в UX может сделать ошибочное предположение, что карточки ЛУЧШЕ, чем таблицы… без учета важного контекста, который повлиял на выбор этого дизайна.
Конечно, такой дизайн может выглядеть лучше. Невероятно, как цвета, формы и графические штрихи могут улучшить визуальные эффекты. Но ПОЧЕМУ дизайн «после» выглядит именно так?
Контекст – это то, что определяет метрики, используемые для измерения успеха дизайна. Без учета контекста практически невозможно определить, какой из двух вариантов лучше, поскольку существует очень мало критериев для сравнения (помимо общей визуальной привлекательности).
Вот некоторые (из многих) важных соображений, о которых следует подумать при работе над дизайном, подобном приведенному выше примеру.
Кто использует этот дизайн?
Как их уникальный опыт и ожидания пользователей повлияют на их взаимодействие с этим дизайном?
Каковы их желания и потребности?
Они просматривают информацию или ищут что-то конкретное?
Пытаются ли они использовать эту информацию для принятия решения?
Хотят ли они взаимодействовать с информацией для выполнения задачи?
Обычно им нужно видеть несколько элементов для сравнения или они склонны сосредотачиваться на одном за раз?
Каковы типичные случаи и каковы крайние случаи?
Сколько элементов в этом списке?
Будут ли они просматривать эти данные на мобильном устройстве? Экране компьютера? На телевизоре? AR / VR гарнитуре?
Какие технологии используются для создания этого дизайна и какие ограничения возникают из-за этого?
Желания и потребности бизнеса
Должен ли дизайн управлять рядом ключевых показателей эффективности и бизнес-метриками?
Пример контекста:
Что, если многие пользователи будут сканировать эти элементы, чтобы что-то найти?
Давайте еще раз посмотрим на интерфейс «после» и добавим в него еще несколько элементов.
Внезапно сканировать становится намного сложнее, не так ли? (даже без учета необходимости «фильтровать» элементы).
Если основное назначение этого дизайна – быстро просмотреть список элементов, чтобы что-то найти, возможно, интерфейс «до» со скучной таблицей сейчас кажется немного более привлекательным.
Это, конечно, всего лишь очень однослойный кусок контекстного пирога. При проектировании для нескольких заинтересованных сторон часто возникает множество слоев различных вещей, которые нужно учитывать.
Наша работа в качестве UX-дизайнеров не так проста, как в популярных примерах «до и после», и дизайн-решения должны иметь намерение, цель и обоснование. Было бы приятно увидеть больше разговоров о процессе и мыслях, которые легли в основу дизайна «после добавления UX», а не только о самой картинке.
Источник
Уважайте материал, с которым работаете
Каждую осень производители смартфонов анонсируют новые модели, обещая «лучшие телефоны из когда-либо созданных». Несмотря на то, что этот ежегодный ритуал стал настолько обыденным, что обзоры СМИ пишутся практически заранее, легко упустить из виду более широкую картину того, насколько сильно эти устройства изменились за последние 13 лет.
Представьте на мгновение, что вы находитесь на анонсе первого iPhone в 2007 году и сталкиваетесь с путешественником во времени из 2020 года, который рассказывает вам, как достижения в области мобильного «железа» превзойдут закон Мура в ближайшие 13 лет, и мы получим карманные игровые компьютеры. Вы могли только представить потрясающий опыт работы с программным обеспечением, который наверняка откроется благодаря такой огромной мощности.
Что ж, здесь вы будете немного разочарованы …
Несмотря на экспоненциальный скачок аппаратных возможностей, многие приложения, которые мы используем каждый день, не сильно изменились за последние 13 лет.
Выберите свое любимое приложение. Вы видите революционное изменение или незначительную итерацию предыдущего дизайна? Скорее всего последнее. Даже самые инновационные приложения опираются на основы, которые были заложены 13 лет назад. По сути, наш подход к проектированию софта не столько изменился, сколько был оптимизирован.
У нас есть телефоны будущего, на которых установлено программное обеспечение, спроектированное десять лет назад.
Может быть, эти повседневные приложения не сильно изменились из-за «классического» дизайна? Проблема в том, что вам не нужно копать глубоко, чтобы обнаружить, что у большинства приложений есть возможности для улучшения. Нативное приложение «Калькулятор» является наиболее подверженным ошибкам, который я когда-либо использовал. Я регулярно набираю неправильные числа и не замечаю этого из-за его настойчивого использования аналоговой метафоры, недостатков и прочего. Приложение «Будильник» просто сломано.
Проблемы распространяются еще и на визуальный дизайн этих приложений, корни которого уходят к маленьким телефонам с соотношением сторон 3: 2. Только взгляните на это нелепое пустое место в приложениях «Калькулятор» и «Таймер». Это признаки того, что, несмотря на то, что это программное обеспечение, используемое миллиардами, это не имеет большого значения.
Если вы работали над крупными программными продуктами, это, конечно, не удивительно. Вы знаете, что в тот момент, когда вы выпускаете продукт, у вас возникает своего рода долг, и чем дольше ваш продукт продолжает работать, тем больше растет этот долг и тем более рискованным становится фундаментальный сдвиг этого продукта в новом направлении.
В программном обеспечении все кажется возможным. Мы, продуктовые дизайнеры, хотим верить, что можем представить любую форму и создать ее. Но программное обеспечение, как и дерево, имеет свою структуру. Одни вещи сделать легко, а другие сложно. Двигайтесь согласно структуре, и вы получите потрясающие впечатления. «Режьте» против структуры, и вы столкнетесь с трудностями даже выполняя самые простые задачи.
Наши приложения скучные. Мы носим с собой невероятные графические машины, которые могут работать в многопользовательской 3D-игре со скоростью 60fps, но используем их для визуализации плоских прямоугольников. Дело не в том, что все, что мы делаем, должно всегда максимально использовать аппаратные возможности смартфонов, но мы должны признать, что современные мобильные устройства принципиально отличаются от тех, что были десять лет назад. Это новый «материал», и мы должны разработать новые подходы, которые лучше подходят для этого материала, используя все его возможности для решения реальных потребностей и открытия нового опыта.
Источник
Каждую осень производители смартфонов анонсируют новые модели, обещая «лучшие телефоны из когда-либо созданных». Несмотря на то, что этот ежегодный ритуал стал настолько обыденным, что обзоры СМИ пишутся практически заранее, легко упустить из виду более широкую картину того, насколько сильно эти устройства изменились за последние 13 лет.
Представьте на мгновение, что вы находитесь на анонсе первого iPhone в 2007 году и сталкиваетесь с путешественником во времени из 2020 года, который рассказывает вам, как достижения в области мобильного «железа» превзойдут закон Мура в ближайшие 13 лет, и мы получим карманные игровые компьютеры. Вы могли только представить потрясающий опыт работы с программным обеспечением, который наверняка откроется благодаря такой огромной мощности.
Что ж, здесь вы будете немного разочарованы …
Несмотря на экспоненциальный скачок аппаратных возможностей, многие приложения, которые мы используем каждый день, не сильно изменились за последние 13 лет.
Выберите свое любимое приложение. Вы видите революционное изменение или незначительную итерацию предыдущего дизайна? Скорее всего последнее. Даже самые инновационные приложения опираются на основы, которые были заложены 13 лет назад. По сути, наш подход к проектированию софта не столько изменился, сколько был оптимизирован.
У нас есть телефоны будущего, на которых установлено программное обеспечение, спроектированное десять лет назад.
Может быть, эти повседневные приложения не сильно изменились из-за «классического» дизайна? Проблема в том, что вам не нужно копать глубоко, чтобы обнаружить, что у большинства приложений есть возможности для улучшения. Нативное приложение «Калькулятор» является наиболее подверженным ошибкам, который я когда-либо использовал. Я регулярно набираю неправильные числа и не замечаю этого из-за его настойчивого использования аналоговой метафоры, недостатков и прочего. Приложение «Будильник» просто сломано.
Проблемы распространяются еще и на визуальный дизайн этих приложений, корни которого уходят к маленьким телефонам с соотношением сторон 3: 2. Только взгляните на это нелепое пустое место в приложениях «Калькулятор» и «Таймер». Это признаки того, что, несмотря на то, что это программное обеспечение, используемое миллиардами, это не имеет большого значения.
Если вы работали над крупными программными продуктами, это, конечно, не удивительно. Вы знаете, что в тот момент, когда вы выпускаете продукт, у вас возникает своего рода долг, и чем дольше ваш продукт продолжает работать, тем больше растет этот долг и тем более рискованным становится фундаментальный сдвиг этого продукта в новом направлении.
В программном обеспечении все кажется возможным. Мы, продуктовые дизайнеры, хотим верить, что можем представить любую форму и создать ее. Но программное обеспечение, как и дерево, имеет свою структуру. Одни вещи сделать легко, а другие сложно. Двигайтесь согласно структуре, и вы получите потрясающие впечатления. «Режьте» против структуры, и вы столкнетесь с трудностями даже выполняя самые простые задачи.
Наши приложения скучные. Мы носим с собой невероятные графические машины, которые могут работать в многопользовательской 3D-игре со скоростью 60fps, но используем их для визуализации плоских прямоугольников. Дело не в том, что все, что мы делаем, должно всегда максимально использовать аппаратные возможности смартфонов, но мы должны признать, что современные мобильные устройства принципиально отличаются от тех, что были десять лет назад. Это новый «материал», и мы должны разработать новые подходы, которые лучше подходят для этого материала, используя все его возможности для решения реальных потребностей и открытия нового опыта.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Уважайте материал, с которым работаете
Уважать материал – значит отмечать его уникальные свойства и использовать его сильные стороны. Это позволяет использовать материалы в полной мере
Фундаментальные принципы и лучшие практики дизайна мобильных приложений
Большинство мобильных приложений страдают от плохого UX, потому что их создатели не соблюдали принципы и лучшие практики мобильного UX-дизайна. Эти фундаментальные принципы юзабилити были выработаны путем тщательных исследований и пользовательского тестирования. Их применение позволит дизайнерам улучшить пользовательский опыт.
Дизайнерам мобильных приложений непросто, ведь у людей под рукой почти 9 миллионов приложений. Ежедневно в Google Play Store и Apple App Store появляется не менее тысячи новых приложений. Тем не менее, более 75% из них загружаются, открываются один раз и никогда больше не используются. Чаще всего по причине плохого юзабилити.
Возьмем только одну отрасль: электронную коммерцию. В мире насчитывается 3,5 миллиарда смартфонов, и она ежегодно теряет сотни миллиардов долларов из-за несоблюдения лучших практик UX-дизайна. Сайт слишком медленный, не работает поиск, интерфейс не поддается расшифровке, либо навигация ужасна.
Содержание статьи
Как прокачать визуалку (UI) и научиться красть как художник
Автоматизация работы в Figma с помощью Auto Layout и Variants
Важность юзабилити
Мобильная навигация
Иконки в мобильных интерфейсах
Пользователи должны сразу узнавать элементы, а не пытаться их вспомнить
Скорость
Уведомления
Принципы дизайна мобильных взаимодействий
Законы UX в мобильном UX-дизайне
Использование преимуществ мобильных технологий для повышения UX
Читать: https://ux.pub/fundamentalnye-printsipy-i-luchshie-praktiki-dizayna-mobilnyh-prilozheniy/
Большинство мобильных приложений страдают от плохого UX, потому что их создатели не соблюдали принципы и лучшие практики мобильного UX-дизайна. Эти фундаментальные принципы юзабилити были выработаны путем тщательных исследований и пользовательского тестирования. Их применение позволит дизайнерам улучшить пользовательский опыт.
Дизайнерам мобильных приложений непросто, ведь у людей под рукой почти 9 миллионов приложений. Ежедневно в Google Play Store и Apple App Store появляется не менее тысячи новых приложений. Тем не менее, более 75% из них загружаются, открываются один раз и никогда больше не используются. Чаще всего по причине плохого юзабилити.
Возьмем только одну отрасль: электронную коммерцию. В мире насчитывается 3,5 миллиарда смартфонов, и она ежегодно теряет сотни миллиардов долларов из-за несоблюдения лучших практик UX-дизайна. Сайт слишком медленный, не работает поиск, интерфейс не поддается расшифровке, либо навигация ужасна.
Содержание статьи
Как прокачать визуалку (UI) и научиться красть как художник
Автоматизация работы в Figma с помощью Auto Layout и Variants
Важность юзабилити
Мобильная навигация
Иконки в мобильных интерфейсах
Пользователи должны сразу узнавать элементы, а не пытаться их вспомнить
Скорость
Уведомления
Принципы дизайна мобильных взаимодействий
Законы UX в мобильном UX-дизайне
Использование преимуществ мобильных технологий для повышения UX
Читать: https://ux.pub/fundamentalnye-printsipy-i-luchshie-praktiki-dizayna-mobilnyh-prilozheniy/
UXPUB 🇺🇦 Дизайн-спільнота
Фундаментальные принципы и лучшие практики дизайна мобильных приложений
Большинство мобильных приложений страдают от плохого UX, потому что их создатели не соблюдали принципы и лучшие практики мобильного UX-дизайна
M-commerce: особенности поиска и фильтрации в мобильной версии сайта
1. Разрешите поиск по категориям
В исследовании Baymard Institute 60% пользователей приступали к изучению сайта и товаров с помощью поиска. Для них этот вариант был более быстрым и удобным, чем навигация по категориям.
Интересно, что на десктопе пользователи реже проявляют желание искать товары в текущей категории — эта тенденция характерна только для m-commerce.
2. Не выводите пустую страницу результатов поиска
Мы рекомендовали не выводить статус «Ничего не найдено» на странице результатов поиска на десктопе. Но на мобильных устройствах это еще важнее — из-за проблем с навигацией.
Страница без результатов становилась тупиком для пользователя. Если посетителя не направить дальше, то высока вероятность, что он покинет сайт.
1. Упростите взаимодействие с мобильной фильтрацией
Удобный для пользователей функционал фильтрации на десктопе — это простые элементы управления, а также одновременный вывод фильтров и результатов на одном экране.
В мобильных версиях показывать параметры фильтрации и результаты фильтрации одновременно сложно. Для отображения фильтров можно использовать модальное окно.
Предусмотрите возможность очистки как сразу всех, так и отдельных параметров фильтрации.
Динамическое изменения контента лучше не использовать, чтобы элементы на экране не «скакали» и не раздражали пользователя. Важно предусмотреть кнопку подтверждения выбранных параметров.
3. Выводите применяемые параметры фильтрации
Тестирование юзабилити мобильных устройств показало, что если не выводились применяемые параметры фильтрации, то пользователи не были уверены, что список товаров был отфильтрован. Чтобы убедиться в выборе нужного параметра, испытуемым приходилось снова открывать интерфейс фильтрации.
Также пользователи не могли быстро сбросить выбранные параметры, когда это было необходимо — им приходилось открывать интерфейс фильтрации, прокручивать список параметров, чтобы найти ранее выбранные и удалить их. Из-за этого многие отказывались использовать функционал мобильной фильтрации.
1. Вывод с помощью карусели
Пользователи склонны прокручивать карусель на мобильных устройствах. Чтобы взаимодействие с этим элементом интерфейса было очевидным, можно обрезать крайний параметр фильтрации, давая понять, что это не весь набор — есть продолжение. Для информативности стоит указать количество примененных параметров над блоком фильтрации.
2. Вывод списка в несколько строк
Так пользователи увидят все примененные фильтры, не прокручивая их по горизонтали — но это сдвинет список товара ниже.
3. Правильно используйте элементы управления выбором
Тумблер предназначен для выбора одного из двух противоположных параметров и использует принцип выключателя (например, вкл/выкл).
Если используете тумблер, подписывайте его так, чтобы было понятно, что изменится при переключении. В активном состоянии переключатель должен менять позицию. Изменение должно быть визуально заметным, поэтому используйте яркие цвета.
Исследование Baymard Institute показало, что 45% испытуемых пытаются применить несколько значений одного и того же фильтра. Например, выбирая юбку красного или синего цвета пользователи ожидают, что в результате работы фильтра в списке товаров будут юбки как красного, так и синего цвета.
4. Используйте выпадающие списки в сортировке
Задача сортировки — распределить товары на странице таким образом, чтобы наиболее подходящие для пользователя позиции оказались сверху. Для этого применяется несколько параметров: по алфавиту, по возрастанию цены, по популярности покупок, рейтингу товаров и так далее. В большинстве случаев сортировка одинаковая на всех страницах с товарами, но можно добавить отдельные параметры (выбрать 3-5 значимых фильтров) для разных категорий товаров.
Источник
1. Разрешите поиск по категориям
В исследовании Baymard Institute 60% пользователей приступали к изучению сайта и товаров с помощью поиска. Для них этот вариант был более быстрым и удобным, чем навигация по категориям.
Интересно, что на десктопе пользователи реже проявляют желание искать товары в текущей категории — эта тенденция характерна только для m-commerce.
2. Не выводите пустую страницу результатов поиска
Мы рекомендовали не выводить статус «Ничего не найдено» на странице результатов поиска на десктопе. Но на мобильных устройствах это еще важнее — из-за проблем с навигацией.
Страница без результатов становилась тупиком для пользователя. Если посетителя не направить дальше, то высока вероятность, что он покинет сайт.
1. Упростите взаимодействие с мобильной фильтрацией
Удобный для пользователей функционал фильтрации на десктопе — это простые элементы управления, а также одновременный вывод фильтров и результатов на одном экране.
В мобильных версиях показывать параметры фильтрации и результаты фильтрации одновременно сложно. Для отображения фильтров можно использовать модальное окно.
Предусмотрите возможность очистки как сразу всех, так и отдельных параметров фильтрации.
Динамическое изменения контента лучше не использовать, чтобы элементы на экране не «скакали» и не раздражали пользователя. Важно предусмотреть кнопку подтверждения выбранных параметров.
3. Выводите применяемые параметры фильтрации
Тестирование юзабилити мобильных устройств показало, что если не выводились применяемые параметры фильтрации, то пользователи не были уверены, что список товаров был отфильтрован. Чтобы убедиться в выборе нужного параметра, испытуемым приходилось снова открывать интерфейс фильтрации.
Также пользователи не могли быстро сбросить выбранные параметры, когда это было необходимо — им приходилось открывать интерфейс фильтрации, прокручивать список параметров, чтобы найти ранее выбранные и удалить их. Из-за этого многие отказывались использовать функционал мобильной фильтрации.
1. Вывод с помощью карусели
Пользователи склонны прокручивать карусель на мобильных устройствах. Чтобы взаимодействие с этим элементом интерфейса было очевидным, можно обрезать крайний параметр фильтрации, давая понять, что это не весь набор — есть продолжение. Для информативности стоит указать количество примененных параметров над блоком фильтрации.
2. Вывод списка в несколько строк
Так пользователи увидят все примененные фильтры, не прокручивая их по горизонтали — но это сдвинет список товара ниже.
3. Правильно используйте элементы управления выбором
Тумблер предназначен для выбора одного из двух противоположных параметров и использует принцип выключателя (например, вкл/выкл).
Если используете тумблер, подписывайте его так, чтобы было понятно, что изменится при переключении. В активном состоянии переключатель должен менять позицию. Изменение должно быть визуально заметным, поэтому используйте яркие цвета.
Исследование Baymard Institute показало, что 45% испытуемых пытаются применить несколько значений одного и того же фильтра. Например, выбирая юбку красного или синего цвета пользователи ожидают, что в результате работы фильтра в списке товаров будут юбки как красного, так и синего цвета.
4. Используйте выпадающие списки в сортировке
Задача сортировки — распределить товары на странице таким образом, чтобы наиболее подходящие для пользователя позиции оказались сверху. Для этого применяется несколько параметров: по алфавиту, по возрастанию цены, по популярности покупок, рейтингу товаров и так далее. В большинстве случаев сортировка одинаковая на всех страницах с товарами, но можно добавить отдельные параметры (выбрать 3-5 значимых фильтров) для разных категорий товаров.
Источник
vc.ru
M-commerce: особенности поиска и фильтрации в мобильной версии сайта — Дизайн на vc.ru
Сегодня расскажем об особенностях реализации функционала поиска и фильтрации на мобильных устройствах.
В Телеграм появился новый канал «Дизайн по любви»
Автор — практикующий дизайнер, который создает визуал и креативы для рекламы в дизайн-каналах, а также концепции промо-сайтов.
Присоединяйся и получай полезные материалы, уроки и плюшки, инсайты с работы, советы из личного опыта.
Начни создавать топовый дизайн 🔥
Присоединиться: @design_with_love
Автор — практикующий дизайнер, который создает визуал и креативы для рекламы в дизайн-каналах, а также концепции промо-сайтов.
Присоединяйся и получай полезные материалы, уроки и плюшки, инсайты с работы, советы из личного опыта.
Начни создавать топовый дизайн 🔥
Присоединиться: @design_with_love
Media is too big
VIEW IN TELEGRAM
Яндекс обновил логотип.
Он стал частью новой айдентики компании — кроме него теперь у Яндекса новый знак (буква Я в красном круге) и шрифт.
Логотип в скором времени обновится везде — от интерфейсов сервисов до сумок курьеров. Кстати, Яндекс изменил ещё и поисковую строку. Она больше не в форме стрелки.
Айдентику разработала команда Яндекса вместе с Ильёй Рудерманом — дизайнером шрифта, который уже давно сотрудничает с компанией.
«Предыдущий логотип был создан почти 13 лет назад. Тогда никто не думал, что компания будет заниматься доставкой продуктов, обрабатывать платежи и делать беспилотные автомобили», — говорит дизайн-директор Поиска Геннадий Лохтин.
Новая айдентика отражает суть современного Яндекса и напоминает, что у сервисов общие технологии и единое начало — поиск.
Прочувствовать идею изменений поможет ролик, который компания опубликовала на своем канале.
Он стал частью новой айдентики компании — кроме него теперь у Яндекса новый знак (буква Я в красном круге) и шрифт.
Логотип в скором времени обновится везде — от интерфейсов сервисов до сумок курьеров. Кстати, Яндекс изменил ещё и поисковую строку. Она больше не в форме стрелки.
Айдентику разработала команда Яндекса вместе с Ильёй Рудерманом — дизайнером шрифта, который уже давно сотрудничает с компанией.
«Предыдущий логотип был создан почти 13 лет назад. Тогда никто не думал, что компания будет заниматься доставкой продуктов, обрабатывать платежи и делать беспилотные автомобили», — говорит дизайн-директор Поиска Геннадий Лохтин.
Новая айдентика отражает суть современного Яндекса и напоминает, что у сервисов общие технологии и единое начало — поиск.
Прочувствовать идею изменений поможет ролик, который компания опубликовала на своем канале.
Что определяет будущее UX/UI-дизайна в медицине?
Пандемия ускорила развитие решений medtech: удаленный мониторинг состояния пациентов, умные носимые устройства, роботизация ряда процессов, ИИ. Из-за этого у UX/UI-специалистов и разработчиков появилась новая непростая задача – создавать дизайн для сложных и специализированных решений.
Топ-5 главных трендов в UX/UI для medtech.
Носимые устройства в медицине
По данным Business Insider, использование носимых устройств может сэкономить докторами до 15 часов в неделю. По прогнозам IDС, в 2021 году 7 из 10 производителей браслетов сделают ставку на алгоритмы распознавания недомоганий, включая вирусные инфекции и covid-19. Например, ученые из клиники Mount Sinai в Нью-Йорке и Стэнфорда уже научили Apple Watch диагностировать covid-19 по сердечному ритму.
В конкуренции на первый план выходит удобство интерфейса. Что это значит для дизайнеров? Им нужно сосредоточиться на таких аспектах, как простота, юзабилити, связность с другими приложениями, удобство хранения данных и взаимодействие с основным устройством.
Чат-боты в медицине
Чат-боты в медучреждениях получают все большее распространение. Конечно, виртуальные помощники на базе ИИ не могут поставить диагноз, зато могут записать пациента на прием или связать с врачом нужного профиля. Так, в Москве работают чат-боты для записи на прием в поликлиники от ДИТ Москвы, в том числе в Telegram.
В будущем возможности чат-ботов будут расширяться: например, они смогут предоставлять персональные рекомендации по заботе о здоровье. Для дизайнеров UX/UI это значит, что уже сейчас в чат-боты нужно закладывать возможности на перспективу регулярной коммуникации с человеком, учитывая, что они будут обрабатывать персональные данные и данные, представляющие собой медицинскую тайну.
Дизайн AR и VR-систем
Дополненная реальность (AR) и виртуальная реальность (VR) используются как в обучении медицинских специалистов, так и в терапии ряда заболеваний: они повышают точность диагностики, отвлекают пациентов от неприятных процедур, служат для визуализации различных систем человека. Например, в Канаде разработали систему дополненной реальности под названием ProjectDR: она позволяет отображать изображения компьютерной томографии или данные МРТ прямо на теле пациента.
Для дизайнеров в этом случае отдельная задача состоит в разработке максимально точных, реалистичных, достоверных интерфейсов и визуализаций.
Инклюзивный дизайн
Человеческое общество сегодня все больше пронизано идеями инклюзивности и создания равных возможностей для людей по использованию инфраструктуры, среды и технологий. Сегодня в сфере UX/UI медицинских систем это самый большой вызов: если система рассчитана на голосовое взаимодействие, то как быть людям, которые не могут владеть голосом? А если на тактильное и сенсорное, то как быть тем, кто имеет ограничения подвижности конечностей? В конце концов, ведь главные пользователи медицинских систем – часто именно люди с различными ограничениями по состоянию здоровья.
В будущем инклюзивный UX/UI окажется в авангарде любых медицинских разработок: специалистам придется максимально упростить интерфейсы и сделать их доступными как для тактильного, так и голосового, и даже зрительного контакта и управления.
Телемедицина
По данным Deloitte, в 2021 году количество виртуальных посещений врача достигнет 400 млн во всем мире. Медицинские сервисы, которые позволяют носимым устройствам обмениваться данными, а врачам выписывать электронные рецепты после удаленных консультаций, требуют от дизайнеров UX/UI серьезной работы над интеграцией сервисов и приложений между собой.
От UX/UI-дизайна, действительно, будет много зависеть при развитии medtech-решений. Чтобы они служили людям, при разработке нужно учитывать все вышеперечисленные принципы: такие решения должны быть достаточно простыми и удобными, легко обмениваться данными друг с другом, учитывать разные способы ввода информации и потребности людей с разными особенностями здоровья.
Источник
Пандемия ускорила развитие решений medtech: удаленный мониторинг состояния пациентов, умные носимые устройства, роботизация ряда процессов, ИИ. Из-за этого у UX/UI-специалистов и разработчиков появилась новая непростая задача – создавать дизайн для сложных и специализированных решений.
Топ-5 главных трендов в UX/UI для medtech.
Носимые устройства в медицине
По данным Business Insider, использование носимых устройств может сэкономить докторами до 15 часов в неделю. По прогнозам IDС, в 2021 году 7 из 10 производителей браслетов сделают ставку на алгоритмы распознавания недомоганий, включая вирусные инфекции и covid-19. Например, ученые из клиники Mount Sinai в Нью-Йорке и Стэнфорда уже научили Apple Watch диагностировать covid-19 по сердечному ритму.
В конкуренции на первый план выходит удобство интерфейса. Что это значит для дизайнеров? Им нужно сосредоточиться на таких аспектах, как простота, юзабилити, связность с другими приложениями, удобство хранения данных и взаимодействие с основным устройством.
Чат-боты в медицине
Чат-боты в медучреждениях получают все большее распространение. Конечно, виртуальные помощники на базе ИИ не могут поставить диагноз, зато могут записать пациента на прием или связать с врачом нужного профиля. Так, в Москве работают чат-боты для записи на прием в поликлиники от ДИТ Москвы, в том числе в Telegram.
В будущем возможности чат-ботов будут расширяться: например, они смогут предоставлять персональные рекомендации по заботе о здоровье. Для дизайнеров UX/UI это значит, что уже сейчас в чат-боты нужно закладывать возможности на перспективу регулярной коммуникации с человеком, учитывая, что они будут обрабатывать персональные данные и данные, представляющие собой медицинскую тайну.
Дизайн AR и VR-систем
Дополненная реальность (AR) и виртуальная реальность (VR) используются как в обучении медицинских специалистов, так и в терапии ряда заболеваний: они повышают точность диагностики, отвлекают пациентов от неприятных процедур, служат для визуализации различных систем человека. Например, в Канаде разработали систему дополненной реальности под названием ProjectDR: она позволяет отображать изображения компьютерной томографии или данные МРТ прямо на теле пациента.
Для дизайнеров в этом случае отдельная задача состоит в разработке максимально точных, реалистичных, достоверных интерфейсов и визуализаций.
Инклюзивный дизайн
Человеческое общество сегодня все больше пронизано идеями инклюзивности и создания равных возможностей для людей по использованию инфраструктуры, среды и технологий. Сегодня в сфере UX/UI медицинских систем это самый большой вызов: если система рассчитана на голосовое взаимодействие, то как быть людям, которые не могут владеть голосом? А если на тактильное и сенсорное, то как быть тем, кто имеет ограничения подвижности конечностей? В конце концов, ведь главные пользователи медицинских систем – часто именно люди с различными ограничениями по состоянию здоровья.
В будущем инклюзивный UX/UI окажется в авангарде любых медицинских разработок: специалистам придется максимально упростить интерфейсы и сделать их доступными как для тактильного, так и голосового, и даже зрительного контакта и управления.
Телемедицина
По данным Deloitte, в 2021 году количество виртуальных посещений врача достигнет 400 млн во всем мире. Медицинские сервисы, которые позволяют носимым устройствам обмениваться данными, а врачам выписывать электронные рецепты после удаленных консультаций, требуют от дизайнеров UX/UI серьезной работы над интеграцией сервисов и приложений между собой.
От UX/UI-дизайна, действительно, будет много зависеть при развитии medtech-решений. Чтобы они служили людям, при разработке нужно учитывать все вышеперечисленные принципы: такие решения должны быть достаточно простыми и удобными, легко обмениваться данными друг с другом, учитывать разные способы ввода информации и потребности людей с разными особенностями здоровья.
Источник
vc.ru
Что определяет будущее UX/UI-дизайна в медицине? — Дизайн на vc.ru
Олег Дьяков, дизайнер интерфейсов "ТехЛАБ"
Тенденции графического дизайна в социальных сетях в 2021 год, или что такое инфографика
Вы помните, как выглядели изображения в социальных сетях десять лет назад? Такие тенденции, как градиенты, рукописная типографика и минимализ, управляли пространством дизайна. Со временем в графическом дизайне произошли серьезные изменения, и это также объясняет эволюцию визуальных эффектов в социальных сетях. Более того, давайте не будем забывать, что платформы социальных сетей также стали более наглядными.
1. Приглушенные цветовые палитры
Если ваша графика в социальных сетях по-прежнему состоит из ярких цветов, пора подумать об изменении стратегии дизайна.
Вопреки распространенному мнению, вам не нужны яркие, бросающиеся в глаза цвета, чтобы выделяться в социальных сетях. Фактически, цветовая тенденция, которая стала популярной в последнее время, — это приглушенные цветовые палитры. Приглушенные цвета — это цвета, которые были насыщены оттенком черного, белого или любого другого дополнительного цвета.
Хорошим примером бренда, который часто использует приглушенные цветовые палитры в своих визуальных эффектах в социальных сетях, является платформа VC
2. Простая визуализация данных
Визуализация данных относится к представлению сложной информации или данных в визуальном формате. Вы можете создать различные типы визуализации данных:
Инфографика
Диаграммы и графики
Диаграммы
Карты
Идея использования визуализации данных заключается в том, чтобы четко передавать информацию, чтобы читателям было легче ее понять и усвоить.
Одна из ключевых целей социальных сетей — стимулировать взаимодействие, и публикация визуализаций данных может помочь вам в этом. Они не только дополняют вашу историю и привлекают аудиторию, но и могут стать вирусными. Например, инфографика получает в 3 раза больше репостов, чем любой другой тип контента в социальных сетях.
3. Плоские значки и иллюстрации
Еще один тип оригинальной графики, который хорошо работает в социальных сетях, — это значки и иллюстрации.
Это игривая графика, которая поможет вам передать ваше сообщение в визуально привлекательной манере. Они также являются хорошим способом подчеркнуть уникальную идентичность вашего бренда и привлечь внимание в процессе.
4. Геометрические узоры.
Иногда это помогает придать вашей графике в социальных сетях некоторую последовательность и структуру. Один из наиболее эффективных способов добиться этого — использовать геометрические формы и узоры в ваших визуальных эффектах.
«Геометрические формы выглядят искусственно созданными. Математически точные квадраты, идеальные круги и равнобедренные треугольники в природе не встречаются. Таким образом, использование этих форм передает ощущение порядка и силы , Они служат визуальными подсказками, направляя взгляд зрителя и выделяя ключевое сообщение, которое необходимо увидеть.
Используя геометрические формы и узоры в визуальных эффектах социальных сетей, важно учитывать психологию каждой формы. Например, квадраты предполагают стабильность и пропорции, а треугольники связаны с движением и риском. Вы можете создавать графику в социальных сетях определенной формы или использовать комбинацию фигур для создания привлекательного фона.
5. Шрифты с засечками.
Хотя вы должны использовать минимальное количество текста в своей графике, убедитесь, что вы выбрали шрифт, который является разборчивым, читаемым и помогает вам точно передать ваше сообщение. В этом отношении классические шрифты с засечками являются победителем. Несмотря на то, что это самый старый стиль шрифта, они все еще широко используются на разных платформах из-за своей простоты. Будучи чрезвычайно универсальными, они могут использоваться брендами в различных отраслях.
6. Слайд-колоды в социальных сетях
Как вы могли заметить, слайд-колоды небольшого размера стали чрезвычайно популярными в социальных сетях. Они позволяют вам сочинять историю и делиться подробным содержанием, сохраняя при этом заинтересованность и заинтересованность читателей.
Источник
Вы помните, как выглядели изображения в социальных сетях десять лет назад? Такие тенденции, как градиенты, рукописная типографика и минимализ, управляли пространством дизайна. Со временем в графическом дизайне произошли серьезные изменения, и это также объясняет эволюцию визуальных эффектов в социальных сетях. Более того, давайте не будем забывать, что платформы социальных сетей также стали более наглядными.
1. Приглушенные цветовые палитры
Если ваша графика в социальных сетях по-прежнему состоит из ярких цветов, пора подумать об изменении стратегии дизайна.
Вопреки распространенному мнению, вам не нужны яркие, бросающиеся в глаза цвета, чтобы выделяться в социальных сетях. Фактически, цветовая тенденция, которая стала популярной в последнее время, — это приглушенные цветовые палитры. Приглушенные цвета — это цвета, которые были насыщены оттенком черного, белого или любого другого дополнительного цвета.
Хорошим примером бренда, который часто использует приглушенные цветовые палитры в своих визуальных эффектах в социальных сетях, является платформа VC
2. Простая визуализация данных
Визуализация данных относится к представлению сложной информации или данных в визуальном формате. Вы можете создать различные типы визуализации данных:
Инфографика
Диаграммы и графики
Диаграммы
Карты
Идея использования визуализации данных заключается в том, чтобы четко передавать информацию, чтобы читателям было легче ее понять и усвоить.
Одна из ключевых целей социальных сетей — стимулировать взаимодействие, и публикация визуализаций данных может помочь вам в этом. Они не только дополняют вашу историю и привлекают аудиторию, но и могут стать вирусными. Например, инфографика получает в 3 раза больше репостов, чем любой другой тип контента в социальных сетях.
3. Плоские значки и иллюстрации
Еще один тип оригинальной графики, который хорошо работает в социальных сетях, — это значки и иллюстрации.
Это игривая графика, которая поможет вам передать ваше сообщение в визуально привлекательной манере. Они также являются хорошим способом подчеркнуть уникальную идентичность вашего бренда и привлечь внимание в процессе.
4. Геометрические узоры.
Иногда это помогает придать вашей графике в социальных сетях некоторую последовательность и структуру. Один из наиболее эффективных способов добиться этого — использовать геометрические формы и узоры в ваших визуальных эффектах.
«Геометрические формы выглядят искусственно созданными. Математически точные квадраты, идеальные круги и равнобедренные треугольники в природе не встречаются. Таким образом, использование этих форм передает ощущение порядка и силы , Они служат визуальными подсказками, направляя взгляд зрителя и выделяя ключевое сообщение, которое необходимо увидеть.
Используя геометрические формы и узоры в визуальных эффектах социальных сетей, важно учитывать психологию каждой формы. Например, квадраты предполагают стабильность и пропорции, а треугольники связаны с движением и риском. Вы можете создавать графику в социальных сетях определенной формы или использовать комбинацию фигур для создания привлекательного фона.
5. Шрифты с засечками.
Хотя вы должны использовать минимальное количество текста в своей графике, убедитесь, что вы выбрали шрифт, который является разборчивым, читаемым и помогает вам точно передать ваше сообщение. В этом отношении классические шрифты с засечками являются победителем. Несмотря на то, что это самый старый стиль шрифта, они все еще широко используются на разных платформах из-за своей простоты. Будучи чрезвычайно универсальными, они могут использоваться брендами в различных отраслях.
6. Слайд-колоды в социальных сетях
Как вы могли заметить, слайд-колоды небольшого размера стали чрезвычайно популярными в социальных сетях. Они позволяют вам сочинять историю и делиться подробным содержанием, сохраняя при этом заинтересованность и заинтересованность читателей.
Источник
vc.ru
Тенденции графического дизайна в социальных сетях в 2021 год, или что такое инфографика — Дизайн на vc.ru
Вы помните, как выглядели изображения в социальных сетях десять лет назад? Такие тенденции, как градиенты, рукописная типографика и минимализ, управляли пространством дизайна. Со временем в графическом дизайне произошли серьезные изменения, и это также объясняет…
Как работать с дизайнерами: 10 простых шагов
Это сатирическая статья.
Выполните эти 10 шагов, и ваши дизайнеры будут тихо сидеть и с радостью ждать, когда им представится возможность украсить ваш продукт.
Дайте им кабинки, серые кабинки
Дизайнеры преуспевают в гибкой, вдохновляющей среде для совместной работы. Рано или поздно они начнут развешивать разные вещи на стенах, разводить дискуссии и убеждать людей следовать их плану. Попробуйте добавить несколько серых разделителей, закройте эти стеклянные стены, а затем удалите все яркие цвета.
Говорите о кнопках
Всякий раз, когда вам надоест говорить о юзерфлоу, путешествиях, радостях или другой чепухе, укажите на ближайшую кнопку, которую они сделали, и скажите, что это неправильно. Это невероятно эффективный способ изменить их мнение. Это также заставит их на некоторое время сосредоточиться на цветных прямоугольниках.
Всегда идите на компромисс до следующей итерации
Первое, в чем вы хотите пойти на компромисс, – это дизайн. Не слушайте такую ерунду, как изменение бизнес-модели или прозрачность, в конце концов, эти пиксели легче перемещать. Тем не менее, попросите их проявить творческий подход, а затем разделите их работу на мелкие кусочки, которые будут постепенно сокращены в следующей итерации
Никогда не переходите к следующей итерации
Что ж, было бы скучно знать, когда именно что-то случится. Придерживайтесь неопределенных сроков, давая обещания: позже в этом году, в следующих релизах, в следующий раз и т. д. За неделю или две сообщите дизайнерам, что следующая итерация перенесена.
Вовлеките их в обсуждения на раннем этапе, а затем измените курс
Возьмите кофе, расслабьтесь и дождитесь их звонка. Попросите их включить камеру, чтобы увидеть, как надежда покидает комнату, когда они услышат новость. Новость заключалась в том, что 80% проекта было вычеркнуто, и все это решили на собраниях, на которые их не приглашали.
Требуйте исследования, игнорируйте результаты, затем снова требуйте исследования
Они вернутся с резюме, отчетом и, возможно, даже с интерактивным семинаром. Старайтесь скептически относиться к результатам и избегать каких-либо дальнейших действий. Никогда не возвращайтесь к исследованию снова (возможно, оставьте его для информационного бюллетеня компании). Тем не менее, обязательно добавляйте исследования во все новые проекты.
Попросите их задокументировать все, а затем забудьте об этой документации
Во-первых, попросите дизайнеров создавать как можно больше версий каждого изменения, группировать результаты исследований, документировать поведение интерфейса и командные соглашения. Подождите пару недель, а затем спросите всех, где находятся исходники, какие юзерфлоу являются последними и какие исследования соответствуют каждому проекту. Вы будете заняты отправкой ссылок.
Расскажите им, что такое дизайн
На самом деле работает любой общий принцип. Поищите статьи о дизайне, разработке продуктов и управлении, желательно до 500 слов и старше четырех лет. Просто выберите ряд общих цитат и медленно произнесите их дизайнерам, игнорируя тот факт, что они были сказаны в совершенно другом контексте, просто произнесите их.
Как можно больше изолируйте их
Не позволяйте им слишком долго объединяться. Разделяйте и властвуйте. Отправьте их в разные уголки компании, а затем позвольте им встречаться раз в две недели, чтобы спорить о переключателях и флажках. Избегайте амбициозных разговоров о направлениях и принципах дизайна. Их умы должны быть заняты множеством крошечных кусочков, а не всей картиной.
Картинка стоит 1000 слов
Лучшее руководство – визуальное, не так ли? Не говорите им, что вы хотите, словами, убедитесь, что они увидят экран, который вам понравился на днях. Лучше всего проведите это после целой недели формирования определений и идей. Продолжайте в том же духе, и ваш продукт достигнет уровня Uber / Amazon / Instagram / Apple, о котором вы всегда мечтали.
Источник
Это сатирическая статья.
Выполните эти 10 шагов, и ваши дизайнеры будут тихо сидеть и с радостью ждать, когда им представится возможность украсить ваш продукт.
Дайте им кабинки, серые кабинки
Дизайнеры преуспевают в гибкой, вдохновляющей среде для совместной работы. Рано или поздно они начнут развешивать разные вещи на стенах, разводить дискуссии и убеждать людей следовать их плану. Попробуйте добавить несколько серых разделителей, закройте эти стеклянные стены, а затем удалите все яркие цвета.
Говорите о кнопках
Всякий раз, когда вам надоест говорить о юзерфлоу, путешествиях, радостях или другой чепухе, укажите на ближайшую кнопку, которую они сделали, и скажите, что это неправильно. Это невероятно эффективный способ изменить их мнение. Это также заставит их на некоторое время сосредоточиться на цветных прямоугольниках.
Всегда идите на компромисс до следующей итерации
Первое, в чем вы хотите пойти на компромисс, – это дизайн. Не слушайте такую ерунду, как изменение бизнес-модели или прозрачность, в конце концов, эти пиксели легче перемещать. Тем не менее, попросите их проявить творческий подход, а затем разделите их работу на мелкие кусочки, которые будут постепенно сокращены в следующей итерации
Никогда не переходите к следующей итерации
Что ж, было бы скучно знать, когда именно что-то случится. Придерживайтесь неопределенных сроков, давая обещания: позже в этом году, в следующих релизах, в следующий раз и т. д. За неделю или две сообщите дизайнерам, что следующая итерация перенесена.
Вовлеките их в обсуждения на раннем этапе, а затем измените курс
Возьмите кофе, расслабьтесь и дождитесь их звонка. Попросите их включить камеру, чтобы увидеть, как надежда покидает комнату, когда они услышат новость. Новость заключалась в том, что 80% проекта было вычеркнуто, и все это решили на собраниях, на которые их не приглашали.
Требуйте исследования, игнорируйте результаты, затем снова требуйте исследования
Они вернутся с резюме, отчетом и, возможно, даже с интерактивным семинаром. Старайтесь скептически относиться к результатам и избегать каких-либо дальнейших действий. Никогда не возвращайтесь к исследованию снова (возможно, оставьте его для информационного бюллетеня компании). Тем не менее, обязательно добавляйте исследования во все новые проекты.
Попросите их задокументировать все, а затем забудьте об этой документации
Во-первых, попросите дизайнеров создавать как можно больше версий каждого изменения, группировать результаты исследований, документировать поведение интерфейса и командные соглашения. Подождите пару недель, а затем спросите всех, где находятся исходники, какие юзерфлоу являются последними и какие исследования соответствуют каждому проекту. Вы будете заняты отправкой ссылок.
Расскажите им, что такое дизайн
На самом деле работает любой общий принцип. Поищите статьи о дизайне, разработке продуктов и управлении, желательно до 500 слов и старше четырех лет. Просто выберите ряд общих цитат и медленно произнесите их дизайнерам, игнорируя тот факт, что они были сказаны в совершенно другом контексте, просто произнесите их.
Как можно больше изолируйте их
Не позволяйте им слишком долго объединяться. Разделяйте и властвуйте. Отправьте их в разные уголки компании, а затем позвольте им встречаться раз в две недели, чтобы спорить о переключателях и флажках. Избегайте амбициозных разговоров о направлениях и принципах дизайна. Их умы должны быть заняты множеством крошечных кусочков, а не всей картиной.
Картинка стоит 1000 слов
Лучшее руководство – визуальное, не так ли? Не говорите им, что вы хотите, словами, убедитесь, что они увидят экран, который вам понравился на днях. Лучше всего проведите это после целой недели формирования определений и идей. Продолжайте в том же духе, и ваш продукт достигнет уровня Uber / Amazon / Instagram / Apple, о котором вы всегда мечтали.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Как работать с дизайнерами: 10 простых шагов
Вы только что наняли пару дизайнеров, думая, что они будут тихо сидеть и создавать визуальные эффекты? У меня для вас плохие новости
Как дизайнеру не быть банальным?
Чтобы быть в потоке креативности, нужно постоянно расширять свой арсенал UI-решений и подходов. Часто мы, дизайнеры, попадаем в ловушку шаблонных решений, из-за чего получаем не тех клиентов либо вообще их теряем.
Если ты хочешь генерировать смелые идеи и наполнять работы собственной харизмой, то велкам на третий поток онлайн-стажировки DL Boost, которая уже успела стать легендарной. На этот раз за твой апгрейд отвечают основатели Vintage Оля Шевченко и Женя Кудрявченко. Студия входит в топ-30 Awwwards, а их сайты по всему миру признают самыми уникальными.
С 16 по 22 мая ты:
— Научишься слышать и распознавать запросы заказчика
— Повысишь свою ценность и научишься презентовать проекты
— Поймешь, как делать сайты, которые забирают премии Awwwards
— Создашь оригинальный проект и будешь в выигрыше
— Покончишь с шаблонным дизайном.
Начни создавать прямо сейчас:
https://clc.to/xdkNGg
Чтобы быть в потоке креативности, нужно постоянно расширять свой арсенал UI-решений и подходов. Часто мы, дизайнеры, попадаем в ловушку шаблонных решений, из-за чего получаем не тех клиентов либо вообще их теряем.
Если ты хочешь генерировать смелые идеи и наполнять работы собственной харизмой, то велкам на третий поток онлайн-стажировки DL Boost, которая уже успела стать легендарной. На этот раз за твой апгрейд отвечают основатели Vintage Оля Шевченко и Женя Кудрявченко. Студия входит в топ-30 Awwwards, а их сайты по всему миру признают самыми уникальными.
С 16 по 22 мая ты:
— Научишься слышать и распознавать запросы заказчика
— Повысишь свою ценность и научишься презентовать проекты
— Поймешь, как делать сайты, которые забирают премии Awwwards
— Создашь оригинальный проект и будешь в выигрыше
— Покончишь с шаблонным дизайном.
Начни создавать прямо сейчас:
https://clc.to/xdkNGg
Принципы психологии, которые следует знать каждому продуктовому дизайнеру
Не секрет, что большая часть успешного взаимодействия с пользователем заключается в понимании того, чего хочет или в чем нуждается клиент, а также в умении заставить клиентов думать о том, чего они хотят или в чем нуждаются.
Таким образом, психология становится решающим элементом в проектировании правильных систем, интерфейсов и опыта ваших пользователей / клиентов.
Для столь обширной отрасли, как психология, нет лучшего способа начать работу, чем с основ. Давайте перейдем к обсуждению некоторых важных принципах, о которых вам следует помнить.
1. Эффект привязки
Допустим, вы идете покупать часы, и первые, которые вам нравятся, стоят 150 долларов, что превышает ваш бюджет. Вскоре после того, вы видите часы, которые стоят 125 долларов, эта новая цена сейчас кажется разумной, даже если она тоже превышает ваш бюджет, однако, по сравнению с первыми часами, теперь кажется, что это более выгодная сделка.
Мы склонны в значительной степени полагаться на часть информации, которую видим первой, и принимаем решения, используя ее в качестве ориентира / фокуса или «якоря».
Эффект привязки имеет огромное влияние на переговоры и ценообразование продуктов, а также на то, сколько клиент готов заплатить.
Это также может повлиять на судебные решения.
2. Систематическая ошибка выжившего
После прочтения жизненных историй Гейтса и Маска люди, кажется, верят в миф об успехе после отказа от высшего образования, потому что если они смогли это сделать, то почему вы не можете?
Эти истории могут выявить ошибочные суждения, потому что на самом деле на одну историю успеха приходятся десятки тысяч историй неудач, на которых нельзя сосредоточиться из-за ошибки выжившего.
Сосредоточение внимания только на историях успеха приводит к «систематической ошибке выжившего». Она искажает суждения и может привести к ложным выводам, потому что мы склонны сосредотачиваться только на тех, кто выжил, не обращая внимания на тех, кто погиб.
Эта предвзятость распространена повсеместно, и ее следует избегать при принятии решений, будь то бизнес, повседневная жизнь или продуктовый дизайн.
Когда дело доходит до бизнеса, вам нужно использовать уникальный подход и учитывать все возможные переменные. Черпать вдохновение из историй успеха важно, но не менее важно учитывать истории неудач.
3. Эффект приманки
Ежеквартальный план добавлен в качестве приманки на странице тарифов Grammarly
Эффект приманки возникает, когда выбор человека между двумя элементами меняется, когда добавляется третий вариант, с асимметричным преобладанием.
Опция приманки добавляется, чтобы подтолкнуть клиентов к намеченной целевой опции, которая обычно больше, чем им действительно нужно. Эти тонкие «подталкивания» не предназначены для манипуляций и ограничений.
4. Проклятие знания
Проклятие знания – это когнитивная предвзятость, которая возникает, когда люди не понимают, что другие не обладают такими же базовыми знаниями или информацией.
Человеку, обладающему знаниями в определенной области, может быть трудно поставить себя на место новичка (или кого-то, кто не знаком с темой разговора), пытаясь объяснить концепцию на базовом уровне.
Пробел в знаниях между двумя людьми, как правило, пропускается и не принимается во внимание.
Проклятие знания можно преодолеть, используя конкретные / фактические утверждения и реальные истории / примеры, и вообще избегая расплывчатых утверждений.
5. Распознавать проще, чем вспоминать
Вы чувствовали, что всякий раз, когда пытаетесь вспомнить кого-то, кого встречали в прошлом, вам трудно вспомнить, но легко узнать его, глядя на фотографии?
Это иллюстрирует, что распознавать проще, чем вспоминать. Людям легче узнать что-то ранее пережитое, чем вспомнить это. Обращение к памяти приводит к увеличению когнитивной нагрузки.
Цель состоит в том, чтобы свести к минимуму потребность пользователя в пассивной памяти.
Источник
Не секрет, что большая часть успешного взаимодействия с пользователем заключается в понимании того, чего хочет или в чем нуждается клиент, а также в умении заставить клиентов думать о том, чего они хотят или в чем нуждаются.
Таким образом, психология становится решающим элементом в проектировании правильных систем, интерфейсов и опыта ваших пользователей / клиентов.
Для столь обширной отрасли, как психология, нет лучшего способа начать работу, чем с основ. Давайте перейдем к обсуждению некоторых важных принципах, о которых вам следует помнить.
1. Эффект привязки
Допустим, вы идете покупать часы, и первые, которые вам нравятся, стоят 150 долларов, что превышает ваш бюджет. Вскоре после того, вы видите часы, которые стоят 125 долларов, эта новая цена сейчас кажется разумной, даже если она тоже превышает ваш бюджет, однако, по сравнению с первыми часами, теперь кажется, что это более выгодная сделка.
Мы склонны в значительной степени полагаться на часть информации, которую видим первой, и принимаем решения, используя ее в качестве ориентира / фокуса или «якоря».
Эффект привязки имеет огромное влияние на переговоры и ценообразование продуктов, а также на то, сколько клиент готов заплатить.
Это также может повлиять на судебные решения.
2. Систематическая ошибка выжившего
После прочтения жизненных историй Гейтса и Маска люди, кажется, верят в миф об успехе после отказа от высшего образования, потому что если они смогли это сделать, то почему вы не можете?
Эти истории могут выявить ошибочные суждения, потому что на самом деле на одну историю успеха приходятся десятки тысяч историй неудач, на которых нельзя сосредоточиться из-за ошибки выжившего.
Сосредоточение внимания только на историях успеха приводит к «систематической ошибке выжившего». Она искажает суждения и может привести к ложным выводам, потому что мы склонны сосредотачиваться только на тех, кто выжил, не обращая внимания на тех, кто погиб.
Эта предвзятость распространена повсеместно, и ее следует избегать при принятии решений, будь то бизнес, повседневная жизнь или продуктовый дизайн.
Когда дело доходит до бизнеса, вам нужно использовать уникальный подход и учитывать все возможные переменные. Черпать вдохновение из историй успеха важно, но не менее важно учитывать истории неудач.
3. Эффект приманки
Ежеквартальный план добавлен в качестве приманки на странице тарифов Grammarly
Эффект приманки возникает, когда выбор человека между двумя элементами меняется, когда добавляется третий вариант, с асимметричным преобладанием.
Опция приманки добавляется, чтобы подтолкнуть клиентов к намеченной целевой опции, которая обычно больше, чем им действительно нужно. Эти тонкие «подталкивания» не предназначены для манипуляций и ограничений.
4. Проклятие знания
Проклятие знания – это когнитивная предвзятость, которая возникает, когда люди не понимают, что другие не обладают такими же базовыми знаниями или информацией.
Человеку, обладающему знаниями в определенной области, может быть трудно поставить себя на место новичка (или кого-то, кто не знаком с темой разговора), пытаясь объяснить концепцию на базовом уровне.
Пробел в знаниях между двумя людьми, как правило, пропускается и не принимается во внимание.
Проклятие знания можно преодолеть, используя конкретные / фактические утверждения и реальные истории / примеры, и вообще избегая расплывчатых утверждений.
5. Распознавать проще, чем вспоминать
Вы чувствовали, что всякий раз, когда пытаетесь вспомнить кого-то, кого встречали в прошлом, вам трудно вспомнить, но легко узнать его, глядя на фотографии?
Это иллюстрирует, что распознавать проще, чем вспоминать. Людям легче узнать что-то ранее пережитое, чем вспомнить это. Обращение к памяти приводит к увеличению когнитивной нагрузки.
Цель состоит в том, чтобы свести к минимуму потребность пользователя в пассивной памяти.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Принципы психологии, которые следует знать каждому продуктовому дизайнеру
Большая часть успешного взаимодействия с пользователем заключается в понимании того, чего хочет или в чем нуждается клиент, а также в умении заставить клиентов думать о том, чего они хотят или в чем нуждаются
Зачем нужна упаковка бизнеса?
Сегодня мы поговорим о том, как грамотно в 2021-м году сделать красивую обертку бизнеса, чтобы не просто получить узнаваемость, но и заставить пользователя рекомендовать Вас друзьям и родственникам. Упаковка бизнеса – это система визуальных отношений и специальных характеристик, логически связанных между собой таким образом, что пользователь охотно взаимодействует с компанией и в конечном счете покупает ее продукт.
Важность упаковки бизнеса для потребителя обуславливается следующими факторами:
1. Отличительная навигация среди конкурентов или, проще говоря, узнаваемость
2. Удержание внимания
3. Создание интереса
4. Убедительность
5. Увеличение среднего чека (если ваш продукт действительно хорош)
6. Доверие
7. Рекомендации
8. Повторные заказы или клиенты на всю жизнь
Как упаковать бизнес в 2021-м году?
Первый момент: Изучить целевую аудиторию. Надо понять портрет целевого потребителя вдоль и поперёк. Из какого ценового сегмента ваш покупатель, какие у него интересы в Сети, какой у него достаток и стиль потребления, чем его можно заинтересовать. Далее, возраст, пол, социальные и семейные связи. Если потребуется, заказывайте исследование.
Важно! Правильно понимание психологии Вашего потребителя откроет вам дорогу в будущее. А именно: вы узнаете, как надо расставить точки взаимодействия с потребителем, чтобы продавать.
Второй момент: Исследование рынка. Определяем конкурентов не только по величине бизнеса относительно себя (хотя это важно), но также и идеологических и не прямых конкурентов. Есть Яндекс и Google для данных задач. Собираем с рынка следующие вещи:
· Сайт: как наполнен каталог, как описаны услуги, есть ли онлайн оплата, есть ли доставка, есть ли гарантии, как сделано меню, навигация, формы, телефоны и прочее. Все выгребаем из конкурентного анализа по-максимуму.
· Продажи. Звоним, как тайный покупатель и проводим чек-ап продавцов или операторов. Опять же, задача понять всю механику процесса
· Офлайн-точки. Приходим лично и вживую смотрим, как все работает.
Идеально! Устроиться на работу маленьким сотрудником на небольшую должность работника склада и в течение 3-4 месяцев понять всю внутреннюю кухню, пообщаться с другими людьми, оценить масштабы.
Третий момент: Контрольные точки взаимодействия с потребителем. Вытекает из пункта 1, узнав психологию выбора и принятия решения вашего покупателя, вы получите полный карт-бланш. Например, в рекламе потребитель хочет увеличить продажи как правило. Его картина мира при выборе подрядчика складывается из надежности компании, ее опыта, достигнутых результатов в тематике, кейсов, вариантах отсрочки платежей. Все. Зная это, вы просто готовитесь к переговорам втройне.
Фактически это та самая заветная воронка продаж, через которую вы ведете покупателя вниз к сделке.
Маленький вывод:
Делайте так, чтобы ваша репутация была безупречной на каждом этапе взаимодействия с клиентом. Поверьте, нет ничего хуже для упаковки, чем испорченные отношения с клиентом. Кстати, на западе это уже давно понимают – обиженный клиент — это потеря прибыли (LTV), а сильно обиженный клиент – это потеря потенциальной прибыли от его родственников и друзей.
Источник
Сегодня мы поговорим о том, как грамотно в 2021-м году сделать красивую обертку бизнеса, чтобы не просто получить узнаваемость, но и заставить пользователя рекомендовать Вас друзьям и родственникам. Упаковка бизнеса – это система визуальных отношений и специальных характеристик, логически связанных между собой таким образом, что пользователь охотно взаимодействует с компанией и в конечном счете покупает ее продукт.
Важность упаковки бизнеса для потребителя обуславливается следующими факторами:
1. Отличительная навигация среди конкурентов или, проще говоря, узнаваемость
2. Удержание внимания
3. Создание интереса
4. Убедительность
5. Увеличение среднего чека (если ваш продукт действительно хорош)
6. Доверие
7. Рекомендации
8. Повторные заказы или клиенты на всю жизнь
Как упаковать бизнес в 2021-м году?
Первый момент: Изучить целевую аудиторию. Надо понять портрет целевого потребителя вдоль и поперёк. Из какого ценового сегмента ваш покупатель, какие у него интересы в Сети, какой у него достаток и стиль потребления, чем его можно заинтересовать. Далее, возраст, пол, социальные и семейные связи. Если потребуется, заказывайте исследование.
Важно! Правильно понимание психологии Вашего потребителя откроет вам дорогу в будущее. А именно: вы узнаете, как надо расставить точки взаимодействия с потребителем, чтобы продавать.
Второй момент: Исследование рынка. Определяем конкурентов не только по величине бизнеса относительно себя (хотя это важно), но также и идеологических и не прямых конкурентов. Есть Яндекс и Google для данных задач. Собираем с рынка следующие вещи:
· Сайт: как наполнен каталог, как описаны услуги, есть ли онлайн оплата, есть ли доставка, есть ли гарантии, как сделано меню, навигация, формы, телефоны и прочее. Все выгребаем из конкурентного анализа по-максимуму.
· Продажи. Звоним, как тайный покупатель и проводим чек-ап продавцов или операторов. Опять же, задача понять всю механику процесса
· Офлайн-точки. Приходим лично и вживую смотрим, как все работает.
Идеально! Устроиться на работу маленьким сотрудником на небольшую должность работника склада и в течение 3-4 месяцев понять всю внутреннюю кухню, пообщаться с другими людьми, оценить масштабы.
Третий момент: Контрольные точки взаимодействия с потребителем. Вытекает из пункта 1, узнав психологию выбора и принятия решения вашего покупателя, вы получите полный карт-бланш. Например, в рекламе потребитель хочет увеличить продажи как правило. Его картина мира при выборе подрядчика складывается из надежности компании, ее опыта, достигнутых результатов в тематике, кейсов, вариантах отсрочки платежей. Все. Зная это, вы просто готовитесь к переговорам втройне.
Фактически это та самая заветная воронка продаж, через которую вы ведете покупателя вниз к сделке.
Маленький вывод:
Делайте так, чтобы ваша репутация была безупречной на каждом этапе взаимодействия с клиентом. Поверьте, нет ничего хуже для упаковки, чем испорченные отношения с клиентом. Кстати, на западе это уже давно понимают – обиженный клиент — это потеря прибыли (LTV), а сильно обиженный клиент – это потеря потенциальной прибыли от его родственников и друзей.
Источник
vc.ru
Зачем нужна упаковка бизнеса? — Дизайн на vc.ru
Сегодня мы поговорим о том, как грамотно в 2021-м году сделать красивую обертку бизнеса, чтобы не просто получить узнаваемость, но и заставить пользователя рекомендовать Вас друзьям и родственникам. Упаковка бизнеса – это система визуальных отношений и специальных…
О новом стартовом плане Figma и ограничениях, которые нас ждут 21 апреля
Несколько недель назад Figma сообщила пользователям, что будут внесены изменения в бесплатный стартовый план Figma, начиная с 21 апреля 2021 года.
Какие изменения нас ждут?
Черновики становятся личным пространством для работы. В черновиках у нас по-прежнему будет неограниченное количество файлов, страниц и зрителей. Однако, если вы хотите редактировать вместе с другими дизайнерами, вам нужно переместить файл в коллективное пространство.
В коллективном пространстве снимаются ограничение на два редактора, что означает, что теперь вы сможете более свободно взаимодействовать с неограниченным количеством редакторов.
Ограничения коллективного пространства:
Безлимит редакторов
3 общих файла
В каждом файле по три страницы
Один проект
Чтобы понять, что новый предложенный план будет работать, Figma провели исследование с тысячами новых и существующих пользователей по всему миру.
Вот что они узнали:
87% пользователей понравился переход на неограниченное количество редакторов в командном пространстве.
Команды увеличили совместную работу на 29% без ограничения в два редактора
Обычно пользователи активно работают только над 2-3 файлами за раз, поэтому ограничения для нового файла и страниц в коллективном пространстве показались разумными, поскольку неограниченное количество файлов все еще было доступно в черновиках.
Источник
Несколько недель назад Figma сообщила пользователям, что будут внесены изменения в бесплатный стартовый план Figma, начиная с 21 апреля 2021 года.
Какие изменения нас ждут?
Черновики становятся личным пространством для работы. В черновиках у нас по-прежнему будет неограниченное количество файлов, страниц и зрителей. Однако, если вы хотите редактировать вместе с другими дизайнерами, вам нужно переместить файл в коллективное пространство.
В коллективном пространстве снимаются ограничение на два редактора, что означает, что теперь вы сможете более свободно взаимодействовать с неограниченным количеством редакторов.
Ограничения коллективного пространства:
Безлимит редакторов
3 общих файла
В каждом файле по три страницы
Один проект
Чтобы понять, что новый предложенный план будет работать, Figma провели исследование с тысячами новых и существующих пользователей по всему миру.
Вот что они узнали:
87% пользователей понравился переход на неограниченное количество редакторов в командном пространстве.
Команды увеличили совместную работу на 29% без ограничения в два редактора
Обычно пользователи активно работают только над 2-3 файлами за раз, поэтому ограничения для нового файла и страниц в коллективном пространстве показались разумными, поскольку неограниченное количество файлов все еще было доступно в черновиках.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
О новом стартовом плане Figma и ограничениях, которые нас ждут 21 апреля
Figma сообщила пользователям, что будут внесены изменения в бесплатный стартовый план Figma. Давайте разбираться, какие изменения нас ждут
Как сделать карьеру в UX-дизайне без опыта работы
Многие люди думают, что ответом будет рекомендация интенсивного учебного лагеря General Assembly или Academy Xi. Хотя я слышала, что это отличный способ изучить основы, на самом деле, чтобы получить работу, нужно нечто большее, чем просто закончить курсы. Я недавно получила университетскую степень и не решалась тратить больше времени и денег на еще один интенсивный курс, поэтому я искала альтернативный способ попасть в отрасль.
Через три месяца после перехода на должность UX-дизайнера в той же компании я поняла, что наличие диплома или сертификата не является обязательным условием для получения работы в сфере UX-дизайна или для достижения успеха в этой отрасли. На самом деле, есть много способов обрести эти навыки, некоторыми из которых автор делится в статье.
Содержание статьи
Что нужно знать?
Что нужно делать?
Читайте, слушайте, смотрите и учитесь
Получите опыт: действие, практика и совершенство
Заработайте доверие: тестируйте, работайте и повышайте квалификацию
Что я должен учитывать?
Сосредоточьтесь на развитии своих навыков, а не должности
Не придерживайтесь плана; придерживайтесь цели
Если вам не нравится то, где вы находитесь, сделайте что-нибудь с этим
Не сдавайтесь! Обучение требует времени
Читать статью: https://ux.pub/kak-sdelat-kareru-v-ux-dizayne-bez-opyta-raboty/
Многие люди думают, что ответом будет рекомендация интенсивного учебного лагеря General Assembly или Academy Xi. Хотя я слышала, что это отличный способ изучить основы, на самом деле, чтобы получить работу, нужно нечто большее, чем просто закончить курсы. Я недавно получила университетскую степень и не решалась тратить больше времени и денег на еще один интенсивный курс, поэтому я искала альтернативный способ попасть в отрасль.
Через три месяца после перехода на должность UX-дизайнера в той же компании я поняла, что наличие диплома или сертификата не является обязательным условием для получения работы в сфере UX-дизайна или для достижения успеха в этой отрасли. На самом деле, есть много способов обрести эти навыки, некоторыми из которых автор делится в статье.
Содержание статьи
Что нужно знать?
Что нужно делать?
Читайте, слушайте, смотрите и учитесь
Получите опыт: действие, практика и совершенство
Заработайте доверие: тестируйте, работайте и повышайте квалификацию
Что я должен учитывать?
Сосредоточьтесь на развитии своих навыков, а не должности
Не придерживайтесь плана; придерживайтесь цели
Если вам не нравится то, где вы находитесь, сделайте что-нибудь с этим
Не сдавайтесь! Обучение требует времени
Читать статью: https://ux.pub/kak-sdelat-kareru-v-ux-dizayne-bez-opyta-raboty/
UXPUB 🇺🇦 Дизайн-спільнота
Как сделать карьеру в UX-дизайне без опыта работы
Есть много способов обрести навыки UX дизайнера, некоторыми из которых я поделюсь с вами ниже
Пять принципов хорошего UX
1. Интерфейс должен быть человечным
Хороший продукт подстраивается под человека с его слабостями и привычками, а не заставляет подстраиваться под себя. Пользователи делают ошибки, меняют своё мнение, плохо запоминают информацию и не любят считать в уме. Всю рутинную работу приложение должно сделать за человека: напомнить о регистрации на рейс, подсказать время до вылета, указать на опечатку в имени и восстановить случайно удалённые билеты.
Забота проявляется во всём: нужная кнопка прямо под пальцем, шрифт легко читается, сообщения об ошибке можно понять с первого раза. Человечному тексту важнее быть понятым, чем юридически точным. Это не значит, что нужно писать неточный текст – нужно стремиться к компромиссу. Если пользователь устанет разбираться в формулировках и в итоге сделает неправильно, значит, даже самый корректный текст со своей задачей не справился.
❌ Для оформления полиса страхования ОСАГО необходимо подготовить водительское удостоверение и свидетельство о регистрации транспортного средства
✅ Подготовьте водительские права и свидетельство о регистрации (СТС)
❌ Плохой сервис даёт человеку автоматически созданный логин, заставляет придумать пароль по сложным правилам, а потом ещё и запомнить их
✅ Хороший сервис просит для входа то, что человек помнит, например, номер телефона, а вместо пароля использует СМС. Или позволяет войти через соцсети и не просит ничего запоминать.
2. Самое важное – не навредить
Человеческие данные — самая большая ценность для любого продукта. Хороший сервис не удаляет их сам и не позволяет им пропасть по случайности. Приложение может зависнуть, уйти в бесконечный цикл, сломаться, но данные обязано сохранить.
❌ Сохранить изменения в документе перед закрытием? Сохранить / Не сохранять / Отмена.
✅ Молча сохраняем результат
❌ Человек случайно удаляет целую страницу из отчёта и не замечает этого до самого последнего шага. Осознаёт ошибку, вздыхает, создаёт страницу заново.
✅ Приложение помнит всё, что было записано, и предлагает восстановить страницу из истории.
3. Следим за контекстом
Хороший сервис понимает, что у человека есть своя жизнь за пределами экрана. Он не разбудит в 2 часа ночи сообщением о скидках и не будет слепить перед сном (поэтому так популярны тёмные темы оформления). Если хорошим приложением пользуются на улице, то его интерфейс будет крупным и контрастным, чтобы считываться в движении на ярком солнце.
Продукт понимает, что пока человек покупает билет, ему может позвонить жена и отправить за ребёнком в садик, а потом за покупками. Когда же пользователь вернётся к процессу, он должен понимать, где остановился и что ему осталось сделать до завершения покупки.
4. Формируем ожидания
Хороший сервис помогает человеку спланировать время и держит в курсе происходящего. Например, не очищает корзину молча, а предупреждает, что через 30 дней файлы удалятся.
Человек заполняет длинную заявку на кредит и жмёт «Отправить»:
❌ Плохой сервис выдаёт всплывающее окно «Заявка отправлена». У клиента сразу вопросы: Что дальше? Кредит одобрен? Когда ждать решения?
✅ Хороший сервис выдаёт страницу «Спасибо за вашу заявку. Наши специалисты позвонят вам в течение двух часов и сообщат решение». Рядом кнопка «Сообщить по почте».
5. Последовательность и создание привычек
Хорошее приложение формирует привычки, пользуется уже существующими и не переобувается на ходу. Если на одном экране меню сверху слева, то на другом оно не должно вдруг перепрыгнуть в другой угол.
Хорошее приложение помнит историю работы с человеком. Плохое делает вид, что видит человека впервые.
Если у клиента банковского приложения 95% операций — переводы, то лучше при следующем запуске показывать страницу переводов. Хорошая электронная книга сразу открывает роман на нужной странице, а не показывает всю библиотеку каждый раз.
Источник
1. Интерфейс должен быть человечным
Хороший продукт подстраивается под человека с его слабостями и привычками, а не заставляет подстраиваться под себя. Пользователи делают ошибки, меняют своё мнение, плохо запоминают информацию и не любят считать в уме. Всю рутинную работу приложение должно сделать за человека: напомнить о регистрации на рейс, подсказать время до вылета, указать на опечатку в имени и восстановить случайно удалённые билеты.
Забота проявляется во всём: нужная кнопка прямо под пальцем, шрифт легко читается, сообщения об ошибке можно понять с первого раза. Человечному тексту важнее быть понятым, чем юридически точным. Это не значит, что нужно писать неточный текст – нужно стремиться к компромиссу. Если пользователь устанет разбираться в формулировках и в итоге сделает неправильно, значит, даже самый корректный текст со своей задачей не справился.
❌ Для оформления полиса страхования ОСАГО необходимо подготовить водительское удостоверение и свидетельство о регистрации транспортного средства
✅ Подготовьте водительские права и свидетельство о регистрации (СТС)
❌ Плохой сервис даёт человеку автоматически созданный логин, заставляет придумать пароль по сложным правилам, а потом ещё и запомнить их
✅ Хороший сервис просит для входа то, что человек помнит, например, номер телефона, а вместо пароля использует СМС. Или позволяет войти через соцсети и не просит ничего запоминать.
2. Самое важное – не навредить
Человеческие данные — самая большая ценность для любого продукта. Хороший сервис не удаляет их сам и не позволяет им пропасть по случайности. Приложение может зависнуть, уйти в бесконечный цикл, сломаться, но данные обязано сохранить.
❌ Сохранить изменения в документе перед закрытием? Сохранить / Не сохранять / Отмена.
✅ Молча сохраняем результат
❌ Человек случайно удаляет целую страницу из отчёта и не замечает этого до самого последнего шага. Осознаёт ошибку, вздыхает, создаёт страницу заново.
✅ Приложение помнит всё, что было записано, и предлагает восстановить страницу из истории.
3. Следим за контекстом
Хороший сервис понимает, что у человека есть своя жизнь за пределами экрана. Он не разбудит в 2 часа ночи сообщением о скидках и не будет слепить перед сном (поэтому так популярны тёмные темы оформления). Если хорошим приложением пользуются на улице, то его интерфейс будет крупным и контрастным, чтобы считываться в движении на ярком солнце.
Продукт понимает, что пока человек покупает билет, ему может позвонить жена и отправить за ребёнком в садик, а потом за покупками. Когда же пользователь вернётся к процессу, он должен понимать, где остановился и что ему осталось сделать до завершения покупки.
4. Формируем ожидания
Хороший сервис помогает человеку спланировать время и держит в курсе происходящего. Например, не очищает корзину молча, а предупреждает, что через 30 дней файлы удалятся.
Человек заполняет длинную заявку на кредит и жмёт «Отправить»:
❌ Плохой сервис выдаёт всплывающее окно «Заявка отправлена». У клиента сразу вопросы: Что дальше? Кредит одобрен? Когда ждать решения?
✅ Хороший сервис выдаёт страницу «Спасибо за вашу заявку. Наши специалисты позвонят вам в течение двух часов и сообщат решение». Рядом кнопка «Сообщить по почте».
5. Последовательность и создание привычек
Хорошее приложение формирует привычки, пользуется уже существующими и не переобувается на ходу. Если на одном экране меню сверху слева, то на другом оно не должно вдруг перепрыгнуть в другой угол.
Хорошее приложение помнит историю работы с человеком. Плохое делает вид, что видит человека впервые.
Если у клиента банковского приложения 95% операций — переводы, то лучше при следующем запуске показывать страницу переводов. Хорошая электронная книга сразу открывает роман на нужной странице, а не показывает всю библиотеку каждый раз.
Источник
vc.ru
Пять принципов хорошего UX — Дизайн на vc.ru
Спроектировать UX – значит продумать, как ведёт себя продукт во всех сценариях, каким тоном говорит с пользователем, как присылает сообщения, не раздражает ли по мелочам. Сегодня расскажем, по каким правилам мы строим сервисы, чтобы пользователям было приятно…
Полезные сайты для ui/ux дизайнеров
Unsplash - поиск вдохновляющих и красивых картинок. Скачивайте бесплатно.
https://unsplash.com/?ref=vc.ru
Fonts Google - поиск и скачивание шрифтов. Большой выбор шрифтов, скачивайте бесаплатно.
https://fonts.google.com/?ref=vc.ru
Lorem ipsum - текст "рыба". Подставляйте его в прототипы для ускоренной работы.
https://ru.lipsum.com/?ref=vc.ru
Imgonline - определитель цвета. Вставляйте картинку, где вам понравилась цветовая гамма и он подберет основные 5 цвета.
https://www.imgonline.com.ua/get-dominant-colors.php?ref=vc.ru
Ant Design - готовые решения пользовательских интерфейсов. Очень качественная подборка компонентов.
https://ant.design/components/overview/?ref=vc.ru
BURST-бесплатная подборка фотографий.
https://burst.shopify.com/?ref=vc.ru
UI STORE.DESIGN-большой выбор ui kit.
https://www.uistore.design/items/music-app-landing-page-for-sketch/?ref=vc.ru
Behance - сервис для дизайнеров, где можно вдохновляться чужими работами.
https://www.behance.net/?ref=vc.ru
Это маленькая подборка, которая помогает мне в дизайне с первых дней. Почти все сервисы тут очень популярные, но вдруг вы новичок, который только только хочет заняться веб-дизайном.
Источник
https://vc.ru/design/212765-poleznye-sayty-dlya-ui-ux-dizaynerov
Unsplash - поиск вдохновляющих и красивых картинок. Скачивайте бесплатно.
https://unsplash.com/?ref=vc.ru
Fonts Google - поиск и скачивание шрифтов. Большой выбор шрифтов, скачивайте бесаплатно.
https://fonts.google.com/?ref=vc.ru
Lorem ipsum - текст "рыба". Подставляйте его в прототипы для ускоренной работы.
https://ru.lipsum.com/?ref=vc.ru
Imgonline - определитель цвета. Вставляйте картинку, где вам понравилась цветовая гамма и он подберет основные 5 цвета.
https://www.imgonline.com.ua/get-dominant-colors.php?ref=vc.ru
Ant Design - готовые решения пользовательских интерфейсов. Очень качественная подборка компонентов.
https://ant.design/components/overview/?ref=vc.ru
BURST-бесплатная подборка фотографий.
https://burst.shopify.com/?ref=vc.ru
UI STORE.DESIGN-большой выбор ui kit.
https://www.uistore.design/items/music-app-landing-page-for-sketch/?ref=vc.ru
Behance - сервис для дизайнеров, где можно вдохновляться чужими работами.
https://www.behance.net/?ref=vc.ru
Это маленькая подборка, которая помогает мне в дизайне с первых дней. Почти все сервисы тут очень популярные, но вдруг вы новичок, который только только хочет заняться веб-дизайном.
Источник
https://vc.ru/design/212765-poleznye-sayty-dlya-ui-ux-dizaynerov
Как дизайнеру не быть банальным?
Чтобы быть в потоке креативности, нужно постоянно расширять свой арсенал UI-решений и подходов. Часто мы, дизайнеры, попадаем в ловушку шаблонных решений, из-за чего получаем не тех клиентов либо вообще их теряем.
Если ты хочешь генерировать смелые идеи и наполнять работы собственной харизмой, то велкам на третий поток онлайн-стажировки DL Boost, которая уже успела стать легендарной. На этот раз за твой апгрейд отвечают основатели Vintage Оля Шевченко и Женя Кудрявченко. Студия входит в топ-30 Awwwards, а их сайты по всему миру признают самыми уникальными.
С 16 по 22 мая ты:
— Научишься слышать и распознавать запросы заказчика
— Повысишь свою ценность и научишься презентовать проекты
— Поймешь, как делать сайты, которые забирают премии Awwwards
— Создашь оригинальный проект и будешь в выигрыше
— Покончишь с шаблонным дизайном.
Начни создавать прямо сейчас: https://clc.to/xdkNGg
Чтобы быть в потоке креативности, нужно постоянно расширять свой арсенал UI-решений и подходов. Часто мы, дизайнеры, попадаем в ловушку шаблонных решений, из-за чего получаем не тех клиентов либо вообще их теряем.
Если ты хочешь генерировать смелые идеи и наполнять работы собственной харизмой, то велкам на третий поток онлайн-стажировки DL Boost, которая уже успела стать легендарной. На этот раз за твой апгрейд отвечают основатели Vintage Оля Шевченко и Женя Кудрявченко. Студия входит в топ-30 Awwwards, а их сайты по всему миру признают самыми уникальными.
С 16 по 22 мая ты:
— Научишься слышать и распознавать запросы заказчика
— Повысишь свою ценность и научишься презентовать проекты
— Поймешь, как делать сайты, которые забирают премии Awwwards
— Создашь оригинальный проект и будешь в выигрыше
— Покончишь с шаблонным дизайном.
Начни создавать прямо сейчас: https://clc.to/xdkNGg