8 заметок с тегом

яндекс

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

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

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

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

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

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

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

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

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

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

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

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

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

25 мая   дизайн   интерфейсы   яндекс

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Удаление

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

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

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

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

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

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

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

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

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

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

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

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

Результат

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

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

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

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

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

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

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

2017   гугл   интерфейсы   обзор   яндекс

Хорошая/плохая реклама на Яндекс Музыке

Не могу поверить, что в 2017 году самая крупная ит-компания рекламирует всякое говно баннерами на пол-экрана.

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

Однако Яндекс умеет приятно удивлять. Например, вот как он рекламирует новый фильм «Малыш на драйве». Чуть-чуть изменили бар плеера.

Круто же. Плеер немного ожил. Сразу хочется нажать и посмотреть что это за фильм. Всегда бы так.

2017   яндекс

Хороший логотип Яндекса

Месяц назад я написал пост о плохом логотипе Яндекса с уебанской подписью и звездочкой «Поиск №1 в России»

Сегодня увидел чистый и опрятный логотип

И аккуратную подпись в альте

Очень хорошо.

UPD 27.08.17
Они опять эту тупую подпись добавили. Видимо подписи в альте и тайтле не хватает, клоуны.

UPD 08.10.17
Постыдились и убрали.

2017   логотип   яндекс

Плохой логотип Яндекса

Вот мы, дизайнеры, запариваемся над иконочками, стрелками там всякими, рисуем логотипы в СВГ, присваиваем им всякие стили и стараемся делать красиво. В одной только Эгее я насчитал штук восемь иконок безупречного качества. Мы, маленькие сошки, довольно много тратим времени на адаптив и текст. А что делают большие компании? Большие компании позволяют себе ставить на главную страницу самого посещаемого сайта в России говно-логотип.

Логотип — тупая пнгэшка. Позор! Нелепая подпись «Поиск №1 в России» — часть этой пнгэшки. Это, бл, картинка. Как так? Неужели в Яндексе нет дизайнера, который смог бы поработать над логотипом? Неужели в Яндексе нет программиста, который мог бы текстом набрать нелепую надпись? Неужели в Яндексе нет ни одного разумного человека, который задал бы вопрос: «А нахер нам две подписи?». Студия Лебедева (это не точно) придумала Яндексу великолепную подпись — «Найдется все». Она даже сейчас присутствует там.

Однако Яндексу одной не хватает. Вы думаете это все? Есть еще кое-что...

Захожу сегодня на Яндекс и вижу самое отвратительное, что может быть в любых подписях — звездочку-ссылку. В логотипе! Текст со звездочкой, черт. Слов нет. Текст поясняющий за звездочку: «*По количеству переходов на сайты из поисковой выдачи. LiveInternet, июнь 2017». Хрен с ней, с пнгэшкой, но текст в логотипе, которому нужно пояснение в нижний части сайта — беспросветный пиздец. Логотип настолько отвратительно выглядит, что у меня нет никакого желания заходить на Яндекс более. Стыд и срам.

Хочу также отметить, что сервисы Яндекса: Карты, Маркет, Новости, Переводчик, Картинки, Видео, Музыка стоило бы как-то отделить от вываливающегося списка «еще». Возникает ощущение, что при нажатии на «еще» я попаду на страницу с сервисами, однако появляется выпадашка.

Если спуститься чуть ниже страницы появляется какой-то «Дзен» со слайдером, который нельзя листать мышкой.

Приходится по тупому нажимать на кнопки-стрелки «вправо» и «влево». В чем проблема прикрутить листалку? Даже я это смогу сделать.

Дальше идут всякие тупые передачи по ТВ, которые давно никто не смотрит (Как же меня бесит Малышева).

Кнопки ведут себя по-разному. Одна открывает Поп-ап, другая новую вкладку, третья страницу. Пиздец какой-то. Но самое неприятное: недоссылка «Свернуть». Такое ощущение, что она предлагает свернуть футер Яндекса, а не вонючий Дзен, который нужно срочно от туда выпилить.

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

2017   бесит   дизайн   логотип   обзор   яндекс

Две ссылки в одном логотипе

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

Посмотрите внимательно на логотип Яндекс.Музыки. Разрывать Яндекс и Музыку такая же тупость, как если бы в ЭплПэй разрывали Эпл и Пэй. Это же единый сервис.

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

Яндекс, вы же прекрасно знаете, где можно брать идеи. Я просто оставлю это тут.

Не стесняйтесь.

Две ссылки в одном логотипе — идиотизм. Не делайте так никогда и смотрите все посты про Яндекс.

2017   дизайн   интерфейсы   яндекс

Обработка опечаток поисковиками

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

Яндекс
Яндекс нарушает все мыслимые шаблоны. Он предлагает опечатку под видом готового исправления

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

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

Распишу:

  1. Вводите запрос;
  2. Поисковик видит ошибку;
  3. Исправляет в строке;
  4. Сообщает об ошибке, выделив неправильный вариант ссылкой;
  5. Вы моментально нажимаете на ссылку;
  6. Оказываетесь на странице с неправильной выдачей;
  7. Беситесь.

Гугл
У Гугла ситуация похожая. Гугл не исправляет запрос, но показывает результаты по исправленному слову.

Вениамин Векк
Почему поисковик ищет по запросу, который даже не в строке?

С одной стороны: Гугл предлагает правильный вариант, с другой: вы видите неправильный запрос в поисковой строке. Секунда-две вы точно тупите, а потом нажимаете на «Искать вместо этого [...]» и срываетесь.

Мой вариант
Предлагаю обоим поисковикам объединиться, и использовать единую систему автозамены.

Дизайн

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

В моем примере, первая строка сообщает, вторая предлагает действие. А сама ошибка показана в слове.Это не идеальный вариант, но лучший среди вышеописанных.

Еще идеи:

  1. можно выделить слово с опечаткой (волнистое подчеркивание).
  2. Не исправлять, а предложить исправление и т. д.

Что думаете? Ваши варианты? Предлагайте ваши варианты в комментах — добавлю в пост.

2017   гугл   дизайн   интерфейсы   косяки   яндекс