Vol.403
Surviving Design Systems Jump to heading
デザインシステムを長期的にメンテナンスするために Jump to heading
デザインシステムを長期的に存続させるための効果的なメンテナンス方法とは。最初はモチベーション高く始めても、長期的には維持するのが難しい。この記事ではメンテナンスを続けていくための5つの要素を紹介する。
- 完了した仕事に対して称賛する
- ちょっと面白くする
- チームをローテーションする
- コントリビューターを見つけ維持する
- 優先順位付け
30 Practical Tips for Effective User Interface Design Jump to heading
効果的なUI設計のための30のヒント Jump to heading
UIを改善するために活用できる30の簡単なヒントを紹介していく。
- リニアグラデーションでコントラストを出す
- 完全な黒を使わない
- 視覚的な配置を意識する
- 均等なスペースを確保する
- ぼかし効果を利用する
- など
Design Psychology: 4 Principles That Empower Designers - Part 1 - Raw.Studio Jump to heading
デザイン心理学 Jump to heading
デザイナが学ぶべきデザイン心理学に関する記事。4部構成のシリーズの第一部。認知バイアスについて取り上げる。
- アンカリングバイアス
- 保有効果
- バンドワゴン効果
- フレーミングバイアス
- 文言効果
- 確証バイアス
The design system mindset Jump to heading
デザインシステムを構築するためのシステム志向と、ソフトウェアの構築に関わるデザインや開発作業の志向は異なることを指摘する。それらが両方重要であることを説明する。
Onboarding Tutorials vs. Contextual Help Jump to heading
UXの観点から、チュートリアルという仕組みの問題点を指摘する。またそれの代わりとして、プルリベレーションを利用してユーザーをガイドする方法をおすすめする。
In Brief Jump to heading
Ten tips for better CSS transitions and animations: CSSのトランジションとアニメーションを書くときに役立つ10のヒントを紹介する
On Container Queries Responsive Images and JPEG-XL: コンテナクエリとレスポンシブ画像、そしてJPEG-XLについて解説する
Faster Searching with Binary Search: 二分探索について詳しく解説する
HTML input types: inputのtypeについて包括的に紹介する
How-to: Are you making these five mistakes when writing alt text? - The A11Y Project: imgタグのalt属性を書くときによくあるミスを5つ紹介する