Vol.373

How Netflix Creates Immersive UX Design And What We Can Learn From Them Jump to heading #

NetflixのUXデザインから学ぶ Jump to heading #

Netflixが提供している機能や仕組みについて取り上げ、それがどのようにUXを改善しているかについて解説をしていく。また、そこから学べることを次の4点でまとめている。

• ユーザーがクリックしたくなる明確なCTAを備えたシンプルなUIにすべき
• パーソナライゼーションをする
• ブランドに継続的に価値付けを行う。Netflix のオリジナルのように、競争上の優位性を持つ
• 顧客を情報に対し、ビジュアル、アニメーション、またはゲーミフィケーションで引き付ける

Technical Writing for Developers Jump to heading #

テクニカルライティング入門 Jump to heading #

エンジニアにとって、テクニカルライティングはコーディングと同様に重要な要素である。この記事では、プログラミングとライティングをどのように組み合わせ、テクニカルライティングを行えばよいかを解説する。

Modeling Strategic Choices Jump to heading #

戦略的選択のモデル化 Jump to heading #

現実の戦略的選択の効果を測定することは難しい。この効果を測定する1つの方法は、情報アーキテクチャを調べること。戦略的選択は情報アーキテクチャに具体的に現れる。

Why Your Cached JavaScript Is Still Slow and Incurs Performance Overhead Jump to heading #

JavaScriptがキャッシュされ、ブラウザーキャッシュから読み込まれた場合においても、JavaScriptの読み込みに伴うオーバーヘッドが発生し、パフォーマンスに影響する可能性がある。この記事では、キャッシュされたJavaScriptの実行に関わるオーバーヘッドについて着目し、それをどのように発見、改善を行うかについて解説する。

The Many Faces of Themeable Design Systems Jump to heading #

テーマ適用が可能なデザインシステムはどのように実現できるのか。テーマが必要とされるユースケースを想定しながら、それをどのような設計で実現していけばよいか考察する。

In Brief Jump to heading #

• What is the best way to mark up an exclusive button group? Lea Verou: ボタングループをどのようにマークアップすべきかの議論をTwitter上で行い、どのような方法が最適かを検討する

• Naming conventions for design systems: デザインシステムにおける、命名規則のベストプラクティスについて紹介する、論理的、スケーラブル、シンプル、標準的の4つのポイントを紹介する

• Wheres the button? Designing for mode confusion: モードという概念がユーザーを混乱させる例を挙げ、それをどのように対処すべきかについて紹介する

• React Hooks: The Deep Cuts: Reactであまり使われていない種類のhooksについて解説する

• A practical guide to changing code so you can understand it: テストが無いソースコードをどのようにリファクタリングしていくかについて、ステップバイステップで解説する