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

интерфейс карточек в веб-дизайне Статьи Юзабилити 

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

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

дизайн текстовых полей Статьи Юзабилити 

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

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

скорость загрузки сайта Статьи Юзабилити 

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

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

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

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

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

текстовые поля Статьи Юзабилити 

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

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

дизайна email-рассылок Веб-дизайн Статьи Юзабилити 

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

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

кнопки пользовательского интерфейса Мобильный дизайн Статьи Юзабилити 

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

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

форма авторизации Статьи Юзабилити 

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

UI Patterns — полезный архив паттернов интерфейсов

UI Patterns Дизайны сайтов Полезные сайты Юзабилити 

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

Все про хедер (шапку сайта): назначение, дизайн и проектирование

Дизайн шапки сайта Статьи Юзабилити 

Как известно, не существует второго шанса произвести первое впечатление. В сфере цифрового дизайна эта истина подкрепляется высокой конкуренцией и широким разнообразием имеющихся решений. Причем, вполне очевидно, что при создании первого впечатления некоторые части веб-страницы являются более важными нежели остальные, например, header для сайта (шапка сайта). Сегодня рассмотрим все нюансы, которые касаются данного термина: Что это и какие элементы включает. Почему хедер важен для вас? Проектирование и варианты…

Разница между UI и UX: практический пример

Понятия UI и UX Статьи Юзабилити 

Сегодня будет гостевой пост по теме UX и UI интерфейсов на примере работы с сервисом Icons8. Автор — юзабилити специалист Андрей Бурмистров, текст публикуется от первого лица.    Я знаю, что вы думаете: ну вот, очередная попытка навязать свое мнение на спорную и вечно обсуждаемую тему «В чем разница между UX и UI?» Да, вы все правильно поняли. Единственное отличие моей статьи от других подобных заключается в том,…

Бесконечная прокрутка страниц: помогает или вредит?

бесконечная прокрутка Веб-дизайн Статьи Юзабилити 

Когда идет речь об онлайн-маркетинге или веб-дизайне, чрезвычайно важно быть инициатором успешных идей и формировать тренды в собственной сфере. Сегодня речь пойдет об одной из подобных тенденций — бесконечном скроллинге (прокрутке) страниц на сайте: какие возможности он представляет для бизнеса? как лучше реализовать и когда следует отказаться от этой функции? Материал написан на основе перевода статьи про Infinite Scrolling от SpeckyBoy. Основные разделы статьи: Что такое бесконечная…

Мобильная версия сайта и адаптивный дизайн: все «за» и «против»

Мобильная версия сайта Веб-дизайн Мобильный дизайн Юзабилити 

В эру мобильной революции, стоит задуматься о предоставлении вашим клиентам возможности работать с сайтом, используя смартфоны, планшеты и т.п. Нужно давать им возможность решать любые бизнес процессы в мобильном режиме. Сейчас даже векторную графику в Android можно редактировать, не говоря уже о более простых задачах. Данный пост является переводом статьи Giving Our Clients The Best Deal In Mobile. За публикацию спасибо МотоДизайнБлогу авторы которого занимались переводом. При…