AppleはAndroidユーザーからのメッセージを「あえて」緑色にすることで不快感を与えるデザインを実践しているという指摘
iPhoneに標準搭載されているメッセージングアプリ「iMessage」においては、「iPhoneから送信されたメッセージ」と「それ以外の端末から送信されたメッセージ」は色分けされて表示されるようになっています。前者は青地に白、後者は緑地に白で文字が表示されますが、緑地に白というコントラストは非常に読みにくく、UXデザイナーのアレン・スー氏が「Appleは意図的に読みにくくしている」と非難しています。 One trick Apple uses to make you think green bubbles are “gross” | UX Collective https://uxdesign.cc/how-apple-makes-you-think-green-bubbles-gross-e03b52b12fed スー氏は「決して緑色が読みにくいわけではない」と前置きし、「緑地に白抜き」
“最悪のUI”を体験できるWebサイトをデザイン会社が制作 あまりの使いづらさにストレスがマッハ
まともに入力するのが難しいデザインのWebサイト「User Inyerface」が、海外メディアに取り上げられてジワジワと話題を拡大中です。制作した企業は、直感的な操作では最後までたどりつけない“最悪のUI（ユーザーインタフェース）体験”ができるゲームとして紹介しています。 ゲーム開始で、まず手こずる（画像は「User Inyerface」より） UIはWeb制作などでよく使われる言葉で、人間と機械をつなぐものを意味しています。慣習に従い、直感的に操作できるUIを「良いUI」と呼びますが、「User Inyerface」のコンセプトはその真逆。慣習に逆らっているため、最後のページにたどり着くまでに、いらだちでパソコンをたたき割りそうになってしまいます。 「User Inyerface」を開始すると、画面上部にクッキー利用同意のメッセージが表示されますが、早速分かりづらい。「このサイトはクッ
✕はなぜ閉じるのシンボルなのか歴史を読み解く｜みーた
先日Cybozu Frontend Monthly #1 にてb4h0_c4tさんの「HTMHell special: close buttons」のお話を聴いていた中で、一つ引っかかるものがあった。 「そもそも✗(バツ)は閉じるって意味じゃないから！」 確かに。 現代、様々なUIを触ってきた中でなぜ ✕ を閉じるものと捉えているのだろうと不思議に思った。 ✕ではなくx(エックス)で表現されることも多々あるようで、こんな名言もある。 ✕とはなんなんだろう ではなぜこのクロスの記号(✕)が閉じるの意味を持ってしまったのか考えてみる。 一旦✕を見て思い出すものを上げてみようと思う。 ・◯と✕(日本の正誤表記) ・✓と✕(海外...主に欧米の正誤表記) ・プレステのコントローラー ・海外ゲームだと決定が✕、キャンセルが◯ ・宝の地図なんかで在り処を記す ・上記のツイートのようにx(エックス)とし
やってはいけないUIアニメーション
ここの画面ではメインボタンの「START」を目立たせたいのですが、右上のボタンに目がいってしまいます。 右上に目がいってしまうのは、最後に動く箇所に視線が移動するので不必要に右上に視線が誘導されます。 他にもコントラストや動き量がメインボタンよりも大きく変化しているため、いやでも目についてしまいます。 不必要に待たせている 最後に動かすところに視線が行きますが、視線をメインボタンに向けさせようと最後のアニメーションを長くしてしまった結果、ユーザーがアニメーションによって待たされている状態になってしまいました。 メインボタンはすぐに押してゲームを遊べることが大切になるので、最後にボタンを大きく動かして目立たせてもユーザーは早く押させて欲しいと思ってしまうので、アニメーションは短くサッと出して上げてユーザーが気持ちよく行動できるといいですね。 動き過ぎ、優先順位が曖昧 全てが動き過ぎてしまい、
ぼく「嫌な予感がするから警告いっぱい出したれ」データ削除は三重確認設計に→？？「なんかデータ消えたんですけど？」
ワープくん🤡 @warpbtn ぼく「なんか嫌な予感がするから警告いっぱい出したれ」 『このデータを削除すると復活できませんが本当に削除しますか？YES／NO』 『あなたは削除データが復活できないことを確認しました。YES／NO』 『以下の入力欄にDELETEと入力して削除を実行』 ？？？「なんかデータ消えたんですけど？」 2020-03-12 11:13:24
Googleが繰り返すデザイン変更からたどり着いた極意「明白こそが至高」について解説
by Rajeshwar Bachu GoogleはGoogle検索やGmailなどさまざまなプロダクトを作成していますが、そういったプロダクトをデザインする中で得た知見などをまとめるためのデザイナー・開発者たちによる共同プロジェクト「Google Design」が存在します。そのGoogle Designが、「明白なUIこそ至高のUIである」として、ユーザーインタフェース(UI)デザインにおいて重要な要素をまとめて解説しています。 The Obvious UI is Often the Best UI - Google Design - Medium https://medium.com/google-design/the-obvious-ui-is-often-the-best-ui-7a25597d79fd デザイナーはプロダクトができる限り使いやすく、可能な限り誘導的なものになるよ
広野 萌 on Twitter: "パスワードフォームのUIとインタラクションについて考える度、わりと毎回同じ結論・同じ仕様にたどり着くので、デザインするとき自分が正解としていること9点まとめてみた。みんなで車輪の再発明やめよ〜！（以下ひとつずつ解説） https://t.co/2S3PlFeQzC"
パスワードフォームのUIとインタラクションについて考える度、わりと毎回同じ結論・同じ仕様にたどり着くので、デザインするとき自分が正解としていること9点まとめてみた。みんなで車輪の再発明やめよ〜！（以下ひとつずつ解説） https://t.co/2S3PlFeQzC
（朗報？）プリウスミサイルの原因、ほぼ判明する
与那覇勢頭丘春 @RYUChiyomatsu #プリウスミサイル の原因確定！要は、 何らかの原因でNレンジにレバーが入る ↓ アクセルベタ踏みして何で加速しないんだろ～？ってボケ倒す ↓ 何故かそのままDレンジにレバー入れてミサイル発動！ ↓ ハイブリッドフルパワーでF1レーシング開始！ボケ運転手卒倒でミサイル止まらねえ！ ↓ どかーん 2019-05-31 16:34:28
キャンセルボタンに色をつけてはいけない理由
キャンセルボタンをデザインする時に、カラーで悩むことはありませんか？ キャンセルボタンに色をつけてはいけない理由、ニュートラルなグレーが適している理由を紹介します。 キャンセルボタンのデザインがアクションボタンと同じだと、ユーザーは迷ってしまいます。キャンセルできることを明確にすることで、認知速度が上がります。また、ボタンが3個以上だったり、ラベルが違っていると、ユーザーは余計に戸惑います。 Why Cancel Buttons Should Never Have a Color by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 キャンセルボタンに色をつけてはいけない理由 ニュートラルボタンのためのニュートラルカラー キャンセルに適したラベルとは グレーを使う時は十分に暗くする キャンセルボタンはニュ
ファミコンコントローラーから人類はいつ解放されるのか
googleがすごいサービス出してきたー！っていうのはわかるんだけど、コントローラーが普通で萎えた。 コントローラーってそもそも全然直感的じゃないし、それなのに30年以上経っても未だに十字キーとABボタンが残り続けてるのはなんでなの？ アナログスティックはわかる。左右に配置して、力の入れ具合で操作できることは直感的に理解できる。LRのトリガーも役割的に理解できる。 なのにそれ以外と来たら、いたずらにボタンは増えていくばかりで、結局はゲームというのはコントローラーの扱い方がうまくなる必要性から抜けきれてないということになる。 マウスとキーボードでゲームすることだって、そのための訓練がなければゲームをプレイする入り口にすら立てない。 ボタンを排除したスマートフォンですらバーチャルパッドを配置し直す始末。 ゲームはいつになったらファミコンコントローラーから人類を解放してくれるんだろう。 強いて言
「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた｜Tsutomu Sogitani
大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像コンテンツを観ることができるという、まさにTSUTAYAキラーなサービスです。 うちのおかんは月に2～3回は映画館に行くほどの映画好きなので、プライムビデオのメインターゲットといえるでしょう。本来ならプライムビデオで映画三昧の毎日を送っていてもいいはずです。 しかしながら、Fire Stick TVを挿しているにもかかわらず、プライムビデオを一度も使っていませんでした。初期設定をした私の弟が一通り使
Android 10 Qからは「戻るボタン」も削除されてジェスチャー操作に統一される
2018年に提供されたAndroid 9 Pieではホームボタンとマルチタスクボタンが消滅し、画面をスワイプすることで操作するジェスチャー操作が採用されていました。海外メディアのXDA Developersは、Androidの次期バージョンとなるAndroid 10 Qでは「戻るボタン」も排除され、ボタン操作ではなくジェスチャー操作へ完全に移行することを明らかにしました。 `Google May Kill Android's Back Button for Android Q's New Gestures https://www.xda-developers.com/android-q-gestures-back-button/ XDA Developersによると、Android 9 Pieでは唯一残されていた「戻るボタン」がAndroid 10 Qでは排除され、完全にジェスチャー操作に
Windowsが時代に逆行する｢ライトテーマ｣を実装
目が、目がぁ〜！ TwitterやYouTube、それに新macOS｢Mojave（モハべ）｣にも実装されたダークテーマ（またはダークモード）。画面全体の輝度を下げ、バッテリー持ちが良くなるし（有機ELの場合）、眩しい画面から目をいたわる有り難い機能なんですよね。 私も画面が眩しいのが苦手で、モニターの輝度を出来る限り下げ、Gmailだって黒いテーマに変更してブルーライトカット眼鏡をかけながら仕事をしている程。同様に多くの方々も、眩しい画面が苦手で試行錯誤されているかと思うのですが……。 なんとMicrosoft（マイクロソフト）は今、Windows 10の次回の更新で｢ライトテーマ｣搭載を計画しているんですって!! いつから？ The Vergeいわく、4月に配信されるWindows 10の大規模アップデート｢19H1｣にこのテーマが搭載され、デフォルトの壁紙もライトテーマにマッチするよ
むずかしすぎる！五輪大会ボランティア応募フォーム(神田敏晶) - 個人 - Yahoo!ニュース
KNNポール神田です。 いよいよ、東京五輪の大会ボランティア募集が開始となった。 『ブラックボランティア』などとネットでいくら言われようとも、ボランティアする側が納得していれば、それはブラックなボランティアではないと思う。母国の五輪のボランティアで得られる経験は、人生のうち、何度もあるものではないからだ。 ボクが1963年の東京五輪の聖火リレーを見たのは神戸市の兵庫区だった。たった２歳であったが、あの雨の日の聖火リレーは、しっかりと脳裏に焼き付いている。だからこそ、ボランティアでも五輪に参加したいと考えている。 1963年10月神戸市兵庫区上沢通3丁目 出典:神田友治撮影11万人のボランティアが必要とされている大会ボランティアが８万人（組織委員会）、そして、都市ボランティアが３万人（東京都）の募集が昨日（2018/09/26）より開始となった。それぞれの申し込みページが公開された。 大会ボ
ヤメてー！ YouTubeの｢登録チャンネル｣ページが動画を時系列で表示しなくなるかも
ヤメてー！ YouTubeの｢登録チャンネル｣ページが動画を時系列で表示しなくなるかも2018.05.26 09:0011,587 岡本玄介 ユーザーは今までと同じが良いんですってば！ 時としてこれまで慣れ親しんできたソフトウェアやサービスなどが、“アップデート”と称して使いにくくなったこと…皆さんにもご経験ありますよね。 YouTubeもひょっとすると、今後そんな更新で不便になるかもしれないんです。 それが、｢登録チャンネル｣ページが動画を時系列で表示しなくなるかもしれない、というもの。そんなの誰も望んでいるわけでもないのに、今すでにテスト段階に入っているそうな。 そこで、いつの間にか変更された、自分の｢登録チャンネル｣ページを見て疑問に思った男性が、Twitter越しにYouTubeへ質問してみました。 Just to clarify. We are currently experim
最近のIT化は間違っている気がする。
最近のシステム化はとても間違っていると感じる。 なぜ？人にとって便利なものになるはずの「システム」という分野でこんなことが起こっているのか？ いちエンジニアとして本当にかなしい気持ちになったのと同時に 責任の一端をほんの少しだけ感じている。。。 スーパーのレジが会計のみ自動会計機になっているのを最近よく見かける。 完全に顧客目線のシステムではないよね？店員はバーコードを通して、 何番でーす。というだけ。非常にスピーディにはなっている。確かに。 でも楽になったのはスーパーの店員でその分のしわ寄せが「エンドユーザー」にいってる。 支払いという行為をエンドユーザーだけで行うため、面倒くささをエンドユーザーは感じるのだ。 お年寄りなんかはこんなのとても負担に感じるし、逆に売り上げ落ちるんじゃないか？ と思っている。 システムは常に「エンドユーザー」のことを考えて作られるべきだ。 このエンドユーザー
もう縦スクロールって疲れません？進化する私たちの指と視野｜ワカモノのトリセツ
こんにちは！現役女子大生二人組による若者の今を伝えるメディア「ワカモノのトリセツ」です。 春休み満喫中の私たちは、自然と携帯を見る時間が増えました。 そんな時に、 「あれ？最近縦スクロールするのがもう嫌になってきたぞ？！」と思うようになったことに気づいたのをきっかけに、今回は縦スクロールについて私たちの最近の価値観をお話しします。 ■ 縦スクロールで満足できていた時代縦スクロールコンテンツで代表的なものはこちら。 ・Instagramのフィード投稿 ・コスメやファッション、旅行系のキュレーションメディア ・Twitterのタイムライン ・クックパッド ・Safari、Chromeなどのウェブブラウザたち 昨年の夏頃までは、まだ縦スクロールへのストレスが薄かった気がします。20件、30件とインスタのフィード投稿を見るのが全く辛いと感じませんでした。コスメやファッション、旅行系のキュレーション
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
誤タップのせいでツイッターに5000円払って「でっかいうんち出た！」という広告を流す人が登場「流石に草」「しんどい」
つま @Wifecome 「今日でっかいうんち出た！」みたいなツイートを広告ツイートとして知らん人のタイムラインに表示させたい気持ちは確かにある 2018-02-15 21:00:46
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「丁目、番地が全角しか入力できない」「何の入力チェックでエラーが出ているのかわからない」みんながネットでイラつく#クソ入力フォーム選手権 開催中
