Дизайн — это здравый смысл

Чтобы создать хороший интерфейс, дизайнеру требуется:

  • 80% здравого смысла,
  • 19% знания предметной области,
  • 1% дизайн-мышления, дизайн-систем, насмотренности и прочего, про что дизайнеры любят писать статьи на Медиуме.

То есть главное в дизайне — здравый смысл. Чтобы доказать это утверждение, я сделаю «редизайн» популярного приложения Zoom (замена скайпу для видео- и аудио-конференций) с позиции обычного здравомыслящего человека, не дизайнера.

Не буду рисовать красивые макеты, а грубо покажу на скриншотах, что можно сделать иначе, если включить голову.

1. Главное действие

Какое главное действие на основном экране приложения для конференций?

Главное действие глазами дизайнера
Ответ дизайнера Зума
Главное действие — начать чатик. Мы сделали маленькую кнопочку для этого и спрятали её в уголок. А поскольку она стала незаметна, крупно написали в центре экрана, что надо пойти в уголок и нажать на эту кнопочку. Логично же вроде, да?
Главное действие глазами человека
Ответ нормального человека
Главное действие — начать конференцию. Бахните здоровенную кнопку про это в центр экрана.

2. Как начать конференцию

Хьюстон, у нас проблемы: пользователь не закрыл с отвращением приложение, а ткнул в «Start meeting» на главном экране. Что делать?

Как начать конференцию глазами дизайнера
Ответ дизайнера
Надо спросить, а точно ли он уверен, что хочет начать конференцию. Хорошо бы ещё предложить загадочную опцию «Use Personal Meeting ID», про которую никто не знает, что это такое и на кой чёрт оно нужно.
Как начать конференцию глазами человека
Ответ человека
Вы не поверите, но после нажатия на «Start meeting» надо начать конференцию. Если опция «Use Personal Meeting ID» безумно дорога вам, в первый раз напишите для чего она и скажите, что в будущем можно сменить её в настройках. Во второй раз и во все последующие — просто начните драную конференцию.

3. Как включить звук

Кожаный мешок не сдаётся и нажал на «Start a Meeting» на предыдущем экране. Что делать?

Как включить звук глазами дизайнера
Ответ дизайнера
Надо спросить, как включить звук — как это делают все нормальные приложения или через дозвон?
Как включить звук глазами человека
Ответ человека
Дозвон? Алё, какой сейчас год на дворе? Просто молча включите чёртов микрофон и начните уже конференцию. Если функция дозвона безумно дорога вам, расскажите про неё на онбординге, но не показывайте больше никогда.

4. Как всё-таки начать конференцию

Человечишка включил микрофон. Что ему предложить?

Как всё-таки начать конференцию глазами дизайнера
Ответ дизайнера
Чёт даже не знаю. Давайте покажем крупно его фото. Я не знаю, что дальше делать, серьёзно. Может он сам разберётся?
Как всё-таки начать конференцию глазами человека
Ответ человека
Это конференция, чуваки, в ней участвуют несколько людей. Дайте мне возможность их пригласить.

5. Как пригласить собеседников

Методом революционной интуиции юзер допёр, что надо нажать на «Participants». Что делаем дальше? Так далеко ещё никто не проходил.

Как пригласить собеседников глазами дизайнера
Ответ дизайнера
О, это просто. Покажем пустой список участников — их ведь нет, верно?
Как пригласить собеседников глазами человека
Ответ человека
🤦🤦🤦

6. Как всё-таки пригласить собеседников

Нам попался сообразительный засранец: он нашёл маленькую кнопку «Invite» и нажал на неё. Какие варианты предложим?

Как всё-таки пригласить собеседников глазами дизайнера
Ответ дизайнера
Нууу, смс, почта. Что ещё, я не знаю. Эээ, скопировать ссылку?
Как всё-таки пригласить собеседников глазами человека
Ответ человека
Сейчас люди в основном переписываются в мессенджерах. Может, вы слышали — вотсап, телеграм, вот это всё?

7. Поехали

Дизайнер: это было несложно, да?

Человек: дизайнер, ты реально упоротый.

⌘ ⌘ ⌘

Здравый смысл, ребята. Пользуйтесь им.

Заметка из телеграм-канала «Интерфейсы без шелухи»