タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
決算説明会資料というものがあります。株主に向けて、当期あるいは通期の決算説明を行うための資料です。主に企業のIR室（Investor Relations）、つまり企業が株主向けに現況や今後の見通しを広報する活動を主に実施する部門が書きます。 そのIR室の役割の一つに決算説明会資料の作成がありますが、これはすごく骨の折れる作業な一方で、報われない作業でもあります。なぜなら、IR担当部という全然力がないような部が、関係各所に数字をもらったり現況を把握したりレビューしてもらったりし、その上えらい人からも余計な口出しが色々と入るからです。労多くして、という典型例ですね。 しかし、今回ご紹介するGoodpatch社についてはそれはあてはまりません。なぜなら、Goodpatch社は「デザイン」という業務が事業に大きく影響するからです。そんな会社が、自社の発表する資料で手を抜くわけがなく、またそれの見栄
デザインパターン (design pattern) とは、過去のデザイナーたちが見つけた経験則的な型に対して名前をつけ、型の再利用性を高めやすくしたものです。ソフトウェアデザインの世界（特に、プログラミングの領域）においてはプログラム構造の設計パターンのことをまさに “デザインパターン” を呼び、これを共通の知識として積極的に取り入れています。 これに対しアンチパターン (anti-pattern) とは、必然的に否定的な結果に至る型を指します。アンチパターンもデザインパターンの一種と捉えこれを知識に蓄えておけば、設計の過程でどのような結果に至るのかを事前に予測することができるし、失敗を未然に防ぐことも可能となります。 今回は、アプリケーションデザインにおける典型的なアンチパターンをいくつか紹介します。 アプリケーションデザインの定義 ここでの「アプリケーションデザイン」の言葉は、以下の意
モダンな要件定義手法「RDRA」をRPGゲーム風にカスタマイズして説明してみた - Goodpatch Tech Blog
この記事はGoodpatch Advent Calendar 2022 18日目の記事です。 ソフトウェアエンジニアの 池澤です。 ここ最近はテクニカルディレクションとして仕事に関わることが増えました。その中で要件定義を作ったりデザイナーとエンジニアの橋渡しをする機会が多く、メンバーみんなが同じゴールを認識して制作できるようなより良い要件定義方法はないものかと探していました。 今回はそんな中で見つけたモダンな要件定義手法の一つ、RDRA（ラドラ）について、理解しやすくなるコツやカスタマイズしている内容についてお話しします。 なお、RDRAの詳細解説をするととても書ききれませんので、RDRA本体の詳細については公式サイト等をご参照ください。 RDRA（ラドラ）とは？ 概要 RDRAのバージョン これまでの要件定義でよくある問題 期待される要件定義の姿 公式サイト おすすめの学び方 実際のRD
Figma for VS Codeを使ってCSS実装する時のおすすめポイント - Goodpatch Tech Blog
Goodpatchエンジニアの池澤です。デザインツール「Figma」のスタイルや値を、テキストエディタ「VS Code」上で閲覧できる「Figma for VS Code」機能拡張が2023年6月よりFigma公式から提供されています。 この記事ではその「Figma for VS Code」について、実際に試して感じたことをまとめてみました。 ※ Figma Dev ModeやFigma for VS Codeはまだベータ版で動作保証されておりません。また本記事の内容は個人が趣味で検証したことをご理解の上、自己責任にてご利用ください。 Figma for VS Codeとは 主な使い方 使用時のワンポイント Point1： Figmaのトークンの名前と値が確認できる Point2： FigmaのSectionやReady for devマークの有無はあまり気にしなくて良い Point3：
生まれ変わったらデザインシステムになりたいと思っているくらい、デザインシステムが好きなエンジニアの乗田です。 僕の入社の経緯や業務内容についてはこちらからご覧いただけます！ デザインシステムとは デザインシステムとは、ソフトウェアやグラフィックなどにおけるデザインの原則や指針と、それらを実現するための仕組みの集合体です。デザインシステムのメリットは、低コストで高速に一貫性のあるデザインを実現しやすくなるという点にあります。 一般的にデザイン原則にはタイポグラフィ・カラーシステムやボイス&トーンなどが含まれ、仕組みにはコードベースのUIコンポーネントやデザイントークンなどが含まれます。 しかしデザインシステムにおける必須要素の定義はありません。それ故にデザインシステムは、各組織にとって必要なデザイン原則やデザインアセットが集合した物と言い換えることもできるでしょう。 古い物ですと1975年に
視覚調整は、人間の脳に対して視覚的なアプローチをとることが多いデザイナーにとって大切なスキルです。 今回は、UIデザイナーが行う視覚調整の主な例を紹介していきます。 視覚調整とは 視覚調整とは、人間の錯視（目の錯覚）を考慮したデザインの調整のことを指します。 身近な企業ロゴに施されていることも多く、Googleのロゴでも取り入れられています。（以下の画像は、Googleのロゴを考察したツイート↓） Is this a joke, Google? pic.twitter.com/qrL8U2Vrhw — Give Me Internet (@GiveMeInternet) 2017年9月25日 この考察内容を見ても、調整前と調整後の違いはかなり微量であるように思えます。本当にここまで細かい調整が行われているのかと疑ってしまいたくなりますが、実際にこのような微妙なデザインの調整はUIデザインに
Goodpatch新卒UIデザイン研修の設計—ソフトウェアデザイン概論と基礎理論—｜Goodpatch Blog グッドパッチブログ
Goodpatchでは職種ごとにさまざまな新人研修プログラムを用意しています。2020年の新卒UIデザイナー向けには、4月から6月にかけてUIデザインに関する基礎的な講義や演習、課題制作といった集中的な研修を行い、UIデザイナーとして必要な基礎知識を身につけてもらいました。 UIデザイン研修といってもいくつかにコースが分かれており、今回私が講師として担当した部分では「ソフトウェアデザイン」をテーマに講義を行いました。 以下の講義のうち私が担当した、ソフトウェアデザイン概論、インタラクションデザイン基礎、モードレスデザイン基礎、UIモデリング基礎について簡単にご紹介いたします。 UIデザイン研修—ソフトウェアデザイン編—講義シラバス ソフトウェアデザイン講義の設計 UIデザイン新人研修は全体構成を「ビジュアルデザイン編」「ソフトウェアデザイン編」と二分し、それぞれの専門性を深堀りできる形を採
初めまして。UXデザイナーのしんやです。私は4月にGoodpatchへ新卒入社し、UXデザイナーとしての仕事を始めました。今期から新卒2年目になります。入社から振り返るとまだ体系化の余地があるUXデザインの仕事は、手探りな部分が多く、学習と実践を繰り返して知識とスキルを身に付けていったと思います。 この記事では、UXデザインに興味がある方、学習をしたい方向けにUXデザインを学習するのに役立った25冊の本をご紹介します。 ご紹介する25冊の本は、UXデザイナー1年目として、求められている品質にたどり着けなくても暗闇を手探りで進まなければいけない状態だった際に、同じチームで仕事ぶりを見ていた先輩デザイナー、エンジニア、代表土屋からおすすめしてもらった本たちです。ぜひUXデザインの理解を深める際に役立ててもらえると嬉しいです！ おすすめされて読んだ本たち UXデザインの目的理解 道具の目的が不明
アーキテクチャ（Architecture）とは一般には建築や建築学を指しますが、コンピューターの世界ではあるシステムの概念や設計思想を「アーキテクチャ」という言葉で分類することがあります。中でもソフトウェアの領域では実装モデルの設計指針や分類、コンポーネントの相互関係、ソフトウェアの構築方法などを定めた一連の構造をそう呼ぶことがあります。 アーキテクト（Architect）とは建築家や（建築）設計士、技術者といった職種を指しますが、コンピューターの世界では「アーキテクト（仕組士）: システムのアーキテクチャを設計する責任がある、人、チーム、あるいは組織」（IEEE 1471）と規定されます。要するに、システムの構造設計に関して責任を持つ役割です。「構造設計の指針を示し、実行する人」と言った方がわかりやすいでしょうか。 このような、構造設計やそれを担う設計士の役割は、当然のようにUIデザイン
Goodpatch Anywhere式リモートコミュニケーションマニュアル｜Goodpatch Anywhere
立ち上げ時より「フルリモートデザインチーム」としてデザインワークを行ったきたGoodpatch Anywhere。創業から1年を経て、リモートワークの知見も少しずつ溜まってきました。 コロナウイルスの影響でリモートワークを実施する企業が増えている中、普段の業務とあまりに違う環境に戸惑う方が多くいらっしゃると考え、Goodpatch Anywhereが日頃の業務で気をつけている、リモートワークのコツをご紹介します。一つの例として参考になさってください。 更新情報 -2020.3.2 Discordについてのナレッジ追加。 はじめにGoodpatch Anywhereで普段利用しているツール ・Slack（チャット） ・Zoom（テレビ会議） ・Discord（ボイスチャット） ・Scrapbox（共有メモ、wiki） ・Figma（デザインツール） ・Miro（デジタルホワイトボード） ・G
先日、あるイベントで対談した若手スタートアップ起業家からこんな質問をされた。 「土屋さんは、なぜGoodpatchでコンサルのような仕事（受託）を続けようと思ったんですか？」 おそらくこの質問の背景として、出資を受けたら受託は止めて（もしくはVCに止められて）、自社サービスにフォーカスする会社がほとんどだし、スケールしないのに出資を受けているのになぜ受託を続けているんですか？という意味合いだろう。 昔はよく聞かれた気がするが最近はあまり聞かれる事がなかったのだけど、久しぶりに質問をされたので、それについてnoteに書いてみたいと思う。 ちなみにGoodpatchでは基本“受託”という言葉は禁止していて、クライアントワークもしくはデザインパートナー事業と呼ぶようにしている。理由は日本では受託という言葉が言われたものを作るだけの下請けのようなイメージになってしまっているから。 さて、出資を受け
デザイン業務ではしばしば“奇抜さ”が求められることがあります。人間は常に新しい形や刺激的な表現を求めていて、誰もが思いつくようなものでは受け入れられないことも多々あります。そのことは十分に承知の上で、私は良いデザインとはどこか“普通の形”をしているものだと考えています。普通というとなんだかネガティブにも捉われがちですけれども、環境に融け込んでいて違和感がないという意味で、普通であることはデザインの目指すべき一つの姿なのではないかと思います。はじめ奇抜な形をしていたものが次第に社会に受け入れられていって、いつからか「普通」になっているようなこともあります。｢新しくあること」と「普通であること」は必ずしも二項対立の関係ではありませんが、どちらを取るべきかでしばしば頭を抱えてしまうデザイナーは私を含め多くいらっしゃるのではないでしょうか。 UIデザインの世界を見てみても、やはりどこか「普通ではな
こんにちは。Goodpatch UIデザイナーの金谷です。 最近、ChatGPTで話題沸騰のAI。機械学習、ディープラーニングなどの技術の進歩が著しく、自然言語処理、画像認識、音声認識などの分野で、驚異的な精度と高速な処理能力を発揮しています。 ChatGPTにいろいろな「仕事」をさせる実験が流行っていますが、私自身もAIに負荷が高い（面倒）な作業を肩代わりしてもらえないか、実験をしてみたくなりました。 個人的な願いですが、AIの活用によって業務効率が飛躍的に向上するといいなと考えています。より創造的なタスクに時間をかけられ、品質の高いものを生み出せたり、人間が意思決定をする上で、十分な情報や条件がすぐにそろったり。 というわけで、デザインのワークフローにおけるどんな課題を解決できるのか、順に追って考えてみたいと思います。 Webアプリ・モバイルアプリデザイナーのワークフローごとに面倒な作
ウェブアクセシビリティ対応、どうすれば？ 法改正のポイントと5つのステップを解説｜Goodpatch Blog グッドパッチブログ
アクセシビリティ？ ウチの会社のウェブサイトは大丈夫なの──。 法改正によって、障害のある方への「合理的配慮の義務化」が、2024年4月1日をもって民間企業にも適用されることを受け、ウェブデザイン分野ではアクセシビリティ対応の機運が高まっています。 とはいえ、「法改正で何が変わったのかよく分からない」「ウェブアクセシビリティってどうすれば対応できるの？」といった疑問を持つ方も少なくないはず。そこで、この記事ではいわゆる「法的義務化」の潮流を解説しつつ、アクセシビリティの基本を押さえていきます。 アクセシビリティの考え方は、ウェブに限るものではありません。他のプラットフォームでのソフトウェアデザインや物理的なモノや空間のデザインにおいても、普遍的に重要な視点です。ぜひ、この機会に一緒に学んでいきましょう！ なぜ「ウェブアクセシビリティ」に注目が集まっているのか？ まず前提として触れておきたい
はじめに UI デザイナーとして、スキルを伸ばす方向性を悩んだことがありますか？ 去年、私はスキルを伸ばす方向性をすごく悩みました。世の中の流れとして、UIデザイナーはUXデザイナーを目指すのが多いのに対して、私はインターフェイスアーキテクチャやインタラクションデザイン、エンジニアリングについてすごく興味があるんです。しかし、どうやってそれらのスキルを伸ばすのかは分かりませんでした。 社内の有志のチームに参加 その時、OOUIをはじめUIデザインを研究する有志の集まりがあって、私はそのチームに参加しました。 【Today's Goodpatch✍️】有志で発足された、オブジェクトベースなUIデザインを研究するチームの様子をキャッチ👀上野学さんの記事をチームで読みながら、オブジェクトベースなUIデザインへの取り組み方などディスカッションが白熱していました！ pic.twitter.com/
この記事はGoodpatch UI Design Advent Calendar 2019の18日目の記事です。 こんにちは。UIデザイナーのnaoです。僕は今こうやって仕事としてUIデザインについて接していますが、同時にいちユーザーとして数々の素晴らしいUIデザインに触れてきました。初めて触れたiPhone3GSが発売された2009年から約10年間数々のiOSアプリケーションをインストールしては削除し、中でも特に機能性に長け優れた外観を持つアプリケーションは僕の愛でるUIとして使わない物でも保持してきました。 この10年間、僕のポケットには無限の可能性を秘めたアプリケーション達が入っていてそれらは、晴れの日でも雨の日でも、楽しい時も悲しい時も僕を支えてくれました。はい、こんなエモい文章ではないのでご安心ください。 このAdvent Calendarの記事ではそんな愛してやまなかったiOS
Goodpatch Blogでは、人の錯視を考慮したUIデザインの手法「視覚調整」についてご紹介しました。 視線誘導とは 視線誘導とは、ユーザーの視線の流れを意図的にコントロールするために使われる手法の１つです。UIデザインはもちろん、イラストや写真、映像、漫画などアート・デザイン問わず様々な場面で使われています。 視線誘導を使うメリット 視線誘導を意識することで、ユーザーに見せたい情報の順序を意図的にコントロールすることができます。情報の正しい順序を無意識に導き出すことができるので、ユーザーはストレスなく画面を見続けサービスを利用し続けることができます。 情報認知のための視線誘導 視線誘導には大きく分けて２つの目的があります。 ユーザーに情報を認知させるもの ユーザーの視線移動をサポートするもの 情報を認知させるための視線誘導は、ユーザーが注目している部分から注意をそらし、別の部分に視線
ソフトウェアデザインにおける構造設計を実践！マネーフォワードさんとワークショップを開催しました｜Goodpatch Blog グッドパッチブログ
Goodpatchでは、UIの構造設計を重視したデザインプロセス「モデルベースUIデザイン」を推進しています。最初にコンセプト定義やユースケースを定義し、情報整理をして最終的に機能やビジュアルなどの具体的なところを詰めていく考えをとっていくプロセスです。 今回は、マネーフォワードさんと「デジタルプロダクトのUI設計のプロセスと考え方を学び、実践することでスキルのベースを身につけること」をテーマに、モデルベースUIデザインについて理解・実践するワークショップを開催しました。本記事では開催の背景から当日の様子をご紹介します。 参加いただいたマネーフォワードのUI/UXデザイナーさんによるnoteもぜひご覧ください！ マネーフォワードがGoodpatchさんとUIデザインワークショップを実施しました！ ご相談いただいた背景 「お金を前へ。人生をもっと前へ。」をミッションに掲げる株式会社マネーフォ
Whyとは一体何なのか 🧐近年、多くの会社で聞かれるようになった「Why」の重要性。 Goodpatchも例に漏れず、会社のカルチャーの根底に「Why」があります。 今となってはWhyって大事だよねーと抽象的概念で重要性が伝わりますが、実はWhyとは何かという言語化はあまりされてないことが多いと思っています。 今日はそんなWhyを少しだけ深掘って自分なりに言語化してみたいと思います。 Goodpatchが創業期から大事にしているWhyから考える文化GoodpatchがWhyという言葉に触れたのは創業から2年ほど経った時期でした。当時は会社のビジョンもミッションもまだ明文化されておらず、社員は30名近くになりつつあり、メンバーがこの会社はどこに向かっているのかという声がが聞こえ始めた時でした。 そんな時にある人からサイモン・シネックの「優れたリーダーはどうやって行動を促すか」というTEDの
昨今、プロダクトマネージャー（以下PdM）の需要が高まり、多くの企業で採用や育成に取り組んでいることと思います。しかし、PdMは幅広いスキルや役割が求められるため、どのようにステップアップしていくのか、定義することが難しい面があります。 そこで私たちのチームでは、PdMの「スキルマップ」を作成してみました。あくまで私たちのように「クライアントワークを行うPdM」向けのものではありますが、PdMのキャリアを考えている人や、PdMとして成長したいと考えている人へ、自身のスキルを客観視するきっかけになるかと思い、この記事でご紹介することにしました。 スキルマップと合わせて、各々のスキルをどのように身につけるのかや、スキルを得た先にあるキャリアパスについても触れたいと思います。ぜひご覧ください。 グッドパッチが求めるPdMスキルを「35項目」に整理 今回私たちが作成したスキルマップでは、PdMのス
ChatGPTに書かせた技術記事に赤入れしてみた - Goodpatch Tech Blog
iOS 15で追加された新機能の中でも注目すべきは、Focus（集中）モードです。この機能を使うことで、自分がやるべきことに集中するために、通知やアプリアイコンの表示を制限できます。例えば、仕事中には仕事に関するアプリや連絡先からの通知だけを受け取り、プライベートな時間にはSNSやゲームからの通知を制限することができます。 Focusモードのデザイン Focusモードのデザインには、アプリのアイコンに新しいリングが追加されました。このリングは、Focusモードに設定されていることを視覚的に表していますは、基本的にできることが限られています。iOS15の段階では、コミュニケーションアプリの送受信先によって通知をフィルタすることしか開発者にはできませんでした。また、アプリの設定画面には、Focusモードに関するオプションが表示されます。ですが、iOS16から導入された「集中モードフィルタ」を使
デザイナーを目指している、あるいはロゴデザインに初めて取り組もうとする方には役割を果たすロゴをデザインしたいとき、どんなことを考えるべきなのかが分かりにくいかもしれません。 今回は、ロゴデザインをする前に知っておきたいノウハウをまとめました。 ロゴデザインをする前に ロゴとVIの関係性 近年、ブランド再定義を行う際の視覚的なアプローチとして注目されるVI（ビジュアル・アイデンティティ）というものをご存知でしょうか。 VIはロゴやシンボルマーク、ブランドカラーなどに代表される統一化された視覚的要素であり、その目的は「ブランドのコンセプトを可視化し、その存在意義をユーザー、社会に対して浸透させること」です。 多くの場合、この目的を果たす一つの手段としてロゴデザインが用いられるため、ロゴデザインにおいてもその役割を意識する必要があります。 VIの一部としてのロゴ VIの一部としてロゴが機能するこ
「UXエンジニア」が組織に与える価値とは？ UX Engineer Meetup レポート｜Goodpatch Blog グッドパッチブログ
みなさんはUXエンジニアという職種を知っていますか？ 近年、エンジニアでありながらもデザインの知識やスキルを活用して、独自の価値を発揮する人たちがいます。しかし、人によって肩書きが異なったり、企業・組織規模・プロダクトの性質によって役割が変化するため、具体的にどのような存在なのかよく分からないと感じる人も多いのではないでしょうか。 そこで、今回は「UXエンジニア」として活動している人たちがUXエンジニア特有の価値観や活動内容、ナレッジや悩みを共有するイベント「UX Engineer Meetup」を2019年10月7日（月）に開催しました。今回は登壇された方々の発表内容を元に、UXエンジニアの仕事内容や組織における役割などについてお届けします！ 株式会社サイバーエージェント | 谷 拓樹さん「私はいかにしてUXエンジニアになったのか」 はじめに、株式会社サイバーエージェントでUXエンジニア
UXデザイナーのマインドセットを学ぶGoodpatch流の新卒UXデザイン研修｜Goodpatch Blog グッドパッチブログ
はじめに 2021年、Goodpatchには8人の新卒が入社しました。 今年もGoodpatchでは4月から6月までの3ヶ月間で新卒研修を行っています。昨年は新卒の職種ごとに分け研修を行っていましたが、今年は全職種を対象としてUXデザインやUIデザイン、さらには営業の研修を行っています。 今回の記事では、UXデザイン研修がどのような目的で行われていて、どのような内容を学ぶことができるのかをご紹介します。 研修の目当て Goodpatchの新卒向けUXデザイン研修では以下を目当てとしています。 GoodpatchのUXデザイナーとして必要なマインドセットを理解すること Goodpatchに所属している先輩UXデザイナーを知ってもらうこと UXデザインに活用できるたくさんの手法を理解することも重要ではあるのですが、Goodpatchの研修では手法を伝えることよりも、まずはその土台となる Goo
フロントエンドエンジニアのみんなと京都にワーケーション行ってみた 🤙 - Goodpatch Tech Blog
こんにちは！エンジニアの鈴木（@zookeeper08）です 💁♂️ 先日、数名のフロントエンジニアが集まり、1泊2日のワーケーションを京都で実施しました！ 入社してからほとんどリモートだったので、実は同じチームでもリアルで会話したことがあるのは数回ぐらいという、、なので今回のワーケーションは個人的にすごい楽しみにしていました！ この記事ではワーケーションの全貌をゆるりと紹介していきます〜😚 1日目 京都へレッツゴー 🤙 朝の7時半に東京駅集合だったので6時前に起きました。こんなに早く起きたのは久々です。 新幹線に乗るだけで旅行感出ますよね 予定外の京都タワー訪問🗼 宿に向かっていると私たちの目の前に京都タワーが！ テンションが上がってしまい、予定にはなかったのですが急遽向かうことにしました🕺 大人たちがちゃんと楽しんでいました 😉 近すぎて全貌が見えない京都タワー 任天堂の
デザイナーはもちろん、エンジニアの方やPdMの方もですが、デザインツールを使用していてこのような課題に直面したことがありませんか？ 探しているデザインデータがどこにあるのかわからない 最新のデザインデータがどれなのかわからない 状態変化時のデザインを考慮できておらず、抜け漏れによる手戻りが発生する どうしてこのデザインに決まったのか、検討の流れや経緯がわからない このような課題を解決するためにはどのようなデザインデータを作り、運用していくのが良いのでしょうか。 GoodpatchではFigmaをデザインツールとしてよく使用します。今回はあるクライアントとのプロジェクトにおいて検討したFigmaの運用方法の例をご紹介します。 課題：探しているデザインデータがどこにあるのかわからない 解決方法：FigmaのTeam, Project, Fileの構成を定義する 探しているデザインデータがどこに
面白法人カヤックと、フルリモートデザインチーム「Goodpatch Anywhere」が開催するオンライン勉強会。第一回目のテーマは「PM（プロジェクトマネージメント）」。Goodpatch Anywhereでは、どのようにフルリモートのデザインチームをマネージメントしているのか？ プロジェクト初期の不安を解消するコミュニケーションについて、五ヶ市壮央氏が実際の事例を紹介しました。 チームでデザインすることでクオリティを上げていく 五ヶ市壮央氏（以下、五ヶ市）：カヤックさんのほうでは、PMの組織としてどんなふうに取り組みをされているかというお話をしていただきました。私からはデザインのプロジェクトですね。実際の案件についてお話をしてきます。「デザインプロジェクトの初期の不安定な時期をどう突破するか」というお話をします。どうぞよろしくお願いします。拍手！ （一同拍手） ありがとうございます。簡
組織をリデザインして「アジャイル組織」にしたら、全員がCEOになった話──ゆめみ片岡代表×Goodpatch土屋氏対談 - TECH PLAY Magazine
「今日からアジャイル組織にします」──ある日突然、ゆめみ代表の片岡氏が宣言して始まった全員CEO制度、有給取り放題制度、給与の自己決定制度などのユニークな組織制度。社員のみんなはどう新たな組織を受け入れることができたのか？組織をリデザインしたときに実際に起こった話を深掘りするべく、Goodpatchの土屋尚史氏が鋭く切り込む！ アジャイル組織にしたら起こった、3つの恐怖と悲哀のドラマ 今回の対談も前回に引き続き、TECH PLAY SHIBUYAにて公開形式で開催された。まずは片岡代表がゆめみの組織改革「アジャイル組織」について、プレゼンテーションが行われた。 ▲株式会社ゆめみ 代表取締役 片岡 俊行氏 1976年生まれ。京都大学大学院情報学研究科在学中の2000年1月、株式会社ゆめみ設立・代表取締役就任。在学中に、100万人規模のコミュニティサービスを立ち上げ、その後も1000万人規模の
今デザイン界隈でもブームになっている「AI（人工知能）」。トレンドを追いかけていると、便利で効率的でクリエイティブな未来にワクワクする一方、人間らしさやアナログの世界が恋しくなることはありませんか？ デザインにおいて、「人間らしさ」というのは大切な要素だと思っています。例えば、ユーザーが困ったときにそっと手を差し伸べてくれるような機能。これは便利さや効率だけでは届かない、人間だから、人の優しさがあるから生まれるものでしょう。 私自身、そんな「作り手の『Humanity（人間性）』が感じられる」デザインやソフトウェアが大好きなのですが、その仕掛けの多くは、些細なインタラクションや文言に宿っているもの。意識的に観察しなければ見逃してしまうでしょう。それだけ、ユーザーの意識に融け込んだ体験であるとも言えます。 この記事では、作り手のHumanityが感じられるソフトウェアについて、アプリUIの観
メンタルモデルとは何か？マッチングアプリのUIデザインから読み解く4つの概念｜Goodpatch Blog グッドパッチブログ
ユーザーに行なって欲しい操作や行動を導くインターフェイス／インタラクションのデザインを行うために、デザイナーはどんな意識をもつ必要があるのでしょうか。 今回は意識するべき概念の1つとして、メンタルモデルを紹介します。 Goodpatchでは、新規サービスの立ち上げやサービス・プロダクトの改善のご相談も受けております。 ⇒【資料ダウンロード】事業の提供価値を素早くカタチにし価値検証を回すフレームワーク「デザインスプリント」とは？ 観客からすれば、映画に夢中になると、光の点滅やスプロケットのことなど忘れてしまう。というより、多くの観客は、映写機の仕組みだとか、それがテレビの仕組みとどのように違うかといったことなどまず知らない。観客は、単純に大画面に動く写真が映し出されているだけだというイメージを持っている。 （引用元：アラン・クーパー『About Face 3 インタラクションデザインの極意』
UIデザインにおける「アイコン」は、アクションやコンテンツを直感的かつ素早くユーザーに伝えるための記号や絵柄であり、デザインにおいて大切な要素の一つです。また、ユーザーに意味を正確に伝える必要があるからこそ、機能やアクションをどのようにアイコンで表現すればいいか、サービスの世界観に合っているか、などと悩むデザイナーも多いと思います。 今回はウェブサイトのUXを高めるアイコンのデザインについて、少し掘り下げていきたいと思います。 1. ピクトグラムとの違い まずはじめに、アイコンとよく似たものとして「ピクトグラム」が挙げられます。ピクトグラムは、言葉で説明をしなくても情報が伝わるよう絵で表現したものです。年齢、障害、人種、宗教、環境などに左右されず万人が共通で理解できる情報提供手法として、日本を含め世界中の公共交通機関、観光施設等で広く掲示されています。つまり、ピクトグラムは「世界共通の言語
体験構造とKPIで前進するデザインドリブンなプロダクト開発｜Keita Saito / Goodpatch Anywhere
この記事はGoodpatch AnywhereアドベントカレンダーとGoodpatchアドベントカレンダーの7日目の記事です（欲張り） 今日はここ半年くらい温めていたデザイン手法について紹介したいと思います。「プロダクトやサービスの体験構造とKPIを表し、チームでディスカッションするための成果物」として「体験構造図」と仮称しておきます（ググっても7件だからだれにも怒られないよね…）。 体験構造図はユーザー体験をプロジェクトの中心に置きながら、数値指標（KPI）を意識し続けるためのものです。「どんなプロダクトを作るのかなかなか決まらない」「UXデザイナーが何してるのかわからない」「プロダクトが伸び悩んでチームに停滞感がある」「プロダクト開発の現場と経営が対立する」などの問題が起こっているときにこの体験構造図を作ってみるとチームを前にすすめる突破口になるのでは？と思っているのでぜひトライしてみ
ジェネレーティブAI技術の進歩などによって、デザインに活用できるAIツールが次々と誕生しています。AIを業務に組み込むことで、今後デザイナーの働き方も大きく変わっていくでしょう。 そこで本記事では、さまざまなAIツールの中からデザイン業務に活用できそうなものをピックアップし、ワークフローのシーン別にご紹介します。主要なツールについては使ってみた感想（レビュー）も記載したので、デザイナー観点でAI活用をどう感じたかをお伝えできれば嬉しいです。 はじめに：AIデザインツールの原理 そもそもデザインに使えるAIツールとはなんでしょうか？AIの分野で重要な役割を果たす3つのキーワードについて、簡単に解説します。 ニューラルネットワーク クリエイティブな仕事をサポートまたは代替してくれるAI技術は、数十年にわたる技術開発の上に成り立っています。その基本的な仕組みの1つとして挙げられるのがニューラルネ
新しいものが大好きなGoodpatchで7月に話題になったアプリ、サービス、デザインまとめ(2019)｜Goodpatch Blog グッドパッチブログ
今年の梅雨は、昨年の梅雨明けが早かったことに加え毎日雨が続いたので、とても長く感じましたね。これから猛暑が始まるので気をつけてくださいね。それではさっそく、今月Goodpatchで話題になったプロダクトやサービス、イベントをご紹介したいと思います。 過去の月間まとめはコチラからどうぞ。 chot.design https://chot.design/ 「chot.design」は、無料でデザインについて学習することができるサービスです。 近年ニーズが向上しているデザイン人材の育成を目的に、ちょっとしたスキマ時間に取り組むことができるレッスンが提供されています。 現在は現役のWebデザイナー・UI/UXデザイナー・フロントエンドエンジニアなどによる、Illustrator・Sketch・HTML・CSS等のレッスンが150本用意されており、更には今後も毎月30から50本のレッスンが提供される
HTML の適切な数字入力について調べてみた (type, inputmode, pattern) - Goodpatch Tech Blog
適切な数字入力とは? 2022/7/25 更新 ・ 論点を明確にするために、この記事で扱う郵便番号の仕様を、7桁の数字 => 3桁 + 4桁の数字 に変更しました。 Design Div 所属フロントエンドエンジニアの上垣です。 Webサービスを作成するにあたり、フォーム周りのユーザー体験は特に慎重に設計する必要があると考えています。なぜなら、フォームはユーザーとサービスをインタラクティブにつなぐ重要な接点であり、フォームの体験はサービス全体に対する印象に直結するからです。 そんな中で、郵便番号の入力フォームを作成する際、ふと「郵便番号の入力に適切な type は何だっけ?」と思い立ったので、調査してみました。 ※この記事で想定している郵便番号の仕様 = 3桁 + 4桁の数字 (郵便番号を2つの input に分割するのは適切かという問題は、この記事では扱いません。) type="numb
Goodpatchのエンジニアが持つデザインの観点とは？ Goodpatch Engineer Meetup Vol.5｜Goodpatch Blog グッドパッチブログ
イベントレポート Goodpatchのエンジニアが持つデザインの観点とは？ Goodpatch Engineer Meetup Vol.5 こんにちは！Goodpatchでは2019年12月10日（火）に第5回目となるエンジニアのためのミートアップ「Goodpatch Engineer Meetup Vol.5」を開催しました。 GoodpatchはUI/UXに強みを持ったデザイン会社ですが、今回のイベントではGoodpatchで働くエンジニアだからこそ持ち合わせている、インターフェイスデザインの観点やカイゼン事例、ペアデザインがもたらす価値についてなどのナレッジをご紹介しました。 今回は登壇された方々の発表内容を元に、イベントの様子をお届けします！ 「インターフェイスデザインとの向き合い方」丸怜里 はじめに、弊社の元iOSデベロッパーで、現在はソフトウェアデザイナーを務める丸怜里（@us
細かすぎ…？FigmaやWebで文字の表示位置がズレる問題を知っておこう - Goodpatch Tech Blog
この記事はGoodpatch Advent Calendar 2023 15日目の記事です。 株式会社グッドパッチでエンジニアをしているちげと申します。Strap というオンラインホワイトボードサービスの開発に携わっています。最近は小学生時代にハマっていたレゴを触って懐かしさと構造設計の奥深さに浸っています。 product.strap.app 今回はFigmaやWebで文字の表示位置がズレるいくつかの問題について取り上げて解説したいと思います。 時間がない人向けサク読み ハーフリーディングを削ることで、文字をぴったり上揃えできる。※(行間の高さ - フォントサイズ) ÷ 2 = ハーフリーディング Figmaのトリミング機能は現状Webでは実装できない。 Figmaが小数点以下のピクセルを四捨五入する影響で、Webの実装と 0.Npx 分ズレたり、完璧に中央に揃わなかったりする。 上記の
Join the mission. さぁ、一緒にデザインの力を証明しよう。 Goodpatchはビジョン・ミッションに共感する仲間を探しています。最高のチームで、ビジネスに成果をもたらすデザインを生み出したい方をお待ちしています。 募集中のポジションなどの詳細はこちらをご覧ください。 https://goodpatch.com/careers ※SpeakerDeck上だと解像度がどうしても低くなってしまうので、ぜひダウンロードしてお手元でじっくりご覧ください！
Goodpatchの成長に結びついた一見すると非合理な8の戦略｜Naofumi Tsuchiya / Goodpatch
世の中の成功企業の中には、一見すると常人には理解できない非合理な選択を取ったにも関わらず成功を勝ち取り世界的な企業に成長する事例が沢山あります。 今年デザイン会社として初の上場を果たしたGoodpatchも、僕が2011年に創業してからこれまで、多くの人からすると一見非合理な選択を繰り返して来ています。そして、その非合理な選択が結果的に成長に結びついていると言っても過言ではありません。 今日は僕がGoodpatchを創業してからどんな非合理的な選択をしてきたのか、なぜそんな選択をしたのかを振り返ってみたいと思います。 1，UIデザインにフォーカス 🎯 Goodpatchを起業して一番最初の大きな意思決定だったと思います。 当時は、デザイン会社でUIだけにフォーカスするなんていう会社はほぼ存在せず 「え？UIってマーケットあるの？」 「UIってお金払ってもらえるの？」 なんてよく言われてま
Notionは、僕らのオフィス。Goodpatch AnywhereのNotion活用法｜齋藤恵太 | キャリアハック（CAREER HACK）
「Notionは、僕らにとってのオフィス」こう語ってくれたのが、Goodpatch Anywhere 事業責任者の齋藤恵太さん。委員会があったり、ガレージがあったり、面談室があったり！？ 200名規模の共創デザインチーム、クリエイティブなコラボを生む、遊び心に溢れたNotion活用法とは？ ※2021年2月22日、デザイナー特化のキャリア支援サービスReDesignerが開催した『Notion Meetup』よりレポート記事をお届け。ReDesignerコミュニティーにNotionのナレッジを還元するという目的の元、3名の登壇者がNotion活用事例をお話。本記事では、100名を超えるリモート組織Goodpatch AnywhereでNotionを活用している事業責任者の齋藤さんのセッションをご紹介します。 【もくじ】 ・フルリモートで働く僕らにとってNotionは、オフィス ・Notio
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【パワポ研の決算資料探訪①】Goodpatch社の決算説明資料はシンプルが故に美しい｜パワポ研
アンチパターンから考えるアプリケーションデザインの理想形｜Goodpatch Blog グッドパッチブログ
グッドパッチエンジニアが選ぶ、推しデザインシステム10選｜Goodpatch Blog グッドパッチブログ
UIにも必要な錯視への考慮、デザイナーが行う視覚調整｜Goodpatch Blog グッドパッチブログ
UXデザイナー1年目が実務で活かせた25冊｜Goodpatch Blog グッドパッチブログ
UIデザインにおけるインターフェイスアーキテクトの役割｜Goodpatch Blog グッドパッチブログ
Goodpatchがクライアントワークを続ける理由｜Naofumi Tsuchiya / Goodpatch
UIデザインと守破離の精神｜Goodpatch Blog グッドパッチブログ
デザイナーの仕事は AI でラクになる？実際に試してみた｜Goodpatch Blog グッドパッチブログ
UIデザイナーのスキルとOOUI観点の構造設計｜Goodpatch Blog グッドパッチブログ
僕が今まで愛してやまなかったUI達について語る｜Goodpatch Blog グッドパッチブログ
ユーザーが自然と目を向ける、視線誘導を意識したUIデザイン｜Goodpatch Blog グッドパッチブログ
Whyとは何か？を言語化してみる｜Naofumi Tsuchiya / Goodpatch
PdM（プロダクトマネージャー）の「スキルマップ」を作ってみた｜Goodpatch Blog グッドパッチブログ
ロゴデザインを始める前に。知っておきたい概念、プロセス、要素｜Goodpatch Blog グッドパッチブログ
チームで把握できる！Figmaデータの運用方法｜Goodpatch Blog グッドパッチブログ
フルリモートデザインチーム「Goodpatch Anywhere」のPMがたどり着いた、爆速でコミュニケーション・ハブを作る方法
AIブームの今だからこそ見つめたい、人間性を感じるアプリUI｜Goodpatch Blog グッドパッチブログ
UIデザインにおけるアイコンの重要性｜Goodpatch Blog グッドパッチブログ
【2023年版】デザインに使えるAIツールまとめ（レビュー付き）｜Goodpatch Blog グッドパッチブログ
Goodpatch Tour💙 / We are hiring!
www.mukubeni.com
hint-pot.jp
realsound.jp
response.jp
fukagawa1953.hatenablog.com
ikazuti-d.hatenablog.com