はてなブックマーク

ProttはUser Meetupを定期的に開催して、サービスの開発・改善に欠かせないユーザーの皆様の声を直接聞く機会を大切にしています。 またユーザー同士でProttの活用方法を共有することもUser Meetupの目的としています。 今回の記事では、「画面遷移図機能リリース記念」として行われたPrott User Meetup vol.12「情報設計とプロトタイピング」のレポートをお届けします！ Prott Update News！｜Prottチーム プロダクトマネージャー まりお 現在Prottでは、プロトタイピングをより効率的に実現する画面遷移図機能、Prott for Macの開発やプロトタイプをレビューする人に便利なViewerアプリを開発しています。 最近のリリース①：画面遷移図機能 Prottの画面遷移図機能を使うと、プロトタイプの遷移やスクリーン画像がそのまま反映された画

待望の画面遷移図機能をベータリリースしました！😂🎉✨画面にリンクを設定するだけで、画面遷移図が自動作成されます みなさまから多くのご要望をいただいていた、画面遷移図機能をついにリリースしました！ Prottの画面遷移図機能を使うと、プロトタイプの遷移やデザインがそのまま反映された画面遷移図を簡単に生成できます。そしてプロトタイプを変更すると、画面遷移図も自動的にアップデートされます。 今日からはプロトタイプと画面遷移図を別々のツールで作成する必要はありません！ 機能：遷移線の編集 画面遷移図は自動で生成されるだけでなく、遷移線の表示・非表示を変更することも可能です。これによって、必要な遷移だけを見せることができます！ 編集した内容は自動的に保存されます。 機能：PNGとPDFで書き出し 作成した画面遷移図はPDFとPNGで書き出すことができます。 チームメンバーに共有したり、打ち合わせ

機能の充実度からサポートやデザインまで、Prottは魅力的なプロトタイピングツール - DeNAProttインタビュー Vol.8 株式会社ディー・エヌ・エー（DeNA） デザイン戦略室第二グループ　UIデザイナー　増田 直生さん デザイン戦略室第二グループ　UIデザイナー　和波 里翠さん デザイン戦略室第二グループ　UIデザイナー　中江 亮さん DeNAさんでは、マンガボックスやFlatやさまざまな新規事業でProttをご利用いただいています。他のプロトタイピングツールとの違いやProttのよさについてお話を伺いました。 実用的な機能も「使ってみたい」と思わせる魅力も詰まっている ——本日お話いただく増田さん、和波さん、中江さんはどのようなプロジェクトに所属されているのでしょうか？ 増田　僕は「マンガボックス」ともうひとつ、社外秘の新規事業プロジェクトを担当しています。 和波　入社してか

たった1ヶ月でProttはなくてはならないツールになった！ - 面白法人カヤックProttインタビュー Vol.5 Prottインタビュー Vol.5 面白法人カヤック 意匠部・UI部・人事部　佐藤　ねじ さん 意匠部・UI部・人事部　越後 壮平さん 意匠部・UI部・人事部　中森 源さん 意匠部・UI部・人事部　割石 裕太さん 「Prottを導入したい！」と上司に掛け合った ——カヤックさんが全社的にProttを導入してくださったのは、今年の初めですよね。 佐藤　そうですね。クライアントワークで大型案件がドドっと重なって、これはプロトタイピングツールがないとやばいぞ、という話になりまして……。 越後　プロトタイプを使って認識合わせとかディスカッションができたら、という話になったんですよね。 佐藤　お試し期間を経て正式に導入を決めたのですが、その際、使用したメンバーの感想を集めてExcelに

あの「AWA」の開発にProttを活用！ AWA株式会社 Art Director/Designer 室橋 秀俊 �さん 株式会社グッドパッチ CEO 土屋 尚史 ------------------------------------------------------------------------------------------------------------------------- 土屋　今日の取材、楽しみにしていました！　Prottを使った感想やデザインについて、いろいろとお話伺えたらと思います。 室橋　よろしくお願いします。 土屋　なんと、いま世間の話題をかっさらっている音楽配信アプリ、「AWA」の開発でProttをご使用いただいたんですよね？ 室橋　ええ。AWAを開発し始めて、「どのツールを使ってデザインを共有しよう？」と考えていたときにProttに巡り会いまし

最新版のSketchプラグインは、こちらからダウンロードしてください。 こんにちは、いつもProttをお使いいただき誠にありがとうございます！この度ProttにSketch連携機能が追加されましたのでおしらせします。 Sketchとは？ Sketchは最近話題のWebとモバイルUIデザインに特化しているデザインツールです。Prottを開発するグッドパッチではデザイナーは全員Sketchを使用しています。 先日、Prott Androidデザイナーが受けた、Sketch 3を使う3つの理由と10の魅力というインタビューも公開されたので是非ご覧ください。 Sketch連携するとできること Sketchと連携することで、Sketchでデザインしたものをクリックひとつで自動的に同期することができるようになりました。スクリーンのデザイン変更もスムーズに反映が可能となりました。 まずはプラグインをイン

ついに！Prott for Androidをリリースしました！Web（ブラウザ・Mac・Windows）、iPhoneアプリとともに、より多くの方にお使い頂けるようになりました。 使い方 1.プロジェクト作成 まずは右下の＋ボタンからプロジェクトを作成しましょう！ 2.スクリーン撮影 データフォルダから選択するか、カメラでスクリーンを撮影します。 スクリーン撮影時、左上の鉛筆アイコンで編集モードに切り替えると撮影した画像のクロップや削除ができます。 少し大きめに撮影してクロップで調整するのが綺麗につくるコツです！ 3.リンク先指定 リンクをつけたい範囲にホットスポットを置きましょう。遷移先スクリーン、遷移時のトランジション、ジェスチャーを選択することができます。 上下のバーでヘッダー、フッターを固定できます。 マルチジェスチャー機能 一つのリンク範囲にジェスチャーを４つまで追加できます。タ

Prott是UI設計公司Goodpatch所開發，專為負責開發手機網頁或是App，由設計師，工程師或是專案經理組成的團隊所開發的Prototyping工具。

こんにちは、Prottをいつもご利用いただき誠にありがとうございます。本日はProttWeb版にてワイヤーフレーム作成機能をリリースしたことをお知らせします！ ワイヤーフレーム機能とは？ パーツをドラッグアンドドロップすることで、あっというまにワイヤーフレームが作成が可能になりました。 今までPowerPointやExcelなどのツールでワイヤーフレームを作成していた方は、Prott上で他のツールを使うことなくワイヤーフレームを作成することができるようになります。さらにそれをすぐに画面遷移やアニメーションを設定した動くプロトタイプにできるので、更にスムーズなプロセスを実現します。 ※ワイヤーフレーム機能はProプラン以上の方がご利用できる機能です。 ワイヤーフレーム機能の使い方 新規作成の場合 新しくワイヤーフレームを書きたい場合は、「ワイヤーフレームを描く」をお選び下さい。 既に追加して

株式会社ザッパラス 事業開発グループ ゼネラルマネージャー野村さん デザインセンター デザイナー角方さん ------------------------------------------------------------------------------------------------------------------------- 3日間でアプリを作るところから始まった。 ——　Prottを利用したアプリ開発のストーリーをお聞かせください。 野村　Prottでプロトタイピングをしてアプリ開発をしたものでいうと超運2015というアプリがあります。毎年、年末年始にかけて芸能人で誰が運勢１位か、血液型×星座×干支であなたは何位っていう占いをやっているのですが、今年はWEBだけでやる予定だったんですけど、協議をした結果、アプリもやろうとなりました。リリース日から逆算すると、企画から

今回のアップデートにより、以前から多くの要望を頂いておりました、PC向けWebサイトのプロトタイプの作成が可能になりました！ 上記はPC Web対応のプロジェクト〜プレビュー・プレゼンテーションの紹介した動画ですので、是非ご覧ください。 PC向けWebサイトのプロトタイプ作成・使用方法 プロジェクト作成時に「Web」をお選びください。※既に作成してあるプロジェクトでも、後からデバイス変更することによって「Web」としてお使いいただけます。 参考記事（デバイス変更について）：https://blog.prottapp.com/post/ja/device-change ※「Web」よりタブレット向け、モバイル向けサイトも作成できますが、特に今回のリリースによってPC向けのWebサイトプロトタイプが作成しやすくなりました。 ジェスチャーの設定について 「Web」プロジェクト以外はジェスチャーを

新しいCMS、prismic.ioを使ってみようPrott blogはTumblrカスタムテンプレートからオリジナルデザインへ （この記事のEnglish ver.はこちら） Prottを提供しているグッドパッチでは、MEMOPATCHというブログでUIに関するデザインや技術・考え方・最新のトレンドなど配信しています。これまではMEMOPATCHでProttに関する記事やプロトタイピングに関して配信していましたが、Prottとして多くの方にプロトタイピング文化やデザインの大切さをお伝えできるよう、昨年末に正式にリリースいたしました！この記事では新しいブログの構築までと使用したCMSを簡単にご紹介します。 今までのブログと新しいブログ 今まではTumblrを、新しいこのブログはPrismic.ioを使って構築されています。以前はテンプレートを使ったシンプルなものでしたが、今回はPrott W