初期のモバイルアプリのプロトタイプ作成

プロトタイプとは何ですか?

紙の上のスケッチのセット、Photoshopの「スクリーンショット」、HTML画面、「アニメーション化された」javascript、作業レイアウト?

そして今、改正で:電話用のプロトタイプアプリケーション。 デスクトップ画面や紙のチャートを見て、モバイルアプリケーションのインターフェイスを評価するだけで十分ですか?

そうではないと思います。 将来のUIのすべての部分を「実行中」に見ることができるデバイスにインストールされたプロトタイプは、贅沢ではなく、開発の最も責任があり、必要な段階の1つです。 その利点は何ですか?また、どのくらいのリソースを費やす必要がありますか? これはゲームに関するものではないとすぐに言わなければなりません。

何言ってるの?

モックアップ-アプリケーションのメイン/すべての部分、コンテンツ(偽のデータ)を表示するコントロールなどを含み、ナビゲーション/ユーザータスクの解決を可能にする作業プロトタイプについて説明します。

当然、このようなプロトタイプにはUI要素のセットに制限があり、コンピューティング機能はほとんどまたはまったくありません。

このようなプロトタイプはUIデザイナーが作成する必要があるようです。 彼はプログラムすべきではありませんが、「実用的なアプリケーション」を提供すべきです。 これを行うには、Photoshop以外のものが必要です。 彼は開発環境の職場を必要としています。 そして今日、ますます多くの開発環境が彼にそのような巣を提供しています!

議論のために、2つの質問を取り上げます。
  1. 動作中のプロトタイプには、回路図表現よりも利点がありますか?
  2. このようなプロトタイプを作成して使用するには、どれだけの労力が必要ですか?

プロトタイプモバイルアプリケーションの利点。

「古典的なプロトタイピングスキーム」のように、スケッチまたは精巧な「スクリーンショット」または巨大な状態図の形で一連の画面を構築します。 したがって、利点:
  1. たとえば、「ネイティブ」な4インチ形式のインターフェイスを視覚的に操作する方法。 「小さな画面、太い指」と入力します。
  2. ユーザビリティの評価、アプリケーションの人間工学、実際のナビゲーション

    カスタムスクリプトのテスト中。
  3. 「想像力」だけでなく、プロジェクトの幅広い人々を議論に結び付ける能力。
  4. すべてのアプリケーションブロックのかなり詳細な実装の可能性、またはすべての詳細のUI全体の可能性。
  5. グラフィックデザインを使用してプロトタイプを「最終製品」にします。
想像してみてください。TKの作成と承認の段階で、実用的なアプリケーションを入手できます。 デバイスで直接、テスト、プロジェクト管理/クライアントの表示、ユーザビリティエラーの確認と修正、グラフィックデザインのさまざまなオプションの実験を行うことができます!

発行価格に移りましょう。 この段階では、プロジェクトの予算の半分と3か月分の作業を費やしますか、それともすべてをより速く、より安く実装できますか?

彼らは、紙のプロトタイプは1〜2日で描かれ、すぐに議論され、修正され、その後廃棄されるべきだと言います。 作業の追加の1週間半で、プロトタイプの有効性を評価する準備はできていますか? それとも、たぶん1〜2日でできますか?



IDE開発者はUIデザイナーを思い浮かべます!



クリエイターが自分の環境でデザイナーの職場を作ることを明確に懸念しているツールの短いリストを教えてください。 リストを完成させ、代表者の重要性を強調してください。

アナライズされたジョブフラッシュから開始できます。



UIデザイナーツール



フラッシュ触媒


アドビは、最前線で、プログラマーが常に扱っているものを作成するためにデザイナーを引き付けました。 また、同社の製品の最新バージョンでは、UIデザイナーの開発環境に本格的な職場を組織するという意欲を示しています。



QTクイック。


キットは常に何を誇っていましたか? 「ネイティブのクロスプラットフォーム。」 ただし、現在ではアプリケーション設計者向けの新しいツールも用意されています。 そして、プレゼンテーションは、ガラス上のカラスのように、デザイナーが手に入れる視覚効果に焦点を当てています。



Windows Phone 7のExpression Blend。


ユビキタスM $は何を提供しますか? SilverLightをビジネスアプリケーション開発の基本ツールとして明確に宣伝することに加えて、彼女はクールなプロトタイピングツールを展開しました。 「すぐに使える」テンプレートには、既製の偽データのセットさえあります。 アプリケーションでは、「40個の要素、それぞれが画像、タイトル、テキストで構成されている」などのパラメーターを設定するだけで、エミュレーター/デバイスでは、すぐに「既製のオンラインストア」、「連絡先リスト」、「ニュースフィード」を受け取ることができます。



結果。



開発環境で特別なツールを使用してユーザーインターフェイスを作成するには、UIデザイナーが数週間ではなく数日を必要とすると言っても過言ではありません。 最も魅力的なのは、開発者がこの「シェル」を「埋める」ことができ、プロトタイプが紙のようにバスケットに飛び込むことがないことです。

たとえば、AppleはModel-View-Controllerの概念を推進しており、私の意見では、プロジェクトの責任の配分についてヒントを示しています。データ構造-設計者、管理-開発者、マッピング-UIデザイナー。

プロジェクトの初期段階でプロトタイプを使用することについてどう思いますか?



All Articles