Главная » Архив меток: UI/UX дизайн

Архив меток: UI/UX дизайн

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

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

Читать далее »

Эффективный дизайн кнопок в интерфейсах (один из самых важных UI компонентов)

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

Читать далее »

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

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

Читать далее »

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

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

Читать далее »

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

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

Читать далее »

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

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

Читать далее »

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

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

Читать далее »

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

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

Читать далее »

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

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

Читать далее »

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

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

Читать далее »