図解は、情報を整理したりわかりやすく伝えたい時に便利な手段です。ビジネスにおいても、研修やセミナー、プレゼンなどあらゆるシーンで活用されています。 しかしながら、スライドや資料の一部に図解を入れようと思った時、「どうやって描き始めたらいいのかわからない……」と感じたことはありませんか？作ってみてもしっくりこなかったり、なかなか見た目が整わないこともあるのではないでしょうか。 絵心がないと難しいと思われがちな図解ですが、知識を身につけることで誰でも簡単に描けるようになります。 本コンテンツのゴールは、図を描く力＝「図解力」を習得すること。実例を間に挟みながら、図解作成のフローとコツをご紹介します。 「伝えたいこと」を明確にする まず最初に、図解を使って「誰に」「何を」伝えたいのかを明確にする必要があります。図解の役目はテキストのみでは伝わりきらないことを補強・補足したり、ビジュアル化して直感

アメリカで初めての転職をし、8月2日付で米JPモルガン・チェース銀行のリードデザインストラテジストになります。アメリカの銀行のデザイン&ストラテジーチームで、長射程の金融・社会の未来を、デザインの力を通じて形作っていきます。アメリカ人の部下も持つことになり、吐きそうですが、次のステージでの挑戦を頑張りたいと思います。 以下では全てLinkedIn、Website等で公開中・パブリックに閲覧できる情報のみ記載しています。また一部、解釈がぶれる表現を加筆修正しました。 アメリカでもデザインストラテジストは新しい職種で、まだはっきりと職能が定義されていないのが現状です。様々な企業でこの職種が求められていますが、一般的にMBA、UX/UIデザイン、社会学など、様々なバックグラウンドの人材がおり、プロジェクトも、ビジネスコンサル的なものやサービスデザイン的なものなど、様々あります。その中でも、今回募

お知らせ 2020.5.26 2020年6月1日より、事前予約制によるご来館受付をいたします。詳しくは、21_21 DESIGN SHIGT「再開と事前予約制の導入について」をご覧ください。 2020.5.26 2020年9月22日（火・祝）まで会期を延長いたしました。 2020.4.21 トークイベントの音声ファイルを公開しました。 開催概要 21_21 DESIGN SIGHTでは2019年11月22日より「㊙展 めったに見られないデザイナー達の原画」を開催します。 この展覧会の核となるのは、現在、日本デザインコミッティーに所属する幅広い世代のメンバーたちが、そのデザインの過程において生み出してきたスケッチ、図面、模型の数々です。それらは、多くの人々の目に触れる完成品に比べて、あまり光が当てられません。しかし、そんな「秘められた部分」にこそ、デザインの大切なエッセンスが刻まれています。

2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。

Kaizen Platform で CTO をしている渡部です。 当社ではどんなことを考えながらエンジニアリングに向き合っているか、どういう仲間と一緒にチームを作りたいのか、というのを今日はお話しさせていただきます。 ちなみに今日は左の上の奥歯を抜いてきたのでとてもつらいです。慰めるためにはてブもらえると痛みも和らぎます。 エンジニアリングの進化の歴史を俯瞰してみる まず、認識しておきたい構造として、上図中央の「ミゾ」です。 開発者はビジネスのことなんてわからないからどうせ何を言っても無駄だ 開発がわかってないやつに開発のことをわかってもらうことなんて無理だ といった会話を聞いたことはないでしょうか? 実社会と開発の世界がある意味異なる言語で生活していて、同じ日本語なのにお互いの言葉が伝わらない、みたいなことが起きてしまいます。 これこそが「ミゾ」の正体です。開発の歴史はこの「ミゾ」を超え

noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも

夏、満喫してますか？　夜は何してる？　フェス、ナイトプール、おうちでまったり、友達とビアガーデン……。ViViモデルが夏の夜にやりたいこと×メイクをまとめました。

BALMUDA The Gohan（左）と、MUJIの豆から挽けるコーヒーメーカー（右） いよいよバルミューダの炊飯器とMUJI（無印良品）のコーヒーメーカーが発売されるわけですが、この両プロダクト、一見すると何かデザイン変遷の大きな流れが見えてくるような気がします。 上の画像を見ると、私なんかは、あれ？MUJIの炊飯器の新しいモデルが出たんだ。とか、クイジナートの新しいコーヒーメーカーのデザインはスッキリしてていいね。とか第一印象で思ってしまいます。昔から調理家電を見てきた者としては、バルミューダのプロダクトデザインは無印良品化していて、無印良品のプロダクトデザインがクイジナート化（海外ブランドの傾向）しているのではないかと感じるんですよね。 深沢直人氏監修の元、開発された無印良品の家電プロダクト MUJIの家電はつや消しのオフホワイトで丸みを帯びたデザインが多かったので、バルミューダの

ランディングページを作るとき・直すときには「見た目」を考えるよりも前に「何を伝えるか？」を考えることが重要になります。 これまで1000回以上のABテストを実施してきたデータアーティストのノウハウをギュギュっと詰めて、そしてちょっとふんわりさせたランディングページ最適化の資料です。

Webデザイナーのためのマーケティング基礎講座 1. Webデザイナーのための マーケティング基礎講座 Marketing Basic Course for Web Designers 2. ∼自己紹介∼ 名前： 枌谷 力（そぎたに つとむ） 所属： 株式会社ベイジ 職業： 代表／プロデューサー／アートディレクター 略歴： 立教大学文学部史学科卒。1997年∼2001年まで株式会社 NTTデータでコンサル営業に従事。その後、Web業界に転 職。Webデザイナー/Webディレクターとして6年間制作 会社でWebデザインやWebビジネスの提案業務に携わる。 2007年にフリーランスとして独立。2010年に株式会社ベ イジ設立。現在に至る。 Copyright©baigie inc. All rights reserved. 3. ∼本講義のゴール∼ “マーケティング視点”で デザインが見れるよ

CTRL+Xでカット、CTRL+Vでペースト。 ショートカットキーの使い方を覚えると、パソコンの達人になったような気分になりますよね。 しかし、実際にはショートカットキーを使用すると、マウスでメニューから「編集」「ペースト」を選ぶよりも平均2秒も遅いのです。 「そんなバカな」 と思いますよね。 しかし、これはTogことブルース・トグナッツィーニがAppleでMacintoshの開発を担当した際に行った膨大な実験の結果、解ったことなのだそうです。 これはTogのWebページでも詳しく紹介されています。 しかし2秒とはとても信じられません。 むしろ逆のようにさえ感じます。 しかしTogの主張によれば、我々ユーザはショートカットキーを選ぶのに2秒かかっているものの、ショートカットにたどり着くまでの時間を喪失している、つまりプチ記憶喪失状態になっているというのです。 こんな不思議な話が、慶應

エレベータの開閉ボタン 2004-03-20-3 使いやすさ日記『213. エレベータの開閉ボタンに“ふりがな”』 <http://usability.novas.co.jp/diary/213.html> (via <http://www.hyuki.com/tf/?20040320071704>) エレベータの「開くボタン」はいらないです。必要だとしても「閉じボタン」の横にある必要はまったくないでしょう。そんなとこにあるから押し間違いがおこるのであって、根本的な原因を解決せずに対処法を考えてもしょうがないような気がします。というわけで、エレベータの開閉ボタンのデザインはどうすれば良いか、という話題にはあまり興味がありません。まあ、今使ってるエレベータをなんとかしたい、という意味では有意義ですが。 開くボタンの代わりに、扉にセンサーがあれば良いだけ。手で押さえて開けたままにする人もいます

fladdictさんところで話題になっていた『エレベーターの閉じる／開くボタン、間違って押す。あそこのUIはよくない』という話。いろんな人を巻き込んで、こういうUIなら閉じる／開くを押し間違えないぞ、というUIアイディアコンテスト状態に。なんて面白いことやってるんだ俺も混ぜろ！ってことで考えてみたのだけれど、どうにもデザインを提案しているみなさんの方向性が皆して『ひらくボタンを目立たせよう、大きくしよう』という方向に。詳細はこちらのNAVERまとめ参照。 ........なんでやねん！と。100回言いたい。 何十年と使い込まれたエレベーターを見て、とじるボタンのほうが明らかに押されまくって印刷がかすれたり、傷だらけになったりしているのをみんな知ってるだろうに。ひらくボタンは緊急性が高いから目立たせようという話なんだろうけど、だったら故障時の緊急呼び出しボタン（係員と電話するアレ）のほうが1

今回は、このブログ「komamerc-コマメルシー(http://www.komamerc.org)」がどんな風にできているかご紹介します。使っているのは、流行のブログCMS「WordPress」です。無料テーマを使ってもちょっとカスタマイズするだけで、オリジナルサイトに見えるからとっても便利ですね。 キャロラインさんの無料テーマ「spun」を使用して作っています。丸が印象的でキュートだし、レスポンシブにも対応しており、複雑なサイト構造でなければ記事を掲載するには十分機能しそうなので、こちらを選びました。 spunのダウンロード＆デモページ ※デモページを見ると私がダウンロードした時より若干進化しているようです。 もともとは、グレイッシュメインのデザインですが、「カラフルにしたい」「日本語使いたい」「画像入れたい」など、変更したい箇所が多数出て来たので、書籍やネット検索などを頼りに

アプリ製作はフルセットから、コンサル、すでに作ってしまったUIのレビューまで、お気軽に fukatsu@gmail.com まで。

プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ

はじめに こんにちは、Python界の情弱です。もうかれこれ5年くらい「僕にウェブデザインのセンスがあったら、いやせめてデザインのセンスがあったらどんなによかったことだろう」と思っていたわけですが、半ば諦めていました。しかし先日同僚の@kotarokパイセンに勧められるがままに「ノンデザイナーズ・デザインブック」を読んだら、これが素晴らしい書籍で、もう一度僕にやれば出来るかもと思わせてくれたわけです。 ノンデザイナーズ・デザインブック [フルカラー新装増補版] 作者: Robin Williams,吉川典秀出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/11/19メディア: 単行本（ソフトカバー）購入: 58人 クリック: 1,019回この商品を含むブログ (102件) を見る 本書が良いのは、多くのデザイン例があり、それも原則の適用後だけではなく、その前後でどれだけデザイ

配色パターンからWebデザインを考えるページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 まずは色彩の三属性について色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽快なイメージに、明度が低い＝暗い色は重厚で落ち着いたイメ