Найдено 138 дизайнеров интерфейсов

Важные советы для дизайнера

Минутка важного. Мы все иногда забываем о главном, что не бывает людей, которые не совершают ошибки, и что вопросы не бывают глупыми. Не требуйте от себя слишком многого и тогда точно все получится ❤️ А пока можешь задать самые глупые вопросы в комментариях, а я постараюсь на них ответить.

С чего начать обучение дизайну в 2022 году

Давно просили такой пост + небольшой анонс ⠀ Самая большая проблема сейчас - море информации, в которой очень сложно разобраться. С чего начинать, как дальше двигаться, актуально ли это. ⠀ Важно понять, дизайн это не только знание программ. Фигма это лишь 0.1% всего того, что предстоит понять и изучить и она самое легкое, что есть в дизайне. ⠀ Дизайн, особенно веб, это про мышление, аналитику, умение проявлять эмпатию и искать решение, когда кажется что его совсем нет. Придумывать, создавать новое, не копируя чужие ошибки. Проявлять интерес и быть любопытным. ⠀ И это не так просто, как кажется на первый взгляд, повторить работу в фигме может каждый, а создать свое с нуля, даже зная программы - увы, сложно и не получается. ⠀ Хочешь обучаться сам 1-3 года и набивать свои шишки? Пожалуйста, но есть более простой путь. С 5 декабря стартует новый поток нашего курса, на котором мы с кураторами научим тебя не только работать в фигме, а делать свои работы, любить их, создавать новое и не бояться работать с клиентами. ⠀ Мест уже осталось 30 из 45, буду обновлять информацию тут. А все остальное по ссылке в информации и в комментах. Ну или можешь мне написать, я отвечу на все вопросы, включая рассрочку и покупку в подарок для другого человека ❤️

Рисую енотов

Мой 6 холст в жизни. 4 я уже успешно отправила их новым владельцам, этот енотик пока свободен 🦝

Традиционная подборка трендов дизайна, на этот раз зимних.

Изменилось многое, в основном - это типографика. Акцент сейчас направлен на сочетания - шрифтов, совершенно разных их типов. Также применимости, если раньше для нас использование в строгом дизайне каллиграфических шрифтов было дичью, то сейчас это явный тренд. Интересно, что выглядит это не по-девичьи, а наоборот очень строго и стильно! А какой тренд нравится тебе?

Финал ux/ui дизайна приложения: сборка проектного UX/UI-комплекта

Сегодня рассказываю о завершающем этапе работы над приложением Eat Me Alisa. Финальная стадия проекта это всегда внимательная настройка, детализация и сборка всех элементов в единую систему. Сейчас работа продолжается над технически насыщенными, но крайне важными экранами, которые обеспечивают устойчивость интерфейса к любым ситуациям: — сценарии регистрации и авторизации, — подтверждение номера телефона, — экраны с ошибками (например, сбой сети, недоступный ресторан, неудачная оплата), — состояния без данных (нет заказов, нет бонусов и т.п.), — служебные разделы вроде поддержки и профиля пользователя. Эти экраны не бросаются в глаза при первом запуске, но именно они делают интерфейс надёжным и логичным. Пользователь не «теряется», даже если что-то пошло не так, а приложение продолжает работать корректно. На этом этапе я собираю весь проект воедино: смотрю на систему целиком, устраняю логические дыры, уточняю тексты, взаимодействия и границы сценариев. Параллельно идёт работа над технической структурой Figma-файла: — создаётся библиотека компонентов, эта библиотека упаковывается в UI-kit, — унифицируются стили, — проверяется согласованность между экранами (отступы, шрифты, поведение элементов), — подписываются состояния: • до и после скролла, • ошибки валидации, • загрузка и skeleton-состояния, • поведение модалок и снэкбаров. Добавляю аннотации рядом с макетами для областей, где есть неочевидные решения, которые нельзя отразить только в дизайне (пример на скриншотах). Это касается моментов, где без пояснений разработчику будет сложно воспроизвести ожидаемое поведение. Например, переключение состояний, нюансы отображения элементов при скролле или в зависимости от действий пользователя. На выходе получается проектный UX/UI-комплект (файл в Figma, который содержит макеты экранов, различных состояний, библиотеку компонентов, стили, структуру проекта, аннотации для разработчиков), продуманный как в деталях поведения, так и в логике пользовательских путей. Работа над проектом заняла 75 часов. На коммуникацию по проекту и менеджмент ушло 7 часов. #uxuidesigner #uxuidesign #uxдизайн #uxuiдизайнинтерфейса #uxuiприложения #пользовательскиесценарии #проектированиеинтерфейса

"Сделать ЦИАН для рынка Дубай"

Именно с этой фразы начался наш диалог с клиентом. Агенство недвижимости уже давно на рынке и они хотели сделать совершенно уникальный продукт, полностью отступившись от текущих сайтов (которые мы кстати тоже редизайнули, но покажем позже). Мы начали работу с выяснения текущей ситуации на рынке, а на нем все сложно. Очень большое количество посадочных страниц с CTA "скачайте каталог". Есть и аналоги, но для такого дорогого рынка выглядят они скучно и не вызывают доверия. Есть два крупных конкурента, специализирующихся именно на элитной недвижимости (один из конкурентов и есть клиент). Мы же решили сделать доступный продукт с намеком на элитарность, так на сайте будут размещаться как недорогие варианты, так и дорогие. Сайт ориентирован на рынок СНГ и Европы, поэтому версии на арабском языке не предусмотрено. Поэтому был выбран вариант сайта-каталога с стандартными для ниши фильтрами и отстраненный от конкурентов стиль минимализм в сочетании с мягкими формами. Из интересных фишек мы добавили возможность добавлять "сторис" как на десктопной версии, так и на мобильной. Удобный и быстрый формат добавления акционных предложений, так как компания продвигается в социальных сетях. Также внутри встроена мини-социальная сеть с возможность задать вопрос, получить грамотный ответ от экспертов и дать совет-комментарий. Полный кейс вы можете посмотреть на нашем сайте и Behance, ссылка будет в комментариях дизайн #дизайнсайта #ui #ux #вебдизайн

Анимация сайта

Записала анимацию прокрутки главной страницы сайта, который показывала с утра

Адвент календарь для дизайнеров. Бесплатно.

Я искренне люблю то, что делаю, а Адвент как частичка моей души. В прошлом году он дарил радость более 2000 дизайнерам ежедневно, в этом уже сейчас минимум 6000 человек каждый день забирают подарок. Правила те-же. Ежедневно ты получаешь новый подарок. Бесплатно. Сколько он будет доступен - на страничке с подарком. Так что не забывай заходить на сайт каждый день и сохранять пользу. Спасибо вам за это, это вдохновляет дальше делать крутые продукты. За репост - плюсик в карму 🫶 ссылка будет в комментариях, а за комментарий под постом подарю в личку ссылки на первые 10 подарков, которые ты пропустил 👀

Как мы упростили заказ услуг ремонта бытовой техники с помощью UI/UX дизайна

Сегодня в эфире немного деталей разработки UI/UX дизайна сайта для ребят, занимающимися ремонтом бытовой техники в Канаде. Высоко конкурентная ниша, в которую очень сложно зайти с 0 (спойлер, нам удалось решить эту проблему и привести лиды с первого дня запуска сайта). В ходе было выявлено несколько проблем рынка (в целом, они одинаковые, как у нас, так и за бугром): скрытые платежи, которые пугают клиентов отсутствие квалифицированных кадров невозможность обычного человека понять, какая проблема возникла и противовес - человек понимает, какая проблема есть и какие детали нужно починить Для того, чтобы правильно вести пользователя на решение нужных ему проблем для каждого типа бытовой техники были созданы свои лендинг-страницы внутри сайта. Пользователь быстро может выбрать свою проблему, не вдаваясь в технические детали, например, потек холодильник. Для тех, кто знает детали, мы добавили блок с всеми видами запчастей, которые компания может отремонтировать (экран, нагревающий элемент и прочее), чтобы показать пользователю что компания точно решит его проблему. Первую проблему мы с легкостью решили добавлением яркого оффера «отсутствие скрытых платежей», который присутствует на каждой из страниц. CTA намеренно расположены практически на каждом экране, но при этом они не навязчивы, как обычно это бывает на продающих сайтах. Для показа квалификации и экспертности персонала компания ведет блог с реальными кейсами. Блог также помогает с помощью контент-маркетинга, продвинуть сайт в поисковике. Заказ услуги максимально прост - выбираете проблему, оставляете заявку и специалист компании связывается для назначения даты. С первого дня клиент начал получать лиды в телеграм-бот, который мы создали для удобства. Нужен грамотный сайт? Пишите нам в телеграм https://t.me/anfalovaart

Продолжаю работу над интерфейсом Planum, готовлю его к MVP

Я делаю UX/UI дизайн российской информационной системы для замены ушедшего иностранного ПО (в частности платформы IBM Planning Analytics).  Сейчас я делаю дизайн-ревью перед стартом MVP. Экранов немного, но проект сложный: много функционала, составляющих, состояний. Сейчас важный этап ревью, в котором проверяем верстку на соответствие макету и функционалу. Что проверяю: как ведут себя компоненты в разных состояниях (кнопки, инпуты, радиобаттоны, тултипы, дропдауны и прочее прочее). Расстояния, выравнивания, шрифты, цвета, сетка, словом все, что нарисовано, все нужно сверить и проверить как выглядит и как работает. Смотрю через инструменты разработчика в браузере. У меня в макетах все декомпозировано на составные части интерфейса. Берем, например, панель, сверяем и, если что-то не так — пишем в Figma рядом с исходными макетами аннотацию с указанием на то как должно быть. Аннотация может содержать ссылки на компоненты дизайн-системы, на другие экраны и документацию. Так как нужно в быстром темпе выложить MVP, то сейчас речь о pixel perfect не идет. Я это понимаю и не гружу разработчиков (их трое в команде),  приоритезирую правки по критичности. Что-то нужно поправить сейчас, а что-то уйдет в правки после MVP. В макетах приоритеты отмечаю цветовой индикацией (красное — критично, желтое — не критично для MVP). #uxui #дизайнсистемыаналитики #дизайнревью #ревьюмакетов #mvp