Goodpatch新卒UIデザイン研修の設計—ソフトウェアデザイン概論と基礎理論—｜Goodpatch Blog グッドパッチブログ
Goodpatchでは職種ごとにさまざまな新人研修プログラムを用意しています。2020年の新卒UIデザイナー向けには、4月から6月にかけてUIデザインに関する基礎的な講義や演習、課題制作といった集中的な研修を行い、UIデザイナーとして必要な基礎知識を身につけてもらいました。 UIデザイン研修といってもいくつかにコースが分かれており、今回私が講師として担当した部分では「ソフトウェアデザイン」をテーマに講義を行いました。 以下の講義のうち私が担当した、ソフトウェアデザイン概論、インタラクションデザイン基礎、モードレスデザイン基礎、UIモデリング基礎について簡単にご紹介いたします。 UIデザイン研修—ソフトウェアデザイン編—講義シラバス ソフトウェアデザイン講義の設計 UIデザイン新人研修は全体構成を「ビジュアルデザイン編」「ソフトウェアデザイン編」と二分し、それぞれの専門性を深堀りできる形を採
デジタルサービス開発においてフローチャートを作成するメリットとコツ｜Goodpatch Blog グッドパッチブログ
皆さんはフローチャートについてどんなイメージをお持ちでしょうか。「あると良さそうだけど作るのは面倒くさそう」「作った時のメリットがわからない」「システム開発のためのもの」といったイメージでしょうか。 今回、フローチャートをイチから作成する機会があり、メリットや作成のコツなどをまとめてお伝えしたいと思います。 フローチャートとは フローチャートは、プロセス、システム、コンピューターアルゴリズムを示す図です。複雑化しやすいプロセスの記録、学習、計画、改善、伝達を明確かつ分かりやすい方法で実現するためのツールとしてさまざまな分野で広く活用されています。 引用：https://www.lucidchart.com/pages/ja/what-is-a-flowchart このようにフローチャートは複雑なプロセスをシンプルに表現する際に役立つものです。 アプリやWebサイトでは “どの画面で何をする
ロゴデザインの8つの種類と参考になるウェブサイト7選｜Goodpatch Blog グッドパッチブログ
CI(コーポレートアイデンティティ)においてロゴは非常に重要な部分を占めています。 また複雑で混沌とした社会になるにつれ、企業理念や創業者の思いをしっかりと定義したロゴの重要性は依然高まっているのではないでしょうか。最近ではCIデザインという言葉もよく聞くようになり、ロゴを含めAirbnbのCIがどのようにデザインされているかを表した動画も話題になりました。 ということで今回の記事では一般的なロゴデザインの種類、ロゴデザインに役立つウェブサイトなどをまとめてみました。ロゴデザインを始めたばかりの人や将来始めてみたいと思っている人のご参考になれば幸いです。 Goodpatchでは、ロゴデザインやCIのリニューアルのご相談も受けております。 ⇒【資料ダウンロード】Goodpatchにおけるロゴデザインのリニューアルプロジェクト事例のご紹介 ロゴデザインの主な種類 1. シンプルな幾何学模様 シ
優れたプロダクト開発のために。エンジニアがデザインを学ぶ時のおすすめ本｜Goodpatch Blog グッドパッチブログ
Goodpatch Advent Calendar 2017では、Goodpatchのメンバーが興味を持っている分野や、利用している技術などについて書いていきます。 突然ですがエンジニアの皆さんは、デザインについてどのような解釈をしていますか？ サービス開発をする上で、ユーザーインターフェースのデザインはデザイナーが担当することが多いです。しかし、時にはプロジェクトの都合で「チームにデザイナーがいない」というケースも起こり得ると思います。例えばプロジェクトの初期段階では、よりミニマムで素早い仮説検証を求められたりするのではないでしょうか。 デザインを正しく理解して実践できることは、サービス開発において大きな武器となるはずです。本記事では、デザインのリソースが少ない中奮闘しているエンジニアに向けて、デザインを学ぶためのおすすめ本をご紹介します。 ノンデザイナーズ・デザインブック ノンデザイナ
最適なタスク管理方法がわかる！おすすめのガントチャートとカンバンの比較｜Goodpatch Blog グッドパッチブログ
日々の業務において、スケジュールやプロジェクトの日程・進捗管理は重要です。プロジェクトが非効率的に進んでいく要因として、プロジェクトの管理を行うツールや担当者が明確化されていないという課題があります。また、仮にExcelをタスク管理ツールとして運用した場合にも、見づらいなどの要因から、逆に仕事が非効率的になるという不満が渦まくことも少なくありません。 誰が何をどこまで遂行したのかが把握できず、暗闇の中でプロジェクトが進んでいく・・・そんな経験を一度はしたことがあるのでは？ 本記事では、プロジェクト進行やマネジメントにおいて、そのような課題を抱えているプロジェクトマネージャーやメンバーが使えるおすすめのタスク管理ツールをご紹介します。これらのツールをプロジェクトで上手く使いこなして、業務効率化を測りましょう！ 世界中で人気を集めているタスク管理ツール 世界にはさまざまなタスク管理ツールがあり
スタートアップにCDOが必要な理由 CDO Night #1レポート【オープニングトーク編】｜Goodpatch Blog グッドパッチブログ
海外では大企業によるデザインファームの買収が相次いでいます。先日、IBMがオーストラリアのデザイン会社Vivantを買収したことが発表されました。他にもAccentureはデザイン会社Fjordを、Facebookはソフトウェアデザイン等を手がけるsofaを、GoogleはMike & Maaikeをそれぞれ買収し、ビジネスをデザインの力で加速させようとする動きは非常に活発です。 そして2017年の現在、日本のスタートアップにCDO（チーフ・デザイン・オフィサー）という役職が増え始めています。なぜ、そこまで経営にデザインが求められているのでしょうか。 2017年10月3日、TECH PLAYデザイナー部によるイベント「スタートアップにCDOが必要な理由 CDO Night #1」が開催され、デザインを武器に挑戦を続ける6名のCDOが集まりました。当日はハッシュタグ「#cdonight」がT
引き出しを増やそう。初心者が配色のインスピレーションを得られるツール9つ｜Goodpatch Blog グッドパッチブログ
デザインを勉強中の人は、配色について、以下のような悩みをお持ちではないでしょうか。 配色の原則を理解したい 効率的に作業を進めたい 発想の引き出しを増やしたい 以前にGoodpatch Blogでは、初心者の人にオススメしたい、デザインリソースの活用についてご紹介しました。 配色のバランス・原則が不安な人へ 1. Adobe Colors CC Adobe Colors CC 全部で5色あるパレットから、類似色や補色、トライアドといったカラールールを選択でき、指定したベースカラーを元に、自動的にカラースキームを生成してくれます。 Adobe Colorsは、今回ご紹介するツールの中で最も「配色の基本を踏まえたツール」と言えます。デザインを学び始めたばかりの人が、色の基本的な知識を感覚的に身に付けたいときに役立つと思います。 2. Material Design Color Palette
新しいものが大好きなGoodpatchで11月に話題になったアプリ、サービス、デザインまとめ（2016） | Goodpatch Blog
みなさんこんにちは！UIデザイナーのサイです！ いよいよ今年も残り一ヶ月、東京は54年ぶりに11月で初雪が降りましたね。これからも気温がどんどん下がっていきそうです。皆さんもお体に気をつけてくださいね。それでは、今月話題になったアプリ、サービス、デザインを紹介します！ 過去の月間まとめはこちらからどうぞ！ Google Earth VR https://vr.google.com/earth/ Google EarthのVR版です。 Google Earthで世界のどこでも自由に探索することができますが、VR版では、その体験がさらに楽しくなりました。空を飛びながら街を俯瞰することもできますが、コントローラで地球自体を動かすことも可能なので、行きたい場所にどこからでも一瞬で到着します。しばらくHTC Viveだけで対応していますが、今後はOculus Riftなど他のVR装置も対応する予定で
新しいものが大好きなGoodpatchで10月に話題になったアプリ、サービス、デザインまとめ（2016） | Goodpatch Blog
こんにちは！デザイナーの鈴木です。 寒さが日に日に増し、キリッとした冬の空気になってきましたね。 今月はGoogle、Microsoft、Appleと、ハードウェアが多く話題に上がる月でした。 それでは、今月Goodpatchで話題になったアプリ、サービス、デザインを紹介します！ 過去の月間まとめはこちらからどうぞ！ UberEATS https://ubereats.com/tokyo/ 9月末に東京一部地域でサービスを開始したフードデリバリーサービスのUberEATS。 アプリを立ち上げて会員登録すれば、料理を選び、配達してほしい住所を指定するだけで美味しい料理が食べることができます。その簡単さもあって、グッドパッチでは、新しいもの好きの社員たちのほとんどが利用するほどの盛り上がりを見せたサービスでした。 Flinto for Mac version2 http://blog.flin
RubyKaigi 2016 基調講演レポート Ruby3 Typing | Goodpatch Blog
RubyKaigi 2016が始まりました！スポンサーであるグッドパッチもエンジニア数名で京都に来ています。 早速、今朝発表されたRubyの父Matzによる基調講演のレポートをお送りいたします。 Ruby3の柱 東京オリンピックの年にリリースすることを目指して開発されているRuby3には大きく3つの柱があります。 型（Typing） パフォーマンス（Performance） 並列処理（Concurrency） 今回の基調講演は、この中のひとつ「型」についての話です。 プログラミング言語の変遷 まずはじめに、プログラミング言語の「型」という側面についての振り返りがありました。 プログラミング言語にも時代によって流行りがあり、それは振り子のように繰り返されています。 かつては動的言語のSmalltalkやLispがあり、次に静的言語のJavaが流行し、JavaScriptやRubyのような動的
新しいものが大好きなGoodpatchで8月に話題になったアプリ、サービス、デザインまとめ(2016) | Goodpatch Blog
こんにちは！新卒デザイナーの鈴木です。 日差しの強さはまだまだ残っていますが、空気がだんだんと秋に近づいてきました。 季節の変わり目に体調を崩されませんよう、ご注意くださいね。 それでは、今月Goodpatchで話題になったアプリ、サービス、デザインを紹介します！ 過去の月間まとめはこちらからどうぞ！ Isotope – Periodic Table This Material Design App Will Make You Want to Study Chemistry Again マテリアルデザインを取り入れた周期表アプリです。 このアプリは、デザイナーのAnders Bjarnleが、かつてMaterialUpに載せたデザインが他のクリエイターから話題を呼び、 ぜひ実現化してほしいという多くの声を受けて作られました。 そこからもわかるように、化学が苦手な人でもついつい触ってみたくな
新しいものが大好きなGoodpatchで9月に話題になったアプリ、サービス、デザインまとめ（2015） | Goodpatch Blog
今月でGoodpatchは4周年を迎えました。4周年記念日には社員全員でワークショップを行い、働き方や会社の未来について一日をかけて考えました。そして昨日、Goodpatchが手がけたProttとTALKIEがGood Design賞を受賞しました！ プロトタイピングツール『Prott』、2015年度グッドデザイン賞を受賞 アットホーム×グッドパッチによる共同事業「TALKIE（トーキー） 新築・分譲マンション」が2015年度グッドデザイン賞を受賞 それでは、今月も社内で話題になったアプリ、サービスをご紹介します！ 過去のまとめはこちらからどうぞ！ Picker https://getpicker.com/ iOSアプリを探すためのサービスです。フォローした人がPickしたアプリを見れます。Pickerブラウザボタンを設定すると、ブラウザ上から簡単にアプリをPickできます。デザイナーには
新しいものが大好きなGoodpatchで６月に話題になったアプリ、サービス、デザインまとめ（2015） | Goodpatch Blog
こんにちは！6月も今日で終わり、2015年が折り返し地点を迎えます…! 本当に毎日はやいですね。 Goodpatchでは、今月Prott for Androidをリリースしました！使いやすさを求めて全力で開発したのでAndroidアプリを開発する際は是非使ってくださいね！では今月も新しいサービスやアプリをたくさん紹介していきます。 過去の月間まとめ記事→月間まとめ一覧 LAPA – Landing Pages Collection http://lapa.ninja/ Tumblrで作られた海外のランディングページギャラリーサイトです。現在掲載されているサイトの数は少ないですが、定期的に更新されているので、Tumblrアカウントを持っている方は是非フォローを！ Doctant https://www.doctant.com/ Web上でドキュメントを書いてURLでシェアできるサービスです。
新しいものが大好きなグッドパッチで3月に話題になったアプリ、サービス、デザインまとめ（2015） | Goodpatch Blog
こんにちは！３月も今日で終わりです。桜が満開で綺麗ですね。４月からGoodpachはオフィスが二箇所になります！それでは、今月も楽しいアプリやサービスをたくさん紹介します。 過去の月間まとめ記事→月間まとめ一覧 Napkin http://www.designwithnapkin.com/ 画像、文字、アイコンなどを配置してiPhone上でモックアップを作成できるアプリです。グリッドを引くことができるので、簡単に綺麗に揃えられるのが便利です。 Periscope https://www.periscope.tv/ Periscopeは、Twitterによって１月に買収されたTwitter上で動画をリアルタイムに配信できるアプリです。配信に時間制限はなく、画面をタップするとハートを何度でも送ることができるのが特徴的です。 Eighty http://www.eightyapp.com/ Ei
エウレカ&グッドパッチのデザイナーに聞くワイヤーフレームの作りかた！ | Goodpatch Blog
先日、エウレカさんとグッドパッチのデザイナーで第一回合同勉強会を開催しました。今回のテーマはワイヤーフレームです。この勉強会は、ワークショップを通してナレッジの共有をし合い、個々のデザイナースキルを上げる目的があります。エウレカさんのレポートはこちらです。合わせてご覧ください！ １.ワイヤーフレームを作る意味とは ワイヤーフレームを作る意味についてお話をしてくれたのは、エウレカ原さんです。案件を進めるときにまずすること、ワイヤーフレームはなぜ必要か、ワイヤーフレーム制作で意識するポイントについて解説していただきました。 ワイヤーフレームを書く前に 案件を進めるとき、まずすべきことはプロダクトの目的とゴールの再確認です。 最終的に作っているものの方向性を見失わないようにするために、 何が目的でそれを実装するのか？ なんで必要なのか？ それを作ることによって何を解決するのか? を考える必要があ
UI Crunch Vol.03「今、プロトタイピング開発に求められること」レポート | Goodpatch Blog
先日、ヒカリエで第三回目のUI Crunchが開催されました！ 今回のテーマは「今、プロトタイピング開発に求められること」です。前回と同じくライトニングトークとパネルディスカッションが行なわれました。UI Crunchの公式ホームページはこちらをご覧ください。 【過去記事】 【DeNA×Goodpatch】 UIデザインを本気で追求するコミュニティ『UI Crunch』が始動！ スタート！ 会場はヒカリエ内にあるさくらカフェです。今回もすぐに満席となりたくさんの方々にお越しいただきました！ とりあえず…乾杯！ ライトニングトーク プロトタイピングをテーマに4名によるライトニングトークが行われました。 「Prott Story」土屋 尚史（Goodpatch） 「チーム開発におけるKeynoteを使ったプロトタイピング」元山 和之（COOKPAD） 「プロトタイピングの助走と飛躍」吉竹 遼（
Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 | Goodpatch Blog
デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました（アカウントはこちら）。 MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローしたらいいのかなかなかわからないのではないでしょうか？そこで今回は、Goodpatchメンバーがいつもチェックしている世界のスーパーUIデザイナー14人を紹介します！ Louie Mantia https://dribbble.com/mantia 2008年に大学を卒業して以来、働いてきた会社はTapulous、Iconfactroy、Apple、Squareと聞けばそのすごさが伝わるのではないでし
だまし絵のように美しいゲーム Monument Valley の制作秘話 | Goodpatch Blog
See the original story in English 最も美しいモバイルゲームの一つと呼んでも過言ではない「Monument Valley」。まるでエッシャーの描く建築世界に迷い込んだ感覚をプレイヤーに与えるゲームです。Monument Valleyは世界中のユーザーを惹き付け、昨年にはApple Design Awards(Appleデザイン賞)も受賞しました。 最近では、制作元のustwo が同社ブログ上で、収益やダウンロード数などの数字を公開。600万ドル近い収益、またインスールされたユニークデバイスの数は1000万近くと、その数字もまた注目を集めました。 今回は、そんなustwoでMonument Valleyの制作に携わったManesh Mistry 氏とNeil McFarland氏に開発ストーリーについてインタビューさせていただきました。 ――まず、チームについ
10月1日デザインの日にPrott正式リリース！Prott iOSアプリの使い方教えます！ | Goodpatch Blog
みなさん、10月1日って何の日か知っていますか？！なんと、今日は通商産業省(現経済産業省)が選定した「デザインの日」！そんなデザインの日に、 UIデザインを特化しているGoodpatchが開発しているProttが正式リリース！今回のMEMOPATCHではiOSアプリの紹介を主に、今回の正式リリースの内容をお届けします！ 正式リリースについて Prott（プロット）とはこのMEMOPATCHを運営しているグッドパッチが開発しているモバイルアプリやサイトの為のプロトタイピングツールです。2014年4月にベータ版を公開して以来、多くの方にお使い頂いており、ついに正式リリースとなりました！「高速プロトタイピング＋新しいコミュニケーション」をコンセプト日々開発を進めています。 ベータ版との違いーアプリ開発チームにむけたよりパワフルなツールへー ・最新のiPhone 6などのiOSや、Androidな
自動家計簿のMoney Forward。KPI11%アップを達成したiOSアプリの新UIデザインは、こうして作られた！ | Goodpatch Blog
Goodpatchは自動家計簿サービスMoneyFowardのiPhone版アプリリニューアルを担当しました。今回はリニューアルプロジェクトを終えて振り返りを兼ねて、Money Forwardの取締役開発本部長 都筑貴之さん、サービス開発本部マネージャー 村里健太さんのお二人にインタビューをさせて頂きました。弊社からはプロジェクトに関わった、代表の土屋尚史、UIデザイナーの貫井伸隆、ディレクターの齋藤恵太の3人が参加しました。 ―― まずはMoney Forwardの事業について教えてください。 都築 Money Forwardは、パーソナルファイナンスのサービスです。パーソナルファイナンスは「個人の資産をすべて一括で管理、活用する」というサービスで、まだ日本では新しい概念です。アメリカにMint.comというパーソナルファイナンスに特化したベンチャーがあるのですが、代表の辻とCOOの瀧が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
