ERR_INTERNET_DISCONNECTED

Позднее Ctrl + ↑

Главная ссылка на главной странице

Блог Вениамина Векка
вспоминайте эту вырвиглазную картинку

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

Никаких «главных» ссылок
Никаких ссылок на себя самого

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

Не должно быть никаких «главных» на главной странице сайта:

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

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

Внутренняя страница:

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

Главная:

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

Нынче развелось кучи смешных юикс-дизайнеров, которые не понимают таких банальных вещей. И сайты у них смешные. Кидайте этот пост всем знакомым дизайнерам с плохими и «главными» ссылками. Пусть им будет стыдно.

 1 комментарий    475   2017   бесит   дизайн   интерфейсы

Оставьте скроллинг сайта в покое!

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

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

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

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

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

Не усложняйте

Примеры плохого скроллинга на сайтах топовых студий России:

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

Не удаляйте, будет хуже

У AIC просто плохой сайт:

Медленные и «интересненькие» слайдеры должны были умереть в 2012 году. Бесконечно долго ждать загрузки невозможно. У слайдера на главной очень много лишней анимации. Скроллинг вообще отсутствует, поведение страницы неочевидно. Один из худших сайтов.

Покажите хоть что-нибудь

Вот пример очень плохого скроллинга на рандомном сайте:

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

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

Упрощайте

Пример хорошего скроллинга, но сомнительной навигации:

Ребята из Hungry Boys спрятали скроллинг, но сделали функциональность интуитивно отзывчивой. Это очень хороший пример «нестандартного» скроллинга — анимация приятная и быстрая.

Усложняйте, если умеете

Вот пример того, как можно сделать скроллинг, и вообще серфинг по сайту интересным:

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

Скроллинг не должен обращать на себя внимание

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

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

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

  1. Зачем я это делаю?
  2. Для кого?
  3. Какую задачу будет решать?
  4. Не хочу ли показать, что я классный?

Если адекватных ответов в пользу нового и модного скролла нет — забейте на свои грязные желания. Решите другие вопросы.
У меня все.

 Нет комментариев    709   2017   дизайн   интерфейсы   обзор

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

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

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

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

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

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

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

 8 комментариев    192   2017   дизайн   интерфейсы   яндекс

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

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

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

заметки юного дизайнера

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

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

Распишу:

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

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

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

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

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

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

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

Еще идеи:

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

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

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

Плохой интерфейс Вебмани

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

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

Заметки юного дизайнера

Я перешел в раздел вопросов, и решил заполнить заявку на восстановление пароля.
Сервис спросил с меня дату рождения и капчу.

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

Я все ввел, сервис сказал «Ок» и попросил меня нажать на какую-то кнопку. Видимо они думают, что для меня ВебМани Кипер и Май.Вебмани разные вещи

Ок, жму. Меня перекидывает на другой сайт, с другим логотипом и интерфейсом.

Я снова ввожу номер кошелька, треклятую капчу (каждый раз она все страшнее)

Меня перекидывает на главную.

Узкая полоска, которая почти невидимая, говорит об инструкции.

Через мин 5-10 приходит письмо с ссылкой, я нажимаю и перехожу в раздел смены пароля.

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

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

Странно, что там не показываются последние цифры телефона, по которым можно определить имеет смысл ждать смс-ску или нет.

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

А код подтверждения, все не приходит.

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

Заорал на весь офис, и решил сменить номер телефона.

Вебмани выкатил мне длиннущую инструкцию.

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

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

Дизайнеры не думают о тех, кто не подготовлен. Я вообще в Вебмани захожу второй раз в жизни. Захожу только потому, что приперло. Когда я зашел в первый раз, году в 2013-2014, я потерялся в интерфейсе и забил. Сейчас, когда мне страх как нужен пароль, мне не дают возможности его сменить. Как так? Почему так?

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

 Нет комментариев    258   2017   дизайн   интерфейсы