Лучший способ показать важные инструкции пользователю в веб-приложении? - PullRequest
2 голосов
/ 08 января 2009

Меня также интересуют более общие мысли, но вот моя конкретная проблема. В веб-приложении ASP.NET я подключаюсь к сторонней организации через API. Сторонний требует, чтобы пользователь вошел в систему и ответил на несколько вопросов конфигурации, чтобы настроить это. Все вопросы, кроме одного, пользователь может просто выбрать по умолчанию. На один вопрос, если пользователь выберет опцию по умолчанию, мое приложение не будет работать со сторонними. Это ограничение их API. Это в их списке, чтобы исправить, но кто знает, когда или если они действительно будут?

Так каков самый эффективный способ дать пользователю инструкции в моем приложении, которым они будут следовать, как только перейдут на этот другой сайт? Прямо сейчас у меня есть скриншот с опцией, обведенной красным, с последующим пояснительным текстом. Какие еще техники вы использовали в подобной ситуации?

Ответы [ 5 ]

3 голосов
/ 08 января 2009

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

Звездочки являются выбором по умолчанию для указания требуемого ввода.

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

Если это выходит за рамки одноразового запроса, вам следует ознакомиться с некоторыми хорошими книгами по графическому интерфейсу, такими как Не заставляйте меня думать: подход здравого смысла к удобству использования в сети и Разработка веб Юзабилити , обе основополагающие книги в полевых условиях.

2 голосов
/ 08 января 2009

Я думаю, вы движетесь в правильном направлении. Я бы позаботился о том, чтобы ваш иллюстративный скриншот был большим и на нем было легко увидеть соответствующие детали. Кроме того, был бы полезен некоторый выделенный (классический желтый фон ala 37 сигналов?) Текст, чтобы подчеркнуть важность НЕ выбора оскорбительной опции.

Кроме того, сделайте этот снимок экрана и выделенный текст инструкции, ОЧЕНЬ последнюю вещь, которую они видят перед тем, как вы отправите их или представите сторонний сайт. Может быть, сделать ссылку действия (кнопка, ссылка и т. Д.) В явном виде указанием своего подтверждения того, чего не следует делать.

Может быть, даже весело провести время с надписью, как ...

«Я понимаю, что выбор по умолчанию выше не будет работать.»

Просто несколько мыслей.

1 голос
/ 08 января 2009

К сожалению, ничто из того, что вы можете сделать, не позволит идиотам в любом случае выбрать неправильную вещь. По сути, вы не можете сделать его защищенным от идиота.

Это больше для GUI, но (в зависимости от того, насколько это важно) вы можете заставить пользователей набирать «Я выберу xyz» перед перенаправлением.

0 голосов
/ 08 января 2009

Я знаю, что вы хотите резюме, обобщения, но нет единого верного ответа на то, что вы спрашиваете. Я имею в виду, с каким контентом мы имеем дело? Содержимое разбито на несколько страниц (или должно быть)? Какие пользователи обычно используют форму?

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

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

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

0 голосов
/ 08 января 2009

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...