Proto.ioレビュー:柔軟なプロトタイピングツール

事実は、すべてを理解したと思っていても、標準アプリを構築するための骨の折れるプロセスには、 約4〜6ヶ月の平均。 それは、アイデアをブレインストーミングしてから、まったく異なる最終製品を思いつくまでの旅のようなものです。

これらのXNUMXつのステージの間に、すべてのドラマが発生します。 ブレーンストーミングの後、対応するワイヤーフレームを確立するところから研究プロセスが始まり、その後、最初のテスト段階のプロトタイプが続きます。

これまでに何が欠けていますか?

さて、そこに保持します。 開発段階に進む前に、まずそれを実質的に通知するXNUMXつのことを認めましょう。

プロトタイプは基本的に、最終製品のユーザーインターフェイスになると想定するものを表します。 ユーザーから生成される後続のフィードバックにより、開発中の対応する機能設計が決まります。

したがって、全体として、プロトタイプは基本的にアプリ開発を決定するものであり、大部分は全体的な結果を決定します。

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

Proto.ioレビュー:概要

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

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

Proto.io

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プロトタイプ

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

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

Proto.ioのドラッグアンドドロップ

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

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

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

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

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

共有とコラボレーション

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

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

どうやって尋ねる?

たとえば、Proto.ioでは、最低限のものを紹介するために、いつでもプロジェクトのスナップショットを作成して、チームメンバーと共有することができます。 それ以外の場合は、プロトタイプのライブバージョンを共有し、ビデオの録画とコメントを有効にすることで、すべてを選択できます。 これは、適切なプロジェクト情報を提供し、その結果、詳細なフィードバックをトリガーするのに十分なはずです。

Proto.ioの共有

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

また、プレビューへのアクセスに使用するデバイスは関係ありません。 システムは、モバイルブラウザとデスクトップブラウザの両方に対応できます。

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

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

相互作用ツール

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

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

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

Proto.io対話ツール

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

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

サポートされるデバイス

プロトタイプをデスクトップPCで開発することを常にお勧めします。 しっかりとしたプロトタイプを設計するのにちょうどいい没入型体験を提供します。

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

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

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

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

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

学習曲線

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

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

Proto.ioの機能

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

Proto.ioレビュー:価格

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

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

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

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

Proto.ioの料金

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

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

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

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

起動- 月額請求の場合は月額$ 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は生産性とスケーラビリティに重点を置いて構築された適切なプラットフォームであると結論付けることができます。 初心者による単純なプロジェクトと企業チームによる複雑な多層設計の両方をサポートするのに十分な柔軟性があります。

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

Proto.io
評価: 4.0 -によるレビュー

ボグダン・ランセア

ボグダンはインスパイアードマグの創設メンバーであり、この期間でほぼ6年の経験を積んでいます。 余暇には、クラシック音楽を学び、視覚芸術を探索するのが好きです。 彼はフィクシーにもかなり夢中です。 彼はすでに5を所有しています。