web-dev-qa-db-ja.com

最高のiPhoneアプリデザインプロセス

IPhoneアプリをデザインする最良の方法は何ですか?最初に何をしますか。

以下を実行するのが最善ですか?...

  1. 紙のワイヤーフレームをしますか?
  2. デジタルワイヤフレーム(Adobe Illustrator)を行いますか?
  3. 本物(Adobe IllustratorまたはPhotoshop)を設計しますか?
  4. 実物を個々の画像に分割しますか?

任意のアドバイスをいただければ幸いです。 iPhoneアプリは初めてですが、HTML、JS、CSSを何年も使用しています。

3
Jacques Blom

私はいつも気付いていましたが、プロトタイプをいち早く使い始めるほど、より多くのイテレーションが得られ、製品の品質が向上します。

  1. バックグラウンドワーク(市場分析、競争評価、対象者、スペックシートなど)から始めます

  2. スケッチを開始-忠実度の低いモックアップ(紙、balsamiq、何を持っているか)

  3. (および4)高忠実度のモックアップ(ピクセルに近い完璧なレイアウト設計)-(個人的なプロジェクトであっても)要件と成果物がどのようなものかを感じたら、プロトタイピングに進みます。簡単なリンクされたページを作成して、ナビゲーションが理にかなっているかどうか、すべての要素に適合する十分な領域があるかどうかを確認します。

  4. 既存のデザインに変更を加え、モックアップとプロトタイプを繰り返し、ほぼすべての準備が整っていると確信できるまで繰り返します。次に、実際のアプリケーション開発に飛び込みます。

  5. バグの修正、土壇場での変更など.

「早く失敗し、頻繁に失敗する」ことを忘れないでください。

3
rk.

「最善の」方法はありません。さまざまな人やさまざまな状況に対応できる方法があります。自分にとって最適なものを見つける必要があります。

私にとって最適(ほとんどの場合)は次のようになります。

  • 大まかな紙のプロトタイプ-ページと鉛筆を意味します。それがグループである場合、それは時々ホワイトボードでよりよく働きます。ここで、ページの形状と構造を計算します。
  • インタラクティブワイヤフレームに移動します。ここには多くのオプションがあります。 HotGloo、Photoshop、Omnigraffleなどがその例です。ここでの目標は、設計の詳細を理解することではありませんが、紙のプロトタイプで作業する場合に明白に見えない要素間の相互作用を理解することです。
  • 高忠実度アセット作成。これは通常Photoshopですが、Omnigraffleやその他のエクスポート可能なアセットを生成する他のプログラムでも使用できます。
3
JohnGB

それは本当にあなたが最も簡単に見つけたもの(またはあなたがそれを誰に提示したか)に帰着します。個人的には、紙と鉛筆を使ってアイデアやデザインのスケッチを始める方が早いと思います。設計は何度も変更される可能性が高いため、本物をすぐに設計することはお勧めしません。

1
IZI_Shadow_IZI