ユーザーが選択の概要情報を表示するために、一度に2つのオプションのみを選択できるメカニズムを考案しています。
現時点では次のようになっています(機密保持のため、実際のコンテンツは開示できません)。
したがって、デフォルトでは、最初の2つの「アイテム」が選択されています。残りの項目のチェックボックスは無効になっています(ただし、これは私が使用したAxureウィジェットでは視覚的に明確ではありません)。別のアイテムを選択するには、ユーザーは最初に2つのアイテムの1つを選択解除する必要があります。選択したアイテムの概要情報は、カードの選択メカニズムの下に表示されます(つまり、画像では、アイテム1とアイテム2)。ユーザーは、[開く]をクリックしてアイテムにドリルダウンできます。その後、別の画面でアイテムを構成でき、この画面に戻った後、アイテムは「構成済み」として表示されます。構成は、カードと選択メカニズム(構成されていない場合は灰色、構成されている場合は緑色)上の小さな点とラベルで示されます。
私の問題は、5つを超えるアイテムがある場合(ほとんどの場合9-10)、水平スペースが不足します。現時点では、ドロップダウンメニューを使用して他のアイテムを表示しています。ただし、これは理想的ではありません。ドロップダウンメニューで項目の1つを選択すると、その項目が選択されていることがわかりません。以下のように。たとえば、アイテム6を選択してメニューを閉じると、その選択は非表示になります。また、ユーザーが別のアイテムを選択する前に、アイテムの選択を解除する必要があるという事実もあまり好きではありません。
これを改善する方法に関する提案はありますか?
どうもありがとう
幅が広い必要がありますか、それとも1列だけですか?それが次のようなものだったら役に立ちますか:
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
または、ドロップダウンにすべてのアイテムを含めることができますか?