How Material used color science to make design easier and more expressive than ever before

New kinds of computers and interfaces are becoming ubiquitous: in our cars, on our wrists, in our ears, at our desks at work, on our TVs at home. In response, we’ve seen innovations in the content, organization, and delivery of design systems: design tokens, interoperability, handoff automation, CSS-in-JS, and atomic styles, to name a few. But these may not be enough to match the pace at which new

イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。

「UXは、今や一つのコミュニティ、あるいは一つの手法で捉えられないほど、大きな存在となった」 そう、UXの現在地を語るのは、Jesse James Garrett氏。2001年にデザインエージェンシーAdaptive Pathを共同設立。著書『The Elements of User Experience』で提唱した「UXの5段階モデル」でも知られる。 業界の先駆者は、Fast Companyに寄稿した記事『I helped pioneer UX design. What I see today disturbs me』のなかで「私たちは一体どこで道を間違えたのか」を厳しく問う。率直な思考が綴られた記事を、公式に許可をいただき翻訳した。 20年前、UXデザインが研究所を飛び出し、本格的な産業へと発展し始めたとき、未来はとても眩しかった。一握りの専門家の漠然とした関心事から、何千人もの増員を

Building a mindful relationship with digital media for zillennials prone to anxiety

Paul Boag氏はユーザー体験デザイナー、サービスデザインコンサルタント、およびデジタルトランスフォーメーションのエキスパートです。非営利団体や企業向けに、デジタル体験の改善を目指す支援をしています。 あなたのWebサイトは、訪れるユーザーにあれこれ考えさせすぎてはいないですか？　ユーザーに大きな認知負荷をかけていて、それによってユーザーがあなたのWebサイトから離脱していっている、ということはありませんか？　もしそうならば、これは修正すべき問題で、実際に修正が可能です。 認知的な負荷による影響 この問題はWebデザイナーである私たちと明らかに密接に関連しています。ユーザーが１つのことに集中しすぎて、他の要素に気が付かなかった場合、Webサイトでの重要なCTA（コールトゥアクション）だって気づかれない可能性があるということです。そう、ものごとをクリーンかつシンプルに整理したいというデザ

本書は、あきれるほどおバカな本だ。なぜなら「バカとは何か」という問いを、ノーベル賞受賞者（ダニエル・カーネマン）ら世界最高峰の頭脳達にぶつけた、インタビュー集だからだ。 世界の英知を結集して、エベレスト級のバカを定義するという、あまりにもリソースを無駄遣いした本といっても過言ではない。とてもフランスっぽいエスプリのきいたバカである。 各人ごとに異なるバカの定義を、あえて総括すると……バカとは自信たっぷりで、自らの過ちを疑わず、意見を翻さず、周囲を巻き込み、ひどく迷惑をかける存在であり、知性やIQとは関わらず発生するモノらしい。 SNSにおけるバカ本書はバカを多面的に観察したバカの万博であるが、特に面白かった（noteの設計に役立ちそうだった）のは、フランソワ・ジョストによる「SNSにおけるバカ」の章。 ジョストによれば、SNSはバカの生産マシーンとして、3つの特徴を持つ。 ・人間の生活がス

Explore, curate and share everything you’re passionate about.

#dist31 なぜダメなデザインが世に溢れているのでしょうか。優れた才能をもつデザイナーがたくさんいるにも関わらず、壊れたデザインは増え続けています。Web サイトやアプリが人々の生活に欠かせない存在になったことで、私たちが世に出すダメなデザインが行動や思考に悪影響を及ぼすようになりました。 …

2020年2月13日Developers Summit 2020にて講演。 https://event.shoeisha.jp/devsumi/20200213/session/2367/ 当日のtwitter https://togetter.com/li/1467911Read less

オークランド出身でProto.ioのコンテンツエディターであるAngelicaは音楽や食文化、ベイエリアを中心として開かれるカルチャーイベントに参加するのが大好きです。 デザイン業界は目まぐるしい速さで移り変わっていき、そんな中私たちは競合他社に追いつかれないよう、または投資家の期待に応えようと奮闘しています。これは暗に、デザインのアンテナをつねに張り巡らせておくべきだということを意味しています。デザインハック、つまりデザインの生産性向上への取り組みに関するアイデアについて、私たちは多くのデザイナーたちの視点を探り、日々、それをどのように実践しているのか聞いてみました。 私たちの質問は主に次の３つでした。 より短時間で、より良いデザインを実現したいと願うデザイナーたちにどのようにアドバイスしますか？ スローデザインのメリットはなんでしょうか？ 仮に時間的な制限がないとしたら、デザイナーはな

ユーザーインタビューは、誤った目的のために使われることが多い。また、計画や分析が適切でなかったり、インタビューを実施する価値をステークホルダーが理解していないこともある。 Why User Interviews Fail by Maria Rosala on June 9, 2019 日本語版2020年2月3日公開 ユーザーインタビューは、UXの重要な生成的手法だ。生成的な手法（インタビューやフォーカスグループなど）は知識を生み出す。一方、評価的手法（デザイン案のユーザビリティテストなど）は仮説をテストするためのものだ。インタビューを適切に実施すると、ユーザーの以下のことを知ることができる： 思考 信念 メンタルモデル エクスペリエンス こうした知識は、良質な製品やサービスの構築に役立つ。また、想像上のものではない、ユーザーの実際のニーズに対処することを可能にする。（デザインを開始する前に

Massive difference Above you see some popular SAAS products. This website uses alternate versions of those products, that we built from scratch in a minimalistic fashion. That is: we only built the core functionality, in a way we wanted, and left out all the rest — the “crap”. The resulting product is faster, has fewer issues, is easier to use, and gives us more control. Seriously. Just get rid of

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

NIKE創業者の自伝「SHOE DOG」を読んでから、なぜかNIKEとオニツカタイガーしか履かなくなったりした経験や、スーパーホテルの仕事をさせていただいた際に同社が水俣で創業したことから地球環境保全に取り組んでいるエピソードを知ってめちゃ好きになった経験などにインスピレーションを受け、ある程度広く知られているブランドの場合、創業にまつわるナラティブコミュニケーションが消費者のブランド愛着を高めるのではないか？という仮説を検証した研究を卒業論文にまとめました。5万字近くありますが、ご興味があればぜひご覧ください。要約 「自己とブランドのつながり（Self-brand Connection：SBC）」は、消費者にブランドへの愛着（Brand attachment）をもたらし、ブランド購買やブランド支援行動に導く重要な指標である。本研究では、一般に広く知られているブランドにおいて、ブランドの創

デザインシステムという名の成果物が抱える問題 デザインツール上で UI コンポーネントを並べただけでも『デザインシステム』と呼ぶくらい言葉が広まった今日。2017年に記事にした頃と比べると随分変わったという印象があるものの、デザインシステムと成果物が密接になり過ぎていると感じることがあります。 デザイン組織の成熟度に合わせて施策を変えるべきだと思いますが、事例を検索をしたり書籍を読むと、Lightning Design System や Carbon Design System のような完成されたものが出てきてしまいます。こうした状況だと「デザインシステムを作る」目的が上記のようなサイトを作ることになってしまう場合あります。つまり、デザインシステムとは完成された何かを作り上げることが目的になっているわけです。 足元を見ないで理想を作り上げようとしていないか 事例で見かけるようなデザインシス

デザイナーの逆推論＝アブダクションラインのイメージ。デザイナーは抽象から段階的に選択をして最終的な具象に到達するのではない。一気に尤もらしい具象を掴み、そこから最初の抽象へとリバースエンジニアリングのパスを通す。形が先にあり、ロジ… https://t.co/uBiPI5MvHf

先日開催された「フロントエンドカンファレンス福岡2019」で、「音楽、数学、タイポグラフィ」というプレゼンテーションをする機会をいただきました。ここにその内容を再構成して掲載します。 みなさんこんにちは。今日の僕の話のテーマは「タイポグラフィ」です。まず最初に、そもそもタイポグラフィとは何なのかということからお話ししたいと思います。タイポグラフィというのはよく耳にするキーワードではありますが、じつはかなり誤解も多いのではないかと僕は考えています。 PxHere Typography from Hermann Esser’s (1845–1908) Draughtsman’s Alphabet, from rawpixel’s own antique edition 00030.jpg たとえば、GoogleやTwitterやなんかで「タイポグラフィ」というキーワードで検索すると、手描きによ