В чем разница между Modal, Popup, Popover и Lightbox?

Я видел много терминов, используемых для описания ящиков сообщений, которые уведомляют и предупреждают пользователей или отображают информацию, такую ​​как модальные, всплывающие, popover и лайтбокс.

В чем разница между этими компонентами?

Когда и для какого типа текста следует использовать каждый из этих компонентов?

65 голосов | спросил Tot Zam 15 FebruaryEurope/MoscowbMon, 15 Feb 2016 03:57:39 +0300000000amMon, 15 Feb 2016 03:57:39 +030016 2016, 03:57:39

2 ответа


73

Все эти компоненты пользовательского интерфейса представляют собой контейнеры /окна, которые отображаются поверх содержимого, с которым вы в настоящее время просматриваете /взаимодействуете. Различные имена основаны на том внимании, которое они заслуживают, в контексте, в котором вы находитесь, и о том, как вы можете взаимодействовать с ними.

Предупреждение . Эти сообщения требуют немедленного внимания. Окно /контейнер обычно заблокирован, что означает, что вы не можете отменить это поле или продолжить то, что хотите, пока вы явно не подтвердите содержимое, что обычно делается путем нажатия кнопки внутри контейнера. Кнопки в этом окне обычно «ОК» или «Отмена». (Если вы показываете много из них, это, как правило, провал дизайна, потому что ожидания вашего пользователя не соответствуют ожиданиям пользовательского интерфейса.)

введите изображение здесь »> </a> </p>

<p> <strong> Модаль /Диалог </strong>. Это для выполнения работы. (Пример: кнопка «Пригласить друзей» откроет такой контейнер с друзьями списка, которые вы можете пригласить). Это позволяет вам делать больше работы, не отображая всю информацию на главном экране. Эти сообщения не заблокированы, и вы можете щелкнуть в любом месте, чтобы закрыть контейнер. <br> <a href= введите описание изображения здесь>> </a> </p>

<p> <strong> Всплывающее окно </strong>. Вам не нужно сразу обращаться к этим сообщениям, но в какой-то момент вам нужно будет принять меры, поскольку они не исчезнут, пока явно не скажут, что вы не больше не нуждайтесь в них. <br> <a href= введите описание изображения здесь>> </a> </p>

<p> <strong> Уведомление об уведомлении в формате Flash /Growl </strong>. Эти уведомления имеют время, связанное с ними. Вы можете сразу решить их, или если вы ничего не сделаете, через некоторое время они уволят себя. <br> <a href =  введите описание изображения здесь>> </a> </p>

<p> <strong> Лайтбокс /Театры </strong>. Они используются для увеличения и приближения одной части экрана. Эти контейнеры чаще всего используются для просмотра изображений. Обычно вы можете перемещаться по схожим контентом (следующая фотография в галерее), не отпуская и нажимая на другое эскиз. Они могут быть заблокированы или нет. В зависимости от того, хотите ли вы, чтобы люди вернули контекст, в котором они находились, или для продолжения в новом потоке контекста. <br> <a href=введите описание изображения здесь>> </a> </p>

<p> <strong> Popover /Tooltip /Hovercard </strong>. Это пассивные подходы к отображению дополнительной информации. Они используются для добавления простых инструкций или объяснений или предвидящих, что произойдет, если вы нажмете ссылку. <br> <a href= введите описание изображения здесь>> </a>
<a href=введите описание изображения здесь «> </a> <br> <br> </p>

<p> Источник: <a href= https: //www.quora .com /Что-разностной-между-а-модальной-а-пирог-и-всплывающего окна

ответил Tot Zam 15 FebruaryEurope/MoscowbMon, 15 Feb 2016 03:57:39 +0300000000amMon, 15 Feb 2016 03:57:39 +030016 2016, 03:57:39
0

Popovers - это расширение всплывающих подсказок , которые содержат больше контента, кроме простого текста. Они часто имеют заголовок и могут включать изображения и т. Д.

Всплывающая подсказка - это просто текст.

ответил doublejosh 22 +03002017-10-22T02:47:42+03:00312017bEurope/MoscowSun, 22 Oct 2017 02:47:42 +0300 2017, 02:47:42

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132