Vol.237
Bringing A Better Design Process To Your Organization by Eric Jump to heading
より良いデザインプロセスをあなたのチームに Jump to heading
UXデザイナやリサーチャーが最も頻繁に聞くユーザーからの苦情は、「なぜ、私が何が必要なのか考えないのか」という内容である。Eric氏は、こういったディベロッパーとユーザーの間に起きる問題は、デザインプロセスにあると指摘する。この記事では、ソフトウェア開発におけるデザインプロセスの改善について、4つの観点から言及していく。
- 複雑さ — 複雑さを認識し、現実的なタイムラインを見極め対処する
- 次のリリース症候群 — 後回しぜずに、すぐに修正を行う
- デザインイテレーションのための時間が十分にない — デザインスパイクをアジャイル開発に取り入れる
- ベンダーに過度に依存する — ベンダーに支払いをする前に、改善が行なわれているかを確認する
Where to put buttons on forms by Adam Silver Jump to heading
フォームのどこにボタンを置くのか Jump to heading
フォームの中のどこにボタンを置くか、ボタンの配置によってはUXを改悪してしまうことも多いとAdam氏は指摘する。この記事では、ボタンの配置について深く考察し、さまざまなシチュエーションにおいて、どういった配置を行うのが良いか、解説をしていく。
- 重要なボタンはフォームの左端に寄せて配置する
- 戻るボタンはフォーム上部に配置する
- フォームに直接関係のないボタンはフォームの上部に配置する
- 複数のボタンを配置する場合には、ユーザーが何を行うのかを考慮する
- 単一の
input
に対するボタンは、横に配置する - テーブルUIにおいて、複数選択ボタンはテーブル上部に配置する
Everything I googled in a week as a professional software engineer by Sophie Jump to heading
私がプロのソフトウェアエンジニアとして1週間の間にグーグルしたすべて Jump to heading
Sophie氏はソフトウェアエンジニアとして働く中で、普段自分がどういったキーワードで検索を行なっているのかを記事にした。1週間の間に同じ事を繰り返し検索していたり、基本的な内容さえもグーグルで検索していたりしていること分かり、自分がどういったことを頭の中に記憶し、ほとんどのことを記憶していないということに気付きがあった。
Inconsistent behavior among browsers when clicking on buttons by Zell Liew Jump to heading
Zell氏はボタン押下時の挙動がブラウザごとに異なることについて、その詳細を明らかにしていく。この記事では、その挙動について、複数のブラウザを使用したテストと調査結果を紹介しながら、これらの挙動の矛盾に対応する方法について紹介する。
Accessible Checkbox by Ahmad Shadeed Jump to heading
アクセシビリティを考慮したcheckbox
の実装について紹介していく。基本的なcheckbox
とラベルの紐付けの実装から、デザインをカスタマイズする場合に考慮する点まで、シンプルなサンプルコードを交えながら、どのようにアクセシビリティを改善できるのか、解説していく。
In Brief Jump to heading
- A Re-Introduction To Destructuring Assignment by Laurie: 分割代入の基本から、オブジェクトと配列がネストされていたり、組み合わさっている場合での応用方法など紹介していく
- Logical Operations with CSS Variables by Ana Tudor: CSSの変数と様々なロジカルオペレーションの組み合わせを試してみる。単純な組み合わせから、複雑なものへ転用していき、具体的な実装に応用するまで
- Machine Learning For Front-End Developers With Tensorflow.js by Charlie: Tensorflow.jsを利用して機械学習を実装する。インストール方法から、サンプルの実行方法、実際にモデルを作成する方法などまで初学者向けに丁寧に解説する
- Handling API request race conditions in React by Sébastien Lorber: Network越しにAPIを実行した際に発生する遅延によって、UIの一貫性が保たれない場合がある。この記事では、その原因についてと、それをどのように解決するかについて紹介する
- Overflow And Data Loss In CSS by Rachel Andrew: Webデザインにおいて、オーバーフローが発生する可能性のある状況を調査し、CSSがどのように未知の量のコンテンツを管理を行うことができるのか、解説する