Может ли кто-нибудь дать совет о взаимосвязи между дизайном и бизнес-целями?

Очевидно, что все зависит от этих бизнес-целей... но есть несколько принципов разработки одностраничных сайтов с призывом к действию , которые довольно универсальны и подтверждены доказательствами.

Поскольку у них есть четкая цель, эти типы сайтов сравнительно легко тестировать, особенно с помощью итеративного A/B-тестирования . (половина пользователей видит один дизайн, половина видит небольшой вариант, смотрите, как две группы ведут себя в аналитике , и узнайте, что работает. Затем сделайте новую пару слегка улучшенных дизайнов на основе того, что вы узнали, снова протестируйте, снова улучшите ...).

Итак, первый шаг касается подхода. Всегда полезно создать дизайн, а затем создать цикл обратной связи, где он может развиваться на основе реального тестирования, но обычно это серьезная логистическая проблема и сравнительно субъективная: с одностраничным сайтом, сфокусированным на четкой цели, это важно и намного проще. и чище.

Вы создаете что-то, что будет развиваться и сужаться к цели (а не создавать что-то, а затем сидеть сложа руки, внося поправки, если это необходимо).

Второй шаг — уяснить, что другие узнали в результате такого тестирования, особенно в вашем конкретном секторе . Ищите отраслевые торговые журналы наряду с источниками по дизайну и удобству использования.

Тем не менее, некоторые вещи довольно универсальны. Я забыл точные ссылки, но вот несколько общих указаний для начала.

Ключевой принцип: все дело в том, чтобы подвести читателя за руку прямо к вашему призыву к действию, чтобы, когда он туда доберется, он был максимально заинтересован и увлечен, уравновешенный; требующие как можно меньше затрат времени и активных усилий:

• Имейте очень четкий, линейный путь . Любая двусмысленность в отношении того, где искать в первую очередь и где искать дальше в кампании, ведет к потере людей. Не пытайтесь быть слишком умным.
• Избегайте всего, что сбивает с толку или создает неопределенность. Это включает в себя шумные или сложные конструктивные особенности. Имейте очень четкий, последовательный стиль, который устанавливает очень ясную, простую, сильную тему, которая просто имеет смысл. Подумайте: «А нужно ли мне это?» обо всем , даже больше, чем обычно.
• Имейте один четкий основной призыв к действию (см. ниже, если вам действительно нужны альтернативные варианты):
  • Подведите к этому читателя, представляя его в той точке баланса, в которой они наиболее заинтересованы и с наибольшей вероятностью пойдут на это...
  • ... но также и там, где их время не было слишком большим, что могло бы заставить их уйти. Таким образом, все, что вы предлагаете между верхней частью страницы и призывом к действию , определенно должно того стоить и не должно создавать путаницу или двусмысленность. Имейте множество идей для убедительных интригующих зацепок, сообщений, презентаций... и безжалостно отбрасывайте не менее 95% из них.
  • Сделайте его максимально четким, недвусмысленным и привлекательным. Даже если вы привели читателя прямо к нему, все же возможно, что он пропустит его (особенно если он выглядит как реклама) или не поймет, что это то, с чем ему нужно взаимодействовать.

Подробнее о кнопке призыва к действию (поскольку это самое главное). tldr: Много пробелов, большой, заметный, логично расположенный.

Подробнее об одностраничном дизайне . tldr: основывайте весь свой контент на линейном потоке, и если вам действительно нужен дополнительный контент, подумайте о закрывающихся всплывающих окнах и ненавязчивой тонкой панели навигации сбоку.

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

Например, на страницах призыва к действию по сбору средств на благотворительность они часто приводят читателя к массивной кнопке, которая запускает форму прямого дебета с ежемесячной оплатой (лучшая форма благотворительного дохода - вы можете использовать ее для планирования заранее) - затем, после этого, гораздо меньше, чем большое блестящее заманчивое "Да! Давайте сделаем это!" кнопка, будут такие варианты, как разовые пожертвования, подарки в завещаниях, спонсирование мероприятий и т. д.

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

Добро пожаловать в GD, но что касается вашего вопроса, он очень открытый, и на него действительно нельзя ответить с точным решением.

Я разрабатываю одностраничный сайт. Мне нужно вернуться к основам и узнать, как воплотить бизнес-цели в дизайн домашней страницы.

Изучите процесс веб-дизайна

Может ли кто-нибудь предложить какие-либо учебные пособия, где я могу начать реализовывать достижение бизнес-целей с помощью дизайна. Например, ресурсы по призыву к действию в дизайне веб-сайта/приложения (это будет адаптивный дизайн).

Мой совет — ищите одностраничный дизайн, такой как этот . Я также хотел бы изучить картографирование сайта, каркас и реализацию . Генератор Sitemap здесь . Я надеюсь, что это поможет вам начать работу. Если я не понял, что вам нужно, отредактируйте свой вопрос.