Design

Атрибуты srcset и sizes у картинок

UX  /  Вёрстка  /  Производительность Design  /  UX+Usability  /  Performance  /  HTML

Если вы помните, давным давно я писал про srcset и sizes для картинок. Эти атрибуты позволяют подсказать браузеру, какие картинки лучше грузить (работают для тэгов img и picture).

А сегодня увидел твит, который одной картинкой поясняет принципы работы. И решил напомнить вам эту тему.

Удобные таблицы с данными

UX  /  Дизайн и юзабилити  /  Визуализация UX+Usability  /  Design

Полтора года назад писал о представлении таблиц и диаграмм. По-прежнему считаю, что ту гифку сложно превзойти (по соотношению объём/полезность).

Прочитал ещё одну статью по теме — более длинную, зато с парой свежих советов.

Хороший и плохой минимализм

Статьи  /  Дизайн и юзабилити  /  UX UX+Usability  /  Design

Последнее время замечаю, что стал настороженно относиться к фразе “минималистичный дизайн”. Идея-то, чаще всего, хорошая. Особенно, когда не пытаются её применить к интерфейсу, который действительно должен содержать много элементов.

Манифест UX in Motion

UX Design  /  UX+Usability

Сегодня хочу рассказать про впечатления о статье Creating Usability with Motion: The UX in Motion Manifesto. Ссылку прислал мне Женя Кирьянов, за что ему отдельное спасибо. Есть перевод первой половины этой статьи, но ссылку не дам :) Просто тот случай, когда лучше прочитать оригинал, подглядывая в словарь.

Если вкратце, статья отличная. К сожалению, идеальный вариант — сразу всё это попробовать реализовать в реальных приложениях, а у меня такой возможности нет. Сразу предупреждаю:

Smashing Magazine - редизайн и переход с WordPress на Hugo

Новости  /  Дизайн и юзабилити News  /  Design

Думаю, большинство из вас в курсе, что такое Smashing Magazine. Если нет — почитайте там статьи, получите удовольствие.

Мне лично они нравятся. Недавно они затеяли редизайн сайта. И, что вдвойне приятно, наряду с редизайном они перешли с глючного решета WordPress на Hugo. Чуть больше подробностей далее.

Ant Design

Дизайн и юзабилити  /  Фреймворки React  /  Design

Ant Design — это альтернатива Material Design. Что лучше, что хуже — решать вам, я лишь делюсь информацией.

Вы наверняка слышали про Material UI — библиотеку, которая реализует принципы Material Design для React. Аналогично, есть реализация Ant Design — Ant Design of React. Подробно не смотрел, но выглядит красиво. Далее несколько восторженных отзывов про табличное представление.

Про руководства по стилю (style guides)

Дизайн и юзабилити Design

Хочу поделиться подборкой статей про руководства по стилю (или как говорят наши зарубежные коллеги, style guides).

На случай, если вы сталкиваетесь с этим понятием впервые, подобные руководства упрощают жизнь дизайнеров, верстальщиков, разработчиков и тестировщиков. А для крупных компаний, которые каждый год по несколько дизайнеров нанимают, я бы сказал — значительно упрощают жизнь.

Что ж, начну с отечественных наработок.

Два простых способа сделать пользователей счастливее

UX  /  Вёрстка  /  Производительность Design  /  UX+Usability  /  Performance  /  CSS  /  HTML  /  YarFullStack

Сегодня расскажу про два сравнительно простых способа как сделать ваших пользователей ещё счастливее.

Как вы уже знаете, мне нравятся быстрые сайты. Летом я уже делился набором инструментов для оптимизации сайтов. Однако, есть пара несложных приёмов, первый из которых эти инструменты вряд ли когда-нибудь догадаются посоветовать.

Начнём с самого простого в реализации способа. Его внедрение, правда, может отнять у вас много времени на этапе согласования в компании или с участниками вашей команды.

Удобное представление таблиц и диаграмм

UX  /  Дизайн и юзабилити  /  Визуализация UX+Usability  /  Design

Прошлые две недели прошли для меня под знаком статьи Clear off the table. Сначала увидел ссылку в комментарии к другой статье на хабре, потом ещё пара человек мне ссылку на перевод прислали.

Что характерно, поскольку сама статья и анимация достаточно грамотная, у многих возникает ощущение “круто! давайте всё так сделаем”. Не надо так :)

Собственно, о чём речь? Речь о том, что в идеале, пользователь должен быть избавлен от лишней информации и “визуального шума”. С этим я согласен более чем абсолютно. Только всё хорошо в меру. Что предлагают авторы?