Как развлечь себя дизайнеру продукта, оси на графиках и размерные метки для фотошопа
Выпуск 19: как найтись дизайнеру

Интерфейсы без шелухи

Выпуск 20  •  29 сентября 2016

Люблю старые интерфейсы. Такие, знаете, немодные и слегка неказистые, которых давно не касалась рука дизайнера и разработчика.

К старому интерфейсу я привык. Пусть он не идеален, пусть заставляет выполнять лишние действия — зато я всё знаю, где и что лежит. Поэтому меня бесит Тинькофф: ребята как только закончат делать очередной интернет-банк, сразу начинают делать новый с нуля. Я понимаю, lifetime learning и все дела, но я не готов каждый год осваивать ваш новый интерфейс.

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

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

Люблю старые интерфейсы.

— Антон

 СТАТЬИ

Обратная связь в интерфейсе

Илья Бирман

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

Статья в трех частях: один, два, три.

 

Как быть дизайнером продукта и не сойти с ума

Евгения Малкова

Никак. Но вы можете попытаться отсрочить неизбежное с помощью уловок, о которых пишет Евгения. Посмотреть на продукт глазами Чужого. Сменить опостылевший Скетч на Ксара Дизайнер. Убрать всю авторизацию, оставить только через Вконтакт. Гнать самогон на работе. Хранить макеты в виде SVG под контролем версий на гитхабе и проводить код-ревью в исходниках.

P. S. Евгения, на самом деле, предлагает не настолько безумные вещи, как перечислены в предыдущем абзаце. Просто мне уже поздно следовать «мягким» рецептам.

 

Алгоритм Δλ: каркас визуализации и виды осей

Таня Бибикова

Таня рассказывает, когда какие оси использовать на графиках. Непрерывные, как в школе на алгебре. Временные и пространственные. Интервальные, как в гистограммах. Сетку из одинаковых блоков. С примерами, изучая которые, вы почувствуете себя настоящим нубом визуализации.

 

◇◇◇

 ИНСТРУМЕНТ

Size Marks

Роман Шамин

Size Marks — это скрипт для Фотошопа, который превращает прямоугольное выделение в размерную метку (отрезок с написанной на нем длиной в пикселях). Помогает дизайнеру и фронтенд-инженеру подготовить макет к верстке. Для пользователей Скетча есть специальное обращение внизу поста.


Size Marks

◇◇◇
 
Понравился выпуск? Подписывайтесь на рассылку
твитнуть
поделиться
Антон Жиянов

Собрал вместе лучшие статьи и в целом освежил главную сайта. Покритикуете?



Email Marketing Powered by Mailchimp