web-dev-qa-db-ja.com

ステップバイステップの説明で、2つのオプション間の選択をどのように示すべきですか?

コース管理プログラムにログインするためのステップバイステップの従業員ガイドを書いています。従業員がどこからログインしているかによって手順の1つが異なることを示す必要があります。

明確にするために、これはwrittenドキュメントであり、印刷されて従業員に配布されるため、デジタルウィザードまたは選択メニューはありませんオプションではありません。

この情報を表示するためのいくつかの異なるオプションを考え出しました。 2つのオプション間の選択を伝えるためにどちらを使用する必要がありますか?


両方のオプションを1つのステップとしてリストする

  1. 従業員のウェブサイトにアクセスします。
  2. 個人のコンピューターを使用している場合:[ボタンA]をクリックします
    共有コンピュータを使用している場合:[ボタンB]をクリックします

両方のオプションを2つのステップとしてリストする

  1. 従業員のウェブサイトにアクセスします。
  2. 個人のコンピューターを使用している場合:[ボタンA]をクリックします
  3. 共有コンピュータを使用している場合:[ボタンB]をクリックします

両方のオプションを箇条書きとしてリストする

  1. 従業員のウェブサイトにアクセスします。
  2. 次の2つの方法のいずれかでログインします。
    • 個人のコンピューターを使用している場合:[ボタンA]をクリックします
    • 共有コンピュータを使用している場合:[ボタンB]をクリックします
2
Stevoisiak

「コンピューターで、従業員のWebサイトにアクセスします。自分と使用しているコンピューターを最もよく表すボタンをクリックしてください。」

画面上で:

Shared v Own Computer

5
DarrylGodden

これをテキストで行う場合は、文法を十分に理解してください。テキストを修正する方法は次のとおりです。

  1. コース管理サイトにアクセスします: http://example.com
  2. 使用しているコンピュータのタイプに応じて、適切なオプションを選択してください:
    • 自分の仕事用コンピュータを使用している場合は、My Work Computerをクリックします。
    • 共有コンピュータを使用している場合は、共有コンピュータをクリックします。

ステップに番号を付けるときは、順番に番号を付けることが重要です。最初と3番目の例はそれを行います。 2番目の例はそうではありません。どのようにレイアウトしても、これは2ステップのプロセスであり、3ステップのプロセスではありません。

3
jamesnotjim

UXfrom12から上記のデザインを試すか、これらのオプションを試すことができます。以下に示すデザインでは、ボタンにアイコンを使用しました(表示するだけで、置き換えることができます)。

または

ラジオボタンのオプションがあります。

enter image description here

これで問題が解決することを願っています。

1
NB4