UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Детали хорошего дизайна
Редакція
Редакція

Опубліковано

Детали хорошего дизайна

Хороший дизайн часто игнорируется, и не по тем причинам, о которых вы могли подумать. Детали хорошего дизайна часто невидимы, поскольку вы и не подозревали, что они вам нужны. В документальном фильме «Objectified» есть сюжет о Джони Айве, промышленном дизайнере и бывшем главном директоре по дизайну компании Apple. Он обсуждает внешний индикатор батареи, использовавшийся в старых MacBookPro. Это была череда маленьких точек, показывающих, сколько энергии осталось на вашем устройстве.

Image description

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

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

Хороший дизайн:

  • Предвосхищает то, что люди хотят сделать
  • Объединяет несколько шагов для устранения сложности
  • Имеет высокое качество сборки и эстетическую целостность
  • Предоставляет быстрый путь к целям клиентов, облегчая тем самым их жизнь
  • Очевидно, умнее альтернатив
  • Учитывает контекст пользователя и его ситуацию

Image description

Фрагменты хорошего дизайна

Я поделюсь с вами пятью примерами хорошего дизайна

Два разъема для кабеля в наушниках B&O H6

Bluetooth-наушникам я предпочитаю проводные. Я не могу себе представить, какие зверства совершил Харальд I Синезубый (HaraldBluetooth), чтобы эта технология была названа в его честь. Должно быть это равно деяниям Эдвард О'Хары, раз такой ужасный аэропорт был назван в его честь. Мои студийные наушники — полноразмерные B&OH6 2-го поколения. Несмотря на то, что им уже несколько лет, они невероятны. Меня сильно раздражает, когда наушники подключены к компьютеру, а провод застревает между руками и клавиатурой. У этих наушников есть очевидное решение этой проблемы: разъем для кабеля есть с обеих сторон, на каждой чашке. Мало того, я недавно обнаружил, что можно последовательно подключить еще один комплект наушников, чтобы параллельно слушать музыку с другим человеком. Просто невероятно!

Image description

Загрузка логотипа Vercel по клику правой кнопкой мыши

Вы когда-нибудь загружали логотип компании с сайта вместо того, чтобы перейти к пресс-киту? Сайт Vercel предвосхищает ваши действия. Когда вы щелкаете правой кнопкой мыши, чтобы загрузить низкокачественное изображение логотипа, сайт перенаправляет вас на страницу бренда. Там, вы сможете скачать исходные ресурсы.

Image description

Скриншот и аннотирование на iPad с помощью Apple Pencil

Несколько лет назад я писал, что являюсь ярым сторонником power жестов, и они не ограничивают опыт. Power жесты — это шорткаты, повышающие производительность людей, которые ими пользуются. Тот факт, что у вас есть несколько путей для выполнения действия, не заставляя пользователей переучиваться, просто невероятен — это позволяет людям становиться сильнее по собственному желанию. Apple является одним из мастеров подобного взаимодействия, предоставляя людям жесты, которые могут повысить производительность, не мешая основному способу использования. В последнее время мне очень нравится возможность делать скриншот, проведя ApplePencil из нижнего угла к центру экрана. Вы можете сделать скриншот, добавить комментарии и поделиться им, и все за одно действие.

Image description

Автовоспроизведение трейлеров Netflix, и возможность его включения / выключения

Многим знакома ситуация, когда вы зависли на главной интерфейса Netflix и потратили час, пытаясь выбрать, что посмотреть. Интерфейс Netflix автоматически воспроизводит трейлер при выборе, чтобы вы могли увидеть превью шоу. Это хороший дизайн, однако он может быть плохим в зависимости от того, кто с ним взаимодействует. Автовоспроизведение и зацикливание мультимедиа могут по-разному влиять на людей. Например, это может причинить дискомфорт человеку, страдающему синдромомдефицита внимания и гиперактивности. Великолепный дизайн — это решение Netflix, позволяющее конечным пользователям включать и выключать автовопроизведение. Хороший дизайн софта позволяет настраивать и персонализировать его.

Image description

Command palette

В анимационном сериале «Южный парк» есть эпизод под названием «Это уже было в «Симпсонах», где почти все события в серии показывают, что Симпсоны уже сделали это раньше. Подобное можно сказать и о VIM. VIM уже сделал это. Если вы не знакомы с commandpalette, это диалоговое окно, которое часто появляется при нажатии Command-K или Command-P (как в Obsidian), чтобы позволить конечным пользователям искать и выбирать типы ввода и команды. Это обеспечивает альтернативу взаимодействию с мышью в графическом пользовательском интерфейсе (GUI). Это привычка, обычно встречающаяся у разработчиков. Я обнаружил, что стараюсь сократить количество раз, когда мне нужно взять мышь, чтобы что-то сделать. Если я могу сделать как можно больше с помощью ввода с клавиатуры, это экономит немного времени для повышения производительности. Лично я хотел бы видеть commandpalette в большем количестве программ.

Image description


Перевод статьи davidhoang.substack.com

Топ коментарі (0)