web-dev-qa-db-ja.com

「App Storeでダウンロード」バッジはタップ可能なボタンとして認識されますか?

App Storeを開くボタンのあるiOSアプリのWebサイトがあります。

私の質問は、ユーザーはAppleのバッジをタップ可能なボタンとして自動的に認識するのですか、それとも私のWebサイトのデザインに合ったカスタムボタンを使用する方が良いのでしょうか。

enter image description here

1
StackOverflower

ボタンだけではありません。

また、それをどのように使用し、どこに配置するかも重要です。あなたのウェブサイトの目的は何ですか?ダウンロードボタンは、ユーザーがクリックする主要なボタンですか?

あなたのウェブサイトのメッセージが何であるか、そしてどのようにあなたのユーザーをダウンロードボタンに導くかを考えてください。

ボタン自体は問題ありません。これには、クリック(「ダウンロード」)したときのアクションを示す明確なラベルがあります。これは、ボタンがどのように見えるかをユーザーが期待する形とサイズを持っています。

混乱を減らすために、リンクテキストは、新しいページだけでなく、アクションにつながることを明示的に示す必要があります。この情報を周囲のテキストで伝えるだけでは不十分です。多くの場合、ユーザーはWebページをスキャンして、行動可能な領域を探します。したがって、ほとんどのユーザーはリンクテキストのみを読むと想定する必要があります。実際、ユーザーはリンクテキストの最初の数語のみを読むことが多いため、リンクをクリックした場合に発生するアクションを示すWord(通常は動詞)から始めることが重要です

出典: コマンドリンク Nielsen Norman Group

通常は、サイトまたはアプリのスタイルに応じて、ボタンを正方形または角が丸い正方形にする必要があります。 一部の研究では、丸みを帯びた角が情報処理を強化し、要素の中心に目を向けることを示唆しています。

出典: Button UX Design:Best Practices、Types and States by UX Planet。

この記事では、動作とタイプについても詳しく説明しています。

ユーザーが期待する場所にボタンを配置します。

たとえば、ウェブサイトの目的がユーザーにアプリをダウンロードさせることである場合、ユーザーがアプリについて知っていることを確認します。アプリを表示し、ダウンロードボタンを主要なアクションボタンにします。

アプリに関するウェブサイトにアクセスしていることが明らかなウェブサイトの視覚的な例をいくつか示します。ダウンロードボタンは、このWebサイトの論理的な位置にあります。

enter image description here

enter image description here

1
Nick Groeneveld