web-dev-qa-db-ja.com

テキストの取り消し線は、非アクティブ化するためのリスト内のアイテムの適切なインジケーターですか

ヘルスケア製品では、非アクティブ化されたリストアイテムをどのように表示しますか。以下の2つのオプションを指定しました。最初のオプションは取り消し線オプションです。これは、以前の製品と灰色のラベルで背景を陰影付けした新しいデザインにすでにあります。

オプション1-取り消し線オプション

strike through option

オプション2-背景を灰色のラベルでシェーディング

shading the background with gray label

取り消し線のオプションはお勧めできないことは承知していますが、古いバージョンの場合と同じように実行するように求められました。経営陣の考え方をオプション1からオプション2に納得させるのは少し難しいと感じています。

したがって、私は誰かが私に彼らを説得するためにそれらを持ち帰ることができるより意味のある応答、提案、解決策を手助けしてほしいと思っています。

調光の引数

あなたの側の主な議論は、取り消し線というよりも減光が1980年代以来無効化された事実上普遍的な標準であるということです。私が考えることができる誰もこれまで取り消し線を使用したことがありません。 Microsoft、Apple、Gnomeのガイドライン(Microsoftの WPのWindows 10 UXガイドライン など)を参照して、主張を裏付けることができます。 Webおよびモバイルアプリもこの標準に従います。おそらく、あなたの ユーザーはほとんどの時間を他の誰かのアプリに費やしている なので、独自のものを作るのではなく、その標準に準拠することは理にかなっています。

これの影響は、ユーザーがこの標準にすでに慣れている可能性が高いため、それを解釈する方法を知っていることです。現在のユーザーが取り消し線の慣れに慣れていることは事実かもしれませんが、おそらくユーザーは調光標準も知っているので、切り替えるのは難しくありません。簡単な廊下のユーザビリティテストは、調光に切り替えるためにレガシーユーザーに費用がかからないことを上司に示すためのデータを提供する必要があります。一方、製品の新しいユーザーは、馴染みのない取り消し線の慣習を覚えて覚える必要がないので、彼らにとって間違いなくメリットがあります。ユーザーの離職率はどうですか?

取り消し線のもう1つの欠点は、アクティブ化されたアイテムを犠牲にして非アクティブ化されたアイテムに目を引く傾向があることです。取り消し線があるため、非アクティブ化されたアイテムにはより多くの「インク」が含まれるため、アクティブ化されたアイテムよりも バックグラウンドと対照的に になります。一般に、反対の効果が必要です。アクティブ化されたアイテムに、非アクティブ化されたアイテムよりも多くの注目を集めたいです。

最後に、取り消し線を使用すると、リストアイテムが淡色表示よりも読みにくくなり、非アクティブ化されたアイテムを読み取る必要がある場合があります。ただし、その効果は正確なグラフィックデザインによって異なります。あなたの例では、淡色表示と取り消し線表示のアイテムは、私にとっては同じくらい読みにくいように見えます。

取り消し線の引数

上記の暗黙的なものは、取り消し線が実際に優先される場合があるいくつかの例外です。

  • 慣例により淡色表示は、ユーザーが近いうちにコントロールを再アクティブ化するために何かを実行できることを意味します(たとえば、他のコントロールの一部の設定を変更するか、しばらく待つだけです)。これが当てはまらない場合は、おそらく取り消し線が推奨されます。そうしないと、ユーザーがアプリを無茶苦茶に再起動しようとする可能性があります。

  • 場合によっては、ユーザーが非アクティブ化されたアイテムに参加することをする必要があります。アイテムを非アクティブ化するということは、患者を特定の薬から離脱させることを意味する場合は、取り消し線を使用する必要があります。暗くすると、ユーザーの目は非アクティブ化されたアイテムをすぐにスキップする傾向があります。

  • 標準や一般的な規則に準拠することが重要ですが、多くの場合、地域の規則に準拠することがより重要です。アプリの他の部分、またはユーザーがアプリで使用する他のアプリまたはアーティファクト(印刷されたレポートなど)に取り消し線が使用されている場合は、おそらくそれも必要です。 不整合の影響の強さはその近接性に比例します

リストが検索/クエリ/フィルタリングの結果である場合は、淡色表示や取り消し線が不要な場合があります。基準を満たしていないすべてのアイテムを単に非表示にしたい場合があります。これにより、気が散ることがなくなり(スクロールすることもある)、ユーザーは重要なアイテムをよりすばやく確認できます。

実用的な妥協

上司がレガシーバージョンとの一貫性を強く求めている場合は、非アクティブ化の表現をユーザーごとに設定できるオプションにすることを提案できます。アプリの既存のインストールでは、デフォルトで取り消し線を使用できるため、レガシーユーザーはこれに慣れています(そして、ユーザーがそもそも好きでなかった場合は変更できます)。ただし、すべての新規インストール(おそらく新規ユーザー向け)はデフォルトで淡色表示になります。これにより、ユーザーの離職に伴い、取り消し線が自然に段階的になくなります。

3

このソリューションのコンテキストは医療用であるため。取り消し線の方法は非常に怒り、否定的であることを伝えます。医療プロジェクトの声の調子は、一般的にやや人間的で友好的である必要があることを考慮してください。

この記事では、医療セクターのブランディング/デザインの根拠について説明します。

https://medium.com/@zocdoc/how-good-messaging-can-foster-kindness-and-trust-in-healthcare-6e997a41e4d1#.pl8ynluvn

1
David Sheridan

次の理由により、淡色表示のオプションが推奨されます。

  1. 無効または一時的に利用できないオプションの淡色表示は、標準のUI規則です(たとえば、無効なHTMLフォーム要素のデフォルトの外観です)。取り消し線付きテキストは、最近削除された情報、または(印刷コンテキストでは)エラーの削除のために予約されていますテキスト。

  2. 淡色表示のアイテムとプレーンテキストのオプションを視覚的に区別する方がはるかに簡単です。利害関係者に画面から少し腰を下ろし、目を細めてサンプルを見てもらいます。最初のテーブルは取り消し線を使用して、似たようなテキストの塊に変わります。どの選択肢があり、どの選択肢がないかを一目で確認するのは簡単ではありません。ただし、2番目の表では、使用可能なオプションが3つしかないことがすぐにわかります。残りは文字通り背景にフェードインします。

(その2番目の点で、暗い灰色の背景を淡色表示されたアイテムから削除し、テキストの色のみを暗くすることをお勧めします-暗い背景は、それらのアイテムを目立たせる傾向があります。コントラスト、したがって読みやすさ。)

設計の変更を恐れている管理チームに直面している場合は、両方を実行することの「妥協」を提案することができます:dim and無効なオプションを取り消します。これは多少冗長になりますが、上記のいずれの点にも大きな影響を与えることはなく、管理者(および、同じ考え方を持つすべてのユーザー)に以前の設計の継続性を与える可能性があります。

0
Daniel Beck