Proto.io レビュー: 知っておくべきことすべて

アプリのアイデアをプロトタイプ化することは、ゲームチェンジャーになる可能性がありますが、その作業に適したツールを見つけるのは必ずしも簡単ではありません。そこで、2011 年から話題になっている Web ベースのプロトタイプ プラットフォーム、Proto.io の登場です。

もともと iOS デバイス向けに設計されましたが、現在では複数のプラットフォームにわたるアプリ愛好家、デザイナー、UX プロフェッショナルのニーズに応える多目的ツールとなっています。

このレビューでは、Proto.io を徹底的に調査し、その評判に応えているかどうかを確認します。直感的なドラッグ アンド ドロップ インターフェイスからコラボレーション ツールまで、その主な機能について説明します。

また、価格体系を分析し、長所と短所を比較検討し、Proto.io がプロトタイピングのニーズに適しているかどうかを判断するのに役立ちます。

コーディングの達人でも、デザインの初心者でも、Proto.io が提供するすべての機能について解説しますので、ぜひお読みください。このレビューを読み終える頃には、このツールがアプリ開発プロセスにどのような効果をもたらすのか、また、どこに欠点があるのか​​が明確にわかるでしょう。

始めましょう！

それでは、これに活用できる興味深いツールをXNUMXつ見てみましょう。

Proto.ioとは何ですか?

ラボによって作成されました DiviSNQデジタルの Proto.io iPadとiPhoneのプロトタイプ開発を扱う商用ウェブプラットフォームとしてリリースされた2011年頃からです。 その後、徐々にダイナミックなフレームワークに変化し、複数のデバイスに対応するように拡張されました。

現在、このプラットフォームは基本的に、アプリマニア、モバイルデザイナー、インタラクションデザイナー、ユーザーエクスペリエンスの専門家を対象としており、重要なプロトタイピングツールを幅広く使用しています。

Proto.ioの主要なプロパティのXNUMXつは、直感的なユーザーインターフェイスであり、コーディングなしで利用できるドラッグアンドドロップシステムで構築されています。 それだけでも、それがコーダーと非コーダーの両方の間で比較的人気がある理由を説明しています。

また、インタラクションの完全に統合されたライブラリを提供します。これは、そのレイヤーのいずれでも体系的に使用できます。

そしてそれについて言えば、Proto.ioは、さまざまな画面で複数のレイヤーを容易にすることで、プロトタイピングのプロセス全体を合理化しているようです。 ユーザーは、SketchまたはPhotoshopからのインポート、JavaScriptとのインタラクションの作成、Dropboxとの多数のアセットの同期、およびエディターウィンドウでアニメーションをプレビューしながら詳細なモーションデザインを行うこともできます。

考えられるすべてのこと、Proto.ioをチェックアウトする価値があることのXNUMXつは、その開発者が時々新しい更新で一貫してそれを改善しているという事実です。 彼らはすでにXNUMX月だけでXNUMXつをリリースしており、プレイヤーとエディターに影響を与えています。

ただし、Proto.ioにも注目すべき弱点があります。 それらがあなたの仕事にどのように影響するかは、まもなく調査する予定です。 このProto.ioレビューでは、基本的な機能、価格、長所、欠点を知るために必要なすべての重要な詳細について説明します。

まず、主な機能は次のとおりです…

Proto.io の機能

プロトタイプの作成

Proto.ioを使い始めると、システムの使い方を見つけるのに役立つ詳細なチュートリアルが表示されます。 それはそれが非常に便利で、正直であることがわかりました、そしてツールはよく整理されてアクセス可能であるため、インターフェースはさらに適応を容易にします。

ありがたいことに、Proto.ioはすべてを圧倒的に投げません。 したがって、最初に重要な要素が見えなくても心配しないでください。 プロジェクトの作業を続けると、より多くの機能とコンテキストオプションが徐々に利用できるようになります。

これで、ダッシュボードの新しいプロジェクトオプションをクリックして名前を付け、画面サイズと目的のメディアを選択するだけで簡単に開始できます。

ナビゲーションプロセス自体はシームレスです。慣れるまでに時間がかかることのない単純なユーザーインターフェイスのおかげです。 私はすでにXNUMX時間ほどで複数の画面を作成していた後、魅力的なトランジションとスタイリッシュなインタラクションとそれらを組み合わせることに進みました。

Proto.ioにはアニメーションプレビュー機能が組み込まれているため、それらをマージしてテストするのに多くの労力はかかりませんでした。 悲しいことに、アニメーションの変更がプレビューに反映される前に、ユーザーは最初にプロジェクトを保存する必要があるので、100％リアルタイムのライブプレビューだとは思いません。

まあ、少なくともシステムは、没入型のドラッグアンドドロップインターフェイスでそれを補正します。 要素をドラッグするのは驚くほど簡単で、それに応じて要素を調整してから次の要素に移動できます。

後で必要になると思われるアイテム（アニメーション、インタラクション、UI要素）を採用する場合は、コンテナーの保存を利用して、手間を省いてください。 そうすれば、必要なときにそれらを適切にドラッグして適切に配置できます。 それは本当にストレスのないことです。

けっこうだ。 しかし、ここではどのような機能について話しているのでしょうか。

手始めに、アニメーションを回転、フェード、サイズ変更、移動できます。 次に、インタラクションは、右クリック、クリック、リリース、タッチ、ダブルタップ、タップなどの機能をサポートします。一方、トランジションは、フリップ、上下スライド、左右スライドなどを提供します。典型的なUI要素のライブラリで、ユーザーフレンドリーなプロトタイピングシステムがXNUMXつあります。

では、プロジェクトは完了後にどこに行くのでしょうか？

さて、ここにあります。 ダッシュボードは、すべてのプロジェクトを利用できるだけでなく、それらを削除、アーカイブ、複製、編集、およびアクセスすることもできます。 これは基本的に、プロジェクトを共有し、対応する設定の調整に進むことができる場所です。

共有とコラボレーション

結局のところ、プロジェクトを一人で扱うことができ、おそらく印象的なプロトタイプを思い付くかもしれません。 または、よく調整されたチームと連携することで、すべてをはるかに簡単にして、機能を拡張できます。

proto.ioがこれを解決したことがわかりました。 それはあなたのプロジェクトを紹介し、拡大するための共有とコラボレーションのツールの配列を提供します。

どうやって尋ねる？

たとえば、最低限の機能を紹介するために、Proto.io を使用すると、いつでもプロジェクトのスナップショットを撮り、それをチーム メンバーと共有できます。

そうでなければ、プロトタイプのライブ バージョンを共有し、ビデオ録画とコメントを有効にするなど、全力を尽くすことを選択できます。これで、十分なプロジェクト情報が提供され、詳細なフィードバックが引き出されるはずです。

しかし、あなたは何を知っていますか？ Proto.ioはUsertesting.comとValidatelyもサポートしているため、これを超えることは可能です。 それらを有効にすることで、プロトタイプユーザーからの包括的で詳細なフィードバックを確保できます。

プレビューにアクセスするためにどのデバイスを使用するかは問題ではありません。システムはモバイル ブラウザーとデスクトップ ブラウザーの両方に適応できます。

そして、これを入手してください。 スマートフォンアプリを作成している場合、AndroidアプリとiOSアプリのネイティブエクスペリエンスは、プロトタイプを開発用のメディアで紹介することでプロトタイプに利益をもたらします。

とはいえ、Proto.io 6がシングルクリック共有を導入することで物事をはるかに簡単にしたことは注目に値します。 これは基本的に、プロトタイプをワンクリックでチームメンバーに配布できることを意味します。 なんてクールなの？

相互作用ツール

すべてを考慮すると、アプリのインタラクションデザイン全体が、使いやすさの点で最終的に違いを生むものです。 そもそも、そもそも私たちがプロトタイプを作るのは間違いない理由です。

幸いなことに、Proto.ioはインタラクションツールのことではありません。 思い出に残るユーザーエクスペリエンスを作成するために活用できる幅広い機能を提供します。

スクロール可能なコンテンツ画面に加えて、ここで人気のあるオプションには、スライドインメニューやオンボーディング画面などがあります。 そして、その個人的なタッチのために、Proto.ioはユーザーがすべての対話ツールを動的に微調整することを可能にします。

わかりましたが、どのように正確に追加しますか？

さて、Proto.ioがドラッグアンドドロップインターフェイスを頻繁に使用することを説明したときのことを覚えていますか？ それで、何を推測しますか？ インタラクションの結果を達成するには、要素をアイコンからユーザーインターフェイスコンポーネントにドラッグアンドドロップするだけです。 コードはXNUMX行も必要ありません。

サポートされるデバイス

プロトタイプはデスクトップ PC で開発することを常にお勧めします。デスクトップ PC は、堅牢なプロトタイプを設計するのに最適な没入感を提供します。

今、プロトタイプのプレビューは別の球技です。 ありがたいことに、Proto.ioは、プロトタイプが構築されているネイティブ環境でこれを行うように人々に強制しません。

つまり、選択したガジェットに関係なく、すべてのタイプのユーザーに自分の作品を自慢できるということです。 PCやモバイルのブラウザからアクセスできるようになります。

実際のところ、Proto.ioはiOSとAndroid向けのバージョンの開発も進んでいます。 彼らは、モバイルデバイス用に開発されたプロトタイプのレビューのエクスペリエンス全体を根本的に最適化します。

これで、プロジェクトを共有した後、後続のユーザーコメントに基づいてプロトタイプを評価できます。 しかし、ここで興味深いこと-​​それだけでは不十分であるかのように、Proto.ioはLookback.ioとリンクして、プロトタイプを使用してユーザーの画面と人々の顔の表情を記録する機能を考案しました。

あ、はい。 ユーザーがどのように笑ったり眉をひそめたりするかに基づいて、プロトタイプのパフォーマンスについて十分な情報に基づいた判断を下すことができるでしょう。 印象的でしょ？

学習曲線

知っている。 そこに行ったことがある。 その瞬間、プロトタイプのプラットフォームは、広範なUI開発を処理するのに十分に複雑である必要があると想定します。

幸いなことに、Proto.ioはプロトタイプ開発プロセスを損なうことなくコーディングを排除することに成功しました。 低忠実度のワイヤーフレームと完全に開発された高忠実度プロトタイプの両方をセットアップでき、徹底的なテストに必要なすべての機能を完備しています。

とはいえ、一般的なドラッグアンドドロップインターフェイスをマスターするのにそれほど時間はかからないことを認めなければなりません。 しかし、途中で問題が発生した場合に備えて、Proto.ioは基本的にプラットフォームに関するすべてを含む詳細なドキュメントを提供しています。

Proto.io の価格

まず、Proto.ioが永続的に無料のオプションを提供していることを知って嬉しく思います。 残念ながら、次の機能しか提供されていないため、非常に制限されています。

• ioアプリのプレビュー
• 10MBストレージ
• 追加のレビュー担当者なし
• 5つのプロトタイプ画面
• 1つのアクティブなプロジェクト
• 1ユーザー

より多くの機能を保護する唯一の方法は、Proto.ioのXNUMXつの計画のXNUMXつに加入することです。 それらはすべて提供します：

• メールサポート
• 256ビット暗号化
• スケッチ/フォトショップのインポート
• Dropboxの同期
• ブランディング
• PDF / PNG / HTMLにエクスポート
• Lookbackを使用したビデオ形式のユーザーフィードバック
• コメント
• シェアする
• ioアプリのプレビュー
• プレーヤーでプレビュー

これらすべてに機能エコシステム全体が付属するようになったので、パッケージ間の主な特徴は、サポートされるユーザーとプロジェクトの数です。 計画は、さまざまなグレードのユーザーと組織にサービスを提供するように構成されているようです。

そしてここに詳細があります：

フリーランサー 月額請求の場合は月額$ 29、年次請求の場合は月額$ 24

• 1ユーザーをサポート
• 5つのアクティブなプロジェクトを提供

Startup- 月額請求の場合は月額$ 49、年次請求の場合は月額$ 40

• 2ユーザーをサポート
• 10つのアクティブなプロジェクトを提供

代理店 月額請求の場合は月額$ 99、年次請求の場合は月額$ 80

• 5ユーザーをサポート
• 15つのアクティブなプロジェクトを提供

コーポレート 月額請求の場合は月額$ 199、年次請求の場合は月額$ 160

• 10ユーザーをサポート
• 30つのアクティブなプロジェクトを提供

これらの使用規模から判断すると、これらのプランは個人や中小企業に適していると言えます。大企業には、優先サポート、分析、エンタープライズ グレードのセキュリティ、無制限のプロジェクト、追加ユーザーなどを提供するカスタム パッケージについて Proto.io と交渉するオプションが与えられています。

一方、学生や非営利団体は、50％の割引を受けることができます。 それはすべてProto.ioのスクリーニングプロセスに依存します。

今ではそれは悪くない。 悪くない、全く。 しかし、割引は月次モデル、年次請求、またはその両方に基づいているのでしょうか。

資格がない場合でも、少なくとも月次請求から年次請求に切り替えると、コストを約20％削減できます。 それから、それとは別に、サインアップするとすべてをテストするための15日間の無料試用期間も得られます。

誰がProto.ioの使用を検討すべきですか？

ここまでは順調です。しかし、おそらく驚くことではないかもしれませんが、Proto.io には欠点もいくつかあります。

たとえば、オフライン編集を検討してください。 このプラットフォームでユーザーがプロトタイプをPDFやHTMLにエクスポートできることは称賛に値しますが、インターネットに接続していない場合は、それで問題ないようです。 あなたができる唯一のことは、プロトタイプをプレビューすることです。

プロトタイプを作成して調整するには、Webへの安定した接続が必要です。 これは基本的に、外出先で便利に作業することを不可能にします。

プロトタイプの作成について言えば、Proto.ioの開発チームが3Dアニメーションとライブプレビューの導入を真剣に検討することを期待しましょう。 結局のところ、大声で叫ぶのは2019年です。

それ以外に、Proto.ioは生産性とスケーラビリティに重点を置いて構築された適切なプラットフォームであると結論付けることができます。 初心者による単純なプロジェクトと企業チームによる複雑な多層設計の両方をサポートするのに十分な柔軟性があります。

では、すべてを考慮して、近い将来に開発者に何を期待すべきだと思いますか？