UIの色を変えただけで大量のクレームを頂戴してしまった話｜のなと
Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の１要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUIほんで変わった後がこちら↓↓ afterUIご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑＆黄」から「緑塗り＆緑枠線」に変更しました。「え、それだけ？」という声が聞こえてきそうですがそうなんです。それだけなのです。しかしここはレガシードメインのtoB SaaS。toB SaaSではUIの変更がユーザー業務への影響に直結するので軽微な変更を加えるのもハードルが
2022年上半期、注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 2022年上半期に公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2022 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ダークにデザインする時はホワイトも和らげる 2. フォームのエラーは色だけに頼らない 3. ユーザーが選択したアイテムを目立たせる 4. 細いフォントは暗いカラーにする 5. 次のステップの情報を提供する 6. 最も重要な要素をより目立たせる 7. 検索ボックスの幅は広くする 8. 素早いアクセスは、ナビゲー
僕は文字だけ拡大したい - dskd
公開日2020-02-02タグaccessibility文字だけ拡大できる機能とページ全体を拡大できる機能を持ったブラウザ（例えば Google Chrome）を使っていて、僕はその機能の違いを認識している。 しかし、文字だけ拡大するとページ全体を拡大したのと同じ挙動になるように作られているウェブサイトがたまにあり、そういうサイトに限って文字だけ大きくしたいので、つらい。 なんというか、手段が奪われたと感じてしまう。こちらの操作を阻害された感。 CSS でサイズ指定が全部 rem 単位だとそういうことが起きるんだけど、せっかく文字だけ拡大する方法があってそれを使いたいのにページ全体を拡大したのと同じになっちゃうというのは、エクスクルーシブではないだろうか。 大きいディスプレイ使ってると、その広さに見合った情報量、たとえば図と文字をある程度俯瞰できる割合を保ったまま文字を大きくしたいって思う
ユーザーテストは準備が8割！ 弁護士ドットコムで実施した「準備の様子」「シナリオ」の一部を公開 | 弁護士ドットコムがアクセシビリティに本気で取り組む狙い
ユーザーテストを実施することは、実はそんなに難しくありません。その代わり事前準備が成功の8割を占めるといっても過言ではありません。 弁護士ドットコムでは、サイトの大きな改修をせずに、アクセシビリティ対応を実施しています。今回は、ユーザーテストの実施に向けて、その目的や段取り、事前の準備について整理していきます。 前回の記事では、SEOとアクセシビリティとの関係に触れながら、実際にユーザーの行動を見て考えることの重要性についてお話していますので、まだ見ていない人はそちらをお読みください。 ユーザーテスト全体の流れユーザーテストを実施するプロセスを解説していきましょう。いきなりテスト実施はできるものではありません。実施するにあたって、さまざまな準備が必要です。全体の流れは次の通りです。 ユーザーテストの目的の確認ユーザーテストの準備ユーザーテストの実施（次回解説予定）テスト結果の分析と改善点の
Instagram、フィード表示を改善し「New Posts」ボタン追加へ
米Facebook傘下のInstagramは3月22日（現地時間）、フィード（Twitterのタイムライン、Facebookのニュースフィードに当たる投稿が並ぶ画面）の改善について発表した（具体的な実施日程はまだ不明）。 フィード閲覧中に急にトップに戻される自動リフレッシュが不評なため、ユーザーが「New Posts」ボタンをタップするまでリフレッシュしないよう改善する。同日テストを開始した。 Instagramは2016年6月にフィードの表示方法をそれまでの時系列からアルゴリズムによる「ユーザーの関心が高い順」に変更し、表示している間もアルゴリズムで自動的に表示順をリフレッシュするようになっている。 また、関連性の高い投稿を優先表示することは変えないが、その中でも新しい投稿の優先度を上げる。「この変更で、フィードはこれまでよりフレッシュになり、大切な人の新しい投稿を見逃しにくくなる」とI
当初の懸念どおりブラウザのプッシュ通知は邪悪に使われはじめている。実装側はクリックまで購読確認を待つべき。 - mizchi's blog
追記: 2019/11/12 2年経ったけど体験が悪化し続けた結果、 Firefox がこの記事の通りになりましたね… www.fxsitecompat.dev プッシュ通知、ネイティブアプリの機能郡をWebに持ち込むPWA技術の売りの一つだが、当初から懸念されていたとおり、非常にノイジーなものとなってしまっている。自分も気づけばあらゆるサイトの購読確認を、無意識で拒否を押すようになってしまった。 hagex.hatenadiary.jp 少し前の記事。最近はどこかで wordpress のプラグインになったのか、目にする機会が非常に多くなり、非常にストレスフル。最初は技術的な目新しさからか、ある程度容認していたが、さすがにこの状況が悪化する一方で、本気でやばいんじゃないかと思っている。とくに初見のブログの記事を読む前に、購読確認が出るのが最悪の体験となっている。 そもそもプッシュ配信とは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
