スワイプと矢印のタップが異なる動作を示す方法
ダッシュボードのこの上のセルに2つのアクションがあることをより明確にするにはどうすればよいですか？
最初のオプションは、矢印をタップすることです。これは、アプリのさまざまな「注目のワークアウト」をシャッフルします。ユーザーがセルをスワイプすると、セルが新しいカテゴリに変更されます。
このセルで実行できるアクションには2つのタイプがあることをユーザーに知らせるために、どの設計要素を追加しますか？
確かに、直感的ではないユーザーインターフェイスで優れたユーザーエクスペリエンスを実現できますが、これには、私にとって非常に面白い矢印の音を使用するためのトレーニング、学習プロセス、およびチュートリアルが必要です。
カテゴリへのリンクがあります。タイトルだけの場合は、リンクのテキストを変更します。
矢のケップは明らかなアクションのみ。
私の意見では、これらの矢印は、その機能を維持したい場合は、ひどく間違っているだけです。 UXでは、そのようなことをしたい場合は、次のいずれかを実行できます。
ほとんどのアプリと同様に、スワイプ領域を制限して、カテゴリを上のメニューに変更します
[考えてみると、ユーザーエクスペリエンスの観点からすると、RowingWODのような新しいカテゴリのスワイプ領域を直感的に使用することはできません。]
または
矢印を箇条書きのナビゲーションに合わせて配置します。
矢印とスワイプが異なることを示すための受け入れられる方法はありません-それらは異なることをするべきではありません。
あなたは2つの独立した属性を持っています-カテゴリーと注目のトレーニング。それらを個別に表示し、個別に操作できるようにする必要があります。
1つはカテゴリを表示するために、もう1つは注目のトレーニングを表示するためにその下にある、2つのわずかに異なるシェーディングバンドを使用することをお勧めします。どちらもスワイプと矢印で選択を変更できます-明確なラベルと、タップ/スワイプのヒット領域のサイズを十分に考慮して。カテゴリを変更すると、注目のワークアウトも変更されますが、注目のワークアウトを変更すると、そのカテゴリの注目のワークアウトを通過し、ループしてリストの先頭に戻ります。
これを行う別のユニークな方法もあります。このセクションの高さを少し上げてから、特定のカテゴリオプションの垂直スワイプに合わせることができます。水平スワイプは通常どおりに機能し、左または右のカテゴリに切り替えます。試してみてください。
常に明白であることを解決することはありません。 。 。
ユーザーはおそらくいつかその構造を理解するでしょう。これは、「...受信」および「共有先...」のカテゴリが切り取られていることを意味します。これは、画面の側面にさらに多くがあることを意味し、通常、人々はスクロール/スワイプします。また、「注目のワークアウト」が強調表示され、矢印を押した後も強調表示されたままになるため、同じカテゴリ内で移動していることがわかります。また、「Master the Machine」の下にある小さな円は、方向付けに役立ちます（ユーザーがアプリ内のどこにいるかを理解します）。したがって、私が変更する可能性がある（必ずしも必要ではない）唯一のことは、矢印を中央のアイテムに近づけ、他の2つのカテゴリの名前のすぐ下に移動しないことです。これにより、ユーザーが混乱することはありません。しかし、すべてのアプリには学習曲線があり、これはそれほど問題に見えません。
私が通常探しているのは、中央のタイトルが他の2つのヘッダーよりも大きいフォントであるということです。他の2つのヘッダーを少し内側に持ってくると、ユーザーは一目でそれらがUIの意味で関連していることを簡単に確認できます。
スワイプと矢印の混乱を避けるために、矢印を[••••]ページインジケーターのいずれかの側に移動します。これにより、矢印はヘッダーではなくスイッチャーを操作するためのものであることをユーザーに簡単に知らせることができます。
その時点で、トップメニューがスワイプを使用して移動できることが半直感的になります。