常にモバイル プロトタイピングを選択する必要がある理由

公開: 2016-01-10

そして、アプリの UI モックアップで満足することはありません

[ Proto .io は、起業家や新興企業が実際のアプリのように見える完全にインタラクティブでリアルなプロトタイプを作成するために使用する主要なモバイル アプリ プロトタイプ作成ツールです。]

ほとんどのデザイナーは、グラフィック デザインや Web のデザインを学ぶことからキャリアをスタートさせます。 重複する部分はありますが、モバイル アプリのデザインへの切り替えは必ずしも簡単なことではありません。 モバイル アプリの設計には、ユーザー エクスペリエンスとインタラクション設計に関する深い知識が必要です。 静止したイメージでデザインを考えるのをやめることが求められます。

グラフィックデザインタイポグラフィーからモバイルプロトタイピングまで
グラフィック デザインからモバイル アプリの UI デザインに移行するには、学習プロセスと考え方の切り替えが必要です。

モバイル時代は、デザインに対する考え方だけでなく、デザインへのアプローチ方法も変えました。 モバイル アプリのユーザー インターフェース デザインの進化し続けるベスト プラクティスに従って、デザイン ワークフローを変更します。 一夜にして慣習となる新しいアイデアを思いつきます。 そして、私たちが知らないうちに、それらは陳腐化への道を歩んでいます。 確かに、今はモバイル アプリ デザイナーにとってエキサイティングな時期です。

デザイナーとして、私たちは絶え間ない革新と学習に従事しなければなりません。 また、デザイン ワークフローに真の価値をもたらすアイデアにも注意を払う必要があります。 モバイル プロトタイピングは、多くの人が設計プロセスにとって重要であると認識している 1 つです。 確信が持てない場合は、モバイル アプリの UI モックアップで妥協してはならない 5 つの理由を以下に示します。 モバイルアプリのデザインに関しては、代わりに常にプロトタイプを選択してください。

  1. 見ることが理解するとき: いつ見せることができるかを伝えるのはなぜですか?

Show and Tell は、私たち全員がよく知っている概念です。 多くの国では、人前で話すスキルを教えることが教室での一般的な活動になっています。 学生はクラスに見せるアイテムを持ってきて、それについて話します。

UI モックアップをデザインの世界に適用すると、アプリ デザイナーが選択して見せたり伝えたりすることができます。 モックアップは、デザイン アイデアをピクセル単位で完璧に表現したものです。 Photoshop などのツールを使用して、デザイナーはモックアップを作成し、製品のルック アンド フィールを伝えます。 しかし、製品が実際にどのように機能するかということになると、デザイナーは多くのことを伝えます。

それの何が問題なのですか? これについて考えます。 誰かにサッカーを説明する場合、ボールの写真を見せてから、蹴り方を教えますか?

フットボール テーブル ショー アンド テル
フットボールテーブルゲームは、言葉で説明するよりもフットボールを説明するのに効果的です. 同様に、モバイル プロトタイピングでは、デザイナーは説明するのではなく、見せることができます。

伝える必要がありすぎるため、モバイルアプリの UI モックアップは最適なソリューションではありません。 モバイルアプリは、伝えるよりも、より多くのショーを必要とします。 モバイル向けのデザインは、モーション向けのデザインです。 モバイル アプリは、最適な方法で要素を配置するキャンバスではありません。 インタラクティブ機能が組み込まれています。

モバイル向けのデザインに関しては、アプリの UI モックアップで妥協しないでください。 モバイル アプリが実際に機能するために必要な対話を示す方法は提供されません。 製品が何をするのかさえ、本当の意味で理解することはできません。 モバイル アプリの UI モックアップは、表面的には見栄えがします。 静かで活気がない。 美しく非機能的。

UI モックアップよりもインタラクティブなアプリ プロトタイプを選択すると、見ることが理解することであることがわかります。 モバイル プロトタイピングでは、インタラクションを含めて、アプリの現実的な近似を示すことができます。 モバイル プロトタイプを使用すると、アプリがどのように機能するかを説明するのではなく、見せることができます。

無題

2.コミュニケーションの失敗を避ける

昔、人々はラジオでスポーツの試合を聴いていました。 有能なスポーツ解説者がこのゲームを説明する方法は独特でした。 彼らの言葉を通して、私たちはフィールドでのあらゆる瞬間の正確な出来事を想像しました。 私たちは興奮の高まりと落胆の衝撃を感じました。 彼らの声は感情を伝え、力を体現していました。 多くのファンの心をシンクロさせた。 彼らは想像力をかき立てました。

あなたにおすすめ:

反営利条項はインドのスタートアップ企業にとって何を意味するのか?

反営利条項はインドのスタートアップ企業にとって何を意味するのか?

Edtech の新興企業がどのようにスキルアップを支援し、従業員を将来に備えさせるか

Edtech スタートアップがインドの労働力のスキルアップと将来への準備をどのように支援しているか...

今週の新時代のテック株:Zomatoのトラブルは続き、EaseMyTripはスト...

インドの新興企業は資金調達を求めて近道をする

インドの新興企業は資金調達を求めて近道をする

デジタル マーケティングのスタートアップ Logicserve Digital は、代替資産管理会社 Florintree Advisors から 80 Cr の資金を調達したと伝えられています。

デジタル マーケティング プラットフォームの Logicserve が 80 億ルピーの資金を調達し、LS Dig...

レポートは、Lendingtechスペースに対する新たな規制精査を警告しています

レポートは、Lendingtechスペースに対する新たな規制精査を警告しています

私たちのほとんどは、スポーツの解説者に向いていません。 私たちは言葉を魔法に変える訓練を受けていません。 デザインレビューもスポーツゲームではありません。 クライアントと開発者は、想像できるほどデザインをよく知りません。

ビンテージ ラジオ スポーツ コメンテーター
スポーツの試合が放送されていた昔のラジオ。 ただし、デザイナーは常に有能なコメンテーターであるとは限らないため、モバイル プロトタイピングが重要です。

ですから、想像力を働かせるように言わなければならない場合、それはコミュニケーションの失敗です。 それはうまくいきません。 「クリックすると、このボタンが 100 ミリ秒以上の滑らかな動きでトップバーに展開されると想像してください」. このようなコメントは、混乱を招くだけです。 人々は、静止画像に基づいて動きを視覚化するのに苦労しています。

3. 開発プロセスの合理化とスピードアップ

デザイナーと開発者にとって、モバイル プロトタイピングは、両者の間のやり取りを大幅に削減します。 モバイル プロトタイピングをワークフローに組み込むことで、デザイナーは本来の仕事に集中できます。 つまり、より優れたユーザー エクスペリエンスを作成します。 インタラクティブなアプリのプロトタイプを扱う場合、デザイナーはアプリのインタラクティブ性に磨きをかける必要があります。

モバイル アプリの UI モックアップで満足している場合は、メールの暴走に備えてください。 設計を開発者に引き渡した後、詳細について説明を求められる場合があります。 または、あなたが残したメモに。 または、技術的な制限を指摘してください。 次に、あなたの設計は実行可能ではないため、彼らはそれから逸脱する可能性があります.

最終製品がクライアントの想像とまったく異なる場合、修正に多額の費用がかかる可能性があります。 変化の程度にもよりますが、三者三様の往復は時間の無駄です。 デザイナーからクライアントへ、デザイナーから開発者へ… プロセスをもう一度やり直すようなものです。 代わりにモバイル プロトタイピングを選択することでそれを回避できるのであれば、なぜ面倒なことをするのでしょうか?

モバイル アプリのプロトタイプを使用すると、開発者は何をする必要があるかを最初から把握できます。 機能が実行可能かどうかをすぐに判断できます。 そうでない場合は、すぐに設計変更を要求できます。 クライアントは、最終製品がどのようなものになるかについて明確な考えを持っています。 モバイル プロトタイピングが提供するものは、アプリ開発プロセスの合理化とスピードアップです。

4. できるだけ早く問題を取り除く

コードを変更するよりも設計を変更する方が、コストがかからず、問題を修正する方がはるかに簡単です。 モバイルアプリの問題点は、多くの問題が一見しただけでは気付かないことです。 設計上の問題を明らかにするには、実際のモバイル デバイスでアプリを使用してテストする必要があります。

モバイル プロトタイピングは、できるだけ早く問題を取り除く良い方法です。 これは、コードが書かれる前の方法を意味します。 見栄えの良いアプリだけでなく、可能な限り最高のユーザー エクスペリエンスを作成することを確実に目指します。

たとえば、インターフェイスのガイドラインに従ってタッチ ターゲットを設計したとします。 とはいえ、ちょっと使いにくいことに気付くのは使ってみてからです。 ターゲットを移動するということは、レイアウト全体を調整することを意味します。 アプリの開発後にこれらの変更を行うには、時間とコストがかかります。

動揺したデザイナーまたは開発者
悲しい顔文字を仮面にかざす男性。 これは、デザイナーと開発者がうまくいかないときに生じる一般的な感情です。

製品全体を構築しなくても、実際の UI アニメーションを確認することもできます。 モバイル プロトタイプを使用すると、インタラクティブな要素の問題を簡単に特定できます。 アニメーションや画面遷移がうまく機能していることがよくわかります。 視覚的なフィードバックが不足していませんか? それとも遅すぎる? 多分多すぎる?

5. アイデアからテストまでを一瞬で

アイデアはいくらでもあります。 アプリ ストアでは、毎日何千もの新しいアプリがリリースされています。 それらのいくつかはそれを大きくします。 しかし、彼らの多くは日の目を見ることさえなかったはずです。 アイデアが面白そうに見えるからといって、それを開発する必要があるわけではありません。

モバイル プロトタイピングは、モバイル アプリのアイデアを検証するための迅速かつ簡単な手段を提供してくれます。 ユーザー フィードバックから学ぶことは、モバイル アプリ開発サイクルの初期段階で非常に重要です。 アイデアが不安定であることが判明した場合、設計と開発に費やす必要はありません。 これについては、正しい方法でモバイル アプリ ビジネスを開始する方法に関する記事で詳しく説明しています。

設計プロセス中に、自分自身とお互いを推測するのはよくあることです。 「あれじゃなくてこれとこれだったら?」 次に、主に個人的な好みに基づいて設計上の立場を擁護する深い議論に巻き込まれます。

ユーザーに聞いてみませんか? アイデアをモバイル プロトタイプに入れ、簡単なテストを実行できます。 これにより、設計と再設計、および社内での議論に費やす時間を節約できます。

1

モックアップにノー、モバイルプロトタイピングにイエスと言う

ニーズに合ったモバイル プロトタイピング ツールを選択することは、プロトタイピング自体と同じくらい重要です。 使いやすく、機能がぎっしり詰まっている必要があります。 最も複雑なインタラクション デザインでさえもデモンストレーションできるはずです。 間違いなく、高速に動作し、信頼性が高くなければなりません。 そのために、 Proto.ioを試して、とてもリアルなインタラクティブなアプリのプロトタイプを作成してください。