Главные и второстепенные действия в веб-формах

Luke Wroblewski, Etre, “Primary & Secondary Actions in Web Forms”, public translation into Russian from English More about this translation.

See also 22 similar translations

Translate into another language.

Participants

EugeneKudashev478 points
Fenrir298 points
tankist72256 points
And others...
Join Translated.by to translate! If you already have a Translated.by account, please sign in.
If you do not want to register an account, you can sign in with OpenID.
Pages: ← previous Ctrl next
1 2 3 4

Primary & Secondary Actions in Web Forms

Главные и второстепенные действия в веб-формах

History of edits (Latest: EugeneKudashev 3 years, 6 months ago) §

— может быть, вместо "основные и вторичные", напишем "главные и второстепенные"? так, мне кажется, более по-русски. EugeneKudashev

— Может "Основные" и "Второстепенные"? Fenrir

In recent months, I’ve been working on refining the design recommendations in my upcoming book, Web Form Design Best Practices, through actual usage data. To that end, I’ve had the pleasure of working with London-based usability firm Etre on several eye-tracking and usability studies focused on specific aspects of Web form design. One of these tests focused on the distinction between primary and secondary actions.

Последние месяцы я работал над уточнением рекомендаций по дизайну для моей будущей книги «Web Form Design Best Practices» по данным реального применения. С этой целью я имел удовольствие работать с лондонской юзабилити-компанией Etre в нескольких исследованиях юзабилити и слежения за взглядом пользователей, фокусировавшихся на характерных особенностях дизайна веб-форм. Один из этих тестов был посвящён распознаванию основных и вторичных действий.

History of edits (Latest: Fenrir 3 years, 6 months ago) §

Primary & Secondary Actions

Основные и вторичные действия

History of edits (Latest: Fenrir 3 years, 6 months ago) §

A typical Web form usually enables several “final” actions. Actions like “Submit”, “Save”, or “Continue” are intended to enable form completion –the primary goal of just about anyone who has started filling in a form. Because they enable the most important action on the form (completion), they are often referred to as primary actions.

Типичная веб-форма обычно предлагает несколько «конечных» действий. Действия вроде «Послать», «Сохранить» или «Продолжить» предназначены для возможности завершить заполнение формы — основная цель практически каждого, начавшего заполнение формы. Поскольку они запускают наиболее важное действие формы, их часто называют основными действиями.

History of edits (Latest: Fenrir 3 years, 6 months ago) §

Typical Web Form

Типичная веб-форма

History of edits (Latest: Fenrir 3 years, 6 months ago) §

Secondary actions, on the other hand, tend to be less utilized and most often allow people to retract the data they’ve entered. Options like “Cancel”, “Reset”, or “Go Back” represent secondary actions that are counter to most people’s primary goal of completing the form they started.

С другой стороны, есть тенденция меньше использовать вторичные действия и чаще всего позволять людям с помощью них отменить введённые данные. Такие варианты, как «Отмена», «Сброс» или «Назад», представляют собой вторичные действия, противоположные основной цели большинства людей — завершению начатой формы.

History of edits (Latest: ruguevara 3 years, 5 months ago) §

Because secondary actions can have negative consequences, especially when used unintentionally, I’ve often argued they should be absent from forms. Imagine filling in a long form online only to hit the “Reset” button and have all your data erased.

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

History of edits (Latest: Fenrir 3 years, 6 months ago) §

That said there are situations where secondary actions make sense (“Save for later”, “Export”, etc.). In these conditions, the best practice I’ve advocated has been to visually distinguish primary and secondary actions so people have an clear path illuminating their primary goal: completing a form.

Говорят, что в определённых ситуациях вторичные действия имеют смысл («Сохранить на потом», «Экспортировать» и т.д.). В таких случаях лучшее решение, на котором я настаивал, это визуальное разделение первичных и вторичных действий так, чтобы у людей был явный путь, разъясняющий их основную цель: заполнение формы.

History of edits (Latest: Fenrir 3 years, 6 months ago) §

Visual Distinctions

Визуальные различия

History of edits (Latest: kronos 3 years, 6 months ago) §

Reducing the visual prominence of secondary actions minimizes the risk for potential errors and further directs people toward a successful outcome. But what’s the best way to accomplish this distinction? How different should primary and secondary actions be and where should they be placed? To answers these questions, Etre and I ran a few tests.

Уменьшение визуального выделения второстепенных действий минимизирует угрозу возникновения потенциальных ошибок, направляя пользователя к успешному результату. Но как наилучшим образом достичь этого разграничения? Насколько сильно должны различаться основные и второстепенные действия, и где они должны быть расположены? Чтобы ответить на эти вопросы, Etre и я выполнили несколько тестов.

History of edits (Latest: Fenrir 3 years, 5 months ago) §
Pages: ← previous Ctrl next
1 2 3 4

© 1996-2006 LukeW Interface Designs unless otherwise indicated..