ジェネレーティブAI時代のUIパターンを考える｜こぎそ
プロダクトデザイナーをやっている@kgsiです。 最近いわずもがなAIが熱いですよね。Stable Diffusionなどの画像生成モデル、GPT-3（GPT-4）やLaMDAといった大規模言語モデル（LLM）を使った生成系AIやツールが爆発的に増えてきており、個人向けアプリケーションはもちろんですが、業務用アプリケーションにもAIをベースとした機能が組み込まれ始めています。 昨今各社がリリースしてる「AIを下敷きとした機能・アプリケーション」は、ユーザーや業界が望んで生まれた待望の機能…というより、AIの可能性を探るためのPoC味が強い機能が多い印象です。UI（ユーザーインターフェース）においても旧来の延長線上のようなUIや、どうやって使うのかひと目ではわからない、極めて実験的なUIなど…多様なパターンが見かけられるようになりました。 この記事ではAIそのものの解説や実証ではなく、ジェネ
副業デザイナーズで作るデザイン組織 / spectrumfest22｜こぎそ
MI-6株式会社の副業デザインチームのリードデザイナー@kgsiです。 このnoteはSpectrum Tokyo Design Fest 2022の登壇シナリオを記事化したものです。発表の補足の意味を込めて公開します。自分の説明不足な点も含めて補足できれば幸いです。 今日はありがとうございます。このセッションでは「副業デザイナーズで作るデザイン組織」というテーマでお話させていただきます。 キャリアやや唐突ですが僕のキャリアの話をします。僕は過去約10年間という、比較的長い期間勤務していた会社がありました。 当時勤めていた会社は副業も禁止で、これから述べるような副業のデザイン組織を作る…などから最も縁遠い位置にいました。 しかしとあるきっかけでその会社を辞め、新しい世界を見ようとしたときに自分の立ち位置や、どんなスキルを持ってどのぐらい社会に通用するのか…解像度がとても低い状態にありました
ロゴのリデザイン ー なぜGapが失敗しAirbnbが受け入れられたのか | freshtrax | デザイン会社 btrax ブログ
ブランディングにおけるロゴの重要性が高いことについては今さら議論する必要はないだろう。 数多くあるブランド形成を担う要素の中でも、企業や製品のシンボルとなるロゴこそが私たちの記憶に最も直結している要素だと言っても過言ではない。 それだけに、もし新しくリニューアルしたロゴが不評だった場合、元のロゴに戻すのかそのまま使い続けるのかの決断は難しいものになる。その決断次第では、その後のブランディングに大きな影響を及ぼしかねないからだ。 この記事ではロゴのリニューアルを発表するも当初は不評だった2つの会社を例に、なぜ一方は元に戻すことを余儀なくされ、なぜ一方は使い続け成功をすることが出来たのかを分析してみたい。 デザインの重要性がわかるロゴのマッシュアップ例 優れたロゴを構成する5つの要素まずはじめに、優れたロゴの条件はどのようなのかを軽くおさらいしたい。詳しくは以前の記事「優れたロゴを構成する5つ
丸よりも丸みを感じる!? スーパー楕円の魅力とデザイン | Spinners Inc.
こんにちは、Spinners の元山 (@kudakurage) です。 最近はresize.fmという緩めのデザイン系ポッドキャストを @dex1t と始めて、オーディオ系のデバイスや仕組みについて勉強する毎日です。今のポッドキャストの収録環境についても近々書き残しておこうと思っています。 2021年1月に日本で話題になった音声SNS「Clubhouse」についてresize.fmでも取り上げて話したのですが、その中でも話しているスーパー楕円というものについて今回は詳しく書いていこうと思います。 INDEXピート・ハインのスーパー楕円スーパー楕円とデザイン建築や家具のデザインデジタルプロダクトのデザインスーパー楕円を利用した印鑑スーパー楕円の描き方数式を使った描き方（Adobe Illustrator）簡易的な描き方（Vector Draw Tool）ピート・ハインのスーパー楕円 Sou
『デザイン思考』という言葉にデザイナーとして改めて向き合って考えた結果得られたもの - Pepabo Tech Portal
こんにちは、デザイン部デザイン戦略チームでプリンシパルデザイナーをしている咲 @satosio です。 2020年4月にGMOインターネットグループの新卒入社パートナーを対象に「デザイン思考について」約1時間の講義を行いました。この記事ではそこで使用したスライドをもとに「デザイナーにとってデザイン思考とはなにか」を説明していきます。 「デザイン思考」はデザイナーに限った話ではないのですが、「デザイン思考（笑）」というように、言葉自体をなんとなく毛嫌いしてしまっているデザイナーに「デザイン思考」と呼ばれているものの正体はなにかを説明することが本記事の目的です。 結論 概要 共感とはSympathyではなくEmpathy 共感からインサイトを得ることで自分ごと化する デザインとは意思決定の積み重ね 意思決定は「仮説推論」に基づいている デザインの思考法とはフレーミングを用いた仮説推論 デザイン
GAFAコーディング面接こんな感じでした（システムデザイン編） - yambe2002’s diary
前回の続きです。今回はシステムデザイン編。 実体験にもとづいて、なるべく雰囲気を再現しようとしてますが ・問題はすべて自作 ・人物、会話等はすべてフィクション なのでよろしくお願いします。実際の会話はNDAにより公開できません。 同じくらいの難易度の問題を、こんなレベルでやり取りして、最終的にはお祈りされました。 ~前回までのあらすじ~ GAFAのコーディング面接１回目を何とか乗り切ったyambe2002だが、休む間もなく次の面接が始まって辛い。 出題 ぼく「………」 面接官「あれ？yambe2002？大丈夫？」 ぼ「…はっ！ごめんちょっとボーっとしちゃった。大丈夫大丈夫。えーと、何だっけ？」 面「あー、分かる分かる！面接の連続で疲れるよねー！ぼくの時もそうだったよ」 ぼ「ははは…」 面「じゃもう一回言うね。ぼくからの問題はね、ミュージシャン名で検索すると、関係するコンサートの情報を表示す
東京工業大学でデザイン思考を学ぶプロジェクトの最終発表会と、それまでの思い出 #さくマガ #さくらインターネット - さくマガ
≫ 「やりたいことをできるに変える」職場で働きませんか？ 初めまして、昨年さくらインターネットに入社した UXデザイングループの森川です。 タイトルの通り、東京工業大学で実施されているEDPというプロジェクトの最終発表会に参加してきました！ 東京工業大学 EDPとは 東京工業大学でおこなわれているPBL（Project Based Learning）型の授業です。PBLは実世界で直面する問題の解決を通して学習をすることです。 EDPはエンジニアリングデザインプロジェクトの略で「多様なチーム」が「デザイン思考」を活用して「コト・モノづくり」という狙いのもとに実施されています。 東工大生と美大生、そして社会人がチームを組み、実践的なプロダクト制作を通してデザイン思考を学びます。 上図がこの授業で回す基本のプロセスです。デザイン思考を基にしており、5つの項目を繰り返していいプロダクトを導きだしま
それでも私はデザイナー
今の働き方をするキッカケ 最近、私は業務で Sketch をはじめとしたデザインツールを開く機会が減ってきています。意図的に名を伏せるようにしていますし、実際はチームで作っているわけですから「私がこれを作りました」と言えるものもありません。それもあって周りからは何をしているか分からないと怪しまれるわけですが、それでも「私はデザイナー」と言っています。 何かを作って世に送り出すことがデザイナーと定義するのであれば、私はそう呼ぶ資格がないかもしれません。今は人の課題、部署間の課題、作り方の課題、進め方の課題、改善の課題、運用の課題といった外からでは見えにくいところを取り組んでいます。 上記の課題に興味をもったのも、出来上がった成果物への不満や失敗をした経験があるからですが、「誰のためのデザイン？」の著者であるドン・ノーマン博士が 10 年前に書いた「Why Design Education M
音楽、数学、タイポグラフィ
先日開催された「フロントエンドカンファレンス福岡2019」で、「音楽、数学、タイポグラフィ」というプレゼンテーションをする機会をいただきました。ここにその内容を再構成して掲載します。 みなさんこんにちは。今日の僕の話のテーマは「タイポグラフィ」です。まず最初に、そもそもタイポグラフィとは何なのかということからお話ししたいと思います。タイポグラフィというのはよく耳にするキーワードではありますが、じつはかなり誤解も多いのではないかと僕は考えています。 PxHere Typography from Hermann Esser’s (1845–1908) Draughtsman’s Alphabet, from rawpixel’s own antique edition 00030.jpg たとえば、GoogleやTwitterやなんかで「タイポグラフィ」というキーワードで検索すると、手描きによ
世界を変えるためのデザインシステム
フロントエンドカンファレンス福岡 #fec_fukuoka での登壇資料です https://frontend-conf.fukuoka.jp/
主要スタートアップサービスの初期ユーザー獲得方法 デザイン会社 ビートラックス: ブログ
現在では世界中で数100万人以上のユーザーから絶大なる人気を誇っているサービスにも、必ず初期ユーザーがいたはず。 多くのサービスがユーザー獲得に苦しむ中で、人気サービスはどのようにして無名の頃にユーザーを集めていったのだろうか？ それぞれのサービス内容や時代背景によって、そのユーザー獲得方法は異なるが、全てに共通しているのは、かなりユニークな方法を取っているという事。 今回は現在人気になっている下記の32サービス企業のユーザー獲得方法を紹介する。 AirbnbAlibabaAmazonAppleDoorDashDropboxFacebookFirefoxGitHubGrouponGumroadHotmailInstagramIntercomMicrosoftMixpanelPaypalPinterestProductHuntRedditSalesforceSkypeSlackStripeT
UIデザイン力を鍛えるリデザインの勧めとコツ｜坪田 朋
Twitterでクラシルのリデザインの題材として使って良いとつぶやいたら数名からリデザイン案をもらえました。ありがとうございます！ リデザインは、デザインの基礎スキルを身につけられると思うので、どんどんやったら良い派ですが、リデザインする際は何かにフォーカスすると振り返りしやすく技術を積み上げやすいです。 今回は、僕もクラシルのリデザイン案を作りつつそのコツを書いてみたので参考になればと思います。 デザイン力を鍛えるリデザインのコツ インターン採用でリデザイン課題を出すとだいたいの場合、グラフィック、UI設計、カラー変更など全部盛りの案を持ってきてくれる事が多いのですが、変更箇所が多すぎると狙いが分散した結果、フィードバックしにくい事がよくあります。 ポイントを絞り、リデザインの意図を伝えて、その案を叩きに対話できるとディスカッションのスキルもアップする上に『おおちゃんと深く考えてるじゃん
プロダクトの「色」と向き合う「デザインとエンジニアリング」 | CyberAgent Developers Blog
UXエンジニアの谷です。 「クリエイターHangout」はデザイナー数名のグループで構成される社内のコミュニティです。（Hangoutについては過去の井上の記事をご覧ください。）定期的ににテーマを設けての勉強会や活動をおこなっているのですが、その機会に今回講師として参加させてもらいました。 ▼今期のHangoutのグループ Webフロントエンドエンジニアでもある私が講師を勤めたのは「デザインとエンジニアリング」です。今回はデザイナーとエンジニアのコミュニケーションにおいて、課題となる「色」を主題に「デザインシステム」のトピックを交えておこないました。 1. デザインシステムの定義とは 2. 第1回 色の棚卸し 3. 第2回 & 第3回 色の整理 4. 第4回 コントラストチェック 5. 色と名前を決めることの難しさ 6. デザインシステムはどこまで作り込むか デザインシステムの定義とは 「
デザイナーとスクラム開発｜といとい
こんにちは。@toi_toi_yです。 サイボウズという会社でkintoneというプロダクトのデザインをしてます。 自分は数年前、kintone開発チームがスクラム開発を始めた頃にkintone専任のデザイナーとしてチームにジョインしました。 それから様々な変化がありつつもずっとスクラム開発のなかでデザイナーをやってきました。 というわけで、デザイナーとスクラム開発の話を書きます。 サイボウズのスクラム開発については弊社スクラムマスターの資料をご覧ください。 https://speakerdeck.com/ama_ch kintone開発チームのスクラム（2019年現在）- スプリントは1週間 - 開発チームはPG×3〜4人のサブチームが4つある - デザイナーは1人（+ チーム外のデザイナーが手伝ってくれてる） - 開発はモブプログラミングで進める。デザイナーも適宜必要に応じて参加するき
ソシオメディア | デザインマネジメント原論
– デザイン経営のための実践ハンドブック（デザインマネジメント・シリーズ） – デイビッド・ハンズ (著), 篠原 稔和 (監修, 翻訳), ソシオメディア株式会社 (翻訳) 東京電機大学出版局（2019/5/27）：ISBN-13: 978-4501631802 ; 3,996円 (税込) ; 240ページ シリーズ第１弾！デザインマネジメント領域の第一人者デイビッド・ハンズ著、待望の翻訳。本領域を学ぶ初学者から実務者までもが学ぶことができる最良の教科書。「デザイン」と「マネジメント」を統合的に扱う非常に難しいテーマであるにもかかわらず、明快でわかりやすい内容と構成。ワークショップなどを重ねながら活用できるハンドブックとしても使用可能。 （東京電機大学出版局社の紹介文より） 目次 日本の読者の皆さんへ まえがき 第1章 デザインの価値―デザインと組織― 1.1 はじめに 1.2 デザイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインのしたじき
スクラムチームにおけるプロダクトデザイナーの役割・関わり方
Free open source icons, illustrations, emojis and graphics - Iconduck
デザイナーが考える同人誌の表紙デザインと表現方法【タイトルロゴデザイン、レイアウト配置】
WWDC19におけるデザイン系アップデート
