юзабилити Archives - Дизайн Мания

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7 принципов дизайна иконок для создания профессиональных наборов

Веб-дизайн Иконки Статьи

В одном из разделов нашего блога вы можете найти и скачать бесплатные иконки сгруппированные по десяткам разных тематик и стилей. А сегодня мы решили поделиться с вами полезными советами по созданию собственных материалов. По аналогии со статьей про основные виды кнопок пользовательского интерфейса, думаем, вам будет полезно посмотреть наиболее важные признаки качества и ключевые характеристики дизайна иконок: лаконичность, читабельность, простота, выравнивание и др. (всего 7…

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

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

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

Тренды оформления и дизайна email-рассылок в 2020 году

Веб-дизайн Статьи Юзабилити

Несмотря на то, что почтовый маркетинг существует уже десятки лет, он по прежнему остается актуальной тенденцией интернет-маркетинга в 2020 году и востребованным способом продвижения услуг в онлайне. Метод показывает хорошую отдачу при минимальных затратах и может посоревноваться в эффективности с разработкой B2B-сайтов (бизнес для бизнеса) или созданием красивых лендинг пейдж (лендингов). Email-маркетинг подходит практически для всех ниш и продуктов, но тут важно понимать, что он…

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

Уроки и книги

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

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

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

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

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

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

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

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

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

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

Как сделать подвал сайта (footer): варианты дизайна, зачем он нужен, советы

Веб-дизайн Статьи

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