Некоторые из них всегда актуальны!
Когда-то, в 2018 году, жил парень по имени Джимми. Он работал дизайнером в компании под названием Shmuckle. Целыми днями он только и мечтал, что стать известным дизайнером. Его музой и вдохновением был Стив Джобс. Он был им буквально одержим, поэтому всегда проповедовал в своей компании хороший дизайн. Джимми был сосредоточен на украшениях, интуитивном дизайне и инновациях. До того дня, когда у него случился творческий кризис.
Джимми работал над важным проектом, который помог бы ему в продвижении по карьерной лестнице. Ему было поручено переделать главную информационную панель одного продукта. Но он не смог добиться подходящего результата. В качестве запасного плана он начал пересматривать свои любимые видеоролики, читать статьи и слушать подкасты. Но результата не было. Он все еще не знал, что делать.
К счастью, Сара, старший дизайнер компании, проходила мимо. Она видела, как мучается бедный парень. Улыбка промелькнула на ее лице, когда она вспомнила, как когда-то, на заре своей карьеры, тоже мучилась над созданием отличного продукта. Но теперь она опытный дизайнер и знает все хитрости и советы, которые могут помочь преодолеть любой творческий кризис.
«Эй, Джимми, я видела, что ты не обновил дизайн, над которым работал. В чем проблема?»
«Я пытаюсь разработать улучшенный интерфейс для наших клиентов. Он должен быть проще в использовании, показать улучшенную статистику и решить пару других проблем доступности, но я не знаю... Я тестировал его с клиентами, и некоторые говорят, что он отлично работает, другие ненавидят его, а третьи говорят, что нам нужно его изменить. Я не знаю, что делать».
«Все в порядке, так бывает, когда у тебя нет надлежащей основы. Послушай, есть несколько принципов, которые помогут тебе разрабатывать отличные продукты. К счастью, тебе не нужна магия вуду. Применяй их, когда почувствуешь, что застрял».
Джимми быстро достал блокнот и карандаш, и с волнением, как ребенок накануне Рождества, был готов записывать.
«Пойдем прогуляемся, потому что ты слишком долго сидишь за своим столом. Ты должен немного освежить сознание. Сара схватила чашку кофе со своего стола и продолжила: «Ладно, слушай. Есть несколько основных принципов, которые ты должен проверить, как только твой продукт будет завершен. Ответ на них позволит тебе ясно видеть вещи. В твоем дизайне всегда должны быть:
Ясность
«Джимми, помни об этом – беспорядочный ум приведет к беспорядочному продукту. Поэтому всегда старайся удалить беспорядок из своего мышления, потому что это повлияет на конечный результат. Во всех дизайнерских решениях, которые ты принимаешь, есть несколько вещей, за которыми вам нужно всегда следить:
- Цели бизнеса, проблемы и функциональность клиента мотивируют дизайн. Именно в этой последовательности;
- Никогда не жертвуй функциональностью во имя красоты;
- Всегда должно быть очевидно, что делать дальше;
- Выделяй важный контент с помощью негативного пространства, цветов, шрифтов и графики, а также других элементов интерфейса;
- Текст должен быть читабельным при любом размере;
- Иконки аккуратные и четкие;
- Дополнительная информация ненавязчивая и уместная;
- Твои пользователи должны всегда инстинктивно знать, что делать и где они.
Окончательный внешний вид чего-либо является побочным продуктом ясности (или ее отсутствия) на этапе проектирования. Ясность намерения приведет к ясности результата – Массимо Виньелли
«Я помню, что Массимо Виньелли написал в своей книге «Канон», что запутанный и сложный дизайн всегда что-то говорит о человеке, который его создал. Он говорит, что у человека было сложное и запутанное сознание», – продолжала Сара. Джимми записал цитату, чтобы использовать ее позже для вдохновения.
Эффективный интерфейс
«Теперь, запомни это. Мы всегда должны стремиться к разработке цифровых продуктов, которые делают текущую задачу ясной и сосредоточенной. Эффективное приложение предвосхищает потребности пользователя, гарантируя, что контент на экране всегда актуальный и релевантный. И приложение становится расширением, которое пользователь намеревается делать. Например, если пользователь открывает твое приложение для решения задачи, а ты не даешь ему решение, значит ты сделал плохой выбор», – сказала Сара.
Она остановилась на мгновение и взяла паузу в пару секунд, чтобы сформулировать мысль, и продолжила: «Пойми, весь смысл того, что мы делаем – это убедиться, что наши решения попадут к правильному пользователю в нужный момент в правильном контексте. Конечно это длинный путь, сначала мы должны провести несколько итераций».
Гни свою линию
«Некоторые дизайнеры и разработчики утверждают, что программное обеспечение должно быть гибким и способным удовлетворять потребности всех клиентов. Так вот, Джимми, это чушь собачья. Есть поговорка, на эту тему:
Попытка угодить всем – это рецепт стресса, страдания, потерянных ресурсов и разочарования. Так что не бойтесь потерять людей, бойтесь потерять свое видение.
– Неизвестный
Замечательный и полезный цифровой продукт всегда должен иметь четкое представление о том, кому он служит. Кто настоящий клиент? Ты должен помнить об этом и разрабатывать решения исходя из их потребностей. У лучших цифровых продуктов есть видение», – закончила мысль Сара, остановившись возле окна и наклонившись, чтобы посмотреть на прохожих на улице. «А как насчет остальных клиентов?», – спросил Джимми. «Остальные будут ждать в очереди. И мы вернемся к ним, как только наши основные клиенты будут удовлетворены. Под основными, я подразумеваю людей, для которых мы создаем продукт. И помни, если им не нравится твое видение, не беспокойся. На рынке есть много альтернатив, которые сделают их счастливыми. Наша задача – найти наше собственное племя» – закончила мысль Сара с улыбкой.
Когда кто-то использует программное обеспечение, они не просто ищут возможности. Они ищут подход. Они ищут видение
— «Getting Real» от 37Signals
Система фидбека
«Следующий важный принцип – это обратная связь. Она подтверждает действия и показывает результаты, чтобы информировать людей.
- Интерактивные элементы следует кратковременно выделять при нажатии;
- Индикаторы прогресса сообщают о состоянии длительных операций;
- Анимация и звуковая помощь помогают уточнить результаты действий;
Видишь ли, Джимми, хотя весь цифровой мир настолько продвинут, мы все еще чувствуем потребность в человеческих взаимодействиях. Наше тело (глаза или тактильные сенсоры) должно чувствовать обратную связь, чтобы посылать в мозг сигналы, что все работает. Это означает, что наши проекты, как я упоминала в первом пункте, должны давать четкий фидбек о том, что происходит на экране. И пользователь не должен пытаться это понять. Поэтому, когда у тебя будет время, обязательно прочти книгу о том, как работает человеческий разум. Это только улучшит твои навыки», – сказала Сара и отхлебнув кофе, продолжила прогулку по офису.
Метафоры
«Метафоры – здесь я не имею в виду литературные метафоры, но нечто подобное», – уточнила Сара. «Как цифровой Шекспир?» – засмеялся Джимми. «Вроде того. Понимаешь, люди учатся быстрее, когда интерфейс и действия приложения являются метафорами знакомого опыта. Опыт может исходить из цифрового или реального мира.
Метафоры хорошо работают, потому что люди взаимодействуют с экраном. Они перемещают взгляд в сторону, чтобы посмотреть контент ниже. Они перетаскивают и свайпают контент. Люди переключают переключатели, перемещают ползунки и прокручивают значения выбора. Поэтому всегда старайся узнать, как твои основные клиенты ежедневно используют другие приложения. Это позволит создать аналогичный опыт и устранить любые проблемы», – пояснила Сара.
Контекст превыше согласованности
Позволь мне привести пример. Допустим, у нас есть календарь на главном экране. Как думаешь, это должна быть сетка или список? – спросила Сара. «Хм ... Мы должны придерживаться сетки. Она компактнее и структурированнее. Я прав? – ответил Джимми.
«Это зависит от цели пользователя. Тот же вопрос для страницы отчета. Должна ли это быть сетка или список? Это определяют цели. Нужна ли нам глобальная навигация на всех страницах? Опять же, это зависит от контекста. Вот почему контекст гораздо важнее последовательности. Это нормально быть непоследовательным, если имеет смысл использовать другую форму или стиль, когда они приносят больше ценности контексту. Лучше быть правым, чем последовательным», – сказала Сара.
Хороший дизайн является побочным продуктом надлежащей контекстной оценки, а не причудливым творением вне контекста, каким бы блестящим ни был его визуальный аспект. Блестящие дизайнерские решения всегда учитывали контекстуальное соображение
– Массимо Виньелли
Защитный дизайн
«Что ты имеешь в виду под защитой?», – поинтересовался Джимми. «Это то, что другие называют интуитивным дизайном», – ответила Сара. «О, я это знаю! Это то, о чем Стив Джобс много говорил!», – радостно воскликнул Джимми. «Да ... но знаешь ли ты, что значит интуитивный?», – спросила Сара. «Что-то, что предсказывает действия пользователя? Значит, это решает проблему, прежде чем она возникнет?», – с любопытством спросил Джимми.
«И да, и нет. Это не то, что предсказывает твои действия, защитный дизайн – это, когда все идет не так. И все идет не так все время. Независимо от того, насколько тщательно ты проектируешь, сколько исследований ты провел, у твоего продукта всегда должен быть запасной план. Защитный дизайн всегда находится в поиске того, какие проблемы могут возникнуть», – продолжала Сара.
Поверь мне, если опыт отрицательный для твоих пользователей, они вряд ли его забудут.
«Я не совсем понял ...» – начал Джимми с сомнением. «Возьмем, к примеру, безопасное вождение. Когда ты ведешь машину, ты всегда в ожидании какой-либо опасности: безрассудные водители, дети, переходящие улицу, и другие опасные сценарии. Поэтому мы, дизайнеры, всегда должны следить за тем, что можно исправить, чтобы мы не нарушили UX. Потому что хороший защитный дизайн может сломать или улучшить опыт клиентов», – пояснила Сара.
Не спеша вернувшись к столу Джимми Сара сказала: «Вот и всё. Ты что-нибудь записал? Джимми удивился: «Что и это всё? Разве их не должно быть больше?» Сара улыбнулась и ответила: «Их много. И у каждого человека или компании есть свои собственные принципы дизайна. Но тебе не нужно знать их все, чтобы создать что-то особенное. Нескольких принципов вполне достаточно для отличного начала. Если ты их используешь, ты уже лучше остальных. А другие принципы дизайна придут со временем и терпением. Теперь возвращайся к работе».
Заключение
Конечно, есть много принципов, которые мы должны использовать, но проблема в том, что многие из нас до сих пор не используют их. И это происходит главным образом потому, что мы уделяем приоритетное внимание задачам и целям, которые не важны для наших клиентов. Мы всегда должны стремиться найти правильный баланс, который работает для нашего продукта и пользователей.
Упоминавшиеся книги
- Getting Realот 37 Signals
- The Vignelli Canonот Массимо Виньели
Ставьте лайки и оставляйте комментарии
Перевод статьи Eugen Eşanu
Найстарші коментарі (0)