Позднее Ctrl + ↑

Самое отвратительное приветствие в вебе

Терпеть не могу подлиз и жопализов, а тут целый поп-ап такой:

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

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

Пожалуйста, не делайте так никогда.

 3 комментария    286   2018   бесит   веб   дизайн   интерфейсы

Очень плохая реклама в мобильном Яндекс.Дзене

Подписывайтесь на канал в Дзене, иногда там выходит эксклюзивчик

С недавних пор я подключил монетизацию в своем канале Дзена. Реклама меня никогда сильно не напрягала, особенно если она адекватная. Однако в мобильном Дзене она ведет себя очень плохо. Берем обычную заметку:

Плохая реклама Яндекса

Обратите внимание на структуру поста:

  1. Логотип и название канала
  2. Заголовок заметки
  3. Данные о заметке
  4. Первый абзац (текст связан с изображением)
  5. Изображение калькулятор Гугла
  6. Изображение калькулятора Яндекса
  7. Продолжение заметки...

Это точно тот порядок, который был задуман мной. Этот порядок раскрывает смысл — абзац не будет работать без картинок. Что делает Яндекс с моей заметкой на мобильном телефоне? Открываем тот же пост с телефона:

Плохая реклама Яндекса

Почему-то первое изображение калькулятора улетает наверх, улетает вообще за текст и заголовок. Вместо него появляется рекламный блок, который изменяет мою структуру заметки. Получается, что в тексте я призываю покупать пластиковые окна. Я не хотел к такому призывать! Из-за неграмотного размещения автоматической рекламы мой контент и смысл заметки пострадали.

Яндекс, почему вы так бессовестно используете мой текст? Нельзя вытаскивать куски из моего материала и вставлять вместо них рекламу — это моветон. Нельзя использовать первые картинки в качестве заглавных изображений. Ладно, если бы вы дублировали, но вы поменяли местами рекламу и изображение. В чем тогда смысл ведения блога, если замысел автора теряется из-за рекламы?

Очень часто в своих заметках я использую следующую модель повествования:

Плохая реклама Яндекс.Дзена

Такой вид публикаций материала самый популярный в интернете. Далеко ходить не надо, спросите Артемия Лебедева, Сергея Долю или Илью Варламова.

В заметках с подобной моделью повествования нельзя ничего передвигать, от этого страдает смысл заметки. Вот вам шпаргалка:

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

Предлагаю следующие решения проблем

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

2. Выделять сильнее рекламу

3. Установить галочку (чекбокс) во время добавления любого изображения:

  • Если автор захочет использовать свое изображения в качестве заглавного — пусть поставит галочку.
  • Разумеется по умолчанию чекбокс должен быть выключен. Мы же не хотим ввести автора в заблуждение?
  • Кнопочка-вопросик объяснит автору в чем прикол.
  • И еще кое-что: поправьте верстку этого всплывающего окна, а то смотреть страшно.

Этим постом я не хочу спровоцировать войну с Яндексом, не хочу обидеть сервис или кого-то еще. Напротив, я хочу сделать его лучше. Яндекс — самая большая, технологичная компания в России. Я рад, что появился Дзен и верю, что Дзен — новый ЖЖ. Уверен, что отдел продуктовых дизайнеров сможет придумать способ сделать рекламу в Дзене умнее и лучше. Я описал проблемы и предложил базовые решения.

Спасибо за внимание.

 1 комментарий    383   2018   дзен   дизайн   интерфейсы   яндекс

Самая тупая страница Яндекса

Я заскринил самую глупую страницу Яндекса и начал думать.

Блог Вениамина Векка

Такой результат абсурден — очевидно, что это пустой поисковый запрос, зачем об этом писать? Зачем для этого страница и какой-либо результат? Почему бы не показывать все на главной странице? Почему бы не выводить сообщение о пустом поисковом запросе без перехода?

Не важно пустое поле или нет — гугл-кнопка одного вида. Ответной реакции на нажатие нет

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

Не важно пустое поле или нет — гугл-кнопка одного вида. Ответной реакции на нажатие нет

Если бы я имел какое-то отношение к дизайну Яндекса, то отключал бы кнопку:

Блог Вениамина Векка

Включал бы при заполнении поля:

Блог Вениамина Векка

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

Однако я не могу отделаться от мысли, что дизайнеры Яндекса оставили страницу неслучайно. Мозгов у меня не хватает, чтобы придумать причину. Есть идеи? Зачем нужна эта страница?

 5 комментариев    512   2018   дизайн   интерфейсы   яндекс

Интерфейс анти-редактора против WYSIWYG

Я работаю в разных системах управления примерно лет шесть. Мой первый сайт в 2012 году был на ДЛЕ, затем на Вордпресе, Джумле и хрен знает на чём еще. В каждой системе меня раздражал способ добавления информации на сайт. Тогда еще не было визуальных редакторов, которые позволяли видеть, где ты редактируешь текст. Благо страшные времена прошли, и редакторы поумнели, не считая совсем отбитых по типу Битрикс. Теперь визуальный редактор — дефолт для любой системы наполнения сайта. Но я придумал ещё более удобный вариант — интерфейс анти-редактора.

Читайте меня в Дзене

С недавних пор я начал писать в Дзен, где проблема до сих пор осталась. На дворе 2018, алло:

Интерфейс редактора Дзен
редактор заметки

Непонятно что происходит. Я вообще в редакторе? Почему изображение 3000+ пикселей так поползло? А что с подписью?

Опубликованная заметка:

Дизайн редактора Дзен

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

Предлагаю концепцию анти-редактора — читайте описание концепта на сайте.

 5 комментариев    613   2018   блог   интерфейсы   редактура   Эгея   яндекс

Запустить функцию когда она нужна

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

Я обожаю открывать миллион вкладок с блогами, рассылками и видосами, чтобы после работы все это съесть. Меня не напрягает, что вкладки жрут оперативу или что-то еще — комп должен держать всё в уме, не я. Раньше вкладки меня бесили тем, что включали внутреннее мультимедиа — теперь такого не происходит. Особенно за эту фичу я полюбил Ютуб — можно открыть кучи видосов в браузере, все погрузиться и будет терпеливо меня ждать. Ютуб запустит видео как только я буду готов посмотреть. Это самый крутой дизайн самодеятельности функции — запустить когда она нужна.

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

 Нет комментариев    175   2018   дизайн   интерфейсы   ютуб

Лайки лучше звездочек

Пора признать, эра оценок звездочками по пятибалльной шкале прошла. Теперь ты поставишь максимальную оценку, если все было клево, и минимальную за малейший проеб. Плюс, если согласен; минус, если нет. Лайк, если понравилось; дизлайк, если нет. Двухбалльная шкала дает очень четкую обратную связь (какое мерзкое слово). Пятибалльная шкала размазывает результат между максимумом и минимумом. Пришло время удаления промежуточных вариантов между якорями, где лайк — максимальный кайф (★★★★), а дизлайк — максимальный отстой (★). Сейчас никто не будет тратить время на раздумья:

— Хм, поставить две звезды или четыре? Вроде суп был вкусный, но та бабка на меня так злобно посмотрела...

И никто не будет говорить:

— Ставь пять звезд, если понравился ролик. Четыре звезды, если не понравилась музыка. Три звезды, если не нравится моя прическа...

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

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

Звездочки более не актуальны.

 7 комментариев    589   2018   интерфейсы

Интерфейс должен помнить все настройки

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

Положил в папку пачку писем и создал правило — интерфейс должен это запомнить и ни в коем случае не изменять. Обозначил, что альбом «In Rainbows» мой любимый, значит он мой любимый — не важно слушаю я его или нет. Если я решил убрать галку с чекбокса, значит она должна быть убрана и завтра, и через год. Разработчик интерфейса не имеет права менять способ настройки функций или лишать пользователя возможности все перенастроить. Ситуации, в которой я не могу найти ранее заданных мною настроек, быть не должно.

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

Интерфейс должен помнить все.

 1 комментарий    76   2018   бесит   интерфейсы

Плохой интерфейс калькулятора Яндекса

У Яндекса и Гугла есть свои калькуляторы. Я к ним настолько привык, что к своему стыду перестал считать даже смешные выражения в голове. Всегда иду в поиск:

Интерфейс калькулятора Яндекса Интерфейс калькулятора Google

Калькуляторы не сильно отличаются, что плохо. Ведь если бы они совсем не отличались, то не пришлось бы каждый раз вспоминать на какой именно ты сегодня попал. На месте Яндекса и Гугла я бы объединил усилия и сделал единый, понятный и удобный интерфейс. Но пока что Гугловский мне нравится больше.

У Яндекса интерфейс полностью взят с Эпловского Айоса:

Интерфейс калькулятора Яндекса

Интерфейс Яндекса неудобен по ряду причин:

  1. Ноль почему-то занимает в два раза больше места, чем любая другая цифра.
  2. Знаки деления, умножения, и квадрата странно обозначаются: 5*5/2^2
  3. Знак равенства намного важнее нуля, но почему-то никак не выделен.
  4. За скобки отвечает одна кнопка.
    Я уверен в том, что кнопка частенько не справляется со своей задачей.
  5. Юикс проблемы с кнопкой очищения поля.

Ноль и политра

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

Интерфейс калькулятора Google

Посмотрите на цветовую палитру гугловского калькулятора. Белый цвет — цифры. Серый — математические знаки. Синий — результат цифр и знаков. В гугле есть логика.
Яндекс просто взял чужой дизайн и чуть-чуть изуродовал — пройдемся по каждому уродскому месту.

Странные знаки

В Яндексе компьютерные знаки. Умножение обозначается не крестиком, а звездочкой:

Интерфейс калькулятора Яндекса

Спойлер в верхней строчке показывает, что можно сделать нормально. Почему не делают нормально?

В гугле знак умножения выглядит привычно:

Интерфейс калькулятора Google

Тоже самое с делением:

Интерфейс калькулятора Яндекса

У гугла все ок:

Интерфейс калькулятора Google

И со степенями. У Яндекса хер пойми как:

Интерфейс калькулятора Яндекса

У гугла все хорошо:

Интерфейс калькулятора Google

Иногда нам приходиться использовать вложенность скобок. В гугле это делается просто:

Интерфейс калькулятора Google

А в Яндексе у нас ничего не выйдет. Дело в том, что Яндекс решил сделать одну кнопку скобок на все случаи жизни, а про вложенность совсем не подумал:

Интерфейс калькулятора Яндекса

Зато у них кнопка для нуля большая!

Удаление

В калькуляторах есть два способа очистить поле:
АС/С — очистить все/убрать из памяти.
СЕ — удалить последний символ.

Я считаю, что в калькуляторе должны быть обе функции удаления, но не в одной кнопке, не в двух, и уж тем более не в трех, как у Винды:

В одной кнопке — слишком сложно. В двух — непонятно. В трех — даже не смешно, Билл.
Функция удаления есть в любом устройстве — ее можно использовать. Например, в Айфоне реализовано очень хорошо — кнопка AC очищает полностью поле, а свайп пальцем вправо убирает последний символ:

Интерфейс калькулятора в Айфоне
Интерфейс калькулятора в Айфоне

Раздражает тот факт, что в Яндексе кнопка очищает все поле, а в Гугле удаляется лишь один символ. При этом в обоих случаях работает кнопка удаления на клавиатуре. Короче, обе компании должны подумать над юикс этой кнопки. Сейчас все очень неудобно.

Глупые ошибки

Если вы ввели в гугловском калькуляторе математический знак, то повторить его не выйдет:

Интерфейс калькулятора Google

Это хорошо. Смысл оставлять даже возможность вызвать невозможную функцию?

А вот у Яндекса плохо:

Интерфейс калькулятора Яндекса

Такого сюжета быть не может и нечего калькулятору его демонстрировать. Математика не предполагает возможности двух или пяти последовательных знаков без цифр.

Результат

У обоих калькуляторов есть спойлер результатов. Вот тут Яндекс работает немного лучше — сразу показывает результат в верхней строчке, но зачем-то дублирует само выражение:

Интерфейс калькулятора Яндекса

У гугла все очень странно работает:

Интерфейс калькулятора Google

Я думаю, что спойлер — очень полезная вещь. Зачем пользователю лишний раз нажимать на кнопку, если он может увидеть результат, не отходя от кассы? Особенно это полезно при быстрой работе с цифрами. Однако, я не понимаю зачем дублировать выражение. Достаточно показать ответ, выражение и так уже есть в строке.

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

Еще про Яндекс:
Плохой логотип Яндекса
Хороший логотип Яндекса
Две ссылки в одном логотипе

 Нет комментариев    867   2017   гугл   интерфейсы   обзор   яндекс
Ранее Ctrl + ↓