「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か？｜moutend
結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。
Playwright v1.32.0 で追加されたUI Modeを試してみた
はじめに 先日、Playwright v1.32.0 がリリースされました🎉 追加された機能の中で特に気になった UI Mode を試してみたので、本記事では試したことや試した感想などをまとめようと思います。 環境 Playwright v1.32.1 UI Modeとは UI Mode ではテストを実行したり、デバッグするための機能が実装されています。 特にユニークな機能だと感じたのは下記の2点です。 Watch mode（テストファイルが変更されたら自動でテストを実行してくれる） アクション（ボタンクリックなど）ごとのスナップショット ヘッドレス版 Watch mode これはまだ公式からアナウンスされていない機能ですが、実はヘッドレスモード版 Watch mode もあるみたいです。 試しに PWTEST_WATCH=1 をつけてテストを実行してみたところ、確かにヘッドレスな Wa
PlaywrightのUI ModeでE2Eテストに入門する｜jig.jp engineers
PlaywrightとはPlaywrightはMicrosoftが開発している、オープンソースのWebテストフレームワークです。 v1.32から追加された新機能、UI Mode が業務でかなり重宝したので、これを使って実際にE2Eテストを書きつつ紹介していきます。 デモプロジェクトを作成適当なディレクトリでデモプロジェクトを作成します。 いくつか質問されますが全て Enter で OK です。 npm init playwright@latest実行が終わると以下のようなディレクトリ構造になっているはずです。 . ├── node_modules/ ├── package-lock.json ├── package.json ├── playwright.config.ts ├── tests │ └── example.spec.ts └── tests-examples └── dem
フロントエンドの複雑さに耐えるため実践したこと / readyfor-nextjs-first
【READYFOR】実践！フロントエンド分離戦略::発表資料 https://readyfor.connpass.com/event/198730/
エンジニアでも一読の価値あり！UI / UXの入門スライド厳選10点まとめ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
低レイヤーから始める GUI