「AbemaTV」のデザインは「A/Bテスト」にどう向き合うか？ | CyberAgent Developers Blog
目次 ・はじめに～なぜ「A/Bテスト」を導入したのか～ ・「AbemaTV」におけるA/Bテストの具体例 ・A/Bテストによる恩恵、そして課題 ・どう向き合っていくか？ ・最後に はじめに～なぜ「A/Bテスト」を導入したのか～ 「AbemaTV」では、日々プロダクトの様々なグロースを行なっています。 その検証手段として導入している「A/Bテスト」に対して、デザインがどう向き合うか？を記していきます。 なお、本記事は「A/Bテストの正しい方法論」や「統計や分析に対する論点」ではなく、「デザインがどう向き合っていくか？」という考え方の部分を書いていきます。 「AbemaTV」は2016年4月にリリースし、直後から新機能追加やグロース施策を実施してきました。 デザインが関わるグロースの軸は、2019年時点で主要なKPI毎に5つのプロジェクトがあり、それぞれにUIデザイナーが1~2名ずつ所属してい
コロナなんかどうでもいいから石岡瑛子展に行きなさい。 - 山形浩生の「経済のトリセツ」
Executive Summary この展覧会を前にしてどうでもよくないと思う人は、豚に真珠もいいとこだから観に行かないほうがいいよ。 はじめに 先日、無料券をもらったので石岡瑛子展にでかけてきたのです。 www.mot-art-museum.jp ぼくは石岡瑛子は昔からとても好き、というか崇めていて、『風姿花伝』も持っているし、『私デザイン』も持っていて、何度も見ている。 石岡瑛子風姿花伝―Eiko by Eiko 作者:石岡 瑛子求竜堂Amazon 私 デザイン 作者:石岡 瑛子講談社Amazon だから別に今回の展覧会で何か新しい発見があるとは特に思っていなかった。いろんな衣装の実物があるというのは聞いていて、それは楽しみだったかな。でもまあ、知っていることのおさらいだろうと思っていた。 ちがった。すげえ。みなさんも是非行きなさい。 いまなお衝撃力を保つバブル期広告作品 まず入ると、
東洋経済「新型コロナウイルス 国内感染の状況」サイトが大反響を生んだ理由は？ 制作者のデータ可視化デザイナーに聞く - エンジニアtype | 転職type
制作を担当したのは、東洋経済オンライン編集部でデータジャーナリスト／データ可視化デザイナーとして働く荻原和樹さんだ。 2010年に東洋経済新報社に入社し、イギリスの大学院への留学などを経て2017年に編集部へ異動。それ以来、各種データの可視化やインフォグラフィックを活用した記事の執筆を続けてきた。 荻原さんが今回の「新型コロナウイルス 国内感染の状況」の制作にかけた期間はたったの一週間。しかも、通常業務の合間に一人で作り上げたという。 そんな彼が「新型コロナウイルス 国内感染の状況」特設ページ制作に込めた思いとは……？ データ可視化デザイナーの役割とあわせて、詳しく話を伺った。 東洋経済新報社 データジャーナリスト／データ可視化デザイナー 荻原和樹さん 2010年筑波大学卒業、同年東洋経済新報社に入社。大株主・大量保有報告書データ編集を経て、2014年よりデータベース商品の設計とウェブ開発
59分割ヤバイ｜深津 貴之 (fladdict)
こばかなさんと、グリッド分割の話をしてるときに出たネタなのだけど。 グリッドの59分割ヤバイよねぇというお話。 画面を59分割すると、様々な比率で端数がでない。汎用的なグリッド分割できて素敵。個人的にはnoteで図表を描く時は、 ・幅620px ・天地左右マージン15px ・グリッド59分割 10pxを意識すると、色々と便利だと思う。 これ全部、ピクセルパーフェクトに分割できる。 1分割 = 590px grid 2分割 = 290px grid 3分割 = 190px grid 4分割 = 140px grid 5分割 = 110px grid 6分割 = 90px grid 8分割 = 65px grid （厳密には10の倍数でないので△） 10分割 = 50px grid 12分割 = 40px grid 15分割 = 30px grid 20分割 = 20px grid 24分割
新しいデザインはしない、というデザイン｜小野圭介 / ONO BRAND DESIGN
2017年10月マルマン株式会社さんより、「図案スケッチブックの60周年ロゴ」のご依頼いただきました。私はこれまでマルマンさんのスケッチブックやノートをたくさん使ってデザインしてきましたので、大変うれしいお声がけでした。 ■ご依頼内容と完成したデザインメールを頂いてから数日後、中野坂上にあるマルマンさんの本社に打ち合わせに伺いました。そして、周年ロゴを作る目的として、 ・60周年を迎えたことを往年のファンに伝える。 ・新しいユーザー層に図案スケッチブックを知ってもらう。 ・スケッチブック表紙に60周年ロゴを表示し、記念商品として発売する。という点をご共有頂きました。 ワクワクしながらデザインをスタートし、さまざまな検討経て完成したのがこちらです。 この写真を見ると、今までと変わらない図案スケッチブックのデザインに、「Sketch Book」と似た文字で「60th」と載せただけに見えるかもし
デザインの基本日記 「配色編」｜Design Beginner
配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を
FoursquareのUX・UI改善を書いたところ、創業者に届いて、人事からもメールが来た話 - 灰色ハイジのテキスト
通っていたサンフランシスコのデザイナー養成所Tradecraftの一番最初の課題で、アプリをピックアップして、見知らぬ人に声をかけてユーザビリティテストをして改善のプロトタイプを作って検証するーというものがあったのですが、そのプロセスをこの度記事にまとめてMediumに投稿しました。 するとGoogleのデザイナーが、なんとFoursquareの創業者のDennisにメンションしているではないですか。 Awesome, just shared with the team!— Dennis Crowley (@dens) 2018年3月9日 チームの人にシェアしてくれたみたいで、Foursquareのエンジニアの人からメッセージが届いたり、その日のうちに人事の人から「今ちょうどシニアプロダクトデザイナーのポジションを募集しているんだけど、興味があったら連絡待ってるよ」みたいなメールが届きまし
ユーザーインターフェイス解剖学・改訂版（公開版）
社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
アップルのデザインの進め方、責任者ジョナサン・アイヴが語る
アップルのデザインの進め方、責任者ジョナサン・アイヴが語る2012.03.15 22:006,550 福田ミホ アップルをアップルたらしめている何かが、感じられます。 MacBookやiPhone、iPadといったアップル製品に共通する大きな特徴のひとつは、それぞれに独自性が高く美しいデザインです。そんなアップルのデザインを取り仕切る人物は、インダストリアルデザイン担当上級副社長のジョナサン・アイヴです。彼はデザイン業界への貢献を評価され、出身国であるイギリスから｢ナイト｣の称号も与えられています。 そんなアイヴが、ロンドン・イブニング・スタンダード誌でのインタビュー記事の中で、アップルのデザインの秘訣に触れつつ、他社の問題点も指摘しています。また、我々ユーザーについてアップルがどう見ているのかも、話しています。 以下、インタビュー記事からの抜粋です。 Q：アップルのデザインは、どこが｢違
Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フローとかいろいろ
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
[CSS]チェックしておきたい、スタイルシートのテクニックのまとめ | コリス
実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。
『我流、多分誰も教えてくれない精度の高い髪の毛のトリミング＝GIMPチュートリアル＝』
GIMPから始めるグラフィックデザイン【Amatsuchi-Tomokazu】AmatsuchiのTomokazuがGIMPを中心としたグラフィックデザインの話やチュートリアルの記事を書いていきます。これからグラフィックデザインを始めたい人、デザインを仕事として活動したい人、そんな人達に一つでも二つでもプラスになる話をしていきたいと思います。 ご無沙汰しております。 ちょっと忙しくてブログの更新が出来ませんでした＾＾； 久々のGIMPチュートリアルです＾＾ こういう画像、切り抜きをしようと思っても結構挫折してしまうというか、髪の毛の切り抜きに困ってしまって挫折してしまう人、結構多いのでは無いでしょうか？ 参考書には載っていないこういう画像の切り抜きのテクニックをご紹介します＾＾ ちなみに、全てに共通して使えるテクニックでは無いんですけど、髪の毛と背景のコントラストが強い画像であれば大体は使
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://handywebdesign.net/2012/07/12colors-give-you-the-impression/
髪の毛切り抜き / Photoshopを使って背景をきれいに切り抜く方法まとめ | DesignWalker