Заметки интерфейс


Адблокеры

Ненавижу адблокеры!

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

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

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

Понаставят адблокеров и ходют потом целуют друг друга в жопцы.

Семь промилле

Вот ненавижу такие интерфейсы:

Скриншот в одном из сервисов для скриншотов

Вы можете потратить до нескольких секунд на поиски полезной части этой страницы. Подсказка: это рамочка, внутри которой часть скриншота с текстом «INDEX uri(333)».

По моим беглым подсчётам полезная информация занимает здесь 0,7% (7‰). Понятно, что если бы скриншот был больше, то соотношение увеличилось бы в его пользу. Но всё равно полезные данные были бы окружены неимоверным количеством информационного говна.

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

Семь промилле, ребята.

Перевод программ

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

12 часов после полудня

12 часов после полудня? В русском языке? Вы серьёзно?

Вот индикатор загрузки (англ. loading) на сайте PartyPoker:

Loading / Погрузка

А вот то, что мы в Сиджеко называем оверинжинирингом (переинжинирингом). Переводчики перевели даже те строки, которые не следовало изменять ни в коем случае: мета-тег для HTTP-заголовка.

Content-Type / Содержимое-Тип

PS: Используешь кодировку Windows-1251? Вон отсюда!

Мой склад

Недавно завершили один из нескольких проектов по вёрстке макетов для компании «Мой склад». Это очень важная работа.

Всё работает в любом браузере; размеры и разрешения подобраны так, чтобы страницы хорошо умещались на экране Айпада:
Продажа товара Закрытие смены Расчёт Возврат товара Реакции кнопок
Окно Пейджинг

Идеология и стандарты вёрстки (и даже соглашения по именованию CSS-классов) в нашей компании примерно равны тем, что используются в «Яндексе» (я сейчас серьёзно, между прочим). Исключение составляют лишь некоторые собственные проекты, где свой вклад в любой код может внести кто угодно. Я могу с полной уверенностью заявить, что круче нас в городе не верстает вообще никто. Похожая история была с продвижением, с тем лишь отличием, что SEO сейчас на коленке делают даже самые туполобые лентяи, а вот верстать до сих пор так никто и не научился.

Поэтому неудивительно, что такие серьёзные компании вроде «Моего склада» доверяют нам такую ответственную работу.

В своём городе я знаю примерно двух суперклассных верстальщиков. Что примечательно, один из них работает в «Сиджеко». А второй работал… Уже две недели он работает в «Яндексе»; на секундочку, в отделе разработки интерфейсов.

Отдельный респект ребятам из «Моего склада»: очень ответственные и адекватные люди. Приятно работать.

Уже делаем

Реальности современного мира таковы, что очень-очень сложно плюнуть, чтобы вдруг не попасть в профессионала. Особенно много профессионалов в дизайне и интерфейсостроении.

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

— Что вы хотите предложить?

— Обновить интерфейс, улучшить юзабилити, чтоб информация лучше подавалась и быстрее понималась.

— Это всё — общие слова. Ну, а конкретно?

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

— Мы это уже делаем.

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

— Это мы, кстати, можем и сами реализовать.

— В смысле?

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

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

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

или:

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

Вполне предсказуемая кода:

— Я не смогу вам этого показать сейчас. У меня с собой нет материалов.

— Ничего страшного, давайте встретимся, когда вы сделаете новую версию.

Случай не единичный. Опасайтесь заказчиков, которые «уже делают».

Макет

Начальное макетирование интерфейса у нас:
Макет на доске

Сворачивание окон

Знаете ли вы, что если в Виндоус 7 мышкой потрясти какое-нибудь окно за заголовок, остальные окна сворачиваются?