みなさんはFigmaというデザインツールをご存知でしょうか。 正直な所、Adobe XDやSketchなどと比べると知名度も低いし、それらのツールと比べても機能は充実しているのですが使い所が微妙。 (ちなみに、Figmaの公式サイトにもXD、Sketch、Invision Studio、Framerと比較したページはあるのですが全部同じ内容で肩透かしをくらいます。) という具合に個人的に推しているデザインツールではあるものの、惜しい部分が多くまだ布教できる段階では無いな、という印象も持っていました。 しかし...... バージョン3.0のリリースでその印象が大きく変わり、最強のデザインツールFigmaを布教するぞ、という気持ちになりました(謎の使命感) ということで、Figmaの機能の紹介をメインに主要なUIデザインツールであるSketchとAdobe XDとの比較なんかも合間合間していこ

以前投稿をした通り、Slackで坪田さんにデザインの相談をさせていただいています。今回はなんと直接お会いして頂いてデザイン組織の相談に乗っていただきました。全てを書ききることは出来ませんが、印象的だったことや今後に活かしたいことなどをまとめます。 目次 0. お話を伺うに至った経緯 1. 1年マネージャーをしたら1年プレイヤーをした 2. プレイングマネージャーは難しい 3. スキル的な定性評価はどうしていたか 4. 成果の評価はどうしていたか 5. BTC人材が何故求められているか 6. デザイナーがいきなりビジネスの領域に踏み込むのは難しいのでは お話を伺うに至った経緯私が働いている会社にはデザイナーだけで構成された部が存在します。ですが、まだ発足から半年足らずで未成熟な点が多々あります。 私が坪田さんにフィードバックを頂いていることを部長に話したところ、是非お話を聞いてみたい！という

Google Analyticsに始まり様々な分析ツールを元に行うサイト施策や、数値を根拠に持つマーケティング戦略などが広がり。主観や闇雲にではなく、根拠のあるサイト制作や、サービス開発が増えた。 ただ数値だけを信じて、その物の良し悪しを判断し続けるのは少なからずリスクが伴うかもしれないなと最近思う。 数値・直感に基づくデザインの違い 数値に基づくデザイン 「共感」を与えて、一定の成果を生む。 直感に基づくデザイン 「発見」を生むが、失敗のリスクが高い。 一見、リスクが高く「直感」に頼る必要はないように感じられるが、直感に基づいたデザインには挑戦する価値があると思う。理由は2つ。 1.新たなたニーズを発見する為 クリエイターが培ってきた経験から生まれるプロダクトアウトには、ユーザー自身がまだ知らないニーズを発見する可能性があるから。 2.数値化のデザインにはリスクが存在している為 一件リス

こんにちは、THE GUILDの @goando です。 私はTHE GUILDの中でもデータを扱う仕事を中心に活動しており、「UXの改善をデータでサポートする」をミッションに取り組んでいます。 ざっくり言うと、THE GUILDのクライアント企業が運営するサービスのログを分析してユーザーの行動傾向からUXの改善点を見つけ出したり、マーケットの市場リサーチを通じてサービスの戦略の策定を支援したり、と言った内容です。 こうした活動を通じて、データ分析の結果をグラフ等のレポートに落とし込むという事を数多く行ってきました。 試行錯誤を繰り返しつつ、データをどのようなデザインで視覚化するとメッセージが伝わりやすいのか、逆にどういう点に気をつけないと誤解を与えやすいのか、といったノウハウを少しずつ蓄積してきました。 データ分析を台無しにするダメグラフかく言う私もかつて、そのグラフから何が言いたいのか

こんにちは、三宅佑樹(@yuki_miyake)です。 デザインやクリエイティブの経済効果について、デザイナーやクリエイターは非常にもどかしい思いを抱えていることが多いのではないでしょうか。 消費者がさまざまな商品やサービスに接する場面を考えると、デザインやクリエイティブは、間違いなく購買選択に大きな影響を与える要素の１つである、と言えるはずなのに(この後に出てくる事例で示すように)、「数値で示せ」とか「作る前に効果があることを証明しろ」と言われると、それは極めて困難なのです。 【6/26 10:55追記】前置きが長すぎたのでカットしました・・・カットした部分に書かれたことは以下の通り。 事後でないと計測できない&事後でもデザインと売上等の因果関係が分かりにくい→でも効果はあるはず→懐疑的な人にどう信じてもらえばよいか→まずはデザイン/クリエイティブが経済効果を発揮した過去の事例を知っても

デザイナーの池内（@KD6JOE）です。アプリのUIデザインなどをやっています。この記事ではUIをデザインを始めたばかりの人向けに、強度の高いUIをデザインをするための手順をご紹介します。 最低限の品質のUIをデザインできるようになることがこの記事の趣旨です。ここで紹介する手順はあくまで一例で、ガチガチにこの通りに進める必要はないし、ケースバイケースです。自分のやり方に取り入れられるところだけ取り入れてください。 強度の高いUIデザインとは強度の高いUIデザインとは以下のものを指しています。 ・あらゆるUIパターンの検討がなされている ・どのUIパターンを採用するかロジカルに決定している ・仕様漏れがなく開発がスムーズに進む逆に強度の低いUIデザインとは、パターン検討がほとんどされず、ツッコミどころがありまくり、仕様が二転三転するものです。結果開発スケジュールの遅延を引き起こします。 ただ

白湯飲む @sakai_cyk 『#02 THE GUILD勉強会「Design in Tech Report 2018 を読み解く」 』 の予習でDesign in Tech Report 2018を読んだのですが、めちゃめちゃ面白い connpass.com/event/90289/ #theguild_study 2018-06-19 17:06:29 こばかな / THE COACH @kobaka7 【THE GUILD勉強会】 本日19:00にスタートです！（受付18:30〜） 軽食など出ませんので、お腹が空きそうな方は何か食べてくるのがおすすめです！ #02 THE GUILD勉強会「THE STUDY by THE GUILD」@DMM.com connpass.com/event/90289/ #theguild_study 2018-06-21 07:40:40 THE

こんにちは、BasecampのLeoです。 最近、UIトレースと同じようなことを代わりにアニメーションでやっていて、結構いい感じに学べることがわかったので、その方法についてまとめようと思います。アイコンやロゴのアニメーション実装のためにAfter Effectsを練習したい！というデザイナーにオススメな方法です。 (この記事はAfter Effectsの使い方について書いているわけではありません！) アニメーショントレースが効果的な理由 1.   実践的にAfter Effectsの使い方を学べる 2.  1フレームごとに観察するからこその発見 3.  どうしたら気持ちの良い動きになるか感覚で学べる(イージング) 特に3.が大事です。アイコンのアニメーションなどでは複雑なエフェクトを使ったりするわけではないので、結局イージングが肝になってきます。 ふとアイコンを押した時の「なんか気持ち良い