Vol.285
Geri Reid - Forms best practice Jump to heading
フォームデザインのベストプラクティス Jump to heading
Geri 氏は銀行のデザインシステムに取り組んできた経験からフォームについて多くの知見を得ることができ、また研究やテストも行ってきた。その経験から独自のフォームのベストプラクティスについてのガイドラインをまとめこの記事にした。原則として以下の 4 つを取り挙げている
- 知覚できる
- 操作できる
- 理解できる
- 堅牢で互換性がある
A clean start for the web - macwright.com Jump to heading
Web の変遷とこれからの Web について考える Jump to heading
Tom 氏は、現在の Web には再発明が必要であると指摘している。この記事では、Web の歴史について触れながら、現在の Web の状況について解説し、これからの Web がどのように歩んでいくべきかについてのアイディアを展開する。氏は現在の Web には大きく 2 つ種類がある解説している。1 つがブログやニュースなどのドキュメント Web であり、もう一つが企業システムなどで動くアプリケーション Web である。この問題として、それぞれがそれぞれの特性に悩まされることがあり、それを解決するための 2.0 の形としてはどのような仕様が優れているか考察する。
Object Modeling for Designers: An Introduction | by Heidi Adkisson | Medium Jump to heading
デザイナーのためのオブジェクトモデリング入門 Jump to heading
UX デザイナーは、特にエンタープライズ向けのシステムで作業しているとき、複雑さとの絶え間ない戦いを感じていることがあるかもしれない。この問題を解決する一つの方法は、デザインシステムを設計することである。しかしながら、コンポーネントレベルのデザインシステムだけでは、一貫した UX が保証されないことが多いと Heidi 氏は指摘する。このレベルを超えてデザインシステムをより強固なものにするためには、オブジェクトモデルの考え方が役に立つという。この記事ではオブジェクトモデルの考え方についての解説と、それを実際にどのように落とし込んでいくか解説していく。
Robin Rendle ・ Don’t draw the UI, draw the priority Jump to heading
Robin 氏はデザインに困ったときに、「UI ではなく優先度を描く」という助言に助けられたという。これは、単純にデザインの要素を箇条書きにして一番上から一番重要なものを書いていくという作業である。これは単純ではあるが、デザインの作業の中ではとても重要な作業であり、このリストの順序について議論するのがデザインの最初の作業の一つであるという。
Accessibility Testing is like Making Coffee | Madalyn Parker Jump to heading
コーヒーの淹れ方を比喩にして アクセシビリティテストを分かりやすく解説する
In Brief Jump to heading
Why CSS Logical Properties Aren’t Ready for Use! | by Elad Shechter | Aug, 2020 | Medium: CSS 論理プロパティについての各ブラウザへの実装状況についてと、その有用性について
Understanding Destructuring, Rest Parameters, and Spread Syntax | Tania Rascia: 分割代入や、スプレッドオペレーターについての解説
Getting started with Mock Service Worker - LogRocket Blog: モックサービスワーカーについての解説と実装方法について
Gradient Magic - Fantastic and Unique CSS Gradients: CSS の gradient を使用して様々なパターンの background を表現するスニペット集
Testing Implementation Details: 実装の詳細をテストすることの問題点について