小さなボタンをビジーなレイアウトに配置する

Question

私は医療用電卓に取り組んでいますAndroidアプリです。デザインは下の画像のようにカードに基づいています。私の質問は、これらをボタンであることをユーザーに知らせるための最良のアプローチは何ですか？また、数字（3つの領域）を押して上書きすることもできますが、これらの数字を押すことができることをユーザーに知らせるにはどうすればよいですか？ありがとうございます。

enter image description here

Andreas Mehne · Accepted Answer

他の2つの答えに合わせて、このタイプのアプリケーションでは、厳密な概要/編集モード情報アーキテクチャを追求します。

概要レイヤーは、読みやすさと検索のしやすさを重視して、整然とした高レベルの薬剤の種類、送達モード、および投薬情報を提供する必要があります。すでに行っているように、これをカードのデッキとして提示します。一部の人々は、15〜20の項目リストを簡単に作成できる複雑な薬物療法を行っています。ちなみに申し訳ありませんが、これはアプリケーションの全体的な目的であると推測しています。回答者の推測を最小限に抑えるためにユーザーワークフロー情報を追加すると役立つ場合があります。

繰り返しパターンのあるマテリアル推奨のカードデザインのいずれかに固執する場合は、概要モードのUI詳細を最適化して、情報の受動的な消費を促進できます。つまり、上記の編集を読んでください。

人間工学的に実現可能な編集をユーザーに提供するには、概要から編集モードに一度に1つの薬物を簡単に切り替えるようにします。これを行うためのアフォーダンスは、単一の編集ボタンまたは繰り返しの場所にあるターゲットをタップすることができます。これにより、各カードに必要なインタラクティブ要素は1つだけになり、間隔の問題が解決します。画面全体にカードをズームするような種類のマイクロアニメーションを作成できれば、ダブルタップして編集するタイプのインタラクションをカード全体にマッピングすることもできます。コミットする前に必ずユーザーがテストする必要があるもの。

編集モードでは、画面全体を利用できます。これにより、次のような対話パターンが実現します...

タップして上書き、
スライダーまたはスクラバー
数字スピナー（床と天井付き）

...人間工学的に実現可能です。

マテリアルには、これらすべてのUIパターン要素があります。

単純なsave行動を促すフレーズを使用すると、アプリは行われたすべての変更を消費し、高度に学習可能なパターンである概要モードに戻ります。スペースレイアウトの問題を処理することに加えて、このやや区分化された対話モードも安全です。これは一見したところ医療/製薬アプリケーションなので、何よりもユーザーエラーの可能性を最小限に抑える必要があります。最後に発生したいのは、誰かが誤って過剰摂取したことであり、法的および道徳的な結果をもたらす可能性があります。そのことを念頭に置いて、ユーザーとデザインを徹底的にテストしてください。年齢や糖尿病などの状態に伴い、一部の患者コホートでは視力や手と目の協調の問題が生じることを考慮してください。

スペースの問題が少ないデスクトップアプリケーションの場合と同様に、ユーザーがその場で情報を編集するのは魅力的です。ただし、スペースの競合（高い情報密度と人間工学的に実現可能な相互作用パターンの間）は、モバイルアプリに固有の課題です。そのため、ナビゲーションの深さを操作することをお勧めします。がんばって！