データ視覚化のデザイン #1｜Go Ando / PREDUCTS / THE GUILD
こんにちは、THE GUILDの @goando です。 私はTHE GUILDの中でもデータを扱う仕事を中心に活動しており、「UXの改善をデータでサポートする」をミッションに取り組んでいます。 ざっくり言うと、THE GUILDのクライアント企業が運営するサービスのログを分析してユーザーの行動傾向からUXの改善点を見つけ出したり、マーケットの市場リサーチを通じてサービスの戦略の策定を支援したり、と言った内容です。 こうした活動を通じて、データ分析の結果をグラフ等のレポートに落とし込むという事を数多く行ってきました。 試行錯誤を繰り返しつつ、データをどのようなデザインで視覚化するとメッセージが伝わりやすいのか、逆にどういう点に気をつけないと誤解を与えやすいのか、といったノウハウを少しずつ蓄積してきました。 データ分析を台無しにするダメグラフかく言う私もかつて、そのグラフから何が言いたいのか
ソシオメディア | アナーキー・イン・ザ・UX
この記事は、2016年12月16日に開催した「フリー ユア UX 2016」における同タイトルのオープニングトークをもとにしています。 2015年末に行ったイベント「UX まとめ」では、「UX」という言葉が世間でどのような意味で用いられているのかを考察しました。その最後にこのようなスライドをお見せしました。 この図では、UXというものはデザインの種類を表すものではなく、人が人工物とインタラクトする際に人の側で生じる主観であるということを説明しています。 人工物、つまり人が何かの意図を持って作ったものは、すべてデザインされています。人工物を「アーティファクト」と言いますが、ではアートとデザインはどのような関係にあるのでしょうか。 アートとデザインの関係については色々な言い方がされています。例えば、「アートは感性的でデザインは論理的だ」とか、「アートは問題提起でデザインは問題解決だ」といったこ
提案書の書き方、徹底解説～提案書のストーリー・コピー・デザインの基本法則【スライド付】 | knowledge / baigie
PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法～伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ
【パワポのデザイン】霞ヶ関パワポの「クールジャパン」が「クールジャナイ」から"リデザイン"してみた。
こんにちは、いけあつです！ 先日、こんな記事をみつけました。 内閣府はクールジャパンで何をしようとしているのか。知的財産戦略推進事務局による2018年6月12日の資料「知的財産戦略ビジョン」が酷すぎるので紹介したい。 何が言いたいのか非常に難解で意味不明。 ネットギークさんの記事「クールジャパンの資料がぐちゃぐちゃの意味不明で狂うジャパン」より引用 こちらがひどすぎると酷評されている資料の１ページ。 たしかに、ぱっと見わかりにくい資料かもしれません、、、。 せっかく時間をかけて考えた内容が資料の見た目だけで、わるい印象になってしまっている気がします。 ということで、もう少し伝わりやすくなるようにリデザインしてみました！ (※オリジナルの情報量は変えずに、いけあつの解釈で見せ方を再構築したものです。内閣府の意図と異なる場合がありますので、その点はご了承ください) この記事では、伝わりやすくな
制服色分けで残業減った 一目で分かる定時退勤促す 熊本地域医療センター（熊本日日新聞） - Yahoo!ニュース
熊本地域医療センター（熊本市中央区）で、看護師の日勤と夜勤を制服で色分けして、残業時間の削減につなげる取り組みが効果を上げている。一目で勤務時間帯が分かるため、同僚間の指示を効率化する狙い。働き方改革が難しい医療現場の先進事例として、注目を集めている。 発案したのは、前院長の廣田昌彦医師。就業前の早出や残業が常態化していた入院病棟の労務改善につなげようと、攻守で分業が確立したアメリカンフットボールをヒントに考案。２０１４年度から取り入れた。 対象は病棟の看護師約２００人。日勤の制服を赤、夜勤を緑にしたところ、前年度に１人当たり年約１１０時間あった残業が半減。１８年度には約２０時間と５分の１まで減り、１９年の日本看護協会（東京）の先進事例表彰で最優秀賞に輝いた。 同センターでは毎日、日勤が５４人、夜勤が２０人。「勤務終了が近い人には新たな仕事を声掛けしない。分かりやすくて医師の側も助かる」と
なぜ作ったゲームが面白くならないのか？基礎にして奥義「フロー理論」｜かえるD
そろそろ、ゲームデザインの話もしていこうかと思う。今回は、ゲームが面白いとはそもそも何なのか？そもそもゲームとはなんなのかを紐解き、そこからどうすれば面白くなるのかを書いていこうと思う。 そして、最初に本記事の結論を書いておく。 ・ゲームとは学習を嗜好品化したものである ・人が学習から面白いと感じるには条件がある＝フロー理論この二つが、本記事の結論である。面白いと思ったら、この先を読み進めていただければ幸いだ。 そもそもとして、今回の記事をnoteに書こうと思った理由の一つとして、毎年新卒に向けて同じような話をするのだけれど、ずっと張り付いて教えられるわけでもないし、必要になったタイミングで情報を提供しないと、なかなか身に付かないので、これ参考にすると良いよというような似たようなまとまったリファレンスがほしかったのだ。でもそのようなリファレンスは存在しないので自分で書こうと思った次第だ。
優れたフォームをデザインする
サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
デザイン初学者がUIトレースを１ヶ月続けてみた｜きなこ
こんにちは、今回がはじめてのnote投稿になります！ タイトルにもある通り、今日はTwitterにて8月に行なっていたUIトレースについて感じたことをまとめていきます。 デザインの勉強を始めたばかりで、どうやって勉強しよう？と悩んでいる人や、最近だとCocoda!に登録してUIデザインの勉強をしてみようかな...と思っている人の参考のひとつにでもなれば嬉しいです。 あくまでも自分なりの見解であり初心者目線で書きますので、どうぞ暖かい目でご覧になってください...。(アドバイス随時受け付けてます！) そしてかなり迷ったのですが、この記事ではトレースしたものだけでなく、アウトプットしたものも全部載せます。プロのデザイナーさんが見たらツッコミどころ満載の作品ばかりだと思いますが、同じような境遇の方の励みになればと思って、、、、では目次です。 目次 1. UIトレースを始めたきっかけ 2. 最
「Design in Tech Report 2018 を読み解く」#02 THE GUILD勉強会 書き起こしレポート（後編）｜Goodpatch Blog グッドパッチブログ
ナレッジ・ノウハウ 「Design in Tech Report 2018 を読み解く」#02 THE GUILD勉強会 書き起こしレポート（後編） 「Design in Tech Report 2018 を読み解く」（中編）はいかがでしたか？ 今回は、最終回。質疑応答でのKey Conceptとなったインクルーシブデザインと、デザイナーに求められるライティング能力についてのお話を中心にお届けします。これを読みきって、Design in Tech Report 2018の理解を深めましょう！ 過去2回の書き起こしレポートはこちらです↓ 「Design in Tech Report 2018 を読み解く」 書き起こしレポート（前編） 「Design in Tech Report 2018 を読み解く」 書き起こしレポート（中編） Twitterでは「#theguild_study」のハッシュ
プロジェクトの最初に、Project Canvas（プロジェクトキャンバス）を作ろう
Photo by Patrick Perkins on Unsplash プロダクト開発のキックオフで必ずすることは、プロジェクトゴールのすり合わせ UIデザイン案件のオリエンやキックオフに参加する時、実際にそのプロジェクトに入るかどうか関係なく、必ず最初の打ち合わせでそのプロジェクトのゴールをクライアントとすり合わせるようにしています。当たり前ですが…その当たり前が大事…！ 「今回は●月のローンチに向けてまずこのプロダクトのコンセプトである＊＊がユーザーさんに伝わり、且つ刺さることをゴールに、on-boardingプロセス完了と最初のAHA体験に到達してもらうことをゴールに進めたいと思います。認識違いありますでしょうか…？」 的な😇（全部それっぽく書いた例です） ここでのポイントは、プロダクト開発に参加していくいちデザイナとして、「この機能のUIデザイン作ります」といった単純なタスクを
GoodpatchのUIデザイナーがおすすめ UIデザインを理解するためのブックリスト【2021増補版】｜Goodpatch Blog グッドパッチブログ
今回は、GoodpatchのUIデザイナーにヒアリングし、UIデザインを理解するためのおすすめ本をまとめました。 次のような人に特におすすめです。 UIデザイナーになったばかりの人 もっとUIデザインについて勉強したい人 サービス、アプリ開発に携わるエンジニア・ディレクターの人 目的別に6つのカテゴリに分けてご紹介します。あなたの関心に沿ったトピックから、 気になる本を見つけていただけると嬉しいです。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 1. UIデザインを基礎から理解する ユーザーインターフェース（UI）とは何なのか、どんなデザイン要素があるのか、UIが機能する環境とは？、どうやって作ってリリースするのか…UIデザインを始めるために、まずは基礎知識を網羅しましょう。 ■ はじめてのUIデザイン 改訂版 この本は、著者の1人である吉竹遼さんが「UIデザイ
【パワポ時代の情報整理術】つめこみすぎなスライドがこれでスッキリ！｜Designer
昨今、情報量がとにかく多く、理解しづらいパワーポイント資料が溢れています。「ポンチ絵」や「曼荼羅」などとも呼ばれるこの手の資料。パワーポイントを作る方も、読み解く方も大変です。 でも、わかります。一枚の資料に収めないといけない事情があることを―。会議の配布資料、提案資料、体制図、システムの構成図…。シンプルな資料が良いとわかっていながら、どうしても情報量を落とせない場合もあります。 そこで今回は、掲載する情報量はそのままに、デザインの力で資料をわかりやすくするテクニックをご紹介します。 【Before】元のスライドはこちらお題にするのはこちらのスライド。体制やネットワークを表す図です。一枚のスライドあたりの情報量が多く、色々な要素が詰まっています。 出典：厚生労働省「医療・介護制度改革について」P.1 www.mhlw.go.jp/stf/shingi/2r9852000001gj87-a
Design Beginner｜note
使いやすさと分かりやすさのデザイン：印象 その2 言葉遣いによる印象の変化 外見と言葉遣いのギャップで印象が変わったことはないでしょうか。例えば、「いかつい容姿に身構えていたら可愛らしい言葉遣いで丁寧に話してくれた。見た目と異なり実は優しい人なのかもしれないと思った」というようなことです。また、役所や病院の受付のように堅い印象がある場所で居酒屋のように威勢よく挨拶されることを考えてみてください。「あれ？ くる場所間違えたかな」と思ってしまいますよね。印象は目に見えるものだけではなく、言葉遣いや振る舞いなどによっても変化する
デザイナーを伸ばす過程で大切にしたこと｜Nobuo Suzuki
1年目のデザイナーに教えたほうがいいことや、デザイナーを育てるとはどういうことなのか。 自分のことはどうにかなってきた20代中盤。「デザイナー育ててね」と突然言われても何から始めればいいのかもよく分からなかったですし、どうやってアドバイスしたらいいかも分からなかった当時、デザイナーの育成に関する記事があまりに少ない印象だったので、同じような境遇の方の役にたてば嬉しいです。 ※この記事は、2017年4月にMediumで公開した記事を加筆・転載したものです。*** 本人が課題を感じて初めて成長するWe don't know what we don't know. （分からないことが分からない。）突然ですが、他人に言われた時よりも自分で課題を認識できた方時の方が腹落ちしませんか？ 教える側は、相手が分かっていないところが分かるのですが、当の本人は「分からないことが分からない」状態なのです。でも、
UXデザイン会社Standardのブログ
2017.5.23 / UI 執筆した「UIデザイナーのためのSketch入門＆実践ガイド」が発売されました Ryo Yoshitake 2017.5.23 / UI 執筆した「UIデザイナーのためのSketch入門＆実践ガイド」が発売されました 本日、BNN新社さまより「UIデザイナーのためのSketch入門＆実践ガイド（吉竹遼 著）」が刊行されました。 Amazonでのご購入はこちら （Kindle版もご用意しています） せっかくですので、執筆を務めさせて頂いた私の視点から、本書についての見どころを紹介させて頂きます。 どんな本か アプリやWebサービスなどのデジタルデザインにおいて、昨今普及が進んでいるSketchについての使い方を網 […] by Ryo Yoshitake 2017.3.9 / UX UXデザインに必要なユーザーインタビューの方法と質問設計 以前の記事にて、なぜ新
デザインの基本日記 「配色編」｜Design Beginner
配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
素人が作ったチラシを、プロのデザイナーが作るとこうなる→デザイナーのすごさや、視覚効果の重要性がよくわかる例です
Color Picker — A handy design tool from Color Supply
Website Unavailable
こういう発想ができる人を天才という19の事例
