How Material used color science to make design easier and more expressive than ever before
The Science of Color & Design - Material Design
How Material used color science to make design easier and more expressive than ever before
Functions and the future of design systems
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デザインはどこで道を間違えたのか？Adaptive Path共同創業者の見解｜designing
「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デザインが研究所を飛び出し、本格的な産業へと発展し始めたとき、未来はとても眩しかった。一握りの専門家の漠然とした関心事から、何千人もの増員を
共創するためのデザイン批評
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
認知負荷の増加がWebサイトに与える悪影響
Paul Boag氏はユーザー体験デザイナー、サービスデザインコンサルタント、およびデジタルトランスフォーメーションのエキスパートです。非営利団体や企業向けに、デジタル体験の改善を目指す支援をしています。 あなたのWebサイトは、訪れるユーザーにあれこれ考えさせすぎてはいないですか？ ユーザーに大きな認知負荷をかけていて、それによってユーザーがあなたのWebサイトから離脱していっている、ということはありませんか？ もしそうならば、これは修正すべき問題で、実際に修正が可能です。 認知的な負荷による影響 この問題はWebデザイナーである私たちと明らかに密接に関連しています。ユーザーが１つのことに集中しすぎて、他の要素に気が付かなかった場合、Webサイトでの重要なCTA（コールトゥアクション）だって気づかれない可能性があるということです。そう、ものごとをクリーンかつシンプルに整理したいというデザ
読書日記 「バカの研究」｜深津 貴之 (fladdict)
本書は、あきれるほどおバカな本だ。なぜなら「バカとは何か」という問いを、ノーベル賞受賞者（ダニエル・カーネマン）ら世界最高峰の頭脳達にぶつけた、インタビュー集だからだ。 世界の英知を結集して、エベレスト級のバカを定義するという、あまりにもリソースを無駄遣いした本といっても過言ではない。とてもフランスっぽいエスプリのきいたバカである。 各人ごとに異なるバカの定義を、あえて総括すると……バカとは自信たっぷりで、自らの過ちを疑わず、意見を翻さず、周囲を巻き込み、ひどく迷惑をかける存在であり、知性やIQとは関わらず発生するモノらしい。 SNSにおけるバカ本書はバカを多面的に観察したバカの万博であるが、特に面白かった（noteの設計に役立ちそうだった）のは、フランソワ・ジョストによる「SNSにおけるバカ」の章。 ジョストによれば、SNSはバカの生産マシーンとして、3つの特徴を持つ。 ・人間の生活がス
Keen | Expand your interests
Explore, curate and share everything you’re passionate about.
Ensure your website is available and usable for everyone during COVID-19 | Articles | web.dev
Ensure your website is available and usable for everyone during COVID-19 Stay organized with collections Save and categorize content based on your preferences. How to ensure that the core functionality of your website is always available, accessible, secure, usable, discoverable, and fast. This page provides guidance to help ensure your website is available, accessible, secure, and usable for ever
なぜダメなデザインが生まれるのか
#dist31 なぜダメなデザインが世に溢れているのでしょうか。優れた才能をもつデザイナーがたくさんいるにも関わらず、壊れたデザインは増え続けています。Web サイトやアプリが人々の生活に欠かせない存在になったことで、私たちが世に出すダメなデザインが行動や思考に悪影響を及ぼすようになりました。 ダメなデザインの原因はデザイナーのスキルが原因なのかというと、そんなことはありません。では、何なのか。ダメなデザインに対して私たちが何をしていくべきなのか紹介します。一緒にデザインの仕事について考えてみませんか？
デザインの生産性向上のために気をつけたい５つのこと
オークランド出身でProto.ioのコンテンツエディターであるAngelicaは音楽や食文化、ベイエリアを中心として開かれるカルチャーイベントに参加するのが大好きです。 デザイン業界は目まぐるしい速さで移り変わっていき、そんな中私たちは競合他社に追いつかれないよう、または投資家の期待に応えようと奮闘しています。これは暗に、デザインのアンテナをつねに張り巡らせておくべきだということを意味しています。デザインハック、つまりデザインの生産性向上への取り組みに関するアイデアについて、私たちは多くのデザイナーたちの視点を探り、日々、それをどのように実践しているのか聞いてみました。 私たちの質問は主に次の３つでした。 より短時間で、より良いデザインを実現したいと願うデザイナーたちにどのようにアドバイスしますか？ スローデザインのメリットはなんでしょうか？ 仮に時間的な制限がないとしたら、デザイナーはな
ユーザーインタビューが失敗する理由
ユーザーインタビューは、誤った目的のために使われることが多い。また、計画や分析が適切でなかったり、インタビューを実施する価値をステークホルダーが理解していないこともある。 Why User Interviews Fail by Maria Rosala on June 9, 2019 日本語版2020年2月3日公開 ユーザーインタビューは、UXの重要な生成的手法だ。生成的な手法（インタビューやフォーカスグループなど）は知識を生み出す。一方、評価的手法（デザイン案のユーザビリティテストなど）は仮説をテストするためのものだ。インタビューを適切に実施すると、ユーザーの以下のことを知ることができる： 思考 信念 メンタルモデル エクスペリエンス こうした知識は、良質な製品やサービスの構築に役立つ。また、想像上のものではない、ユーザーの実際のニーズに対処することを可能にする。（デザインを開始する前に
Minimalism: an undervalued development skill
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
ブランド愛着に影響を及ぼすナラティブの手法についての研究｜shokoryuzaki
NIKE創業者の自伝「SHOE DOG」を読んでから、なぜかNIKEとオニツカタイガーしか履かなくなったりした経験や、スーパーホテルの仕事をさせていただいた際に同社が水俣で創業したことから地球環境保全に取り組んでいるエピソードを知ってめちゃ好きになった経験などにインスピレーションを受け、ある程度広く知られているブランドの場合、創業にまつわるナラティブコミュニケーションが消費者のブランド愛着を高めるのではないか？という仮説を検証した研究を卒業論文にまとめました。5万字近くありますが、ご興味があればぜひご覧ください。要約 「自己とブランドのつながり（Self-brand Connection：SBC）」は、消費者にブランドへの愛着（Brand attachment）をもたらし、ブランド購買やブランド支援行動に導く重要な指標である。本研究では、一般に広く知られているブランドにおいて、ブランドの創
デザインシステムを作る前にデザインのシステムを理解しよう
デザインシステムという名の成果物が抱える問題 デザインツール上で UI コンポーネントを並べただけでも『デザインシステム』と呼ぶくらい言葉が広まった今日。2017年に記事にした頃と比べると随分変わったという印象があるものの、デザインシステムと成果物が密接になり過ぎていると感じることがあります。 デザイン組織の成熟度に合わせて施策を変えるべきだと思いますが、事例を検索をしたり書籍を読むと、Lightning Design System や Carbon Design System のような完成されたものが出てきてしまいます。こうした状況だと「デザインシステムを作る」目的が上記のようなサイトを作ることになってしまう場合あります。つまり、デザインシステムとは完成された何かを作り上げることが目的になっているわけです。 足元を見ないで理想を作り上げようとしていないか 事例で見かけるようなデザインシス
Manabu Ueno on Twitter: "デザイナーの逆推論＝アブダクションラインのイメージ。デザイナーは抽象から段階的に選択をして最終的な具象に到達するのではない。一気に尤もらしい具象を掴み、そこから最初の抽象へとリバースエンジニアリングのパスを通す。形が先にあり、ロジ… https://t.co/uBiPI5MvHf"
デザイナーの逆推論＝アブダクションラインのイメージ。デザイナーは抽象から段階的に選択をして最終的な具象に到達するのではない。一気に尤もらしい具象を掴み、そこから最初の抽象へとリバースエンジニアリングのパスを通す。形が先にあり、ロジ… 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やなんかで「タイポグラフィ」というキーワードで検索すると、手描きによ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Age Gate - Rumchata.com
UXデザインが大事なのはわかるけど�エンジニアの私ができることってなんでしょう？�
Material Design
