Хотя люди, возможно, не знакомы с Дитером Рамсом, скорее всего, каждый использовал продукт, на который он оказал сильное влияние.
Рамс, немецкий промышленный дизайнер, один из самых влиятельных дизайнеров 20 и 21 веков.
Его работа и философия дизайна «меньше, но лучше» помогли Braun, компании по производству потребительских товаров, создать продукты, которые изменили способ использования людьми бытовой техники, и сегодня его философия и принципы продолжают влиять на дизайнеров и крупные компании, такие как Apple..
Одним из самых влиятельных вкладов в мир дизайна является набор рекомендаций Рамса, известный как «10 принципов хорошего дизайна».
Эти принципы служат ориентиром для оценки того, насколько успешен дизайн. Хотя изначально они были созданы для индустрии промышленного дизайна, их можно легко использовать и применить в Интернете.
Принцип №1: Хороший дизайн – это новаторство
“Возможности для инноваций ни в коем случае не исчерпаны. Инновационный дизайн существует для обеспечения долгосрочных и надежных решений проблем, которые постоянно развиваются»
Первый принцип Дитера Рамса основан на том, к чему мы стремимся каждый день в веб-дизайне: инновациях.
Каждый день индустрия веб-дизайна растет и появляются новые тенденции. Принцип Рамса напоминает нам о необходимости подходить к каждому проекту с инновационным подходом; сохранять открытость к новым тенденциям и постоянно искать уникальные способы выделиться и повысить производительность.
Компании, которые интегрировали онлайн-чат на свои сайты, являются прекрасным примером.
Живой чат - одна из последних тенденций, покоривших индустрию. Более того, ожидается, что в следующем году он вырастет на 87%.
Хотя технология живого чата не является чем-то новым, компании только недавно начали активно внедрять ее на своих сайтах. Однако компании, которые рано заметили эту тенденцию и решили ее попробовать, теперь пожинают плоды (например, увеличение коэффициента конверсии на 40%), в то время как другие компании спешат наверстать упущенное.
Принцип №2: Хороший дизайн делает продукт полезным
“Товар покупается для того, чтобы его использовать. Он должен удовлетворять определенным критериям, не только функциональным, но также психологическим и эстетическим. Хороший дизайн подчеркивает полезность продукта, игнорируя при этом все, что может его отвлечь»
Как и физический продукт, страницы вашего веб-сайта должны обеспечивать пользователям приятный пользовательский опыт и решение их проблем.
Если посетители заходят на ваш сайт только для того, чтобы обнаружить, что он плохо загружается, контент неорганизован и вам трудно перемещаться по страницам; скорее всего, они уйдут и будут искать решение в другом месте.
Важнейшим первым шагом к обеспечению полезности вашего сайта является понимание пути покупателя вашего пользователя. Это гарантирует, что вы создаете опыт, который одновременно соответствует вашей личности и включает в себя что-то для каждого этапа пути.
После этого я предлагаю изучить некоторые из этих популярных тенденций дизайна, чтобы убедиться, что ваш контент организован и легко усваивается.
Например, если вы знаете, что ваши посетители любят быстро просматривать только заголовки статей, возможно, вы захотите перевести свой блог на карточный макет.
Это также просто хорошее руководство для веб-дизайнеров в целом. Да, мы хотим, чтобы наши сайты были красивыми, но они также должны работать над достижением целей, которые наши клиенты ставят перед собой. Если это не так, значит, это не по-настоящему функционально и полезно.
Принцип №3: Хороший дизайн эстетичен
“Эстетическое качество продукта является неотъемлемой частью его полезности, поскольку продукты, которые мы используем каждый день, влияют на нашу личность и наше благополучие. Но красивыми могут быть только хорошо выполненные объекты»
Когда вы слышите слово «эстетический», ваш разум, вероятно, обращается к реальному внешнему виду чего-либо.
Однако, когда Дитер Рамс говорит об «эстетическом качестве» продукта, он имеет в виду его визуальную гармонию. Идеальный баланс визуальных деталей и, как мы упоминали в последнем пункте, полезности.
Чрезмерное проектирование и слишком большое внимание к добавлению ненужных наворотов в ваш дизайн в конечном итоге приведет к загромождению страниц и отвлечению от общей цели.
С таким количеством различных инструментов и тенденций в сети легко переборщить.
Хорошая привычка (которую я лично использую) - проверять каждый элемент готового дизайна и спрашивать себя: «Как это способствует достижению общей цели страницы?»
Если вы не можете ответить на вопрос; удалите элемент и идите дальше. Помните: если это не служит цели, это беспорядок.
Принцип №4: Хороший дизайн делает продукт понятным
“Это проясняет структуру продукта. Более того, это может заставить о продукте говорить. В лучшем случае это говорит само за себя.»
Сьюзен Дрей, эксперт по юзабилити, лучше всего сформулировала этот принцип, сказав: «Если пользователь не может его использовать, он не работает». Просто и понятно.
Люди не должны быть не уверены в том, как работает какой-либо аспект вашего веб-сайта, или сталкиваться с какими-либо препятствиями, которые мешают им выполнить задачу.
Возьмем, к примеру, навигацию вашего сайта. Это не только первое, что увидит пользователь, попав на ваш сайт, но обычно это план дальнейшего пути покупателя.
При сегодняшней концентрации внимания размером с золотую рыбку, все, что нужно, - это один двусмысленный ярлык меню или запутанное раскрывающееся меню, чтобы сбить с толку этого пользователя.
Все на вашем сайте должно быть интуитивно понятным и естественным.
Как говорится
Принцип №5: Хороший дизайн ненавязчив
“Продукты, выполняющие определенную задачу, подобны инструментам. Они не являются ни декоративными предметами, ни произведениями искусства. Поэтому их дизайн должен быть одновременно нейтральным и сдержанным, чтобы оставить место для самовыражения пользователя»
Ненавязчивый веб-сайт основан на двух основных характеристиках.
Эстетика
Первое, что связано с идеей «эстетического качества», высказанной ранее.
Ваши страницы должны быть ориентированы не на дизайнера, а на пользователя. Вместо того, чтобы беспокоиться о декоративных аспектах страницы, сосредоточьтесь на создании опыта, который позволит людям полностью контролировать то, что они хотят делать на вашем сайте.
Это может включать в себя такие вещи, как экспериментирование с разными цветами, чтобы привлечь внимание пользователя к следующим шагам на странице, предоставление пользователям четко определенного навигационного меню и обеспечение хорошей трансляции вашего сайта на мобильные устройства.
Доступность
Вторая характеристика - это доступность. Выбирая, например, какие цветовые комбинации использовать, вам необходимо учитывать, как это может выглядеть для людей с ограниченными возможностями по зрению. Вы хотите, чтобы ваш сайт был прост в использовании для всех.
Принцип №6: Хороший дизайн – это честно
“Это не делает продукт более инновационным, мощным или ценным, чем он есть на самом деле. Он не пытается манипулировать потребителем обещаниями, которые невозможно выполнить»
В свете недавних событий, таких как скандал между Facebook и Cambridge Analytica и правила GDPR, честность и доверие в сети важны как никогда.
Сегодня существует множество веб-сайтов и компаний, которые обманом заставляют пользователей совершать нежелательные действия, такие как подписка на рассылку новостей, которую они никогда не хотели.
Вы обязаны предоставить пользователям такой опыт, который позволит им чувствовать себя комфортно, когда дело доходит до этого.
Принятие таких мер, как использование понятного и описательного языка в формах, внедрение SSL на вашем сайте и разъяснение назначения каждой кнопки или ссылки на странице, поможет вам завоевать доверие посетителей и предоставить им с безопасным просмотром.
Принцип №7: Хороший дизайн долговечен
“Он избегает моды и поэтому никогда не выглядит устаревшим. В отличие от модного дизайна, он служит долгие годы – даже в современном обществе одноразовых вещей»
Создание «вечнозеленого» сайта - невыполнимая задача, но есть шаги, которые вы можете предпринять, чтобы создать сайт с долговечной структурой, требующей лишь небольших итераций.
Один из самых важных шагов - опасаться внедрения слишком большого количества «модных» элементов дизайна.
Тенденции приходят и уходят, и как только они проходят, сайт может выглядеть устаревшим.
Вместо этого придерживайтесь основных принципов UX и создавайте опыт, соответствующий привычкам просмотра и бренду вашей личности.
Если вы дадите кому-то то, что он хочет и в чем он нуждается, у него не будет причин беспокоиться о том, что, возможно, ваш макет нисколько не изменился.
Возьмем, к примеру, Snapchat.
В феврале компания выпустила масштабный редизайн интерфейса, который изменил способ доступа пользователей к функциям, которые они используют ежедневно.
Компания сразу же получила отпор (даже была создана петиция с требованием отменить обновление), и пользователи начали переходить из Snapchat в другие приложения с функциями историй, такие как Instagram.
Многим пользователям это обновление показалось ненужным и добавило путаницы в пользовательский интерфейс. Snapchat уже имел прочную структуру, которая, по мнению многих, не требовала каких-либо серьезных обновлений.
Принцип №8: Хороший дизайн – это тщательность, вплоть до мельчайших деталей
“Ничто не должно быть произвольным или оставленным на волю случая. Тщательность и точность в процессе проектирования свидетельствуют об уважении к пользователю»
Рэмс всегда твердо верил, что успех дизайна кроется в деталях. Это означает, что каждый элемент страницы должен быть размещен и позиционирован по какой-то причине, ничего не должно создаваться или удаляться по прихоти.]
Вместо этого посмотрите на свои идеи с как можно большего количества точек зрения и решите, что лучше всего подходит для страницы и ее цели.
Я рекомендую пойти дальше и поэкспериментировать с пользовательским тестированием на вашем сайте, чтобы получить представление о том, как пользователи будут взаимодействовать со страницей.
Например, прежде чем недавно внести очень непопулярные изменения в свой пользовательский интерфейс, Snapchat мог бы спросить мнение влиятельных пользователей об этих изменениях.
Принцип №9: Хороший дизайн безопасен для окружающей среды
“Дизайн вносит важный вклад в сохранение окружающей среды. Это экономит ресурсы и сводит к минимуму физическое и визуальное загрязнение на протяжении всего жизненного цикла продукта»
Хотя веб-сайт точно не уменьшит выбросы углекислого газа, этот принцип может способствовать оптимизации производительности вашего сайта.
Вы можете уменьшить пропускную способность, необходимую для загрузки страницы, убедившись, что ваши изображения и базовый код правильно оптимизированы, а ваши скрипты минимизированы.
Если вы будете помнить об этих вещах, ваш сайт будет загружаться быстрее и будет более приятным для пользователей.
А чтобы сохранить экологичность, на мобильных устройствах батарея может разряжаться немного меньше.
Принцип №10: Хорошего дизайна нужно как можно меньше
«Меньше, но лучше – потому что концентрируется на самом важном, а продукция не обременена второстепенными вещами. Назад к чистоте, назад к простоте.»
Этот принцип обобщает идеалы и мантру Дитера Рамса; Основа всех его принципов: удалить все, что напрямую не способствует улучшению работы ваших пользователей.
Меньше беспорядка - и вы сможете достичь большего. Ваши пользователи смогут переваривать больше контента, загружать больше предложений и больше инвестировать в вашу компанию.
Если что-то НЕ ДОЛЖНО быть на вашем сайте, удалите это.
Последний вывод:
Если есть что-то, что следует вынести из этих принципов, так это помнить, что успешный дизайн - это дизайн, который делает пользователя и его потребности приоритетом. Следование этим принципам позволит вам контролировать впечатления, которые вы собираетесь предоставить посетителям вашего сайта.
По словам Дитера Рамса:
“Дизайнер - защитник пользователя внутри компании, мы должны создать что-то рациональное, но в то же время эмоциональное.”
При разработке всегда помните о своем пользователе или потенциальном клиенте. В конце концов, ваша цель при любом редизайне или создании веб-сайта - использовать дизайн, чтобы облегчить пользователю путь к ведению бизнеса с вами.