プロトタイピングツールの比較と実践

1.インクナイフ、Axure RP、Mockplusプロトタイプ設計の利点と欠点、および該当する分野

インクナイフ

インクナイフ

1.1利点

  • シンプルで使いやすい。インクナイフはすぐに始められ、簡単な操作を1日で習得できます。
  • すぐに始められるだけでなく、電話でアプリケーションの効果をすばやく共有してすばやく確認することもできます。
  • 使用中の質問はインクナイフのフォーラムで直接提起でき、誰かがすぐに回答します。
  • オンラインツールなので、作業をクラウドに保存できるのでとても便利です。

1.2短所

  • 価格が高く、フローチャートを描くことができないため、他の2つの機能に比べて包括的ではありません。
  • アプリケーションの制限。インクナイフはアプリのプロトタイプのデザインに重点を置いており、背景とWebページが少し弱いです。
  • 不十分なアーカイブ容量。インクナイフはリンクとQRコードの形式で出力することを好み、ドキュメントとして出力することはできません。

1.3応用分野

  • 高保真原型
  • 複雑なマルチインタラクティブプロジェクト
  • Android / iOSプロジェクト

2. Axure RP

アクスル

2.1利点

  • 忠実度の高いプロトタイピングツールは有名です。
  • 多くの設計ツールと豊富なコンテンツがあります。
  • アプリケーションは柔軟でスケーラブルで、超強力なインタラクティブ制作機能を備えています。

2.2短所

  • Axureを使用したプロトタイピングは時間がかかり(対話型操作が多すぎる)、多くの場合、時間がかかり、変更が面倒です。
  • たくさんの機能がありますが、覚えるのが少し難しいです。
  • ローカルソフトウェア、htmlドキュメントのプレビューをダウンロードできます。携帯電話のプレビューは不便です。

2.3応用分野

  • ビジュアルドラフト/ Hi-Fiプロトタイプ
  • 大規模で複雑なプロジェクト
  • ウェブワイヤーフレーム
  • Webプロトタイプ

3.モックプラス

モックプラス

3.1利点

  • コラボレーションのレビュー、シームレスな実機プレビュー。
  • 迅速な開発と反復に適したモードで、すぐに始められます。
  • テンプレート管理、コンポーネントのインタラクティブなアニメーション、スケッチスタイル、その他の機能は、独自の革新です。
  • シンプルな操作(ドラッグアンドドロップのみ)、多様な機能、豊富なコンポーネントリソース、さまざまなプレビューメソッドとエクスポートタイプ、サポートチームのコラボレーション。

3.2短所

  • ジェスチャー操作はサポートされていません。
  • 民間のソフトウェアは、大衆を説得するのに十分な専門性を備えていません。
  • 機能が十分に強力ではない、パーソナライズされたデザインの可能性があります。
  • ソフトウェアの繊細さを改善する必要があります。シンプルな操作とすばやい入力を考慮して、高速機能の追求は、ある程度、機能の繊細さを無視しています。

3.3応用分野

  • 忠実度の低いプロトタイプ
  • ラピッドプロトタイピング
  • WEB /携帯端末/タブレットプロトタイプ
  • ワイヤーフレーム
  • ビジュアルドラフト

第二に、プロトタイプ設計ツールのウェブサイトの推奨事項

1.公式ウェブサイト

インクナイフヘルプセンター

Axure公式ウェブサイト

モックプラス公式サイト

2.その他のウェブサイト

Axureフィリピン公式ウェブサイト

プロトタイピングブログ

プロトタイピング設計入門| Figma

3.インクナイフに基づくプロトタイプデザインケース

1.事例紹介

ケースは、「Shen Hangzhi」という名前のアプリ関連のインターフェースです。「ホームページ」(「持ち帰り」)、「注文」、「マイ」、「食品」などの11のインターフェースがあります。

1.1はじめに

アプリは主にシェンハンの学生のための持ち帰り用のソフトウェアであり、学校の食堂の配布を実現し、発生後の食事の問題を解決するために、食堂に集まらないで、このソフトウェアが生まれました。

1.2主な機能

ケースには主に次の機能があります:アプリテイクアウトホームページの閲覧、食品エリア、店舗の注文、製品の詳細、決済機能、ショッピングカート、レビュー、検索、鉱山、赤い封筒、注文と注文の詳細。

1.3インターフェースの紹介

  • テイクアウトホームページ:[検索]をクリックして検索インターフェイスに入る; [グルメ]をクリックして特別な食品エリアに入る; [スライド]をクリックしておすすめのビジネスを閲覧する;右下隅に[ショッピングカート]アイコンがあり、クリックして入力する; [注文]をクリックして注文ビューに入る; 「マイ」をクリックして個人情報を入力します。

  • 注文インターフェイス:マップを上下にスライドして、ライダーの位置を表示します。

  • マイインターフェース:赤い封筒をクリックして直接移動し、所有している赤い封筒を表示します。

  • フードエリア:[0090フライドチキン(シェンハンストア)]をクリックしてレストランに入り、左上隅の[戻る]をクリックしてテイクアウトのホームページに戻ります。

  • 0090注文インターフェース:最初の「ハンバーガーアイコン」をクリックして製品の詳細を表示し、「チェックアウト」をクリックして直接決済します。

  • 製品詳細インターフェース:「商品評価」をクリックしてコメント領域に入り、「決済」をクリックして直接決済します。

QRコードをスキャンしてアプリのインターフェースに入る
img

2.ユーザーのフィードバックと修正

img

経験豊富なユーザーからのフィードバックに基づいて、設計プロトタイプが改訂されました。

3.インタラクティブプロセスのデモアニメーション

img img img

おすすめ

転載: www.cnblogs.com/sunickel/p/12728312.html