Ублюдок, мать твою, а ну иди сюда говно собачье, решил ко мне лезть…

Убрать интерфейс?

Есть пользователь, а есть польза. Идеальный мир, когда пользователь получает пользу без каких-либо дополнительных штук. Захотел поесть? — получил сытость, даже жевать не нужно.

Но мы живем в реальности, где пользователю для достижения пользы нужен инструмент — это и есть интерфейс.

Захотел поесть? — оделся, закрыл дверь, спустился на лифте, дошел до мака, заказал на прилавке, подождал, получил, поел. Все эти шаги — взаимодействия с разными интерфейсами.

Внутри каждого шага свой интерфейс: как закрываем дверь, жмём кнопки в лифте, делаем заказ. Эти шаги как раз прорабатывают дизайнеры — делают удобные ручки на дверях, понятные кнопки в лифте, классную навигацию на прилавке.

Сегодня работа дизайнера делать интерфейс, то есть инструмент получения пользы — удобным. Это понятная работа с метриками и проработкой каждого куска взаимодействия пользователя с интерфейсом. Чем быстрее пользователь совершит покупку — тем быстрее преодолеет интерфейс и получит пользу.

Но если интерфейс стоит между пользователем и получением пользы, значит ли это, что интерфейс больше мешает, чем помогает?

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

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

Можно ли купить товар сразу на сайте без регистрации? А чтобы не забирать самому? Не заполнять тупые формы с адресом? А без оплаты? Можно ли телепортировать его сразу на стол? А сразу в желудок?

Приняв тот факт, что интерфейс — это стена, у дизайнера должен произойти внутри бунт. Делать стену удобнее или пытаться её убрать?

 Нет комментариев    88   2 мес   интерфейсы

Показать, что внутри

Есть такой дизайнерский прием, который позволяет улучшить любой кусочек дизайна раз в сто. Он применяется в тех случаях, когда требуется повысить информативность и полезное действие чего угодно. Суть его в том, что мы берем кусочек дизайна и показываем, что у него внутри.

Хотим рассказать о корабле — показываем как он спроектирован.

A cutaway illustration of pirates working and relaxing.

Хотим завлечь в раздел — берем и достаем наружу подразделы.

Хотим показать больше фич, показываем их друг за другом.

Ребята в Яндексе очень хорошо используют прием — Эфир сразу показывает, что идёт по телеку.

В выдаче сразу можно послушать композиции того, кого ищете.

Фейсбук показывает не только количество лайков и каментов, но и самих пользователей и кусочки их обсуждений

Смысл в том, чтобы не зарывать полезную информации внутрь раздела, а наоборот — достать её наружу. Не нужно всю, достаточно небольших кусочков или подразделов, которые помогут лучше понять, что находится внутри. Красота, информативность, польза.

 1 комментарий    326   2020   интерфейсы

Хватит уже прятать

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

Чаще всего иконки используют абсолютно по-идиотски, возлагая на них слишком амбициозные надежды: — Ой, а можно нам вот тут список иконок, чтобы показать наши преимущества? — Идиотизм.

Иконкам нужно давать однозначный смысл. Особенно в компаниях, которые занимаются вебом. Невозможно однозначно определить, что означает иконка глобуса — сайт, интернет, сеть, оператор, всё на свете… Если иконка не помогает понять смысл, то лучше его написать текстом. Костыли вроде текста по наведению — это доказательство того, что вы придумали плохой дизайн.

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

Рецепт:
Ничего не прятать, а наоборот — доставать, оформлять, умножать, пояснять.

Всегда стараться повышать информативность.

 Нет комментариев    211   2020   интерфейсы

Главное отличие эпл от неэпл

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

Такого просто нигде нет. Вспомните типичный телефон на андройде, где вы пролистываете экран на четверть, а затем телефон долистывает за вас всё остальное. Это ломает любое ощущение от пользования устройством, может он еще мусор вынесет, раз такой деловой?

На сайте эпла интерфейс тоже имеет моментальный отклик и полностью повинуется пользователю.

А вот пример промо-страницы мейлру, где о такой фишке даже не слышали. Сразу видна разница.

а еще у нее имя дурацкое — какая блин Маруся? mailru

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

Вот сайт с вариативным шрифтом. Абсолютный контроль. Бесконечный кайф.

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

 Нет комментариев    273   2020   интерфейсы

Еще один слой интерфейса

Самое тупое, что есть в интерфейсах — это кнопка «править», которая отвечает за изменения настроек. Эта кнопка создаёт дополнительный слой интерфейса на пути установки будильника. Мало того, что это неудобно, так ещё и кнопка находится на отшибе и не воспринимается как бы управляемый элемент. Ну и тянуться за ней далеко.

Интерфейса быть не должно, потому что интерфейс — это преграда между тем что человек хочет и тем, что получает. С другой стороны они могли намеренно сделать так, чтобы тебе было неудобно ставить будильник вручную и ты делал это с помощью Сири. Тогда здесь есть более или менее сносная причина, но все равно кнопки «править» — это полный отстой.

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

 Нет комментариев    613   2019   интерфейсы

Лайкнуть сообщение

В Инстаграме есть удивительная фича — возможность лайкнуть сообщение в мессенджере. Просто двойным тапом ставишь сообщению сердечко. Любому. Это самая волшебная дизайн-находка, которую я когда-либо встречал в интерфейсах. А волшебство ее заключается в естественном желании человека отреагировать на сообщение. Инстаграм дает самый простой и понятный инструмент, — лайк, — моментальный фидбек с красивой анимацией. А еще его можно самому потом лайкнуть.

Сам процесс «лайкания» очень приятен, потому что сообщение окутывает волна красных сердец. Чем больше сообщение, тем больше сердечек. Это видишь ты, видит собеседник, уровень милоты зашкаливает. Попробуйте, это ни с чем не сравнимое чувство от интерфейса.

То же самое Инстаграм внедрил в комментарии — можно не отвечать текстом, просто лайкаешь коммент, тем самым отвечая.

Меня удивляет только одно — почему такого кайфеца нет во всех современных мессенджерах? Представляете ка прекрасно было бы в телеграме лайкать сообщение?

 1 комментарий    1495   2019   интерфейсы   приложение

Яндекс, сделай меня счастливым

Перед вами интерфейс создания нового плейлиста в Яндекс Музыке, как вы думаете чего не хватает для счастья? Попробуйте потупить минутку, предположить что-нибудь, а потом читайте далее.

Для счастья не хватает умных предложений от Яндекса. Совершенно очевидно, что Яндекс очень хорошо умеет вести статистику. Почему бы не предложить мне плейлисты на основании того что я слушаю? Яндекс, ты же прекрасно знаешь кто я такой, что мне нравится или не нравится. Дай мне одну кнопку «сгенерировать плейлист» и просто предлагай, предлагай, предлагай. Изучай мои вкусы и со временем создавай бомбические плейлисты. Сделай с десяток плейлистов еще до того как я начал тратить время на создания собственного.

Ну например, плейлист самых прослушиваемых, самых грустных или самых длинных песен. Плейлист русских песен или песен с наибольшим количеством слова «fuck». Плейлист Артемия Лебедева или Путина. Плейлист на клингонском языке. Инди плейлист. Рок плейлист. Рэп плейлист. Христианский рэп плейлист. Христианский инди-рок-рэп плейлист. Мотивирующий плейлист. Угнетающий плейлист. Плейлист с песнями про дизайн. Плейлист, где в песнях встречается имя Вениамин. Плейлист с плейлистами плейлистов. Предложи хоть что-нибудь, Яндекс.

Мир идет сторону освобождения людей от ручного труда. Посылка прилетает сама, телефон не требует пароля, плейлист автоматически собирается каждый день. Любые штуки, которые отвечают за «создание» по умолчанию должны предложить уже что-то созданное машиной. В крайнем случае, если мне не подойдет — я создам сам (лучше чтобы мне всегда подходило). Я не хочу сам делать плейлист лучших песен Рэдиохед — составьте мне его сами. А если вы не знаете как, то насоздавайте кучу плейлистов, проанализируйте мои вкусы и создайте снова. И так до того момента пока мне не зайдет. Плейлист на клингонском я бы не стал слушать, а плейлист Артемия Лебедева залайкал бы до смерти.

Я не хочу тратить время на действия, которые может выполнить машина. Я хочу подумать о действии и счастливо наслаждаться его автоматическим выполнением. Жаль, что вместо этого я иду вручную создавать плейлист.

 3 комментария    2339   2019   интерфейсы   яндекс

Защита от мисклика

У меня самые кривые руки на свете — всю жизнь не попадаю по кнопкам, ссылкам, файлам, строчкам и прочим интерфейсным штучкам. Я часто путаю одно с другим: удаляю файл, вместо того, чтобы создать; сворачиваю окно вместо закрытия. Это ужасно, особенно с сегодняшней модой делать важные штуки интерфейса маленькими. Но мне очень повезло — мозг придумал и внедрил способ защиты от мисклика.

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

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

 3 комментария    626   2019   интерфейсы   мозг   тело
Ранее Ctrl + ↓