web-dev-qa-db-ja.com

モバイル向けに設計する場合、テキストリンクよりもボタンを優先しますか?

モバイル向けに設計する場合、可能な場合はテキストリンクよりもボタンを優先する必要がありますか?

テキストリンクが静的コンテンツにますます関連付けられるようになるのに対して、ボタンはタップを促進するのに優れていると思いますか?

1
Mark Boulder

フィットの法則 から、ボタンはテキストリンクよりも優れています。ボタンはリンクよりも大きいため、ユーザーは短時間でクリックします。また、指先が広い領域を使用するため、タッチスクリーン上の小さな領域を選択することが難しいため、システムはユーザーがタッチしたい領域を識別できます。


私の答えから、ボタンはテキストリンクよりも大きいと想定しました。ただし、テキストリンクがボタンと同じ大きさの場合、テキストリンクとボタンは似ています。エラーを指摘してくれたMohitに感謝します。

4
Lookchin

私にはこれに関する理論的な背景はありませんが、過去3〜4年のモバイルアプリ設計の経験から、

  • フォームについて

「中央」に配置されたボタンを使用して、ページのメインアクションをユーザーに示します。ボタンの背景色は、ページの他の配色と比較してコントラストが必要です。

  • リストアイテムの場合

リストアイテムの右端にシェブロンアイコンイメージを配置して、これにアクションがあることを示します。

  • タブアイテムの場合

タブ項目の数が2〜3の場合、テキストボタンを使用します。そうでなければ、私はアイコンベースのボタンで行きます

  • インラインテキストリンク(ウィキペディアリンクなど)

テキストの色は下線付きの青色(リンクを示す)になります。

2
ripu1581

リンクとボタンの違いはしばらくぼやけてきました。多くのナビゲーションアイテムは技術的にはリンクですが、ボタンのように見えます。

タッチスクリーンのボタン(またはボタンのようなリンク)の場合あるリンクよりも押しやすく、これにより、一般的にアクセスされるクリッカブルをボタンまたはボタンのようにすることができます。

1
obelia

ボタンだけでなく、適切なヒット領域を持つボタンは、タッチの側面が関係するため、モバイル向けに設計する必要があります。 すべての主要なモバイルプラットフォームに定義されているユーザーインターフェイスガイドラインは、常にこの目的に役立ちます。

問題の核心に来て、テキストは「ボタン」として使用できます。

  • 読みやすく、
  • 他のテキストボタンとは異なり、
  • 適切なタッチ対応ヒット領域があり、
  • すべてのテキストボタンでインターフェースを詰まらせ、それを台無しにするわけではありません。

情報に基づいて異なる色を使用することは、インターフェイスの差別化の側面で強く推奨されます。 使いやすさの側面を台無しにするので、多すぎるフォントサイズの使用は非常に見下されています

Windows Phoneはよく知られていてデザインされたタイポグラフィの素晴らしい例であるため、ここでユーザーエクスペリエンスデザインガイドラインを読むことをお勧めします:
http://msdn.Microsoft.com/en-us/library/windowsphone/design/hh202915(v = vs.92).aspx

1
Mohit