Latest thinking
すぐに使えるノウハウではなく、「なぜそうなっているのか」を考える記事を書いています。デザインの仕事で感じるモヤモヤに、構造から向き合いたい人のための場所です。
デザインシステムにおける色の命名ルール
崩れない色名にする 前回「デザインシステムに採用する色を決める5つのルール [http://www.yasuhisa.com/could/article/design-system-colors/] 」を通して、色の名前の付け方や整理の仕方を紹介しました。これを受けてウェブデザイナーの深沢幸治郎さん（@witch_doktor [https://twitter.com/witch_doktor]）が「ウェブサイトに使われる色に固有の名前をつけてみる [http://suikoudesign.com/suikolog/design/2270] 」という記事を書いてくれました。色の命名にまつわる苦労や工夫について読むことができるので、ぜひ参考にしてください。 前回の補足として、デザインシステムにおける色名の付け方の工夫を 3 つ紹介。色の整理をするときの参考にしてください。 色名＝変数 色の名前を付けるのに困っている方は、Kromatic [http://kromatic.thoughtbot.com/] がオススメ。カラーパネルのスライダーを動かすか HEX 値を入力するだけで
デザインシステムに採用する色を決める5つのルール
始めの一歩としての色共有 ひとりのデザイナーに頼らず、チームで運用できる体制を作るためにも デザインシステム [http://www.yasuhisa.com/could/article/what-is-design-system/] は有用なツールです。しかし、様々な UI コンポーネントと決まりごとが揃ったものを作るのは骨が折れる作業です。デザイナー（もしくはエンジニア）が独自で作って「さぁ使いましょう」と公開しても、使ってもらえるとは限りません。また、デザインシステムをどこで共有して、どのように使われるのかも考慮しなければならず、他社の真似事では済まないこともあります。 作る前から課題が山積みでなかなか手が出せないかもしれませんが、何か始めなければゴールに辿り着くことはありません。そんな現場でデザインシステムを作る場合、色から始めることをオススメしています。 色なんて単純なところは出来ていると思う方は多いと思います。デザイナーであればパレットにしてまとめているでしょうし、エンジニアであれば色は変数にして整理しているでしょう。しかし、現実は少し複雑です。 上図はある大
デザインプロセスにあるイケア効果
デザイナーだけでなく、周りも成果物に対して感情移入してしまうことで、過大評価をしてしまう恐れがあります。
Q&A 文章のトーン＆マナーや文章構造で気をつけていること
> 文体のトンマナづくりについて実践されていること、意識されていることがあれば教えてください。 @mjmjsachi [https://twitter.com/mjmjsachi] ライターを雇うのが理想的ですが、予算の都合上それが難しい場合があります。ライターを雇わなかったとしても、複数人でコンテンツを作ることもあるので、それぞれトーン＆マナーがバラバラになることがあります。私はライターと呼べるほどのスキルも経験もないですが、以下のようなことを気をつけています。 構造が意味を生み出す 大学時代ジャーナリズムを受講した際に「逆ピラミッド」というメタファーを学びました。どのような優先順位をつけて構造化するべきかを考える際に逆ピラミッドの考え方が役立ちます。逆ピラミッドは以下のような情報構造を持っています。 1. 最も価値のある情報 2. その情報に関する詳細 3. その他、知っておきたい情報 重要な情報を最優先に掲載することで、使いやすさも向上するとヤコブ・ニールセン博士も提唱 [https://u-site.jp/alertbox/mobile-content]
非デザイナーでもできるスライドデザインの工夫
ルールを守ればスライドは改善する 日本各地で登壇の機会をいただいていますが、内容そのものの感想ではなくスライドのデザインについて聞かれることがあります。デザイナーの端くれとしてスライドのデザインには気を使っているので、「どう作っているの？」と聞かれるのは光栄です。スライドのデザインは昔から Keynote [https://www.apple.com/lae/keynote/] で行なっています。貼り付けた動画を使って演出していることもありますが、ほとんど Keynote にある機能を使っています。 デザイナーでなかったとしても、以下のルールに従うことで、一貫性のあるビジュアルとストーリーを構築することができます。 カラーパレットを作る ひとつひとつ好きなように作るのはなく、全体を意識しながらひとつのスライドを作るようにします。スライドごとに色が違うと、統一感が失われるのでひとつのプレゼンとしてのインパクトも小さくなります。そこで、カラーパレットを用意して、その色だけでスライドをデザインするようにしてします。 あるプレゼンで用意したカラーパレット 白と黒を除いて、通常
Q&A 運用の重要性を伝えたい
> 「運用」の重要性を説く場合、やはり企業内部の担当者を始めとする運用側の方たちに伝えたい／理解してもらいたいこともあると思います。 運用側に直接メッセージを届けられない場合、制作側の方やデザインシステム／スタイルガイドなどを通して、メッセージを伝える何か工夫をされているでしょうか？ @SawadaStdDesign [https://twitter.com/SawadaStdDesign] 最近は運用側に直接メッセージが伝えられない環境で働いていないこともあり、的確なアドバイスができないかもしれません。ただ、運用について誰かに伝えるとき以下のようなことを考えて企画・提案するようにしています。 * 運用を考えないと、どのような課題が生まれるか * 組織に合う運用はどのような体制で、何から始めることができるか * 運用をすることで、成果があったと言えるものは何か 簡単なことでも実践していると言える コンテンツ運用の重要性は何度も書いています [http://www.yasuhisa.com/could/tag/%E3%82%B3%E3%83%B3%E3%83%86%
ソーシャルメディアで変わったwebサイトの役割
Webサイトが起点？ 利用者のニーズを考えて web サイトを設計し、ゴールまで導く。 Web サイトに限らずアプリケーションにも言える基本的な考え方です。昔から言われている当たり前の事ではあるものの、「Web サイトへ訪れる」という利用者の行動を大前提にしていることに疑問を感じています。 ブランド名など、何かキーワードが思い付けば検索をするでしょう。人によっては、ふと思い出して訪問することもあるかもしれません。しかし、そういったタイミングが 1 日でどれくらいあるでしょうか。Web サイトへわざわざ訪れるのが面倒と感じることもあるくらいです。 ターゲットにしている市場によっては検索が強かったり、わざわざブックマークしてサイトを訪れる人が多いかもしれません。しかし、そうした能動的な行動ではなく、ニュースフィードで偶然見かけた情報をキッカケに行動する人は少なくありません。ジャストシステムによる「 モバイル＆ソーシャルメディア月次定点調査 [http://markezine.jp/article/detail/26184] 」によると、10代のスマートフォン利用者のうち、7割はソ
AIとデザイナーの関係をポジティブに考えてみた
本当に脅威だけなのか 既に来ている機械化の波とデザイナーができること [http://www.yasuhisa.com/could/article/machine-and-creativity/] で、私たちが使っているデザインツールにも AI が使われていることを紹介しました。2017 年版の Photoshop には人工知能を活用した機能が実装される噂 [http://fortune.com/2017/06/10/fortune-500-adobe-ceo-photoshop-ai/] もあります。デザイナーが人工知能と一緒に働くことは、遠い未来ではなく、今起こっていることと言えるでしょう。 AI や機械学習は、仕事を奪う脅威と言われています。これから 20 年間でおよそ半分の仕事が AI によって入れ替わる [https://arstechnica.com/business/2016/12/federal-report-ai-could-threaten-up-to-47-percent-of-jobs-in-two-decades/] という話もありますし、クリエイティブ
デザイナーも知っておきたい数字との付き合い方
数字と向き合う ビジネスに貢献するデザイナーとして、ある程度のデータ分析能力は必要です。「デザインが重要」と言われるようになったのは良いことですが、それを証明しなければ装飾するだけの仕事に逆戻りしてしまいます。「データ分析」と書いてしまうと、深い数学の知識が必要そうに聞こえますが、そんなことはありません。 まず、数値が存在しないところにデザインを評価するところが幾つかあります。Web サイトやアプリを使う体験は主観的かつ感情的なものですから、ユーザーからの生の声が聞ける窓口を築いたり、ユーザーインタビューやヒューリスティック評価 [https://www.usability.gov/how-to-and-tools/methods/heuristic-evaluation.html] をするといった定性分析が必要になります。 ただ、こうした定性分析にしても「これはどうですか？」といった質問から始めても、次に繋がる改善点が見つからないどころか、開発に混乱を招くことがあります。そこで、定量調査が大きな役割を果たします。ユーザーの動機や感情を数字から読み取ることはできませんが、ユーザ