Эстетика прямоугольников, интерфейс под айпад и нескучный рассказ о проекте.
Выпуск 28: баг, не фича

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

Выпуск 28  •  12 января 2017

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

Захотел я в одном сервисе изменить имя в профиле. Было «Антон Жиянов», а я решил поставить просто «Антон», чтобы не так официально. Зашел, изменил, сохранил, вижу такое:

«Имя «Антон» уже используется». Очевидный баг, верно? Ан нет.

Я написал разработчикам, и получил ответ основателя сервиса: это фича. Оказывается, некоторые злодеи-пользователи ставили себе имя «Администратор» и обманом входили в доверие более наивных пользователей. Мощное обоснование, а?

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

К чему я это. Если вы только пришли в проект, самое время вскрывать нелепые «багофичи», пока у вас свежий взгляд. Выписывайте всё, что кажется странным. Расспрашивайте коллег о причинах. Думайте, как достичь цели по-человечески, без костылей.

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

— Антон

В этом выпуске я добавил пару экспериментальных прибамбасов для статей:

  1. ✓ — «что дальше с этим делать». Конечно, выводы у разных людей могут быть разные, но один из вариантов я вам предложу ツ
  2. 🕑 — время чтения статьи.

Дайте знать, как вам нововведение.


◇ ◇ ◇
 СТАТЬИ

Приемы эстетического оформления UX-прототипов

Собака Павлова

Статья-замануха для UX-проектировщиков, которые начинают догадываться, что «заказчику сложно ориентироваться в серых квадратах», а «эстетически пригодный вид прототипа — уже не wow-фактор, а общее место». Другими словами, если вы проектируете интерфейсы, то неплохо бы и верстку освоить. За подробностями приглашаю в «Типографику и верстку».

✓ Соблюдать основы композиции и типографики в следующем прототипе из серых прямоугольников.

🕑  15 минут

 

Чё там делать: выравнивание по центру

Юлия Алексеева

Оптическая компенсация — странная штука. Вроде все дизайнеры о ней знают, а всё равно сплошь и рядом забывают. В любом случае, напомнить не лишне. Что Юлия и сделала — на примере выравнивания по центру нескольких иконок со смещённым центром тяжести.

✓ Взять макет, над которым прямо сейчас работаешь, и проверить, что объекты выровнены по центру тяжести.

🕑  3 минуты

 

Преувеличенная ценность полей

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

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

✓ Не пихать классическую верстку в мобильные приложения.

🕑  3 минуты

 

Рекомендации по проектированию приложений для iPad с точки зрения физиологии

Ксения Стернина

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

✓ Проверить интерфейс своего приложения на соответствие рекомендациям Мейл.ру.

🕑  15 минут

 

Как рассказывать о проекте

Михаил Капанага

Михаил ругает отчеты о проекте вида «россыпь картинок» и предлагает взамен «историю» (было / стало / как к этому пришли) или «детали» (крутые штуки, которые отличают проект от остальных). Заметка крохотная, но советую пройти по ссылкам и прочитать примеры — здорово сделано.

✓ Взять свой лучший проект и написать о нём в стиле «история».

🕑  1 минута


◇ ◇ ◇
 
 ВИДЕО

Интерфейсные анимации

Илья Бирман

Илья рассказал о четырех принципах, которые делают анимацию хорошей:

  • Ненавязчивость: отсутствие броских и долгих анимаций на частых операциях (а то быстро начинают бесить).
  • Естественность: переход между двумя состояниями выглядит логично (для этого анимация должна «знать» о внутреннем устройстве анимируемого объекта).
  • Согласованность: анимация выполняется одним движением.
  • Чистота: промежуточные состояния не создают «грязь» на экране.

🕑  30 минут лекция + 15 минут ответы на вопросы.

Интерфейсные анимации

◇ ◇ ◇
 

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

твитнуть
поделиться
Антон Жиянов

«Интерфейсы без шелухи» обзавелись телеграм-каналом: https://telegram.me/dangry
Короткие заметки, дельные статьи, инструменты. Без карамели.



Email Marketing Powered by Mailchimp