ニンジャモック。 最も興味深い機能

 

この記事では、最も興味深い機能と、NinjaMock が他のアプリケーションより優れているワイヤーフレーム作成とプロトタイピングの理由について説明します。

写真をクリックしてビデオを表示します

完全無料版

特に優れた無料アプリである場合、私たちは皆無料アプリが大好きです?? そこで、NinjaMock を非商用目的で永久に無料にすることにしました。 これは、無料バージョンを制限したり、期間限定の試用版のみを提供したりする競合他社と比較して、私たちを明確に区別しています. エディターの機能に制限を課さないことにしました。 無料版は、プロジェクト内の無制限のページ数、PDF、HTML、および PNG へのエクスポート、コメントのサポート、マスター ページの使用、完全なリアルタイム コラボレーションなど、すべてのユーザーが利用できます。

私たちが贅沢をする余裕があるのには、2 つの理由があります。 まず、私たちには投資家がいないため、何をすべきかを自由に決めることができます。 次に、インフラストラクチャをサポートするアプリケーションを構築する優れたアプローチのおかげで、プロジェクトのコストが低くなります。

紙のスタイル

Paper style

効率的なプロトタイピングはワイヤーフレームで行う必要があると考えています。 現実的な要素と忠実度の高いデザインでプロトタイピングを開始するのは非効率的です。 長年の設計と開発の経験を持つ当社は、お客様にとって最も最適で効率的なプロトタイピング プロセスを手作りしました。

大ざっぱなプロトタイピングから最終的なデザインまで、プロセスの複雑さをマスターします。 その結果、最先端の「紙」プロトタイプの作成において、禅の完成度に達しました。

要素

次のプラットフォームをサポートしています。

Wireframe platforms

プロトタイプの作成に使用されるカスタム コントロールはベクトルとして行われますが、これは最近では驚くべきことではありません。 しかし、興味深い機能があります。すべてのアイテムは NinjaMock で作成されています。 四角形、楕円形、直線、多角形、ポリライン、ベジエ曲線、手書き用の鉛筆など、プロトタイピングに必要な基本的なベクター ツールが用意されています。

これが意味することは、アイテムやアイコンが不足している場合でも、自分で簡単に描画できるということです。

 

写真をクリックしてビデオを表示します

 

ズームを変更

HTML5 キャンバスを使用してレンダリングするための独自のテクノロジを実装しました。これにより、完全に機能するズームを作成できます。

リアルタイムのコラボレーション

ワイヤーフレームで作業する場合、コラボレーションは自然です。 これは常に NinjaMock の一部です。 この機能をアップグレードして、キャンバスを共有し、グループ内のプロジェクトをリアルタイムで追加、変更、確認できるようになりました。

そのため、プロジェクトに人を招待して、電子メール、スクリーンショット、および多くの待機を取り除きます。 ご覧のように、リアルタイムでのコラボレーションが忍者を簡単にします。 作業をさらに迅速に完了することでメリットが得られます。

コメント

Google ドキュメントには、特に優れた機能であるコメントがあります。 したがって、NinjaMock で同様の機能を開発するときは、Google ドキュメントから例を学びました。 その結果、すべてのプロトタイプで、コメントへの応答、コメントのステータスの変更、電子メール通知のサポートにより、直感的で使い慣れた方法でコメントできるようになりました。

さらに、プロジェクト内の個々のページのステータス (進行中、完了、承認済み) を添付する機能を追加しました。 これにより、設計がどの程度完成に近づいているかを簡単に判断できます。

Wireframes

プロジェクトの概要ページでは、各プロジェクトのステータスを確認できます。

Mockup overview

共有

NinjaMock では、プロトタイプをクライアント (または他の誰か) に送信して、レビューとフィードバックを得ることができます。 (共有をクリックして) プロジェクトへのアクセスを開き、リンクを送信するだけです。 さらに、生成された QR コードを使用して、プロトタイプ アプリケーションをデバイス上で直接実行し、その動作を確認することができます。

Share your mockup
QRコードをスキャンしてください - それは本当ですか??

重要な点は、ステータスと、表示できるページを選択できることです。 たとえば、完了したがまだ承認されているページのみを送信できます。

紙のエクスポートとナビゲーション

多くのデザイン チームのオフィスの壁は、印刷されたページと最終デザインのプロトタイプで覆われていることがわかりました。 インスピレーションを得るためにそれらを使用するチームもあれば、壁に直接メモを書き込んで議論するチームもあります。

Real life wireframing

NinjaMock には、PDF および PNG にエクスポートする機能と、ページ上のコメントとリンクを印刷する機能があります。 脚注を含めて「ペーパー ナビゲーション」と呼びます。リンク先のページ番号は次のとおりです。

 

Grouping wireframes

ページとプロジェクトの編成

複雑なプロジェクトでは、ページを合理化する必要があります。たとえば、ページを論理的にグループ化する (登録ページ、村のプロフィール ページを編集するなど)、または単にページの一連の状態を表示する (通常の状態、 同じページ、ダイアログ ダイアログ ボックスのある 2 番目のステージなど)。

競合他社の多くは、ページ ツリーの作成を許可しています。 私たちは多くのデザイナーと話しましたが、あるページが別のページの子会社であるということの意味を説明できたデザイナーはほとんどいませんでした。理解は人それぞれです。 代わりに、PowerPoint の使い慣れたエクスペリエンスを使用して、ページのサムネイルを表示し、すばやく簡単に移動できるようにすることにしました。

ページのグループを作成することで、プロジェクトを論理的に編成できます。 グループは無制限に作成できます。

Rearranging mockups

NinjaMock のプロジェクトでは、コンピューターでファイルを操作する経験を再現しました。プロジェクトをフォルダーにグループ化したり、フォルダーを他のフォルダーにドラッグしたりできます。クラウド内の独自のファイル システムです。

チーム

NinjaMock には、組織向けのチーム管理機能が組み込まれています。 管理者は、ユーザーを追加および削除し、さまざまな役割と権限を割り当てることができます。 3 つの役割 (管理者、デザイナー、レビュー担当者) のいずれかを選択できます。 管理者は、プロジェクトを完全に制御できます。 それらは会社のアカウントで保存および維持されるため、プロジェクトを失うことを二度と心配する必要はありません.

これは、NinjaMock でできることのほんの一部です。 アプリケーションの詳細を知りたい場合は、サイトにアクセスしてプロトタイピングを開始してください ninjamock.com !

あなたの考えを教えてください

NinjaMock についてどう思いますか? コメントを残すか、メールでお問い合わせください ninjas@ninjamock.com

Recent Post