Суперсила дизайнера, визуальные атомы и закон Фиттса
Суперсила дизайнера

Интерфейсы без шелухи: лучшее за неделю

Выпуск 8 — 2 июня 2016

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

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

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

Классический подход к конструированию таких программ: делаем фронтенд с формой заявки и админку с бизнес-процессом. В админке регистрируются рецензенты, у каждого дашборд, где видны новые заявки. Рецензенты откликаются на заявки, бизнес-логика следит, чтобы два человека не взяли одну и ту же заявку и чтобы один рецензент не забрал себе слишком много заявок. Неплохо добавить ещё оповещение по почте, чтобы рецензенты оперативно узнавали о заявках. А может лучше слать пуш-уведомления на смартфон? Да, и обязательно нужен отдельный интерфейс модератора, где он проверит заявку и вернёт рецензенту, если тот фигню написал. Ох, а ещё надо отзывы рецензентов скомпоновать в красивый отчёт. И хорошо бы добавить поддержку визуальных комментариев, форматирования и картинок в отзывах.

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

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

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

— Антон

Алгоритм визуализации данных: визуальные атомы

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

Таня продолжает рассказывать о своём подходе к сложным визуализациям. Предыдущая часть — как выбрать частицы данных, а очередная — как их визуализировать: пикселем, точкой, кругом, ячейкой или объектом. Куча интерактивных примеров, можно потрогать. Даже танки есть :–)

 

Конспект курса «Пользовательский интерфейс»

Андрей Медведев

Андрей законспектировал первую часть курса Бирмана об интерфейсах. Толково, с картинками, хотя и немного сумбурно (это особенность самого курса, а не конспекта). Если конспект понравился, посмотрите упорядоченное изложение на Преподе. Или записывайтесь на курс Ильи, его хвалят (курс платный, 40 тыс. рублей).

 

Закон Фиттса в интерфейсах

Илья Бирман

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

 

Интерфейсный прием «язычок»

Павел Моисеенко

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

 

Кнопочное мышление

Александр Бындю

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

Голосование: вступления к выпускам
Голосование: вступления к выпускам

80% «за», так что вступления продолжатся. Для одобрения или порицания жмите на «Ответить».
Как нарисовать любую историю

У «Интерфейсов без шелухи» юбилей — 1000 подписчиков! В честь этого дарю две книги «Как нарисовать любую историю» Татьяны Задорожной. Несмотря на «детскость», книга Татьяны лучше модного руководства по скетчингу.

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


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

Антон Жиянов

По любым вопросам пишите на sin@dangry.ru

 



Email Marketing Powered by MailChimp