Интерфейс-элементы
Кнопки, карточки, формы и меню — как они работают на живой странице, с примерами и кодом.
Статьи · 8
-
Загрузка и пустые состояния
Что показывать по времени ожидания, скелет вместо крутилки, место заранее, четыре вида пустых экранов и поиск, из которого есть выход, — с живыми примерами.
Читать
-
Уведомления и тосты
Пять видов сообщений от тихого к громкому, тост с «Вернуть», где он появляется на телефоне, слова, которые помогают, и одно сообщение вместо пяти — с живыми примерами.
Читать
-
Таблицы на телефоне
Три способа уместить таблицу в телефон и как выбрать, сначала главные колонки, числа, которые можно сравнить, и тарифы по одному на экран — с живыми примерами.
Читать
-
Модальные окна
Когда окно оправдано, из чего оно состоит, шторка на телефоне, фокус клавиатуры, окна при входе и встроенный элемент dialog — с живыми примерами.
Читать
-
Навигация и мобильное меню
Названия разделов словами посетителя, три способа уместить меню в телефон, открытое мобильное меню, шапка, которая уступает место, и хлебные крошки — с живыми примерами.
Читать
-
Формы и поля
Сколько полей спрашивать, подпись над полем, ширина по ответу, нужная клавиатура на телефоне, автозаполнение и ошибки после отправки — с живыми примерами.
Читать
-
Карточки товаров
Из чего состоит карточка, ровный ряд, главная характеристика по категориям, читаемая цена, две колонки на телефоне и одна наклейка вместо пяти — с живыми примерами.
Читать
-
Кнопки
Одно главное действие на экран, подписи, которые говорят, что будет, кнопка или ссылка, область нажатия, зона большого пальца и опасные действия — с живыми примерами.
Читать