web-dev-qa-db-ja.com

設計に関してプロトタイプとどこまで行くべきですか？

ionic platform： http://ionicframework.com/ を使用して最初のモバイルアプリを構築しています

現在、Ionicクリエーターツールを使用してモバイルアプリのビジュアルを作成しています。

これは私の最初のプロトタイプですが、プロトタイプでアプリをどこまで設計すればよいのかについて、少し混乱していますか？

たとえば、見た目どおりにアプリを設計し、ionicツールを使用してアプリを作成し、残りのコードを使用するか、モバイルプロトタイプを作成する必要がありますか。アプリをどのようにレイアウトしたいか、そしてカスタムデザイン作業をコードに手動で入力する方法の一般的なアイデアに？

他の誰かがこの状況にありましたか？もしそうなら、それを行う最善の方法として何をお勧めしますか？ありがとうございました！

mobiledesignux-designerprototype
2
Dirk Dunn

一般に、状況によって異なります。まず、UXのすべての側面において、UXは実際には適切な研究を行うことです。しかし、適切な研究を行うには、適切な質問も必要です。基本的な質問のプロトタイピングについては、正確に何を学びたいですか？すべてではないにしても、ほとんどの場合、事前定義された目標の関数になります。 1 非常に限定された例は、「毎月の売り上げを15％増加させるには、素敵な大きなバナーを私のサイトのトップ」。

あなたの質問の次の部分もその研究によって答えられます。ユーザーから多くのことを学ぶほど、プロジェクトの微調整を行うために必要な詳細情報が必要になります。 2

そのため、いくつかのフォームまたはプロトタイピングがあるので、いくつか挙げておきます。

  • プレタイピング：この段階では、まだ問題領域のあるベースに触れています。文字通り、それを壊すまで偽物です。たとえば、可能性の1つは、「偽のドア」を提供することです。そのような設定では、たとえば、彼のフロントページに偽の「ニュースレターを購読」ボタンを配置します。この機能が近づいていることを伝えるメッセージが害を及ぼすことはありませんが、ボタンが実際に誰かをサブスクライブすべきではないという意味での偽造です。ボタンのクリック数が多い場合は、このことから学ぶことができます。
  • 紙のプロトタイピング：ここでは、紙に何かを描くだけで、コンピュータの「シミュレーション」を行って、相互作用について学ぶこともできます。レベルが低い enter image description here
  • ワイヤーフレーム：これはあなたのサイトのレイアウトのアイデアをあなたに与えるだけです、それはすでに何かが解釈されるか、または振る舞うべきである（例えば、ナビゲーションメニューのテスト）の良い意味をすでに与えているかもしれません。 enter image description here
  • コード化されたプロトタイプ：これは最も時間がかかりますが、アイデアの最も真のバージョンを提供します。ただし、ほとんどの人はコード化されたプロトタイプにあまりにも多くの時間を費やす傾向があり、それに結び付けられすぎて、最悪の場合、それをソフトウェアのコアとして使用します。

ご覧のとおり、投資する時間はできるだけ短くし、学習したいことを考慮してください。

enter image description here

最後の注意として、頻繁にビルドし、すぐに作業を表示してすぐに失敗します。失敗は何がうまくいかなかったかについての知識をもたらすからです。投資する時間が長くなるほど、愛着が増し、完璧な製品が得られる可能性が低くなります。下の図では、新しくガッターされたデータに基づいて構築されるたびに、リリースサイクルがどのようになるかを確認できます。

build-measure-learn

開始するには、いつでもUX Canvasに入力して、プロトタイピングフェーズ（IMOが終了するまでIMOが終了することはありません）をガイドするのに役立ちます。 8

レビューの早い段階で、SUSを計算するか、プロトタイプに対してユーザーテストを行うことで、さらに学習できます。

推奨資料：

3
Xabre