Интерфейсы

Мало кто задумывается, что такое интерфейс. Обычно думают, что это про красиво. Про кнопочки, отступы, шрифт. А это не про красиво.

Интерфейс это инструмент. Красиво и удобно, это разные вещи. Можно сделать красиво и неудобно. Можно наоборот, страшно как, но пользоваться приятно. Второе встречается реже.

Возьмём минимализм. Многие думают, что это пусто. Белый экран, пара кнопок, сойдёт. Нет. Минимализм это не пусто, а ничего лишнего. Убрать всё, что мешает. Оставить только то, что нужно. Разница огромная. Пусто это когда нечего сказать. Минимализм это когда сказано ровно столько, сколько надо.

Дальше. Мобильный интерфейс важнее десктопного. Большинство читает с телефона. Пальцем, не мышкой. Это другая логика. Кнопки больше, элементы дальше друг от друга, ничего не требует точного попадания. На десктопе можно навести курсор, на телефоне нельзя. Ты либо попал, либо нет. И если не попал, ты злишься.

Теперь про настройки. У меня в блоге есть модалка, открывается по шестерёнке. Там три темы: тёмная, светлая, авто. И ползунок размера шрифта. Крутишь, текст меняется сразу, видно как. Зачем это? У всех разные глаза и разные экраны. Кто-то читает ночью, кто-то на солнце. Кто-то видит мелкий шрифт, кто-то нет. Дать человеку выбрать, это уважение. Почему так делают не все? Не знаю. Наверна, лень. Или боятся, что пользователь запутается. А он не запутается, если сделать по человечески.

Внизу у меня тулбар. Он выглядит как шапка, но живёт внизу. Логотип, поиск, шестерёнка, меню. На мобиле так удобнее, палец дотягивается без перехвата. А в коде он футер. Потому что кто-то сказал, что так надо. А мы всё делаем по правилам. Вот и получается: визуально шапка, логически подвал. Смешно, но работает.

Ещё обложка на главной. Она берётся из обложки последнего опубликованного поста. Но на главной играет другую роль. Это уже не картинка к посту, а часть интерфейса.

Началось всё с SEO. А мы всё делаем по правилам. Любой странице нужен заголовок H1. Куда его вставить и что написать? «Главная»? «Посты»? Перед списком карточек? Так было задумано изначально: полный минимализм, карточки идут от верха экрана. Никаких заголовков, никаких лишних надписей.

И тут появилась обложка. Она решила проблему. H1 спрятан в ней, визуально не мешает, а для поисковика есть. Бонусом освободилось место. В нижней части обложки теперь теги, по которым идёт навигация по сайту. Теги на главной это отдельная история, но коротко скажу: они удобнее внизу, потому что палец дотягивается без перехвата. Mobile-first никто не отменял. Плюс обложка разбавляет минимализм. Без неё главная была бы скушной, просто список карточек на белом фоне.

Вот и всё. Интерфейс это не то, что сбоку от контента. Это то, через что человек до контента добирается. Если мешает, значит плохой. Если не замечаешь, значит хороший.