設計者として、私たちは常に最も効果的なソリューションを見つけるためにさまざまなツールとプロセスを試しています。 こうした大量の実験の後、私は理想的なワークフローを開発しました。これをこの投稿で共有します。 デザインはプロセスであり、以下で説明するこのプロセスの変形は、ユーザーがとても愛するいわゆる「習慣形成」製品（つまり、習慣を形成する製品）を作成するためにすべてのプロジェクトで使用されました。
1）アウトライン（ 紙とペン ）-すべての素晴らしいデザインは紙の上に生まれます。 シートとペンを取り出し、いくつかの図形の描画を開始します。
2）次に、スマートフォンでスケッチを撮影し、 POPにアップロードする必要があります。 したがって、プロトタイプをテストできます。
3）次に、ワイヤフレームを作成する必要があります。 スケッチだけでは十分ではありません。 ほとんどの場合、ワイヤーフレームが必要です。 オプションはありません。 Omnigraffleを開き、このアプリケーションでワイヤーフレームを作成します。
4）突然、ドロップダウンメニューを追加する必要があることに気づいたため、 Balsamiqのワイヤフレームの一部をやり直す必要があります。
あなたが3年生のために引くなら悪くありません。
5）バルサミクが死ぬまで嫌いで、Axureでそれを作り直したと想像してください。
6） Axure to deathが嫌いで、 Adobe WireでUI Wireframing kitを使用して89ドルで同じことをすることにしたと想像してください。
7）これらのワイヤフレームをPNGファイルにエクスポートし、Invisionにインポートして、チームと共有できるようにします。
8）同僚がInvisionでプロトタイプについて非常に冷淡なコメントをしたため、翌朝目が覚めてシリアルのボウルに泣きました。
ちなみに、なんて美味しいものでしょう。
9） Invisionを二度と使用しないことにしました。 そして、すべてが不満の同僚のために。
10）同僚がMarvelにコメントを投稿する方法を見つけられないように、 Marvelでプロトタイプをやり直します。
11）目標を達成しました。 ワイヤフレームが承認されました。 より詳細なプロトタイプを作成するときが来ました。
12）誰もがそのようなニーズに使用するフォトバンクから写真を撮り、 Photoshopを使用してそれらを最適化します。
かなり最適化されています。
13） Sketchを開き、アプリケーションのUIの作成を開始します。 実際の製品のように見え始めます！
14）これらをPNGファイルとしてエクスポートし、画面をFlinto Liteにインポートします。
15）ジェスチャーが必要だと想像してください。Flintofor Macに 99ドルを支払うと、ジェスチャーを追加できます。
これらは異なる人々です！ 非常に重要です！
16）あなたの上司/創業者/クライアントは「自分の電話に別のアプリケーションをインストールしたくない」ので、iPhoneでFlintoをダウンロードすることを拒否します。
17）設計を原理にインポートし、相互作用を追加します。
18）想像してください、原理はビデオのようなプロトタイプをエクスポートします！ 謙虚に。 すべて順調ですよね？
19） Pixateは無料でダウンロードできるのはなぜですか？
20） Pixateの使用方法を理解してください（幸運を祈ります）。
21）コンピューターをクラッシュさせたいだけです。 可能であれば、この欲求に抵抗することをお勧めします。 これらはすべて、創造的なプロセスの一部です。 最初に、新しいレベルに上昇するために落ちる必要があります。
22） Pixateがあなたをハンドルに連れてきたら、シーナリーを変更し、 Framerの無料試用版をダウンロードします。
有望に見えます！
23）昼食のために休憩を取る。 あなたはそれに値する。
タコスは素晴らしい選択です。
24）昼食から戻って、Framerの試用版の有効期限が切れていることに気付きます。 （まじめな話、トライアルはわずか32分です）。
25）もう一度、プロトタイプを作成しますが、すでにJustinmindにあります。
26） Justinmindファイルが送信された同僚からの良い光線をキャッチします。 チームの誰もJustinmindについて聞いたことがない。
27）窓から飛び出すことを検討してください。しかし、抜け道があります-友人が新しいプロトタイピングツールについて話してくれました。
これはあなたです。
読んでくれてありがとう。 私の経験があなたの仕事に役立つことを願っています。