モバイルアプリケーション設計プロセス:2021年のUI/UXに関するステップバイステップガイドライン

創業者として、時間はあなたの最も貴重なリソースです。 簡単なオンライン調査が完全な設計を作成する為の指針そして先端の茄多に導く間、騒音からの有用な内容をろ過することは堅い仕事である。 この最初の手を経験した後、我々はあなたがノックアウトアプリを作成するあなたの追求に必要な唯一の青写真として機能する包括的なモバイルアプ

目次

  1. ステップ1:ユーザーテストの重要性
  2. ステップ2:アプリの設計は、ソロミッションではありません
  3. ステップ3:最新のアプリの設計と開発動向に注意してください
  4. ステップ4:ユーザーを念頭に置いたデザイン
  5. ステップ5:科学を理解し、それを適用する
  6. ステップ6:アプリ内体験を完成させる
  7. ステップ7:将来の証拠あなたのデザイン

ステップ1: アプリの設計プロセスにおけるユーザーテストの重要性

ユーザーテストの重要性

ユーザーテストに言及せずにすべてのモバイルアプリケーシ ユーザーテストは、アプリの設計プロセスの中心にあります。 我々は単にこの点を十分に強調することはできません。 ユーザーテスト中に、実際のユーザーにアプリのプロトタイプが提供されてテストされます。 彼らのフィードバックと痛みの点が書き留められ、それに基づいて、プロトタイプの次の反復が行われます。 これは、設計者や開発者がさらにそれらを改善することができますので、アプリのデザインと機能をテストするための迅速かつ安価な方法です。創業者として、私は早期に適切なユーザーテストを行うことがいかに重要であるかを難しい方法を見つけました。 私たちは、最寄りの理髪店で人々を接続し、それらが予定を作ることができます予約アプリのためにこのアイデアを持っていました。 実際に実際のユーザーがUI要素をテストすることを許可せずに、アプリの設計、デザインの完成に飛びつきました。 数ヶ月の作業の後、アプリが起動されました。 ユーザーのニーズに関する私たちのすべての仮定は粉々になりました。 人々は価値提案について懐疑的だった。

このような状況に直面し、我々は徹底的な調査プロセスを開始しました。 ユーザー調査やインタビューを実施しました。 私たちは、サービスを試してみるために人々に尋ね、彼らのフィードバックを記録しました。 結果の分析は、次の結論に私たちを導いた:

  • ほとんどの人はすでに彼らが信頼するgo-to理髪師を持っています。 彼らは新しい個人を実験するのが好きではありません。
  • この場合、アプリはすでに簡単なプロセスで余分な面倒を追加していました。
  • ユーザーは、アプリを介してそれを行うのではなく、電話、テキストメッセージまたはWhatsAppを介して彼らの理髪師との予定を予約することを好みました。
  • ユーザーがアプリを介して新しい理髪師を見つけた場合でも、彼らはもはやアプリを使用する必要はありませんでした。
  • ユーザーは、特に迂回を防ぐ方法がなかった場合、このサービスの代金を支払うことはありません。私の場合、実際の製品市場が適合していなかったので、簡単にわかります。 アプリの設計プロセスを全面的に進める前に、私がすべきことはラピッドプロトタイピングに焦点を当てることでした。 私たちの実績のあるモバイルアプリのUI設計ガイドラインに基づいて迅速なプロトタイプを作成し、それをテストし、その後、ユーザーからのフィードバッ 複数の反復の後、私は情報に基づいた意思決定を行い、時間、労力、アプリ開発コストを節約するのに十分なデータを持っていたでしょう。

    アプリを作成または構築するときは、このプロセスに従うことが不可欠です。 これはあなたの貴重な時間および資源が無駄にならないことを保障する。p>

    ラピッドプロトタイピングに投資する7つの理由

    ステップ2: アプリのデザインは、ソロミッションではありません

    成功したモバイルアプリは、学際的なチームの組み合わせの努力の結果です。 理想的なチームは、研究、グラフィックデザイン、ユーザーインターフェイス(UI)、ユーザーエクスペリエンス(UX)、開発とマーケティングに関連するリソー 創業者は、多くの場合、自分自身でアプリの設計を開始するように誘惑されます。 これは災害のためのほとんど確実な調理法である。

    アプリのデザインは、ソロミッションではありません

    私の場所ベースの理髪店予約アプリ”HereCut”の場合(それは当時クールな名前のように感じ 設計と開発の経験を少し持って、私はモバイルデザインのための高度に熟練した個人を雇う上で貴重なリソースを無駄にしないことにしました。 ほとんどの創設者のように、私はお金で非常に厳しかったし、これは信じられないほどのアプリに私の方法をブートストラップするための最良の方 私はその時にこのような完全なガイドを読んでみたいと思います。

    私のスタートアップのワークフローのバランスをとるために数ヶ月を無駄にした後、私は非常に貴重な教訓を学びました。 コードを書くだけでなく、デザインに同時に取り組む私のアプローチは、一種のデッドロックをもたらしました。 実質的な進歩は、アプリ上で行われていませんでした。 これは私が私の間違いを実現し始めたときである。 私のスタートアップの日々の操作を管理し、毎日新しい、予想外の課題に取り組んでいる間、私はコーディングやアプリを設計するのいずれかの”ゾーン”に入る 創業者としての私の義務を完全に無視し、コードやデザインに焦点を当てることも賢明な動きではありませんでした。

    リクエスト会議デザインプロセスバナー

    私のメンターによって導かれ、私はアプリを設計するための良いリソースを雇っていな 私たちは時間を使い果たしていて、MVP(最小実行可能な製品)を表示することさえできませんでした。 私が成功で打撃を望んでいたら、私は丸薬を飲み込まなければならなかった。

    創業者は、彼らのプレートに多くを持っており、ビジネスの他のすべての側面を管理しながら、アプリ自体を設計することは不可能の隣にあります。 私がこれを言うとき私を信頼して下さい、ちょうどあなた自身にすべての悩みを救い、この代表団の助けるために専門家を得て下さい。

    創業者のための最良のアプローチは、熟練したチームを雇うことです。 理想的なチームには、少なくともUI/UXデザイナー、バックエンド開発者、マーケティングリソースが必要です。 このチームは、あなたが軌道に乗り、最小限の機能を持つアプリの初期バージョン(MVPとも呼ばれます)を作成することを可能にします。

    以下のセクションでは、慎重な計画と実行を含む複雑なアプリ設計プロセスを見てみましょう。ステップ3

    ステップ3

    ステップ3: 最新のアプリの設計と開発動向に注意してください

    何の技術の急速な進歩を停止することはありません。 時には、最新の出来事を理解し、追いつくのは難しいです。 アプリ市場でのこのような熾烈な競争では、アプリのクリエイターのための大きな課題が来ます。 トレンドを最新の状態にされていない心からあなたを要することができます。 ユーザーにから選ぶべき沢山の選択があり、彼らは彼らの問題に最も最近および最も有効な解決とだけ行きます。

    5Gはもはや未来のものではありません。 ロールアウトはすでに開始されています。 GSMAが実施した調査によると、2025年までに約40億台のデバイスが5Gネットワーク上で実行されます。 これは世界全体の15%以上を占めています。 5Gの出現は、モバイルアプリのための総ゲームチェンジャーです。 驚くほど速い速度と非常に低いレイテンシで、はるかに効率的なAR(拡張現実)とVR(仮想現実)アプリが登場します。 また、既存のLTE4Gインフラストラクチャでは不可能なユースケースに対応することも可能になります。

    設計における5Gインフラストラクチャの役割

    拡張現実感は確かにアプリ開発者が見ることができる技術です。 仮想現実とは異なり、VRヘッドセットのような特殊なハードウェアは必要ありません。 既存の携帯電話は、この技術の仕事をするために非常に強力なハードウェアと補完ソフトウェアを持っています。 最新のモバイルデバイスの深さ検出カメラの助けを借りて、ARはあなたの環境に仮想オブジェクトを統合することにより、環境をよりインタラクティブ AppleのARKitとARCore For Androidは、開発者がより堅牢な拡張現実アプリを作成することを可能にします。 モバイルゲーム(ポケモンGoのような)は、ARを考えるときに最初に気になることですが、他の分野での可能性を想像してみてください。 インタラクティブなショッピングアプリから、ARデートサービス、観光アプリ、造園、描画とコラボレーションアプリ、スポーツ、マーケティング、ヘルスケア、教育、通信/テレコンファレンス、データ可視化アプリに至るまで、ARの影響は無限です。

    アプリクリエイターは、常に顧客に最高の経験と価値を提供する方法を把握しようとしているので、機械学習(ML)はちょうど答えになることができま

    5G、AR、MLのような革新は、エキサイティングな新しいモバイルアプリのための可能性の全く新しい道を開きます。 これらの最新の技術を適切に実装することで、あなたのアプリは次の大きなものになることができます!

    これらの革新的な技術は、設計者のための課題の新しいセットを提供しています。 彼らはすぐに適応し、変化する時代を受け入れる必要があります。 AI、ML、ARのアプリケーション向けの設計は、従来のアプリ設計とは異なります。 たとえば、AI搭載の仮想アシスタント(SiriやAlexaなど)を考えてみましょう。 視覚的なデザインとは対照的に、より自然な音声インターフェイスを使用して、ユーザーと対話します。

    ウェアラブル(スマートメガネやスマートレンズのような)のためのARアプリケーションが一般的な光景になる前に、それは長くはありません。 今のデザインは、単にモバイル画面に限定されることはありません。 設計者は、先に曲線の滞在し、そのようなデバイスのためのユーザーフレンドリーなインターフェイスを思い付く必要があります。

    設計プロセスにおける拡張現実感の役割

    ジェスチャーによって駆動されるホログラフィックとARアプリケーションでは、設計者は、世界的な聴衆に文化的に受け入れられるジェスチャーを作成する方法を検討する必要があります。 使いやすさに関連するもう一つの大きな課題は、脳がこの新しい現実のオブジェクトを容易に受け入れて処理するような方法で設計することです。

    新しいデザインパターンは、これらの技術に対応するために進化しています。 デザイナーは、ユーザーがこの新しい現実と自宅でより多くを感じるように、要素をより自然な方法で表示することができるはずです。 AI、ML、ARアプリの最適なデザインを作成するためには、設計者はこれらの技術がどのように機能するかを理解し、少し創造的である必要があります。 それは比較的新しい領域であるため、デザインに革新の余地がたくさんあります。

    他のアプリやサービスとの統合

    柔軟なアプローチを念頭に置いて設計し、アプリが統合を活用できるようにすることは、ユーザーにとって非常に 最近では、多くのスタートアップや企業がすでにSlack、Trello、Asanaなどの多くのコミュニケーションツールや生産性ツールを使用しています。 ユーザーにこれらのサービスを同期および統合する機能を提供することで、ユーザーに最大の価値を提供し、アプリをより使いやすくすることができます。

    さまざまなデバイスタイプに対応

    Appleは、iPhone11、11Pro、および11Pro Maxを含む新しいiPhoneラインナップをリリースしました。 ソフトウェアはまた、ios13の形できちんとしたアップグレードを受け、ios14は秋に出てくる予定です。 これらの新しいデバイスのシャープで鮮明なディスプレイに合わせたデザインは、はるかに目立つでしょう。 たとえば、mHealthアプリは、最新のニューラルネットワーク搭載のA13バイオニックチップと一緒に新しい、より強力な前面カメラを利用して、より正確な症状トラ糖尿病を検出するために指先の写真を使用するアプリに関するニュースがあります。

    糖尿病を検出するために指先の写真を使用するアプリにつ これは、貧しい血流を識別するために携帯電話のカメラと懐中電灯を使用しています。 これが可能であれば、最新のデバイスのフルパワーを活用して何ができるか想像してみてください。

    設計プロセス中に異なる設計サイズにケータリング

    AppleとAndroidデバイスの設計には、iOSとAndroidオペレーティングシステムの深い理解が必 AppleによるヒューマンインターフェイスガイドラインとGoogleによる材料設計ガイドラインは、偉大なスターターとし たとえば、iOS用のアプリを設計するときは、同じアプリのAndroidバージョンのナビゲーションドロワーとは対照的に、ナビゲーションにタブバーを使用する必要がAppleは、デバイスに1x、2x、3xなどのサイズを使用しています。

    Androidの場合、設計者は6つの異なる画面サイズと互換性のあるデザインを作成する必要があります。 スペクトルのローエンドにあるLDPIは120dpiを測定し、MDPI、HDPI、XHDPI、XXHDPIおよびXXXHDPIが続きます。

    新しい画面サイズ、背の高いアスペクト比(18:9)、ベゼルレスディスプレイとノッチデザインでは、アプリの設計者は、常に彼らの提案されたデザイ

    新しいデバイスのこの一定の流入に直面して、設計者は、応答性の彼らのデザインを維持する必要があります。 各デバイスの設計をテストして最適化する必要があります。 ちょうど右の情報を提供するシンプルな設計は重大である。 あなたの聴衆を知り、人口統計学に基づいてUIデザインを反復します。 また、ユーザーのための欲求不満の任意のポイントのためのアプリ内分析に注意を払い、それらを解決します。

    ステップ4:ユーザーを念頭に置いたデザイン

    設計プロセス中にユーザーを念頭に置いたデザイン

    アプリを設計するときは、より多くの機能を追加するという罠に陥らないでください。 ユーザーを最初に置くことは、使用可能なアプリを作成するための素晴らしいアプローチであり、これはチャットボットを構築するか、marketplaceアプリを開発するか、 エンドユーザーを考慮すると、アプリは実用的で使いやすいものでなければならないことに気付き始めます。 自分自身のような質問をすることから始めて、私のユーザーは誰ですか? 彼らの問題は何ですか、そしてどのように私はそれらを解決することができますか? 次に、それらをアプリのビジネス目標に合わせます。 あなたが何かを持っていたら、それをユーザーとテストして評価してください。

    Killed by Googleは、現在中止されているGoogle appsとサービスの興味深いリストを提供しています。 このリストには、Bumpと呼ばれるアプリがあります。 基本的には、ユーザーがインターネット経由で連絡先、写真、およびデータを他のデバイスに転送できるようにするiOSおよびAndroidアプリでした。 ユーザーは、物理的に一緒に自分の携帯電話をぶつけてこれをしました。 電話がぶつかると、ファイルを確認して選択するための画面が各デバイスに表示されました。 2011年には、他のデバイスにデータを転送することは大きなユーザーのニーズであり、このアプリは良い解決策を提供していましたが、時代は変わりました。

    Bump Technologies CEOのDavid Liebの言葉では、”次世代のモバイルアプリは、ユーザー、顧客がそれについて考える必要がない方法で問題を解決します。”うえの”モバイルをすべてのこれらのアプリへのフリップ、たちの面倒は見てくれると言い伝えるアプリだいすることができるようになりますが、アプリを提案、こんにちはするために残会終結の時をもってイーストオブザストリップ地区があります。”

    最新の業界動向を認識することは、ユーザーに最大の価値を提供するものを作成するプロセスにも役立ちます。 それを考えると、結局のところ、幅広いユーザーの受け入れのために傾向が存在します。

    最新の業界動向のアカウント

    今日では、ユーザーは単にボタンをクリックしたり、全体の退屈な流れを通過することによって努力を入れ この場合、ユーザーは自分の電話を他のデバイスに転送することを望まず、単に「起こる」だけです。

    ユーザー中心の設計の主な目標は、ユーザーの労力を削減することです。 アプリは入力の必要性を最小限に抑える必要があります。 サインアップは、ユーザーのための主要なドロップオフポイントです。 登録を強制することなく、ユーザーにいくつかの機能を提供するだけです。 フリーミアムモデルは、この理由のためだけにアプリ開発者のための驚異を働いてきました。

    あなたのアプリは、可能な限り最小限の許可要件を持っている必要があり、ユーザーのために物事をより便利にするために、ちょうど(必要な場合)app storeか

    app accessibility

    アプリをより多くのユーザーにアクセスできるようにすることは必須です。 デザインを作成する際には、障害のある人を考慮する必要があります。 動画にキャプションを追加するのと同じくらい簡単な方法で、動画のエンゲージメントを最大500%向上させることができます。

    デザインプロセスバナー

    統計によると、世界人口の約15%が何らかの形の障害を抱えて暮らしています。 W3CまたはWorld Wide Web Consortiumは、web標準を開発する国際的なコミュニティです。 彼らのウェブコンテンツアクセシビリティガイドライン(WCAG2.0)オンラインコンテンツのアクセシビリティガイドラインとベストプラクティスをレイアウトします。 このドキュメントでは、これらのルールがモバイルアクセシビリティにどのように適用されるかを示します。

    Appleは常に視聴者のすべてのタイプに自分のアプリをよりアクセスできるようにアプリ開発者をプッシュしようとしています。

    ダイナミックテキストは、この方向で推奨されるプラクティスの1つです。

    アプリのアクセシビリティとユーザーファーストのデザインアプローチの重要性を認識したので、この知識を適用してデザインを完成させます。 あなたのアプリは、ユーザーのニーズに合わせてうまく調整する必要があります。 実際のユーザーとデザインをテストし、フィードバックに基づいて改善することで、できるだけユーザーフレンドリーにします。

    ステップ5:科学を理解し、それを適用する

    アプリのデザインは非常に速いペースで進化してきました。 私たちは常に偉大なアプリのデザインは、ユーザーのためにいくつかの値を追加することを読者に思い出させるのが好きです。 それは成長のために意図されたデザインであり、ちょうどあふれんばかりの色やアニメーション以上のものに依存しています。 実際の科学に飛び込み、設計をどのように改善できるかを理解することは非常に重要です。

    アプリのアイデアに最適な技術スタックとApiについての洞察を提供します。このステップは、アプリデザインの科学と、それが壮大な結果を生成するためにどのように使用されるかについての素晴らしい洞察を提供します。

    ところで、私はあなたが私たちが私たちのモバイルアプリの設計ガイドで説明するアプリケーションの設計手順は、利便性のためだけに番号が付けuxの原則の重要性

    創業者として、ユーザーエクスペリエンス(UX)のデザインは、あなたが敬遠することができるものではありません。 この分野では多くの研究が行われており、実際に追いつくのが難しいこともあります。 あなたも、ユーザーエクスペリエンスデザインの全体の専門学位を行うことができます。 ここでは、UXデザインの中核を形成する三つの知っておくべき原則を提供します。

    UXプリンシパルの重要性を理解する

    ヒックの法則

    ユーザーに与える選択肢が多いほど、その決定に多くの時間が消費されます。

    パーキンソンの法則

    この法則は、「最後まで待っていれば、やるのに1分しかかかりません」、つまり「仕事を長くするほど、時間がかかります」と述べています。 アプリの設計の文脈では、ユーザーがタスクを完了するために多くの時間を持っていないことを知っています。 あなたは、アプリ内の指示とアクションが意味のある、迅速であることを確認する必要があります。 この原則は、アプリのサインアップまたはオンボーディング体験に簡単に適用されます。

    キスの原則(それは単純な愚かな保つ)

    不必要な複雑さと機能は避けるべきです。 あなたのアプリは、それがシンプルに保たれ、そのコア機能に忠実であれば、最もうまく動作します。

    たとえば、私たちの医療アプリ”TYGON Lyte”を考えてみましょう。 治療、検出、消毒の3つの主な機能を提供しますが、私たちのUXチームは光療法を中核的な価値提案として特定しました。 この洞察に基づいて、光療法に厳密に焦点を当てたホームページの実用的でシンプルなデザインが作成されました。あなたがUXについてもっと知りたいなら、この非常に便利なサイト、LAWS of UXをチェックすることができます。

    一貫性のあるブランディング

    この点はかなり明白なものです。 私たちは、アプリケーションのデザインをwebの対応するものと一貫性を保つことがいかに重要であるかを強調する唯一の目的のためにそれを言及 アイコン、グラフィック、タイポグラフィ、さらにはほとんどの分の詳細は完全にお互いに整列する必要があります。色の心理学を理解するには、カラーホイールを見てみる必要があります。

    色の理論

    色の心理学を理解するには、色の輪を見てみる必要があります。 それは2つの異なる半分に分けることができます。 暖かい色は黄色、オレンジおよび赤の同類である。 青、緑、および同様の色はクールな色と呼ばれます。

    色理論

    補色はホイールの反対側にあります。 あなたは、彼らが物事を際立たせるのに役立つように、多くの人気のあるアプリやロゴは、これらの反対の色の組み合わせを利用することに気づ

    先ほど、アクセシビリティの重要性について議論しましたが、色盲の人々に問題を引き起こす最も一般的に報告されているペアであるため、緑と赤の色の組み合わせをあまりにも多く使用しないようにしてください。 Mark Zuckerbergは緑と赤の色盲であり、彼は青を最高に見ているので、興味深い事実、Facebookは青です。

    最新のトレンドのための要求会議

    特定の色がトリガーする感情的な応答に関する完全なマーケティングガイドラインもあります。 黄色は若々しく楽観的であることに関連しています。 それは何かを購入するカジュアルなユーザーの注目を集めるために使用することができます。 青は信頼とセキュリティに関連しています。 銀行だけでなく、別の企業のアプリケーションは、多くの場合、この非常に理由のために青を使用しています。 また、医療アプリの設計と開発にも適しています。 同様に、グリーンは主に金融と幸福のアプリに関連付けられています。 それは目のためのリラックスした色であることが知られています。 高級製品やサービスに関連する用途は、その洗練された強力な性質のために黒を使用することがよくあります。

    色理論を使用してアプリのデザイン画面

    色理論は、重要なコンテンツが高コントラストであるべきであることを示唆しています。 これは、それがより区別できるようになりますが、アプリ全体でそれをやり過ぎると、ユーザーのための緊張を引き起こ 一方では、低い対照の技術はある美しいレイアウトのために作ると同時にデザイナー好みである。 読みやすさ(高コントラスト)と魅力(低コントラスト)の間の甘いブレンドを見つけるようにしてください。色の適切な使用法がいかに重要であるか否定はありません。

    色の適切な使用法がいかに重要であるか否定はありません。 人類の利益のために知識を発見し、拡大するというビジョンに忠実であり、NASAは色の使用法の話題についてかなりの研究を行ってきました。 彼らは彼らの研究から寄与するために公衆のための自由なオンライン資源を提供する。

    ボタンの色に焦点を当てることは、いくつかには些細なように見えるかもしれません。 実際には、ユーザーがコール-ツー-アクションボタンの色をテストして完成させると、コンバージョンが大幅に急上昇することが証明されています。

    認知負荷を最小限に抑える

    認知心理学の原則は、当然の設計プロセスで場所を発見しました。 認知負荷、すなわちタスクを完了するために必要な労力を減らすことは、アプリをユーザーが愛するものにする上で驚異を働かせることができます。

    認知負荷を最小化

    固有の認知負荷は、実行するタスクを知っている間に新しい情報を吸収するために必要なエネルギーです。 例えば、ユーザは、明確かつ短い方法で指示を与えられるべきである。 CTA(call-to-action)は同じページにある必要があり、ユーザーは決定を下すために画面間を移動する必要はありません。

    余分な認知負荷は、設計に低減する必要があります。 これは、手元のタスクに関連しておらず、精神的なリソースを消費しているものです。 一般的に、フォントの置き忘れ、コンテンツの過負荷、不適切な色の使用など、デザインの悪い結果です。

    認知負荷を軽減するために、視覚的な混乱を避け、デザインをシンプルにします。 人間の脳はすぐにそれがすでに知っているレイアウトやパターンを受け入れます。 ほとんどのアプリで、我々はサインアップのような一般的に使用される機能のためのほぼ同じパターンを参照してください理由です。

    ステップ6:アプリ内体験を完成させる

    空の状態のための設計

    アプリとの最初の対話は、ユーザーが快適になり、彼らに来るものを垣間見 これは思慮深く制作された搭乗の経験が入るところである。

    アプリのデザイン体験を完璧にする方法

    デザイナーは、アプリの塗りつぶしまたは移入デザインに多くの焦点を当て、多くの場合、新 この空の状態をより意味のあるものにするには、いくつかの方法があります。 アプリのガイド付きツアーは、ユーザーのために開始するのに最適な場所になることができます。 他のいくつかのケースでは、編集可能なサンプルエントリ(電子商取引アプリのダミーアイテムのような)を提供することは、ユーザーにとって非常に便利であ

    以前は、内因性認知負荷の原則について学びました。 この原則を念頭に置いて、ユーザーに提供される歓迎メモは短く、適切に配置された行動を促すものでなければなりません。

    片手ナビゲーションまたは親指に優しいレイアウト

    モバイルアプリの設計プロセスのステップを通過するように片手ナビゲーションを 親指が自然に達することができる画面のゾーンに実用的な要素を配置します。 タップターゲットは、簡単にタップできるように十分な大きさを持っている必要があります。 互いに非常に近い別のタップターゲットを配置しないでください。

    常に適切な間隔を使用します。 理想的には、蛇口区域のための好まれたサイズは7つから10のmm.theスクリーンの上の間に区域に達しにくいであり、大画面の場合にはグリップの変更を 誤ってそれを使用する危険性が軽減されるように到達するのは難しい場所で削除のような破壊的なアクションを配置します。

    適切なナビゲーションと視覚的な階層

    良いデザインは、アプリをナビゲートすることができるだけ無痛であることを保証します。 ユーザーは、シリーズの最初と最後の項目を覚えておく自然な傾向があります。 この現象は連続位置効果と呼ばれます。 研究によると、リコール能力は、シリーズ内の要素の位置によって影響される。 人間の脳は、シリーズの途中で要素を思い出すのが難しいと感じています。

    この理由のために、最新のデザインは、ハンバーガーメニューではなく、トップバーナビゲーションまたはボトムバーナビゲーシ 最も重要な項目は、ナビゲーションバーの右または左に配置されます。

    明確な視覚的な階層を持つことも非常に重要です。 視覚的階層は、画面上の要素のサイズとして定義されます。 一般的に、より重要な要素にはより多くの重みが与えられます。ステップ7

    ステップ7

    ステップ7: あなたのデザインの将来の証明

    変更は一定で否定できません。 たとえそれが初期のアプリ開発コストのわずかな増加を意味するとしても、新しい変更に対応するのに十分な柔軟性を備えた設計にしてくださ また、関連性を維持し、ユーザーに価値を提供し続ける必要があります。 これは、アイデア、設計、開発段階など、一般的なカスタムアプリ開発プロセスの場合に当てはまります。

    コンテンツの重要性

    アプリ内で使用される単語は大きな影響を与えます。 理解しやすい言葉を使用し、不必要な情報を避けてください。 最良のシーケンスと構造は、ユーザーにとって読みやすいものです。

    コンテンツは王です

    タイポグラフィはまた、デザインの最も強力な要素の一つです。 それはアプリをよりユーザーフレンドリーでアクセス可能にすることができます。 つい最近、私は”クマ”と呼ばれるこのクラウドベースのメモ取りアプリを使用し始めました。 Appleデバイス(iPhone、iPad、およびMac)でのみ利用できます。 私は一目でこのアプリと恋に落ちました。 私はAppleによってネイティブノーツアプリを捨て、完全にクマに切り替えました。 だから、私からそのような強い反応を誘発したのは何ですか? それはアプリの純粋なシンプルさと美しいタイポグラフィでした! 設計者は、ユーザーが単にそれを使用して楽しむような自然でシンプルな方法でアプリの強力な機能を提示するために管理しています。

    他のデザインのコピーを避ける

    既存のデザインをコピーしようとする価値はありません。 あなたは確かに最高の最高からインスピレーションを取ることができますが、コピーは大きなノーです。 すべてのアプリは、独自の方法でユニークです。 ターゲットとしている特定のユースケースと提供したい値を知っているのは、あなただけです。 あなたが望むように、他のデザインは、ユーザーにその価値を提供する上で十分ではありません。 結局のところ、あなたのアプリのための明確なデザインを作成することの報酬は、それに入るすべての時間とリソースの価値があります。

    革新することを恐れてはいけません

    設計プロセスで革新

    モバイルアプリの設計プロセス+あなた

    おめでとう! あなたは今、あなたのアプリのための特別なデザインを作成するための知識が装備されています。 あなたはあなたが望むアプリを達成するために一歩近づいています。

    デザインはオープンエンドのフィールドであることに注意してください。 いくつかの原則とベストプラクティスを列挙しましたが、最良の設計は必ずしもそれらのすべてを適用するとは限りません。 AppleやGoogleによるモバイルアプリケーションの設計ガイドラインのようなものは、ある程度実用的です。 多くの場合、ユニークなユースケースを解決すると、新鮮で革新的なデザインになります。 あなたが作成してしまう可能性がありますどのような素晴らしい製品を知っていないので、新しいものを試すことを恐れてはいけません。

    同時に、この包括的なガイドで概説したアプリを設計するプロセスに従うと、最も一般的なユーザーインターフェイスと経験の落とし穴を回避できまあなたはあなたの夢のアプリを設計する助けが必要ですか?

    あなたの夢のアプリを設計する助けが必要ですか? 私たちはNYC、LA、マイアミのアプリ開発者であり、私たちのチームはあなたを助けるためにここにいます。 今すぐ私たちに手を差し伸べてください。

    よくある質問

    重要なモバイルアプリの設計手順は何ですか?

    ユーザーテスト、開発チームのフィードバックの取得、アクセシビリティのための設計、多くの画面の設計。

    iOSとAndroidで同じアプリデザインを使用できますか?

    AppleとGoogleのUXガイドラインに固執することをお勧めしますが、それらは異なります。 人々は両方のプラットフォームで特定の経験に慣れており、それはわずかに異なるデザインを使用することを意味します。 ユーザーテストにはどのようなサービスを使用することをお勧めしますか?

    Usertesting.com

    アプリ内体験を完成させるための他のアドバイスは何ですか。

    ユーザーに一貫した体験を提供していることを確認してください。 これには、前の画面などに移動するためのOSの典型的なジェスチャーに固執することが含まれます。

    あなたのアプリのヘルプを探していますか?

    プロトタイプから本格的なアプリまで、私たちはあなたが勝つために設定されている製品で記録的な時間で市場に出回るのを助けます。

    私たちは助けることができます:

    相談をスケジュール

    戦略

    プロトタイプから本格的なアプリに、私たちはあなたが勝つため
    デザイン

    あなたのアプリは、平均的なデジタル体験を超えてあなたの顧客を魅力的なユニークな視覚的な魅力を持っています。
    開発

    アプリを安全かつ簡単にスケールアップして維持するために、関連するテクノロジを選択します。

    相談をスケジュール

    コミットメントはありません。 $57Mは、これまでに調達しました。

    div

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です