Мы ждали именно Вас

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

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

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

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

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

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

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

 Нет комментариев    38   3 дн   интерфейсы

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

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

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

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

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

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

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

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

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

 Нет комментариев    167   1 мес   интерфейсы

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

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

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

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

 Нет комментариев    537   3 мес   интерфейсы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 3 комментария    490   9 мес   интерфейсы   мозг   тело

Почему важно писать о проблемах сервисов

Почти месяц назад я написал в своем канале пост о том, что в контекстном меню кнопка «редактирования» должна быть выше кнопки «пина»

«pin» прикрепляет пост к шапке канала

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

Конечно, в своем посте я немного съязвил, назвав разработчика дебилом. Извините. Но это не помешало свершится магии — читатель скинул пост ребятам с телеграма, а они поменяли кнопки местами:

Новое контекстное меню

Сказать, что я охуел — ничего не сказать. Я редактирую каждый свой пост, теперь это делать в миллион раз удобнее. Этот случай — прямое доказательство моей теории, о которой я говорил на Дизайн-просмотре. Даже если у вас маленький блог на 200-300 человек, все равно имеет смысл писать о проблемах сервисов и продуктов. Пускай тысяча постов не дойдут до релиза, но один пост долетит в нужное место и что-то улучшит. Собственно, ради этого мы все тут собрались — чуть-чуть улучшать всё вокруг. Поэтому не ленитесь и обязательно пишите о том, что вам не нравится.

Разработчикам охуенно низкий поклон и респект!

 Нет комментариев    921   9 мес   блог   интерфейсы   телеграм

Какой Тимур, когда есть я?

Заглавный экран гуглодоксов меня всегда удивляет. Какой, блин, Тимур?

Гугл давно знает кто я такой, когда родился, что люблю и даже какое порно предпочитаю. А раз такое дело, можно не стесняться:

Представляете, как приятно станет заходить в гуглодокс? Хотя я знаю людей, которые слишком лично воспринимают любой текст с их именем в продуктах. Кого-то напрягает чужое имя в инпутах, а кому-то не нравится, что в рыбе Тимур. Тут наверно нет правильного или неправильного решения.

Да и вообще в продуктах я бы персонализировал текст:

Анимацией показывал, что Тиму... в смысле Вениамин исправляет текст и все такое. Сейчас гуглодоксы обезличены, прям как изображение на фоне — продукт повернут к нам спиной. Развернитесь в плане текста, оформления и отношения в прямом значении слова. Покажите продукт лицом — как бы я работал в гуглодоке, а не какой-то Тимур.

 2 комментария    828   10 мес   гугл   интерфейсы   продукт
Ранее Ctrl + ↓