ベスト・モバイルアプリ・デザイン

のが撮影した写真   

素晴らしいアプリを作り、それを紹介し、マーケティングし、販売したいと考えています。 新しいアプリをローンチするために必要なことは、アプリショップのエントリーを最適化することだと思うかもしれません。 問題は、アプリを宣伝するための焦点が必要だということです。 どこかで大きな話題となり、アプリのユーザーベースを拡大することができます。 そのため、どのアプリにもデザイン性の高い効果的なランディングページが必要です。 最良の戦略は、シンプルなUIと見事な色の組み合わせに囲まれたページの中央に製品を配置することです。 フルスクリーン・ビジュアル、ムービー、鮮やかな色彩など、ユニークで魅力的な要素があれば、さらに魅力的なものになります。 適切に開発されたモバイルアプリサイトは、モバイルウェブデザインの素晴らしいインスピレーションの源となります。 以下のアイデアを検討し、アプリサイトのレイアウトをデザインする際に試してみてください。

記事の概要

● 優れたモバイルアプリサイトのランディングページとは？                

● モバイルアプリサイトの作り方                

● まとめ

優れたモバイルアプリのランディングページとは？

モバイルアプリデザインのランディングページテンプレートは、通常何で構成されているのでしょうか？ この記事で挙げた例や、お気に入りのアプリケーションのランディングページを調べてみると、これらの基本的な構成要素に気づくでしょう：

1.タイトル

訪問者が最初に気づくのはタイトルです。 アプリケーションの価値を示すものでなければなりません。 要するに、ソフトウェアが訪問者の求めるものであることを納得させなければなりません。 少なくとも、訪問者はページに留まるのに十分な興味を持たなければなりません。 Sleepアプリがどのように機能し、どのように見出しでそのアプリの完全な価値を伝え、どのようにコールトゥアクションボタンがすぐに下に表示されるかを見てください。 アプリのタイトルは、モバイルアプリサイトの完全な価値を要約しています。

2. 明確な商品画像と写真を見せる

モバイルアプリサイトの外観に関する微妙なヒント。 訪問者が何かを見つけようとしなければならない場合、訪問者は離脱する可能性が高い。 彼らは、アプリの使いやすさや難易度、さらに重要なのは、他の400の同種のアプリとの違いを知りたがっている。 例えば、Biteは、アプリがスマートフォンでどのように表示されるかを顧客に明確に伝え、そのシンプルさをアピールしています。

Strikinglyの商品から受けた画像

3.ヒーロー画像に最適なメディア

ウェブサイトやログインページのコンテンツのほとんどを意味のあるものにしたいのであれば、モバイルアプリサイトであることを訪問者に即座に伝える必要があります。 Android、iOS、iPad、タブレット用のアプリかどうかがわかるので、利用可能かどうかもすぐに判断できるだろう。 アプリが何をするものかを訪問者に示す最良の方法は、スクリーンショットです。 スクリーンショットはどんなレイアウトデザインにも使えるので、これは制限ではありません。 画像の目的は、本文で紹介するストーリーを引き立てることであり、視覚的に魅力的なモバイルアプリのランディングページを作ることではありません。 画像は、製品とその利点を強調するものでなければなりません。

Soundcloudのモバイルアプリのトップページは、アニメーションGIFを使ってナビゲートし、新しい音楽を見つけるのがいかに簡単かを示しているため、視覚的に魅力的なコンテンツの素晴らしい例です4。

4.パディングなしの空白

ネガティブ・スペースは、ホワイト・スペースとも呼ばれ、基本的にモバイル・アプリのウェブサイト上で空白になっている部分です。 ネガティブ・スペースは、ディスプレイ上にレイアウトされたものの中や間、周囲に存在することが多い。 これにより、ページや画面上の各オブジェクトが呼吸するスペースを持つことができます。 ウェブサイトにネガティブスペースを作るときは、白いスペースだけでなく、さまざまな色、テクスチャ、パターン、背景画像を使用できることを忘れないでください。

Strikinglyの商品から受けた画像

Upperアプリのウェブサイトを訪れて、ユーザーエクスペリエンスの主要コンポーネントとの見事なコントラストとして、ネガティブなブラックスペースがどのように使われているかをご覧ください。 画面全体では、直線は1本しかない。 しかし、レイアウトはよく整理され、読みやすくなっています。不要な雑念がなく、各要素に余裕があるからです。 加えて、シンプルなウェブアプリケーション・デザインを採用し、美的魅力を高めている。 アプリケーションの名前やアイコンを選ぶときは、すぐにダウンロードしなくても覚えてもらえるように、視認性が重要です。

5.訪問者にアプリケーションの仕組みを明確に理解させる

最初のステップは、モバイルアプリのサイトで何ができるかを訪問者に示すことです。 ソフトウェアで何ができるかを示すことも必要です。 訪問者がアプリの実際のユーザーであることを想像できるようにするアプリサイトの能力は、最も効果的なセールスドライバーの1つです。 これを実現する最も簡単な方法のひとつが動画です。 PeekCalendarのHeroesセクションでそのようなビデオを見ることができます。

6.ボディコピー

ボディコピーのメインとなる場所があると有利です。 訪問者の言葉にならない不安を解消し、ターゲットページを訪問することが正しい選択であると安心させるために、できるだけ多くの内容を書きましょう。 コンテンツの長さは、ソフトの種類や業種によって異なります。 ダイエットや健康的なライフスタイルのソフトウェアよりも、エンドレス・ランニング・ゲームを購入する方が、より少ない部数（より多くの画像）で済みます。

● 最も関連性の高い情報から説明する

● 主な機能を簡潔にまとめる 

● 箇条書きで重要な機能を列挙する 

● よく知られた言葉を使う

7.目立つコールトゥアクションのフレーズ

モバイルアプリのウェブサイトに明白な行動喚起フレーズがない場合、いくら説得してもアプリをダウンロードしてもらうことはできません。 CTAは人々の注意を引き、何かをする気にさせる必要がある。 アプリサイトの複数の場所に追加するのがベストです。 アプリのランディングページの目的は、ユーザーをコールトゥアクションのフレーズに誘導すること、つまりダウンロードボタンをクリックしてアプリショップを訪問してもらうことです。 あるいは、問い合わせフォームに入力したらすぐにアプリをダウンロードしてもらうことです。 スプリットワイズのCTAボタンは目立つように表示し、サイトのすべての要素が協調してこの核となる目的をサポートする必要があります。 タイトルと小見出しが最初に訪問者の注意を引き、次にはっきりと見えるCTAボタンが続きます。

8.ソーシャルサポート

アプリケーションの信頼性をユーザーに納得してもらうためには、ソーシャルエビデンスが必要です。 これらには、カスタマーレビューからの最も重要な引用や、ブログや新聞記事からの最高の抜粋が含まれるかもしれません。 ほとんどのアプリは、ユーザーのポジティブなフィードバックや有名なユーザーからの推薦を強調することが多い。 彼らがアプリに対して受けている信用や評価が示されます。 彼らが自慢できるのは、ユーザー数やダウンロード数だけだ。

9.モバイルデバイスのデザイン

モバイルアプリサイトのログインページを作成する際は、クリックターゲット（ユーザーがページ上でやりとりする場所）が重ならないようにし、適切なサイズにしましょう。 スマートフォンアプリ「Simplenote」のログインページをご覧ください。 最初にアプリの機能が紹介され、次に各OS用のダウンロードリンクが提供されます。 これらのリンクのサイズを確認してください。 モバイル端末からクリックしやすいように設計されているからです。

モバイルアプリサイトはどのようにセットアップするのですか？

Strikinglyのベストウェブサイトビルダーを使えば、モバイルアプリサイトの構築を簡単に始めることができます。 まずはStrikinglyアカウントにご登録ください。 EメールIDを使ってStrikinglyに登録してください。 Strikinglyにアカウント登録後、ウェブサイトを修正することができます。

Strikinglyの商品から受けた画像

ご希望のテンプレートデザインを選択し、必要な編集を行うことで、プレミアムモバイルアプリケーションウェブサイトを作成します。 ウェブサイトテンプレートの変更方法や、ウェブサイトに追加できる機能の詳細については、Stikinglyのヘルプセンターまたはブログをご覧ください。 Strikinglyの無料URLを使い続けるか、ウェブサイト用のドメイン名を購入するかをお選びいただけます。

Strikinglyの商品から受けた画像

Strikinglyの年間プランに加入すると、初年度はドメインクレジットが付与されます。 また、既存のドメインをウェブサイトに接続することもできる。 Strikinglyドメイン名接続後は、自動的にウェブサイトに接続されるため、ドメイン名の設定を管理する必要はありません。

まとめ

Strikinglyの商品から受けた画像

これら5つの試行錯誤を経たテクニックに従えば、ユーザーを顧客に変えるようデザインされたモバイルアプリケーションウェブサイトを開発するのに苦労することはほとんどないでしょう。 印象的な配色とシンプルなアートワークがユーザーを惹きつけます。 アプリが何をするのか、どのように使うのかを理解しやすくすることで、オーディエンスの興味を引きつけましょう。 空白のスペースはポジティブなユーザーエクスペリエンスを提供し、強く明るいCTAボタンはコンバージョン率を高めます。 ブランディングされたウェブサイトの外観は、アプリをダウンロードするターゲットオーディエンスを惹きつけるようにデザインされるべきであることを常に忘れないでください。