О чем следует помнить при проектировании баннеров
1. Размещение баннера
Баннеры прерывают работу пользователя, но их уровень прерывания должен соответствовать уровню важности. Вы должны разместить их там, где они будут заметны, не мешая пользователю. Кроме того, у пользователей должна быть возможность их отклонить.
2. Они должны выделяться
Вы можете экспериментировать с градиентами, цветами, полужирным шрифтом, визуальными эффектами: добавляйте изображения с помощью значков или соответствующих иллюстраций, чтобы они были интересными. Идея состоит в том, чтобы отделить паттерн от среды, в которой он размещен.
3. Проектируйте для масштабируемости
Представьте, сколькими способами он будет использоваться разработчиком. Используйте элементы, которые работают с разными пропорциями и размерами. Учитывайте все возможные крайние случаи.
Визуализация того, что будет дальше после нажатия на баннер, даже важнее, чем сам баннер.
4. Баннерная слепота
Если разместить баннеры один под другим или заполнить пространство слишком большим количеством баннеров, ни один из них не окажет желаемого воздействия. Дизайнер должен очень осторожно использовать эти элементы.
5. Злоупотребление
Если на целевой странице постоянно отображается один и тот же баннер, подумайте, нужно ли вам постоянно отображать эту информацию на странице. Попробуйте мыслить нестандартно. В прямом смысле!
Сохранение актуальности: информация, представленная не заинтересованным пользователям, часто воспринимается как шумная и ненужная – используйте данные персонализации для предоставления соответствующих баннеров.
#Banner #Design #UX
1. Размещение баннера
Баннеры прерывают работу пользователя, но их уровень прерывания должен соответствовать уровню важности. Вы должны разместить их там, где они будут заметны, не мешая пользователю. Кроме того, у пользователей должна быть возможность их отклонить.
2. Они должны выделяться
Вы можете экспериментировать с градиентами, цветами, полужирным шрифтом, визуальными эффектами: добавляйте изображения с помощью значков или соответствующих иллюстраций, чтобы они были интересными. Идея состоит в том, чтобы отделить паттерн от среды, в которой он размещен.
3. Проектируйте для масштабируемости
Представьте, сколькими способами он будет использоваться разработчиком. Используйте элементы, которые работают с разными пропорциями и размерами. Учитывайте все возможные крайние случаи.
Визуализация того, что будет дальше после нажатия на баннер, даже важнее, чем сам баннер.
4. Баннерная слепота
Если разместить баннеры один под другим или заполнить пространство слишком большим количеством баннеров, ни один из них не окажет желаемого воздействия. Дизайнер должен очень осторожно использовать эти элементы.
5. Злоупотребление
Если на целевой странице постоянно отображается один и тот же баннер, подумайте, нужно ли вам постоянно отображать эту информацию на странице. Попробуйте мыслить нестандартно. В прямом смысле!
Сохранение актуальности: информация, представленная не заинтересованным пользователям, часто воспринимается как шумная и ненужная – используйте данные персонализации для предоставления соответствующих баннеров.
#Banner #Design #UX