UI/UXデザインホームブログUI/UXデザインプロトタイプツールが花盛り、どれが便利?-シェア-ツイート-ブックマーク-LINEUXデザインの品質を上げるためには、早い段階での検証が必要です。そのためには、ペーパープロトタイピングをはじめ、さまざまな手法が考えられてきましたが、プロトタイピングを支援する、ツールやサービスもたくさん登場しています。Qiitaのまとめサイトでは、全部で29にものぼるツールやサービスが紹介されています。他のサイトでの評価も参考に、どれが便利か、いくつか試してみました。XD)アドビが満を期して発表したプロトタイプツールです。基本的な操作感がアドビのソフトなので使い慣れるのは早いと思います。デザインをするモードと、画面遷移を設定するモードにわかれており、画面設定をすると実際に画面遷移を試してみることができます。このモードはUSBケーブルで接続した実機でもプレビューできます。(将来はWi-Fiにも対応とのこと)ネットを介してプレビューすることのできる共有URLの発行もできます。UIキットとして、iOS/Googleマテリアル/Windowsの主要なインターフェース素材が揃っており、これだけでも高品質なプロトタイプが作成できそうです。Mac版だけのプレビューリリースですが、正式発表が待ち遠しいツールですね。2.ProttGoodpatchが開発した、純国産のプロトタイプツールです。エディターモードで、ワイヤーフレームを書いたり、手書きのワイヤーフレームを撮影したものや、使い慣れた画像ソフトで作成したデーターをアップロードしたりして、プロトタイプを仕上げていきます。ホットポイントを設定して画面遷移を作成し、ブラウザーや専用アプリを使って実機でプレビューが可能です。各モードの切り替えがわかりづらい、あらかじめ用意されているアートボードが1種類しかないなど、細かな不満点はありますが、総じて使いやすく、良くできたツールだと思います。国産というところも安心ですね。3.inVisionワイヤーフレームなどの作成機能はなく、いつものアプリで作成した画像をまとめてドラッグ&ドロップでアップロードすることで、画面遷移が動作するモックアップが完成します。共有して画面にコメントを残せるのも便利です。専用のURLを発行して、実機での検証も可能です。長いページもスクロールすることができます。英語サイトなので、細かいところがわかりづらい、ホットポイントと遷移先の画面をつなぐ方法が他のツールのようにドラッグ&ドロップでなく直感的でないなど、細かな使いづらさはありますが、総じて直感的に使えるようになっているので、日本でも人気のサービスです。無料で使える範囲が広いのもいいですね。POP台湾発のペーパープロトタイピングツールです。サイトもアプリも日本語版があるので安心です。無料ダウンロードできるスマホ等の台紙を印刷し、ペーパープロトタイプを書き、専用のアプリで撮影をします。ホットポイントの設定は、PCからでも、スマホアプリからでも可能です。機能がシンプルな分、直感的で使いやすく、気軽にペーパープロトタイピングを実機動作させられるのは便利だと思います。画面は画像アップロードできるので、より作り込んだプロトタイプでも使用可能だと思います。MarvelAppエディターモードでプロトタイプ作成が可能で、作成した画面にホットポイントを設定して画面遷移が可能になるのは、これまであげたツールと同じです。特筆する点は、無料で使える範囲が広いこと、プロジェクトも無制限に作成可能です。画面共有も専用のURLが発行され、それを実機で見ることができます。エディターモードでアートボードのサイズが1種類しか見当たらず、サイズを変更する方法がわからなかったなど、英語のツールならではの難解さもあります。代表的なプロトタイピングツールをご紹介しましたが、いかがでしたでしょうか。各社基本的な機能は共通していて、あとは相性の問題という感じもありますが、UIのテンプレートがそろってるとプロトタイプ作りがはかどりますね。個人的にはペーパープロトタイピングにターゲットをしぼったPOPが気楽に使えて好印象でした。初期段階はPOPで検証して、プロジェクトが進んだら、XDでつくるかSkech+他のオンラインツール(inVisionとか)という感じですかね。XDはまだプレビューリリースこれからの進化に期待したいです。Googleが水面下でプロトタイピングのできるデザインツールを開発中とのニュースも飛び込んできました。こちらも期待したいですね。(担当:小山智久)キゴウラボでは、ワイヤーフレームの作成と、その後のプロトタイピングテストをお受けしています。仕様書やざっくりとした画面設計書から、ワイヤーフレームまたはモックアップを作成し、画面遷移が検証できるプロトタイプを作成します。お問い合わせください。聞けないキュレーションサイトってなに関連記事UI/UXデザインデザインを評価する、5つのポイントデザインと名のつくものは多いですが、ここでは、ウェブやUIの表層のデザイン、すなわちビジュアルのデザインを評価する方法を考えてみます。昨今、フルスタックなんとかと言う言葉が流行っていますよね。[...]kigoulab2016年12月8日UI/UXデザインワイヤーフレームは実寸で作るべしアプリでもウェブサイトでも、設計段階で、ワイヤーフレームを作る場面は多いと思います。[...]kigoulab2016年11月17日メニューホームUXデザイン診断キゴウラボとはサービスブログUXデザイン診断のお申し込み最近の投稿UI/UXデザインデザインは誤解されている。デザインは誤解されています。デザインは、一般には美術の領域と考えられています。現代のデザインは、美術の領域を超えて、思考方法や、経営手法としても活用されています。[...]tomix2019年11月14日Web制作SEOの基礎知識を初心者向けに話してきました。数日前、Googleが検索エンジンを刷新するという記事がアップされました。日本への展開まではまだ時間がありますが、検索順位に変動があると思われます。慌てることはありません。[...]tomix2019年10月30日UI/UXデザインUXってなに?初心者にもわかりやすいように、自分なりに考えてみた。UX(ユーザーエクスペリエンス:ユーザー体験)というコトバが、一人歩きしています。求人欄には、UI/UXデザイナー募集という項目が沢山ならんでいます。なんでUIと組み合わせなのでしょうか。自分が持っている「強み」ってなんなんでしょう。自分のこととなると、案外わかっているようでわかってない、いいや、客観的に言われて初めて「そうだったのか!」と気づくものかもしません。そもそも日本人に向いてない?PDCAはもう古い、PDCAは時代遅れだ、これからはこのメソッドだ、ツールだという記事をネットで見るようになりました。「PDCAはもう古い。これからはデザイン思考だ」と言うバズワードも出てくる始末です。矢沢ビル4Fミーティング専用スペースにつき、常駐していません。グレースコートA205宅配便、書留、お急ぎの郵便物はこちらの住所にお送り下さい。042-708-8380メールアドレスcontact[at]kigoulab.co.jp[at]を@に変えて送信して下さい。Reserved.お問い合わせ、お申し込みは下のボタンからお気軽にご連絡ください。お問い合わせUXデザイン診断のお申し込み。