プロトタイプがモバイル UI デザインの失敗を防ぐ 6 つの方法
公開: 2015-10-29デジタルプロトタイプの価値は何ですか? コードの最初の行を記述する前に、ユーザー エクスペリエンス (ページ遷移からインタラクションまで) を完全に計画しておくことで、貴重な時間と予算を節約できるだけでなく、潜在的な危機を回避することもできます。 紙の上では見栄えがよくても画面にうまく反映されないモバイル UI デザインから、最終製品の品質をハッキングしながらチームの士気を低下させるプロジェクト管理の SNAFU まで、インタラクティブなプロトタイプが解決できる頭痛の種は数多くあります。
デザイナー、開発者、起業家によると、デジタル プロトタイピングがモバイル UI 設計を節約する 6 つの非常に貴重な方法を見てみましょう。
プロトタイプは、すべての利害関係者を同じ認識に導くのに役立ちます。
クライアント、アカウント マネージャー、デザイナー、開発者、テスター、ユーザーの間を結び付ける力は何ですか? このデジタル プロトタイプについて、毎週 UX ニュースレターを発行しているニューヨークの UX デザイナー、Sarah Doody (@sarahdoody) 氏は次のように述べています。
「モバイルアプリの設計では、プロトタイピングはチームがアイデアを迅速に実現するのに役立ち、関係者全員が製品開発プロセスの早い段階でアイデアを吟味して貢献できるため、非常に重要です。 チームがしばしば直面する大きな課題は、あまりにも多くの仮説的な話や議論です。 プロトタイプを使用すると、チームは具体的なことについて話し合うことができ、より良い議論、アイデア、およびコラボレーションが促進されます。
モバイル UI デザイナーのバランスをとる作業は、アプリがユーザーに提供できる価値とともに、ビジネスの目標または機会を特定することです。 プロトタイプが作成されると、ユーザーとアイデアを検証するためのツールとして機能するだけでなく、プロジェクトに携わる全員が期待される機能について同じ認識を持つための会話ツールとしても機能します。
プロトタイピングがモバイル UI 設計プロセスから取り除かれると、企業は完全に機能するアプリを作成するために何千ドルと何時間も投資することになり、エンド ユーザーに価値を提供できなくなります。」
プロトタイプは、デザイナーと開発者の間の人事トラブルを防ぐことができます。
デザイナーと開発者は友達になれますか? Pocket Prep (@pocketprep) の共同創設者兼 CEO である Peter Murphy 氏によると、標準化されたテストと専門的な認定のための学習ソリューションを提供する e ラーニング アプリ プラットフォームです。
— デザイナーが実物そっくりのデジタル プロトタイプを作成する場合。
そのプロトタイプがなければ、両者の関係は危うくなる可能性があると Murphy 氏は言います。
「プロトタイピングは、UI と UX の間の結束を構築するのに役立ちます。 インタラクティブなアプリのプロトタイプにより、デザイナーはアプリの外観以上のものを表現できます。 また、アプリの流れを表現することもできます。 多くの場合、予算が限られている企業は、プロトタイピング プロセスを放棄して、単純なワイヤーフレームや手書きのスケッチや図を含むメモのコレクションを優先します。 設計者の善意はそこにありますが、開発フェーズが始まるとそれは台無しになります。
最近の Android アプリのオーバーホールでは、オンライン プロトタイプ サービスを使用してアプリのモックアップを作成しましたが、新しいデザインは素晴らしいものでした。 私たちの小さなチームは、いくつかの欠落した画面がどうなるかについて多くの質問をしましたが、デザイン チームは、デザイン、ジェスチャー、フローが Android のベスト プラクティスに従っていることを確認しました。 おっとっと！ 設計チームがプロトタイプを開発チームに引き渡したとき、すべての紐が緩み、アプリ ビジネスの核心にある詳細が見落とされていました。
対話型のプロトタイプを作成することで、アプリの意図する複雑さのレベルに関係なく、設計と開発の非常に多くの失敗を防ぐことができます。 これらの静止したワイヤーフレームと活気のないモックアップは、アプリが実際よりも単純であることを示唆している可能性があります。 ユーザーのポートレートをタップするとどうなりますか? ジェスチャーはどうですか？ 戻るボタンをタップすると、ユーザーはどこに移動しますか? 悪魔は常に細部に宿ります。プロジェクトの要件が実際にどれほど複雑であるかを理解するには、時間をかけてユーザー エクスペリエンスを計画する必要があります。
「デザイナーは、開発者ができることとできないことを理解していないようです!」
Pocket Prep は、テクノロジーが急成長しているシアトルに拠点を置いているため、アプリ開発に関する長い会話に没頭することがよくあります。 iOS 9 のリリースに伴い、近日中に予定されている iOS アプリのデザインのオーバーホールに関する質問が殺到しています。 地元のゲーム スタジオで開発者をしている友人は、たまたま「開発者はデザイナーが嫌いだ! 私たちは常にお互いに戦います。 少なくとも私が働いている場所では。 デザイナーは、開発者ができることとできないことを理解していないようです!」
これこそが、完全に完成した詳細なアプリ プロトタイプが必要な正確な理由です。 それなしで行くことは、レストランの常連客が半分の食事を注文し、ウェイトレスがテレパシーで彼らが望む他のすべてを知っていることを期待するようなものです. インタラクティブなプロトタイプは絶対に必要ですが、アプリの限界をしっかりと理解することに代わるものではありません。 設計チームと開発チームの間には常に相乗効果が必要です。 鍵となるのは、チームを後退させ、そうしなければ、時間のかかる回避可能なやり直しが発生するような災害を防ぐことです。」
あなたにおすすめ:
反営利条項はインドのスタートアップ企業にとって何を意味するのか?
Edtech スタートアップがインドの労働力のスキルアップと将来への準備をどのように支援しているか...
今週の新時代のテック株：Zomatoのトラブルは続き、EaseMyTripはスト...
インドの新興企業は資金調達を求めて近道をする
デジタル マーケティング プラットフォームの Logicserve が 80 億ルピーの資金を調達し、LS Dig...
レポートは、Lendingtechスペースに対する新たな規制精査を警告しています
プロトタイプを作成することで、クライアントやユーザーが嫌うモバイル UI デザインを作成する手間を省くことができます。
Cassie Byers はビジュアル デザイナー、Kenna Hasson は Events.com (@eventsdotcom) の UX デザイナーです。 彼らにとって、デジタル プロトタイプの最大の価値は、クライアントやテスターから詳細なフィードバックを得ることです。
Byers 氏は次のように述べています。 「悪い」プロトタイプは好きなだけ作成できます — それらは全員が同じ認識を持つのに役立ちます。 視覚的なデザインや開発に直接飛び込むだけでは、考えられるすべての風景について考える十分な時間がありません。」
Hasson 氏は次のように付け加えています。 まだ進行中であり、最終的ではないと考えるものを見ていると、人々は懸念を表明することを躊躇しなくなります。」
Byers 氏は、プロトタイピング プロセスが UX の危機を回避するのに何度か役立ったと述べています。 「結局のところ、それがプロトタイプの目的です。 すべての相互作用を考えられるように、実行可能なプロトタイプを好みます。 これは、最終的なモバイル UI デザインの前にユーザー テストを行うための優れた方法でもあります。」
ハッソンは同意します。 「ボタンの配置からインタラクションのデザインまで、プロトタイプのユーザー エクスペリエンスの問題を日々特定しています。」
「モバイル UI のデザイン プロセスからインタラクティブなプロトタイプを取り除くことは、請負業者が間取り図なしで家を建てようとするようなものです」と Byers 氏は言います。 「詳細を追加する前に、フレームワークをレイアウトする必要があります。」
「大惨事になるぞ！」 バイヤーズは付け加えます。 「プロトタイプがなければ、インタラクションやデザインについて協力したり、実行可能なユーザー テストを実施したりする方法はありません。」
インタラクティブなプロトタイプは、予算と帯域幅の災害からあなたを救うことができます.
モバイル アプリのアカウント マネージャーの皆さん、心に留めておいてください。プロトタイプを使用すると、帯域幅が限られているチームのプロジェクトの範囲を決めるときに、作業がずっと楽になります。 これは、オンデマンドのソフトウェア開発会社である Gigster (@trygigster) の CEO である Roger Dickey にとって大きな成果の 1 つです。
「私の経験では、プロトタイピングによって、数千時間とは言わないまでも、数百時間の開発時間を節約できます。 多くのテクニカル ファウンダーは、落ち着いてコードを書くことを好みます。 代わりに、クリック可能なプロトタイプをすばやく作成できれば、製品を潜在的なユーザーの手のひらに乗せて、すぐにフィードバックを得ることができます. これにより、人々を本当に興奮させる何かができるまで反復できます。その後、座って美しいコードを書くことに集中できます。」
プロトタイプは、知識のギャップを克服するのに役立ちます
Greg Archbald は、中小企業から国内最大級の独立事業者まで、さまざまな顧客を持つ石油およびガス技術企業である GreaseBook (@GreaseBook) の創設者兼 CEO です。 このような競争の激しい業界では、クライアントが何を求めているかを理解する上で、プロトタイピングが命を救うことができると Archbald 氏は言います。
「私たちは油田と非常に密接に連携していますが、決して油田の専門家ではありません。 私たちが知っていることはすべて、電話やオンライン、クライアントとの会話を通じて吸収します。
プロトタイピングは、想像以上に多くの時間を節約してきました。 プロトタイピング ツールを使用することで、コード作成者でなくても (私のように)、アプリの計画どおりの外観と機能を備えたアプリを作成できます。 これにより、クライアントとのターンアラウンドタイムが大幅に短縮されるだけでなく（通常は翌日です！）、非常に厄介で非常に費用のかかる災害を防ぐことができました. 開発者に完成品を見せているので、開発者とのコミュニケーションは簡単になります。
このプロトタイピングはすべて、競合他社よりも優位に立つのに役立ちます。競合は通常、当社よりもはるかに大きく、資金も豊富です。 また、私たちがサイドで開始する新しいプロジェクトは、最初に投資する費用と時間をほとんどかけずに、プロトタイプを作成 (場合によっては販売) することができます。
しっかりしたプロトタイピング ソフトウェアがあれば、もう言い訳はできません。 ビジネスを成長させる (または新しいビジネスを始める!) 際に立ちはだかるのは、あなたの想像力だけです。」
場合によっては、プロトタイプが安全上の問題を回避するのに役立つことさえあります。
モバイル アプリは、生活をより便利に、または楽しくするためだけのものではありません。 キャンパスの安全とセキュリティ サービスである AppArmor (@AppArmorMobile) の David Sinkinson 氏にとって、モバイル UI デザインのプロトタイプをテストすることは、人々を危険から守るための重要な要素です。
「当社ではプロトタイプを使用して製品をテストすることがよくありますが、実際にはプロトタイプを顧客に提供して、UX とデザインの問題を精査しています。 たとえば、App Armor は、カナダ、米国、オーストラリアの大学、短大、および私立機関向けのカスタム モバイル安全アプリケーションを作成しています。 ただし、各アプリは、その独自のコミュニティのニーズを満たすようにカスタマイズされています。 これは、美学 (ロゴ、色など) と文字通りのワイヤーフレームの両方に当てはまります。
私たちのアプリは緊急時に使用するためのものであるため、これらのプロトタイプをテストすることは非常に重要です。 緊急時には数秒が貴重です。そのため、モバイル UI のデザインができるだけユーザーフレンドリーになるように最適化されていないと、ユーザーはより危険にさらされます。 それほど深刻ではありませんが、パートナー機関と協力してデザインを構築すると、より多くのダウンロードが保証される傾向があります。」
スマート プロトタイピングはスマート ビジネスです
モバイル UI デザインの堅固なデジタル プロトタイプは、アプリの全体的なクリエイティブ プロセスの重要な要素ですが、優れたプロトタイプとはどのようなものでしょうか? 完成品に似ているほど良いです。 つまり、アプリの全体的な流れとデザインだけでなく、アニメーション、トランジション、インタラクションを可能な限り本物そっくりにすることも意味します。 こうすることで、開発者は、作業が完了したときにベータ版がどのように表示され、どのように感じられるべきかを正確に把握できます。
最初は 10 月 23 日にプロト ブログに掲載されました。