みなさんこんにちは！ UIデザイナーとしてGoodpatchでインターンをしているワラスです！  あっという間の1ヶ月が過ぎて、今年2発目のmemopatchまとめです。最近時間が経つのが以前より早くなったような気がします。それでは今月も、新しくておもしろいサービスやアプリを紹介していきたいと思います！ 今までのまとめはこちらからどうぞ。 サービス Should I get up?: To stay in bed, or not to stay in bed 今日の天気や降水確率、風の強さ、日の出からどのくらい時間が過ぎているのか、などの情報から、このままゴロゴロしているべきか否かを教えてくれるだけのサービスです。この潔さがいいですね。予定のない休日に使ってみてください。 http://www.shouldigetup.com/ Mondriantab タブを開くたび、モンドリアンの構成が

こんにちは！今月からインターン生として働いてる須佐(すさ)です！ 先月、2015年度グッドデザイン賞にProttとTALKIEが同時受賞しました。本日10月30日より東京ミッドタウンで開催されるグッドデザインエキシビション 2015（G 展）にて紹介されます。是非お時間がある方は足をお運びください！詳細はこちら それでは今月も、Goodpatchで共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介したいと思います。 月間まとめはこちらからどうぞ！ Paper iPadの人気お絵描きアプリがiPhoneに対応しました！チェックリスト、写真への書き込み、図の作成などが簡単にできるアプリです。写真に説明文を付け加えたり、ちょっとしたスケッチのときに役立ちます。また、三角形や四角形、矢印などの図形を簡単にかける仕様が備わっていて、スマートフォンの小さい画面でもストレスなく使うこと

See the original story in English 最も美しいモバイルゲームの一つと呼んでも過言ではない「Monument Valley」。まるでエッシャーの描く建築世界に迷い込んだ感覚をプレイヤーに与えるゲームです。Monument Valleyは世界中のユーザーを惹き付け、昨年にはApple Design Awards(Appleデザイン賞)も受賞しました。 最近では、制作元のustwo が同社ブログ上で、収益やダウンロード数などの数字を公開。600万ドル近い収益、またインスールされたユニークデバイスの数は1000万近くと、その数字もまた注目を集めました。 今回は、そんなustwoでMonument Valleyの制作に携わったManesh Mistry 氏とNeil McFarland氏に開発ストーリーについてインタビューさせていただきました。 ――まず、チームについ

数あるタスク管理アプリの中でも特に人気のあるWunderlist。自分も大好きなアプリの１つなのですが、実はこのWunderlist、iOS 7がリリースされ、他のアプリではiOS 7に合わせフラットデザインを採用していく中、UI自体にはほとんど変更を加えていません。これだけデザインに力を入れているアプリなのに不思議だと思いませんか？ 今回は、以前にも紹介させてもらったWunderlistを制作している会社6Wunderkinderのブログから、フラットデザインを採用しないその理由を説明したWunderlistへのこだわりを感じる記事（2013年9月）を見つけたのでご紹介します。トレンドにとらわれない、これからのデザインそのものを見つめなおした興味深い内容でした！ （以下、”Preparing for a New Era of Design – Wunderlist on iOS 7 an

こんにちは！それぞれの会社によって、愛用しているサービスやツールは異なると思います。今回は、社内連絡や、デザインを考えるときなど 、Goodpatchが日常で使っている王道のツールについてご紹介します。 １.Slack https://slack.com/ Goodpatchでは、社内でのコミュニケーションには主にSlackを使用しています。最近スタートアップ界隈で流行り始めてますがGoodpatchは今年の1月から導入しており、日本でもかなり早くから使い始めてます。Slackは、Flickr創立者のStewart Butterfieldさんが作ったメッセージツールです。チャンネルと呼ばれるチャットルームを作ることができます。 Goodpatchでは、各プロジェクトごとのチャンネルの他に、 日報チャンネル デザインレビューチャンネル ディレクター、デザイナー、エンジニアチャンネル 開発系の

みなさん、10月1日って何の日か知っていますか？！なんと、今日は通商産業省(現経済産業省)が選定した「デザインの日」！そんなデザインの日に、 UIデザインを特化しているGoodpatchが開発しているProttが正式リリース！今回のMEMOPATCHではiOSアプリの紹介を主に、今回の正式リリースの内容をお届けします！ 正式リリースについて Prott（プロット）とはこのMEMOPATCHを運営しているグッドパッチが開発しているモバイルアプリやサイトの為のプロトタイピングツールです。2014年4月にベータ版を公開して以来、多くの方にお使い頂いており、ついに正式リリースとなりました！「高速プロトタイピング＋新しいコミュニケーション」をコンセプト日々開発を進めています。 ベータ版との違いーアプリ開発チームにむけたよりパワフルなツールへー ・最新のiPhone 6などのiOSや、Androidな

UIデザイナーの間で、プロトタイピングツールが話題になっています。プロトタイピングはデザインプロセスの中で重要な部分ですが、Goodpatchは既存のプロトタイピングツールに物足りなさを感じていました。そこで、自分たちのために、そして同じような悩みを持つデザインチームのためにプロトタイピングツールを作ることにしました。それがProttです。そして4月のベータ版リリースから半年、Goodpatchは10月1日にProttのiOSアプリをリリースします！ ビデオ ラピッドプロトタイピング ＆ ラディカルコミュニケーション Prottは、プロトタイプを素早く作る「ラピッドプロトタイピング」と、必要なコミュニケーションを的確に行う「ラディカルコミュニケーション」をコンセプトに作られた、デザインチームのためのプロトタイピングツールです。 紙とペンを使ってスケッチした画面をiOSアプリから撮影、トラン

はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ

MEMOPATCHの読者の皆様はもうご存知かと思いますが、Goodpatchでは現在Prottというプロトタイピングツールを開発しています。どうして今プロトタイピングツールなのか、その裏話はいずれ掲載する予定ですが、今回はMediumにプロダクトデザイナーJames De Angelisがポストしていた、 “2014: Bringing design to life” という、プロトタイプを作り、実際にデザインを動かすことがなぜ大切なのかということについて書かれた記事を翻訳しました。ぜひチェックしてみて下さい！ （以下、2014: Bringing design to lifeの翻訳） 静止画のPSDファイルの時代は終わりました。もしあなたのデザインが動かなかったり、インタラクティブでないとしたら、それは何のインパクトも与えることが出来ないでしょう。過去1年間、FlintoやFramer.

先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は

エンジニアが立ち上げた会社と言えば、GoogleやAmazon、Facebookなどが有名ですが、デザイナーが立ち上げた会社と聞いて皆さんはどんな会社を思い浮かべますか？その優れたデザインで話題になったPinterestやPathなどのサービスは、デザイナーが共同創業者として名を連ねており、デザイナーが会社を立ち上げることは珍しくなくなってきました。そこで今回のMEMOPATCHでは、創業者（または共同創業者）がデザイナーのWebサービスを8つ紹介します！ Pinterest https://pinterest.com/‎ デザイナーEvan Sharpは友人二人とサイドプロジェクトとしてPinterestを作りました。とはいえあくまでサイドプロジェクトであったため、その後Facebookでデザイナーとして働きはじめます。EvanはPinterestが気になっていたものの、当時のPinte

複数の料金プランを持つWebサービスを利用する際、皆さんはどういう基準でプランを選びますか？私は自分に必要な機能は何なのか、料金に見合った内容かどうか、他のプランと比較してお得なのはどれなのか等を考えながら検討していきます。そのために一目でそれぞれのプラン内容がわかったり、各プランを簡単に比較できるデザインだと決めやすいのですが、自分にぴったりのプランがすぐにわからないと結局どれも申し込まない、なんてことも。そこで今回は複数のプランを持つWebサービスの料金表を見ながら、どんなデザインをしてユーザーに魅力を伝えているのかチェックしてみたいと思います！ SQUARESPACE http://www.squarespace.com/pricing/ プランを3つ用意しているSQUARESPACEは、おすすめの$16のプランを人気のプランとして画面の真ん中にくるように配置しています。緑背景の”M

5月も終わりに近づいてきました。今月もGoodpatch社内で共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します！今月は社内でSketch.appを始めとする様々なWeb制作ツールが共有されました。まだローンチされてないものもありますが、今後よく使うツールになるかもしれないものもあるかもしれないので要チェックです！ 先月の同様のまとめ→ 「新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ」 Web制作ツール BRIEFS http://giveabrief.com/ プロトタイプが作成できるアプリです。iPhoneやiPadのデバイスで検証することが可能です。ちなみにこのアプリは最近リリースされ、Goodpatchが一番最初に購入したみたいです。 Sketch iOS Mirroring http://bohemiancoding

Mike Matas（マイク・マタス）というデザイナーの名前を聞いたことはありますか？以前「Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人」でも少し紹介しましたが、UIデザインの歴史について調べたら必ず彼の名前が見つかるはずです。Mikeは私たちが毎日使っているiPhoneのユーザー・インタフェースの重要な部分を多く担当し、今のUIの基礎を生み出したと言っても過言ではないほど、素晴らしいデザイナーなのです。今回のMEMOPATCHは彼が今まで手掛けてきたデザインをまとめて紹介します！ 14歳からデザインの仕事をはじめる Mike Matas（マイク・マタス）は14歳のときにMac OS Xアプリケーションのためのアイコンやロゴを描くというスモールビジネスをはじめ、Macのコミュニティの間でアイコンデザイナーとして徐々に有名になっていきました。（上に掲載したWats

5月20日にリリースされたGunosy2.0は、GoodpatchがUIデザインを担当しています。これまでの紺色をベースとした重めのデザインから大きく変わって、白を基調とした明るいデザインとなりました。そこで今回はリニューアルを担当したGunosyのエンジニア松本さん、弊社代表の土屋、UIデザイナーの貫井の3人に、どういった経緯でリニューアルすることになったのか、どんなことを考えてUIを作っていったのか、その裏話をたっぷりと語ってもらいました！ Gunosy UIリニューアルの経緯 ――ではまず、そもそもどうして今回GunosyのUIを全面的にリニューアルすることになったか教えてもらえますか？松本前回のデザインは、紺色で重めの男性的なデザインでした。最初のターゲットはアーリーアダプターやギークだったし、実際にスタート時は女性のユーザーはかなり少なかったのでそれでも良かった。だけどこれからG

先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！ まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で

Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 14（無料） カテゴリ: ニュース, エンターテインメント 販売元: DevHD – DevHD Inc Website RSSフィードリーダーのFeedly。メインカラーとして鮮やかな黄緑を使っており、カテゴリー部分では色を多用しています。慣れればどのカテゴリーかぱっとわかりそうで良いですね。 Infomatic Website Infomaticは自分のTwitterやFacebookの使用状況を統計で確認できるアプリ。残念ながら日本のアップルストアではダウンロード出来ませんが、青をベースとした配色が綺麗ですね。 Figure

こんにちは！ みなさんQuoraというサイトをご存知ですか？QuoraはFacebookの元CTO（最高技術責任者）が立ち上げたQ&Aサイトです。実名+肩書きの登録が必要なので、他のQ&Aサイトより回答者のクオリティが高い事が特徴のようです。（日本だとYahoo知恵袋が似ているWebサービス） 今回Quoraで日本のWebデザインについての興味深い質問を見つけたので、その質問と回答のいくつかを記事にしてみました。（記事ネタQuestion :Why is web design so bad for Japanese websites?） 【Question】 これまで日本のWebサイトは一般的にきれいなものだと思っていたが、実際は違った。アメリカのWebサイトより5年から10年の遅れを取っているように思えます。多くのWebサイトにFlashが使われているし、アメリカのものよりごちゃごちゃし