Каковы некоторые рекомендации для отображения информации пользователю в веб-браузере?

Question

Каковы некоторые рекомендации по отображению информации для пользователя в веб-браузере?

Я пытаюсь определить некоторые рекомендации и рекомендации по отображению информации для пользователя.

Точным регистром является кнопка подтверждения: после ее нажатия и подтверждения темы кнопка отключается (чтобы пользователи не могли нажать ее снова). Чтобы иметь возможность нажать эту кнопку подтверждения, необходимо выполнить некоторые предварительные условия. Если предварительные условия не выполнены, должны быть указаны причины, по которым кнопка подтверждения отключена.

В настоящее время эта информация отображается в виде всплывающей подсказки на кнопке. Это типичный способ отображения такой информации?

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

• один сигнал: «все в порядке»
• другой сигнал: «что-то не так, но вам нужно навести меня, чтобы узнать, что не так».

Это недостаток дизайна в графическом интерфейсе? Или эта информация лучше всего отображается по-другому (например, в строке состояния, если это были WinForms?) В качестве альтернативы, значок может отображаться выше / ниже или рядом с кнопкой, которая сигнализирует о наличии информации.

Я не совсем уверен, что лучшие практики по этому вопросу в мире Интернета.

Answer 1

Что касается подсказок по пользовательскому интерфейсу, вы можете найти несколько хороших идей, связанных с проверкой формы .

Например, вы можете явно отобразить список тех предварительных требований с символом (красный *) перед каждым из них, указав, что они обязательны.

Если кнопка отключена, и перед всеми необходимыми данными больше нет (*) перед ними, а имеется зеленая галочка, которая может помочь закрепить сообщение, эта кнопка не является окончательно неактивной.

Answer 2

Отобразите сообщение в div, выделенном другим цветом, и поместите его над кнопкой.

Как только ваши предпосылки будут выполнены, скройте раздел.

Answer 3

Сначала я бы показал информацию, отличную от подсказки, так как это довольно важная информация. Кроме того, для кнопки у меня было бы две разные подсказки интерфейса. Очевидно, что кнопка должна быть отключена, пока она не будет готова к нажатию. Затем, когда нажата кнопка, у вас может появиться какое-то изображение или что-то еще, с кнопкой теперь нет, указывающей, что запрос был отправлен, и т. Д.