UI/UX дизайн Archives - Дизайн Мания

7 советов как улучшить интерфейс карточек в веб-дизайне

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

Эффективный дизайн текстовых полей в формах и приложениях (элемент text field)

Статьи Юзабилити

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

6 причин почему важна скорость загрузки сайта

Статьи Юзабилити

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

Все про эффективный дизайн кнопок в интерфейсах

Мобильный дизайн Статьи Юзабилити

Сегодняшний пост достаточно тесно переплетается с двумя другими статьями блога — заметкой про виды кнопок в интерфейсах, а также подборкой примеров дизайнов кнопок на сайтах с 2009 года и до наших дней. Он станет отличным дополнением для них и позволит рассмотреть вопрос немного с другого (более практичного) ракурса. Начинающим и опытным дизайнерам должно быть интересно. Для того чтобы правильно организовать взаимодействие пользователя с вашим сайтом/приложением,…

Оформление текстовых полей на страницах сайтов (оформление text field)

Статьи Юзабилити

Текстовые поля на веб-страницах (text field) – это, наверное, один из наиболее часто используемых компонентов интерфейса. Они применяются для заполнения контактнs[ форм, ввода платежных реквизитов, создания учетной записи (онлайн регистрации), лидогенерации, формы логина и др., то есть решают задачу организации взаимодействия с посетителями сайтов. Цель данной статьи – выделить некоторые ключевые рекомендации, которые помогут вам правильно подойти к разработке дизайна текстовых полей. Мы рассматривает исключительно…

Функциональные и красивые футеры для сайта (40 лучших примеров)

Вдохновение Дизайны сайтов

Раздел про красивые дизайны сайтов содержит не только подборки макетов по определенным стилям и тематикам, там также есть статьи, посвященные отдельным элементам веб-страниц, например, недавно мы постили оригинальные формы логина, а сегодня рассмотрим красивый footer для сайта. Похожая заметка у нас уже была ранее, но спустя много лет практически ни одно из тех дизайнерских решений не сохранилось: какие-то веб-проекты закрылись, а где-то разработчики просто сделали…

ProfsoUX — конференция про UX и юзабилити 2020

Уроки и книги

29 февраля в Санкт-Петербурге в девятый раз будет проходить одна из самых топовых и масштабных конференций для UX-профессионалов на просторах СНГ – ProfsoUX. Если вас интересует данная сфера, то ниже предлагаем ознакомиться с программой и некоторыми деталями будущего мероприятия. Само по себе понятие UX (пользовательский опыт) является чуть более широким нежели знакомый нам термин «юзабилити». Оно включает в себя не только прототипирование дизайнов интерфейсов, но…

Основные виды кнопок пользовательского интерфейса на сайтах и в приложениях

Мобильный дизайн Статьи Юзабилити

Кнопки – это один из наиболее известных интерактивных элементов пользовательского интерфейса. Они играют очень важную роль в организации взаимодействия с пользователем и формировании у него позитивного опыта. Продолжая серию постов, посвященных тематике UI/UX дизайна, в этой статье были собраны понятия и примеры, касающиеся наиболее часто используемых типов кнопок, что встречаются на веб-сайтах и в мобильных приложениях. Раньше мы публиковали заметку про историю изменения дизайна кнопок…

Инструменты для UX/UI дизайна: UXPin, Mason, Interfacer и Webflow

Online сервисы Инструменты Программы

Эффективность любого веб-ресурса во многом зависит от степени успешности его взаимодействия с пользователем, т.е. юзабилити и удачного UI/UX дизайна. Если сайт сложен в использовании, то его посетители с высокой долей вероятности найдут и выберут что-то другое. Однако если юзер получит положительное впечатление, то он не только будет пользоваться этим продуктом сам, но и станет рекомендовать его знакомым. В данной статье мы рассмотрим лучшие инструменты для создания хорошего юзабилити….

Красивые формы логина на сайте: HTML/PSD исходники, дизайны для вдохновения

PSD макеты Вдохновение Дизайны сайтов

В продолжение статьи о создании идеальной формы авторизации на сайте мы решили продемонстрировать вам одни из лучших решений по данной теме. Значительная часть материалов из подборки имеет PSD/HTML исходники, поэтому вы сможете внедрить их в собственных проектах, предварительно подправив под свои задачи. Все ссылки находятся в картинках, а если их там нет, то это просто скриншоты дизайнов для вдохновения. Вообще формы логина и пароля встречаются в разных по…

Идеальная форма авторизации — как делать не нужно (ошибки и советы)

Статьи Юзабилити

Недавно мы постили ряд полезных советов по созданию эффективных форм регистрации на сайте, а сегодня хотим поговорить про блок авторизации/логина. В последнее время в сети появляется достаточно много раздражающих и слишком «заумных» его реализаций. Хорошо, когда дизайнеры пытаются сделать необычные и красивые формы логина (см. нашу подборку), вписывая их в общую концепцию веб-проекта, однако совсем другое дело — когда они перебарщивают с функциональностью. Иногда доходит до того,…

Как сделать цветовую палитру для сайта и не только (алгоритм + советы)

Актуальное Веб-дизайн Статьи

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

Интересные особенности UI дизайна в разных странах

Веб-дизайн Мобильный дизайн

Когда вы создаете дизайн интерфейса для приложений/сайтов, работающих в разных странах, то должны учитывать особенности национальных культур и традиций соответствующей целевой аудитории. Сегодня публикуем перевод статьи от международной компании Cuberto, которая занимается дизайном на аутсорсе и имеет опыт сотрудничества с заказчиками со всего мира. В заметке специалисты делятся впечатлениями и важными нюансами относительно UX/UI дизайна нескольких стран: Японии, США, РФ, Китае, Индии и др. Данные практики и подходы вы…