アプリデザインUI

アプリデザインUI:優れた​​ユーザーエクスペリエンスを提供するためのトップ9のヒント

モバイルアプリは、企業やデザイナーがこれまで以上に多くの人々にリーチする機会を提供します。 ビジネスオーナーは、電話、郵送キャンペーン、または店内での顧客への連絡に限定されなくなりました。 今日、会社はWebサイトとモバイルアプリを通じて24時間年中無休で利用できます。 アプリを開発すると、プッシュ通知をユーザーに送信して、特定の顧客ニーズを満たすことができます。

残念ながら、すべてのアプリが期待どおりに機能するわけではありません。 まったくイライラするものもあり、ユーザーにはほとんど意味がありません。 モバイル向けの優れたアプリデザインUIとエクスペリエンス(UX)の作成は、思ったほど簡単ではありません。 研究者は、2020年までに モバイルアプリは約188.9億ドルを生み出します 収益で。 まだ成長の余地は十分にありますが、うまく機能しない設計手法もいくつかあります。 すべての優れたアプリには、実際にはうまく翻訳されないものがXNUMXつあります。

ユーザーは何千ものアプリから選択するオプションがあります。 他の選択肢の海にユーザーの興味を引くようにしたい場合は、目立つ必要があります。 人々が頻繁に使用するアプリを実現するXNUMXつの方法は、ユーザーエクスペリエンスに焦点を当てることです。 デザイナーごとにアプリの作成方法は異なりますが、すべてに共通する要素がいくつかあります。 ここに モバイルユーザーに可能な限り最高のエクスペリエンスを提供できるXNUMXつの方法です。

1.時間の計画

の単一の要素を作成する前に アプリデザインUI、解決する問題とその全体的な構造の計画に時間を費やします。 アプリをダウンロードしている可能性が最も高いユーザーのペルソナを掘り下げて、リーチしようとしているオーディエンスを把握します。 オーディエンスを理解することは、ナビゲーションのレイアウトからソフトウェアの宣伝方法まで、開発のあらゆる側面にまたがります。

一部の設計者は、ワイヤーフレーミングを使用して、設計のある種の青写真を作成します。 これにより、アプリの作成者はさまざまな要素を試して、プログラムのアーキテクチャでそれらがどのように機能するかを確認できます。 アプリで機能しないものをコーディングするのに何時間も費やす前に、何が問題を引き起こす可能性があるかを判断できるため、時間を節約できます。 ユーザーの年齢や、手の大きさについても考えてみてください。たとえば、女性よりも手が大きい場合は、ボタンが大きいほど効果的です。

2.デバイスのタイプに合わせた開発

iOSは人気がありますが、常にAndroidを使用する人もいます。 XNUMXつまたは両方の開発を選択できます。 時間が許せば、先に進んで両方のシステム用のアプリを作成してください。 AppleでGooglePlayよりも多くのダウンロードを取得することになるかもしれませんが、使用しているオペレーティングシステムに関係なく、すべてのユーザーのニーズを満たすことができます。 また、AndroidとiPhoneの動作は異なるため、各セグメントがスマートフォンやタブレットを使用する方法を考慮する必要があることに注意してください。

現在の顧客を調査し、iOSとAndroidのどちらを所有しているかを尋ねます。 顧客の90%がiOSを使用している場合は、最初にiOS互換アプリをリリースすることが、予算と時間の考慮事項として最適な選択となる可能性があります。 両方のオプションを提供するのは賢明ですが、最初に最大の利益を得ることができる場所に常に焦点を合わせ、余裕があるときに他のプラットフォームに追加する必要があります。

アプリデザインUI

MindMeister は、ブレーンストーミングやプロジェクトのコラボレーションに最適なマインドマッピングツールです。 MindMeisterはオンラインとモバイルデバイスで利用でき、iOSとAndroidの両方で使用できます。 この特定のアプリの利点のXNUMXつは、複数のデバイスタイプに統合できることです。 AndroidタブレットとiPhoneを所有している場合、ビートを失うことなく、両方のアイテムからアプリの異なるバージョンをシームレスに使用できます。

3.大きなタスクをサブタスクに分割する

スマートフォンの使い方を考えてみましょう。 一般的なユーザーは、待合室にいるとき、または地下鉄で仕事に出入りしているときに携帯電話をつかみます。 タスクの大きなチャンクを完了するのにXNUMX時間はない場合がありますが、大きな関数を小さなものに分割すると、時間の許す限り人は物事を実行できます。 また、ユーザーは無限スクロールを好まない可能性があるため、一度にXNUMXつの画面に収まるようにアクションを分割すると、UX全体が改善されます。

忙しい人でも大きなタスクを実行できるようにする30つの方法は、システムをテストすることです。 タイマーを30秒に設定し、その時間内にジョブを完了できるかどうかを確認します。 そうでない場合、どうすればそれをさらに分解できるので、その一部はXNUMX秒で完了しますか? また、アプリを作成して、ユーザーがプロセスを少し離れて戻る必要がある場合に、ユーザーが中断したところから再開するようにすることもできます。

4.リッチなエクスペリエンスを作成する

物事をシンプルに保つためのアドバイスを聞いたことがありますが、それはあなたのアプリが退屈であるべきだという意味ではありません。 最新のスマートフォンは画面解像度が高く、高解像度の画像とビデオを提供します。 アプリ内のリッチメディアと速度のバランスを見つけることが重要です。 グラフィックはすばやくロードするように最適化する必要がありますが、それでも大胆でシャープなので、ユーザーは視覚的に満足しています。

ユーザーには他の選択肢があり、代わりにアプリを使用することにしたことを忘れないでください。 それらを楽しませてエンゲージメントを維持しないと、競合他社のアプリにそれらを失うリスクがあります。 あなたは視覚的に心地よく、非常に使いやすいものでなければなりません。

アプリデザインUI:ベスト9ヒント モバイルアプリの最高のユーザーエクスペリエンス

HotelTonight 鮮やかな画像を使用して、ユーザーがアプリから部屋を予約する可能性のあるさまざまな場所に旅行したくなるようにします。 その機能の焦点は機能性ですが、アプリはデザインの美学を無視せず、画像と要素の素晴らしい組み合わせを作成します。 行動を促すフレーズは、多くの場合、背景画像の上に表示されます。

アプリを作成すると、ブランドの成長を加速させることができます。 Google検索 近くのアプリ開発 あなたが地元の誰かを探しているなら。

お問い合わせ アプリ開発サービスの詳細をご覧ください。

5.ステップの明確な進行を作成する

ユーザーを旅のさまざまな部分に移動させるときは、次のステップがどうなるかを明確にします。 ユーザーが実行可能なボタンをクリックした場合は、すぐに画面を次のステップにスライドさせます。 ステップ1、ステップ2などの番号付けなどの要素を使用することもできます。

もうXNUMXつのアイデアは、矢印などのアイコンを使用して、次に進む場所をユーザーに示すことです。 「下にスクロール」や「左にスワイプ」などの簡単な言葉は、人々に明確な方向性を提供し、初心者でもアプリを十分にシンプルにします。

6.行動を促すフレーズを色で強調する

モバイルアプリに優れたユーザーエクスペリエンスを提供する対照的な色のバーストは、行動を促すフレーズ(CTA)に注意を引き、ユーザーがアプリを使用するために何をする必要があるかを明確に示します。 ユーザーが誰であるかがわかれば、どの色のボタンがユーザーの注意を引き付け、アプリの機能を通じてユーザーを前進させるのに最適であるかをよりよく理解できます。 分割テストを実行して、特定のオーディエンスに最適な色とボタンサイズを確認することもできます。

CTAの色についてはさまざまな研究があり、一部の専門家は最も効果的だと考えていますが、他の研究はその結果と矛盾しています。 要点は、さまざまな色、形、配置がさまざまなタイプのオーディエンスに最適であるため、求めている結果に最適な組み合わせを見つける必要があるということです。

モバイルアプリUX:行動を促すフレーズを色で強調する

ハイウェイ55バーガー、シェイク、フライ アプリは、パステルカラーの背景にポップする赤とピンクのボタンを利用しています。 ユーザーの目はボタンを追跡し、レシートのスキャンや報酬の表示など、リストされているアクションの1950つを実行する必要があることをユーザーは知っています。 XNUMX年代のお気に入りの色合いを使用し、歴史の中で楽しい時間のトーンを設定しながら、色は会社のWebサイトやレストランのパレットと一致します。

7.スタイルガイドを作成する

アプリのデザインUIがしばらく公開されたら、更新や追加機能を提供する必要があります。 アプリをリリースして使いやすさをテストしたら、詳細なスタイルガイドを作成します。 ユーザーがアプリについてどのように気に入っているかを理解し、マニュアルに詳細を追加できます。これは、今後のすべての更新で従う必要があります。

団塊の世代であり、小さなボタンに小さなテキストが表示されないためにユーザーが大きなボタンを好む場合は、スタイルガイドにその旨を記載する必要があります。 一方、視聴者がミレニアル世代で、スキミング可能な素材を好む場合は、説明を短くするか、画像ベースにすることについて、ガイドに詳細を追加します。

スタイルガイドには、カラーパレット、ボタンスタイル、言語設定(一人称、二人称、三人称)の詳細、および特にうまく機能していることがわかっているその他の機能を含める必要があります。 一貫性を保つために避けるべき好ましい方法と要素を示します。

8.クラッターをカット

時間の経過とともに、アプリに機能を追加していきます。 ただし、画面が乱雑になることもあります。 20の異なるオプションとどこから始めればよいかについての不確実性ほど、ユーザーを混乱させるものはありません。 真にユーザーフレンドリーなアプリを作成するには、煩雑さを解消し、重要な要素のみに焦点を当てる必要があります。 追加機能はケーキのアイシングであり、基本をマスターした後に追加する必要があります。

まず、アプリの主な目的について考えます。 ユーザーが今週あなたの店に到着した新しいアイテムを見ることができるようにしますか? あなたのアプリは健康食品を追跡するためのものですか? ユーザーは、XNUMXつのボタンをクリックして検索バーに項目を入力することで、食べたものを追加できるはずです。 物事をシンプルかつ要点を保つことで、UXが自動的に向上します。

最高のuxモバイルアプリのヒント

私の友人を見つける はAppleのアプリで、地域の家族や友人を見つけて、訪問のために到着するまでの距離を確認できます。 また、XNUMX代の子供などの家族を追跡します。 アプリに初めてログインすると、既に接続しているユーザーを確認するか、友達を追加するかを選択できます。 オプションはシンプルで要領を得ています。

その最初のページの唯一の要素は、表示または追加できるボタンです。 より詳細な情報を取得するには、マップ上の特定の名前または場所に移動する必要があります。 このアプリは、パーティーを開いたり、ゲストの到着までの距離を確認したい人に最適です。

9.指の配置を検討する

特定のデバイスでうまく機能するデザインを作成するには、製品タイプに精通している必要があります。 ほとんどの人が携帯電話でナビゲートする方法について考えてみてください。親指は画面の下部にあります。 ナビゲーション要素を追加して、それらに手を伸ばす必要がないようにし、できるだけ自然なものにするようにしてください。

適切な配置を作成する唯一の方法は、デザイナーとして自分でテストすることです。 たとえば、アクセスしやすいと思われる場所にボタンを配置し、その場所をベータテストして、アクセスしやすいか、調整が必要かどうかを確認します。 一部の人は他の人とは異なる方法で携帯電話を持っているので、追加のベータテスターを引き込むことも良い考えです。 ナビゲーション要素と操作可能なボタンは、できるだけ使いやすいものにする必要があります。

この問題について、いくつかのUX専門家にインタビューしました。 これが私たちの質問に対する回答です。

Michael Prestonise at グローバルアプリテスト 言う;

UX戦略をどのように計画していますか?

私たちのUX戦略は、技術的に実現可能な方法で顧客に価値を提供し、ビジネスがその目標を達成するのに役立つように慎重に計画されています。 その戦略の作成には、顧客へのインタビュー、定量的データ分析、市場分析、顧客セグメンテーションなど、さまざまな調査手法からの結果を集約することが含まれます。 次に、これらの集計結果を評価して優先順位を付け、主要な機会分野を特定します。

UI / UXの設計に使用するツールとその理由

UIデザインにはFigmaを使用しています。 これは完全にWebベースのプラットフォームであり、貢献する必要のある人と作業やデザインを簡単に共有できるため、コラボレーションが合理化されます。 Googleドキュメントと同様に、開発者が必要とするすべてのものをリモートで簡単に共有できます。 UXデザインに関して、私たちが使用するツールには、ノートブックとペン(!)、ホワイトボード、およびMiroやWhimsicalなどのコラボレーションツールが含まれます。 Miroは、リモート開発者にとって優れたツールです。遡及的なワークショップを実施して、何がうまくいったか、何がうまくいかなかったかを尋ね、チーム内で議論するトピックに投票することができます。

スタイルガイドを作成しますか? もしそうなら、どのツールを使用しますか、そしてその理由は何ですか?

私たちは、さまざまなプラットフォーム(マーケティングWebサイト、顧客向けアプリケーション、テスター向けアプリケーションなど)全体で一貫したビジュアルエクスペリエンスを作成するのに役立つデザインシステムを持っています。デザインシステムからスタイルを派生させるUIコンポーネントがアトマイズされましたFigmaでは、設計者がプロセス全体でそれらを使用できるようにします。

JDジョーダン マックスメディア 言及;

UX戦略をどのように計画していますか?

従来のブランディングやグラフィックデザインプロジェクトのような、型破りなUXプロジェクトの場合でも、常に発見と推奨の段階から始めます。 UXリードのXNUMXつは、ユーザーと利害関係者へのインタビュー、競争力のある比較分析、および可能な場合は現状の監査に従事します。 この調査から、ソリューションが最も良い影響を与える可能性のあるギャップを特定します。 多くの場合、これは改善されたソリューションの設計とよりインパクトのある知覚の作成の組み合わせです。 このプロセスは、UX、UI、フロントエンド、コンテンツ、およびマーケティングを組み合わせたロードマップ(XNUMXつまたは複数のプロジェクト)も示唆しています。

弊社のソリューションは、クライアントがユニークであるため、常にユニークです。 私たちは共感についてたくさん考えます。 まず、ユーザーの気持ちや必要なものを知ることで、より優れたデザイナーが生まれるからです。 それが基本的なユーザー中心のデザインです。 しかし、クライアントにとって何が重要であるかについて共感を持つことは、より良いパートナーにもなります。 私たちは自分たちのためにソリューションを設計しているわけではありません。私たちはそれらのデバイスと非常に親密な関係を持っているため、モバイル設計で覚えておくことは最も重要かもしれません。 共感は誰でもできる最も人間的なことであり、私たちは幸運にもそれを行うために給料を受け取ることができます。

Ui / UXの設計に使用するツールとその理由

ツールにとらわれないように努めていますが、推奨されるUI / UX設計プロセスを改良しました。 ペンと紙(またはペンとマーカーボード)から始めます—たとえごくわずかであっても、忠実度の低いIAとワイヤーフレームに移動する前に。 Axureを使用してワイヤフレームを作成するチームの一部は、そのツールセットにより、より忠実度の低い作業を作成してプロトタイプを作成できるためです。 または、ほとんどのチームがSketchに直接移動し、単一のファイル内で作業を低忠実度から高忠実度に移行できます。 スケッチは、InVisionとうまく統合し、資産の収集、準備、フロントエンド開発への引き渡しに使用するZeplinと見事に統合されているため、貴重です。

クライアントのXNUMXつはAdobe XDを好みますが、これは通常のプロセスではありません。 そして、私たちは決してバルサミコを使用しません。 手描きで見たいものがあれば手で描いてください。

スタイルガイドを作成しますか? もしそうなら、どのツールを使用しますか、そしてその理由は何ですか?

常に—内部使用のみであっても。 これらはさまざまな形式を取ります。

メッセージとブランドの標準は、KeynoteやWordなどのプレゼンテーションまたはドキュメントツールを使用して作成できます。 私たちはこれらのドキュメントを可能な限り存続させようとし、基本的なWordPress Webサイトなどのオンライン形式を非常に好むので、スタイルガイドの資料は時間とともに進化します。 シンプルなPDFは、XNUMX番目に送信され、必要な資料にリンクされることはほとんどありません。

UIパターンとアセットスタイルガイドは、通常、SketchとZeplinの組み合わせを使用して作成されます。 前者のシンボルの使用は、後者のコード中心の聴衆に特によく翻訳されます。 そして、繰り返しになりますが、この組み合わせは時間とともに(たとえば、スプリントや継続的なプロジェクトを通じて)進化し、静的なスタイルガイドによって作成される設計と開発の負担を最小限に抑えます。

UX / UIチーム アイキュア 書き込み;

UX戦略をどのように計画していますか?

すべてのUX設計作業に適用できる戦略はXNUMXつではありませんが、次の要素に対する感度は必須です。
–ターゲットオーディエンスを知り、彼らのニーズと問題点を理解します。
–どのような問題が解決されていますか。
–設計ソリューションの価値は何ですか。

フィードバックの重要性:プロトタイプ、テスト、およびユーザビリティとアクセシビリティのテストを通じて製品について学びます。

Ui / UXの設計に使用するツールとその理由

主にSketchを使用します。これは、すばやく反復できるため、軽量であり、プロトタイピングおよびハンドオフツールとよく統合されているためです。 また、設計プロセス全体を容易にするネイティブまたはサードパーティのプラグインもたくさんあります。

スタイルガイドを作成しますか? もしそうなら、どのツールを使用しますか、そしてその理由は何ですか?

はい、デザインシステムの一部としてほとんど統合されているスタイルガイドを作成します。 設計システムにより、100%一貫性があり、モジュラー設計を適用できるため、応答性の高い設計で複数のフォームファクターに対処するだけでなく、スケールアップまたはスケールダウンする機会が得られます。

Ui / UXの設計に使用するツールとその理由

イラストレーターとスケッチ、ベクターベースのソフトウェア、RGBまたはCMYKの優れたカラー管理。

 

アプリデザインUI:UXがすべて

人々がダウンロードして定期的に開くアプリを作成する場合、使いやすさが最も重要です。 素晴らしいサウンドでありながら、実際のアプリケーションで使用するのが難しいアプリをダウンロードしたことがありますか? あなたはおそらくそれをあなたの電話から削除し、それについてすべて忘れました。 アプリは、ユーザーの期待に応える必要があるため、アプリなしでは生きていけないと感じています。

アプリは、ユーザーのニーズを満たし、ユーザーの生活をより簡単またはより良くするものを作成する必要があります。 消費者の立場に立ち、それらのニーズを満たすほど、デザインは成功します。 これらのXNUMXつのヒントにより、ユーザーとのつながりが容易になり、ユーザーエクスペリエンスが向上するため、アプリはユーザーの生活の重要な部分と見なされます。

 

著者紹介

Lexieはグラフィックデザイナーであり、UXストラテジストです。 彼女の作品は、マンタ、マーケット、ウェブサイトマガジン、クリエイティブブロック、サンライトメディアで特集されています。

彼女のデザインブログ、Design Roastをチェックし、Twitter @lexieludesignerで彼女をフォローしてください。

2 コメント

  • ニハリカカプール 11月15、2019で2:12の午後

    いいポスト。 オンライン食品配達アプリは、レストランのビジネスの成長を助け、顧客がオンラインで食品を注文するプロセスを簡単にします。

    • アンジェロフリシナ 11月16、2019で2:14午前

      ニハリカに感謝します。 はい、そうです。 アプリ開発は、ビジネスマーケティング全般にとって重要なコンポーネントです。

コメントの投稿

コメントはモデレートされます。 あなたのメールは非公開にされます。 必須フィールドは、マークされています *