クックパッドが目指す、これからのデザインとプロダクトのあり方｜宇野雄 / note inc. CDO
これはCookpad TechConf 2019で発表した資料です。映像アーカイブなども公開される予定ですが、せっかくなのでこちらでも公開をしたいと思います。 -------👇ここから発表内容👇------- こんにちは。デザイナーの宇野です。こんにちは。 「クックパッドのデザイナーの宇野」なんて知らないぞという方が多いかと思いますので簡単に自己紹介をさせてください。 CEO室所属 デザイナー統括マネージャーをしております。 ずっとUIデザイナーです。受託制作会社やソーシャルゲームの会社を経てヤフー株式会社に入社。ヤフーではYahoo!ニュース、Yahoo!知恵袋、Yahoo!乗換案内、Yahoo!検索などのデザイン責任者／デザイン部長をしていました。 このプロフィールのハイライトはここ。「2019年2月」、つまり今月です。 この数字なんだと思いますか？17営業日、僕が正社員としてクッ
今こそ Adaptive Icon にしよう！｜NUmero｜note
Android の Adaptive Icon をデザイナーへ向けて、Adaptive Icon とは何なのか、Adaptive Icon を対応するにあたってデザイナーが決めておいてほしいことについて書いていこうと思います。 なので、本記事では実装の仕方の説明ではないのでご了承ください。 Adaptive Icon とは?Android では今までアプリのアイコンは本当に自由でした。 四角だったり丸だったり背景があったり透過されていたり。 ちなみに iOS は最初からきちんとアイコンの形が揃っていましたね。 そんな Android にもやっとアイコンを揃える仕組みができました。 それが Adaptive Icon です。 Adaptive Icon が使えるようになったのは Android 8.0 からなので技術的には去年に出たものになります。 アイコンを Foreground と Ba
「アドバンテージ」というカードゲームの概念が、人生ですごい役に立った話｜深津 貴之 (fladdict)
カードゲームに「アドバンテージ」という概念がある。この概念を人生の初期で知れたのはとても運がよかった。現実世界の多くの物事は、アドバンテージの応用で解決できたからだ。 自分でゲームを作るなら、アドバンテージの取り合いのゲームにしたい。まずは考えを整理するためのメモ。 ・アドバンテージとは「生じた状況の有利さ」 ・手札数や行動力など複数のアドバンテージからテンポをとる ・テンポをとれば、自分主導で状況をつくれる アドバンテージとは何か？アドバンテージとは、「相手よりどれだけ有利な立場にいるか？」を表すカードゲーム用語だ。 「アドバンテージがある」イコール「有利」と考えてもよい。 ただしアドバンテージは、得点のような単一の指標ではない。得点の多さ、手札の多さ、行動力の多さ、盤面の有利さなど、様々な角度のアドバンテージが存在する。 アドバンテージを意識することは重要だ。なぜなら、アドバンテージを
課金 UI まとめてみた｜あき - 良いもの作って正しく届ける
売上を伸ばしたい。 課金率を伸ばしたい。 でも、難しい！ コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。 まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロング LP 型 規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型 サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UI パターン1. ミニマム型最低限
FigmaではじめるUI（Web）デザイン｜Part1｜Nao Komura｜note
Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。 そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く（人のこと言えないですが......）、初心者にはUIデザインのツールとしてはまだまだ馴染みの薄いツールなのかなと思います。 というより、昨今はデザインツールが多すぎてシンドいことこの上ないですね。一度効率化の味を知ると更なる効率化を追い求めてしまいますし、そんな現状だと日頃から使用しているツールを変えるのも一苦労です。 ......さて、今回は初心者〜中級者くらいまでに向けてFigmaで作るUIデザイン入門的な記事を書いていこうと思
「暇」こそ理想の編集術。オモコロ・デイリーポータルZの編集長が語るおもしろい「チーム」のつくり方｜神保町編集交差点｜note
「神保町編集交差点」（主催：BLOGOS、企画：株式会社ツドイ）は、現場で奮闘する若き編集者の方々に、一線級の「編集術」を届けることを目的とした、月に一度の連続トークイベントです。このnoteでは、そのレポートを掲載させていただきます。 第五回のテーマは、「おもしろい『チーム』の作り方」。林雄司さんと、原宿さんにご登壇いただきました。 林雄司さんは、『デイリーポータルZ』の編集長。『デイリーポータルZ』は、ジャンル問わず、トレンドを追わずの、ライターたちが興奮したことだけを載せた“オルタナ系ポータルサイト”。「愉快な気分になりますが、役に立つことはありません」のキャッチコピーのもと、個性豊かな記事が毎日更新されています。 一方の原宿さんは、『オモコロ』の編集長。“あたまゆるゆるインターネット”の名のごとく、ゆるくて笑えるコンテンツを配信する『オモコロ』は、月間1000万PVの人気サイト。有
落合陽一が文學界の「落合古市対談」で伝えたかったこと｜落合陽一
【落合陽一は何をしたいか】まず僕は現状の日本の社会課題を憂い危機感を持って行動し，自分の持てる能力（例えばコンピュータを使った人の能力の技術的サポート）を使って社会に貢献しようと思っている研究者であり，起業家であります．そういった社会課題を議論する場を作ったり，工学的に貢献したり，メディアで発信することで多様な人にとって暮らしやすい社会を実現したいと考えています． 例えば下記のプロジェクトでは現状の問題について活発な議論を行ったりしておりました．その様子自体も書籍にまとめるなどして，なるべく日本の現状の課題について耳を傾け，理解し，テクノロジーを使ってその課題が少しでも解決するように行動することを目指しています． またそういった課題に対する具体的な実装として，今は介護用の車椅子のプロジェクトや耳の不自由に対する方々のプロジェクトなど様々なプロジェクトを行ってきました．人の能力を拡張する実装
【#0】140字じゃ足りないし，本一冊は読んでくれない．Note始めます．｜落合陽一
【↑マガジン始めました！】 ある程度長文のコメントが書きたいときに，Twitterだと140字で議論にならないし，出版物だと買う気が起きなくて，そして世間一般に本一冊を読んでくれる人も限られるなぁと思う日々の中で，まとまった文章を書く場所が必要だなぁと思い，今更ながらにNoteを始めた2019年の頭でございます．(プロフィール写真とヘッダーはTAKAYさん撮影です) もともとアカウントは作ってはいたものの3年間くらいなにも投稿されないまま放置されていたので，新年を機に長い文章を書きたくなったときに活用しようと思って運用を始める次第です． こういうのの一発目はだいたい自己紹介を書くのが普通なのかなぁと思ったので，次の回から書いてみます．【第一回】 長いので何回かに分かれると思う． なんで思い立ったかといえば，そういえば年末に昔からの友人が， と言ってたので，たしかにだいたいの足跡はWebに残
わざわざ買ったほうがいい物BEST10｜平田 はる香
どーも。あけましておめでとうございます。今日は1月2日。みなさんは何してますか？わたしは正月からずっと仕事をしているんですが、息抜きにこれを書きはじめました。だけど、これも仕事なのかもしれません。家でゴロンゴロンしている人も多いと思いますので、オンラインストアで買い物なんてどうでしょうか。パンと日用品の店「わざわざ」の平田が、激オススメのわざわざ取り扱い商品をこれからご案内します！ 正月だから緩めに書くよ。許してちょんまげ。今日は素の平田でいくよ！ 第10位 台所から洗剤が消える。魔法のふきん、びわこふきん。 びわこふきん - パンと日用品の店 わざわざ オンラインストアわざわざではびわこふきんを取り扱っております。wazawaza.shop-pro.jp え、まだご存知ない？10年も売り続けているのに、わたしの努力が足りなかったんですかね。まだ洗剤を使って食器洗ってるんですか？いーですか
2018年 買ってよかったクラフトジン5選｜JUNERAY
前置きはともかく、今年買って良かったジンを5種類ほど紹介します。 いいお酒は世に数多ありますが、今回は ・1万円以下 ・現在も流通していて購入できる を条件としています。 美味しいけれど生産量が少なく、もう流通していないジンも数多くあります。 どうせだったら実際に飲んで体感してみてほしいので、まだ酒屋さんやネット通販で買える銘柄に絞って選びました。 本当はワインもご紹介したいものが沢山あるのですが、わたしが飲んだものと同じヴィンテージが買えるか分からないから、難しいんですよね…(ほとんどのワインは1年ごとに味がめちゃくちゃ変わる) それではどうぞ。 マクヘンリー ドライジン わたしがジン好きになったきっかけです。 ワインの試飲会に行ったら宜しければこちらもと勧められ、ジンはあまり…といいつつ飲み干してしまった1品です。そのあとカルチャーショックでヘナヘナになりながら出勤しました。 産地は「
虚構新聞を支える技術｜nagisaworks
NagisaWorksでは時折世間を陥れる虚構新聞のシステム全般を担当しております。このシステム、様々な制約により少々ユニークなものになっていますので、今回このシステムについて少しお話をします。 まず制約条件/目標として以下が挙げられます。 1.とにかく低コスト 2.運用が虚構新聞社内のみで行えること 3.でもそこそこに速く 4.web/app両対応 1.とにかく低コスト 虚構新聞はSAKURA internetのサーバー、種別としてはさくらのレンタルサーバーを使用しています。 これは元々使っていたという理由からなのですが、新しいシステムでもそのまま使用することにしています。 ネットワークとしてかかる費用はこれだけのはずですので、とにかく安い。 PVの割にこれほど安いものを使用しているサービスも少ないかと思われます。 まぁケチっているわけでもなさそうなので、インカムの問題でしょうか。 2.
2018年 導入してよかったデザインツール｜灰色ハイジ｜note
Twitterのタイムラインで「2018年なんとかまとめ」というリンクをよく見かけることで年末を感じている灰色ハイジです。こんにちは。 日々いろんなツールが増えていますが、個人的に今年導入してみて良かったデザインツールをまとめてみました。 - Contrast - Principle - Figma - RealtimeBoard - IconJar - UXKit - Notion - ConceptsContrast WCAG（ウェブコンテンツ・アクセシビリティ・ガイドライン）が定めた数値で色のコントラストチェックができます。これまでにも同様のツールはありましたが、Sketchのプラグインだったり特定のソフトウェアでしか使えなかったものが、これだとMac Appでメニュー バーから起動できるのでどのソフトウェアでも使えます。 Principle アニメーションやインタラクションがつくれ
越境するデザイン Designship 2018｜田川欣哉 (Takram)
12/1,2の二日間、日比谷ミッドタウンで開催されるデザインカンファレンス「Designship」に登壇します。当日のスライドとスクリプトを、事前公開しますです。 こんにちはタガワです。 今日は「越境するデザイン」というテーマでお話できればと。 そもそも、なんで自分がデザインの仕事するようになったかというと。 「エンジニアリングとデザイン、一緒にやるの無理だから、どっちか選んでねー。というか、悪いこと言わないからエンジニアになっときなさい」という、とある大企業のアドバイスに悩んじゃったのがきっかけ。。 「Aなの、Bなの、どっちなの？はっきりせいよ」と言われて、だけど、どっちかに決めれなくて。。悩んじゃったんですね。で、半年悩んで結局結論だせなかったんです。こんだけ考えて、選べないってことは、もしかしたら選んじゃダメなのかも。。 それで、いろいろと経緯はあるんですが、デザインエンジニアリング
売上の6割を占める主力事業を5年で失った富士フイルムが、破綻しなかった秘訣｜徳力基彦（tokuriki）｜note
昨年のワールドマーケティングサミットでの富士フイルムの古森会長による危機に対応するためのイノベーションの講演メモを発掘したので、こちらにも投稿しておきます。 3年前のワールドマーケティングサミットでも、日本企業がなぜイノベーションができないのかという議論で、ウォルコット氏が「何言ってるんだ日本には同じ業態のコダックが破綻した一方で、イノベーションに成功した富士フイルムのような成功事例があるじゃないか」と話題に出ていたのをよく覚えていますが。 今回はその当事者であった古森さんが生々しく裏話を語っていただき大変刺激になりました。 最近は残念な日本の大企業の不祥事が話題になることが多いですが、昭和の高度経済成長期の成功体験を背景にした大企業病と、本当の意味での日本企業の強みとか日本企業らしさというのは、ちゃんと分けて議論しないとダメだなと改めて感じさせられる逸話です。 ーーーーーーーーーーーー
お金持ちを、ほめよう！｜深津 貴之 (fladdict)｜note
「持つもの」と「持たざるもの」の闘争は、インターネットの風物詩。でも、対立構造を煽っても問題はほとんど解決しません。むしろ、お金持ちがよろこんで富を再分配したくなる、そんな仕組みが必要です。 お金持ちを殴っても、なにも進展しない想像してみてください。 いきなり「搾取野郎！」とか暴言を浴びせられ、「あいつは人民の敵だ打倒しろ！」とか「会社を焼け、富を取り戻せ！」とか言われたら、人はどう感じるでしょうか？ 「あぁ、僕はなんて罪深いんだ… よし、彼らにお金を配ろう！」とは絶対になりません。 普通に考えて、「げ、なんかヤベェやつ来たよ。関わりたくない、逃げよう！」と思っちゃいます。 つまり防衛行動として、距離をとっちゃうわけですね。 対立構造をもって富の再分配をしようとしても、かえって相手を硬化させてしまうわけです。（基本的に対立を煽るアプローチは手っ取り早いが、中長期ではデメリットのほうが大きい
アラサーエンジニア シティボーイ化計画 - 都会のお得物件を統計的に探してみる -｜hanaori｜note
はじまりこの note を運営しているピースオブケイク社でエンジニアをしている hanaori です。少し前から統計学を勉強中でして、現実世界に当てはめて試せそうな題材を探している毎日を過ごしています。 そんな折、「弊社CTOが引っ越しを検討している」という話を聞き、 CTOの引越し先としてコスパの良い物件を、統計を使って探し出しだす のはどうかとひらめいてしまいました 😆 そこで、重回帰分析を用いてコスパに優れる物件を洗い出していきたいと思います。 今回探す物件の条件ここで今回対象とする物件の条件を確認しておきます。 ・ ジムが近い（→ 狙いは東京体育館） ・ 最寄り駅は千駄ヶ谷 ・ 高すぎる物件はちょっと・・・（一旦２０万より下で設定） 物件データを可視化する今回は千駄ヶ谷駅周辺の物件データを用意しました。 最寄り駅ごとに箱ひげ図を描いてみると駅ごとに賃料の分布が異なりそうなことが分
【GIFで解説】Adobe XDの自動アニメーショントランジションまとめ｜吉岡ヤス｜note
Adobe XDの自動アニメーションが10月のアップデートで使えるようになったので、初めて自動アニメーションを使う方にわかりやすいようにGIF画像でトランジションを解説します。 以下のような方に参考にしていただければ幸いです。 ・「自動アニメーションって何？」という方 ・自動アニメーションを短時間で理解したい方 ・どのようなトランジションが再現できるのか知りたい方 ※GIFで作成しており、色や動きが劣りますが、予めご了承ください。 ※設定部分の解説は一部省略しております。 【目次】①自動アニメーションとは②遷移の間のアニメーション③遷移の開始時のアニメーション④遷移の終了時のアニメーション⑤最後に①自動アニメーションとは 2 つのアートボード間のトランジションを自動で作成できる機能です。 簡単に説明すると、遷移前の画面と遷移後の画面を作成し、この2画面をプロトタイプ上でつなぎ、自動アニメー
世界的なデザイン会社まとめ｜hiranotomoki
Designit（デンマーク） https://designit.com/ IDEO（アメリカ） https://www.ideo.com/eu Pentagram（アメリカ） https://www.pentagram.com/ Heydays（ノルウェー） https://heydays.no/ character（アメリカ） http://charactersf.com/ Denmark Design Center（デンマーク） http://danskdesigncenter.dk/da hellon（フィンランド） https://www.hellon.com/ BCG Digital Ventures（アメリカ） https://bcgdv.com/ nurun（カナダ） https://www.nurun.com/en/ NYC（アメリカ） http://www1.nyc.g
デザイン発注者が知っておくべきこと（2/5回）｜久下玄 | @kugehajime｜note
デザイン発注者が知っておくべきことと題して全5回に分けて書きます。本記事は第2回。第1回はこちら デザイナーのビジネスモデルそもそもデザイナーのビジネスモデルも把握しておく必要があります。依頼の際にかかる金額は各デザイナー、デザイン会社ごとにまちまちですが、ビジネスモデル自体は以下の5種類に大別できます。 1. 案件単位の受託制作 2. 期間単位の受託制作 3. 案件単位の顧問やコンサルティング、研修 4. 期間単位の顧問やコンサルティング、研修 5. デザイン技術を応用した別事業 基本は人件費という固定費を抱えての労働集約型ビジネスですので、デザイン会社としての売価はコンサルティング会社に近い考え方になります。 近年ではデザイン技術自体が事業の競争力になることも多いため、デザイナーやデザイン会社自身(あるいは他者との協業)で労働集約型デザインビジネス以外の事業を立ち上げることも多くなって
TBS NEWS いらすとキャスター爆誕☆裏話｜深津 貴之 (fladdict)｜note
TBS NEWSさんのバーチャルキャスターを、SIXの大八木さんと一緒にプロデュースいたしました。まさかの「いらすとや」さん起用です。 そんなバーチャルキャスターが、生まれるまでの裏話。 ことの始まり去年の後半、SIXの大八木さんから誘われ、一緒にTBS NEWSさんのデジタル展開をサポートすることに。主にアドバイザリとしてお手伝い。抑えるべきテクノロジ、これからくるサービス、ソーシャル展開のコツなどを、入れ知恵するお仕事です。 そんな中、TBSさんから「若者向けの番組作りたいんだけど、一緒にやろーよ」というお話があり…そこで企画提出したのが、 バーチャル・ユーチューバーを作成し、そのままニュース報道をしちゃうまでを記録した、プロジェクトX的ドキュメンタリーこれが、いらすとキャスター計画の始まりです。 なぜ「いらすとや」なのか？世間的にVTuberといえば、バ美肉（バーチャル美少女受肉、バ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
