質問: タッチ/モバイルwebおよびネイティブアプリでのuiボタンのラベル付け 懸念事項は、タッチアプリケーション(ネイティブとweb spaの両方)での私自身のエンドユーザーエクスペリエンスに基づいています。スリムでクリーンなuiでも同じ問題が発生する可能性があります。学習曲線はデスクトップより緩やかです。ホバーするマウスがないので、それは常に試行錯誤です。希望的な考えにもかかわらず、グラフィックui要素は期待に応えません-いいえアイコンがどれほど優れているかは関係ありませんが、それだけでは十分ではありません。正直に言うと、派手なフォントフェイスの、レイジーボトムのフラットアイコンは、物事を説明するのがあまり得意ではありません。この問題は主に、ラベル用の余分なスペースがない小さなタッチスクリーンに影響します。しかし、大画面であっても、すべてにi18zedラベルを説明する余裕はありません。タッチスクリーンuiのuxを改善する2つの可能性を検討しています。長押し(すべて)/強制タッチ(ios) これは、ui要素を明確にするためにユーザーとして最初に試みていることです。これは、望ましくないアクションを実行しない可能性のある立派な携帯所有者が利用できる唯一のことだからです。実際には、この振る舞いはveryは(少なくとも3dタッチを実行しないデバイスでは)十分にサポートされておらず、カウンターと見なすことができます。 -直感的。ヘルプモードスイッチ 大きな赤い「wth ?!」で「ヘルプ」モードがトリガーされたときボタンを押すと、特に大きなアプリでは、エントリの障壁が大幅に低くなります(私の経験では、ウェルカムツアーよりもはるかに優れています)。主な問題は、バーに余分なスペースがないことです。ボタンをオーバーフローメニュー(android)に移動すると、アクセシビリティが損なわれ、「ヘルプ」モードスイッチを設定に移動すると、実質的に役に立たなくなります。別の問題はレイアウトです。モード用に別のものを維持することは、困難な場合があります。説明が、ベルを鳴らすのに十分具体的であることを願っています。ux/uiガイドラインはこの問題をどのようにカバーしていますか?言及された概念の高い評価を受けているwebまたはアプリの実装はありますか?他の解決策はありますか?3d touchは、登場以来、このコンテキストでuxの傾向とユーザーの習慣に影響を与えましたか?いくつかの例題も役立つかもしれません(技術的な側面では、これを一般的なweb uiでどのように処理できるかに特に興味があります-ionic&material実装、bootstrapプラグイン)。
回答: アイコンの使いやすさについては、aurora bedfordの非常に優れた読み物があります。 https://www.nngroup.com/articles/icon-usability/ 「アイコンにはテキストラベルが必要」と主張するセクションがあります。 ほとんどすべてのアイコンが直面するあいまいさを克服するには、特定のコンテキストでの意味を明確にするために、アイコンの横にテキストラベルを表示する必要があります。 (また、標準のアイコンを使用している場合でも、特にアイコンをわずかに変更して美的な好みや制約に合わせる場合は、ラベルを含める方が安全です。) 一部のシステムアイコンや普遍的に使用されるアイコンは、ハンバーガーメニューアイコンなど、テキストラベルなしで自分自身を表現できることは事実ですが、そのようなアイコンはまれです-特に混乱を避けるために、特に最初にそれらにテキストラベルを付けることは合理的です時間ユーザー。そして、私は本当にテキストラベルを常にオンにすべきだと思います-申し訳ありませんが、提案されたアプローチの両方がうまく機能しない可能性があります:ユーザーはアイコン/ボタンを長押しできることを知らないかもしれませんし、当然2つのモードがあることも知らないでしょう。最後に、テキストラベルに対応することはそれほど難しくありません。 facebookや他のアプリは、比較的小さな領域でも、アイコン付きのテキストラベルを表示しても問題ないことを示しています。