やってほしくない緑とオレンジの使い方(カラーUDの話)｜ほうじ | 少数色覚デザイナー
少数色覚者にとって黄緑とオレンジは見分けづらい組み合わせの一つです。この記事のタイトル画像とかなかなか最悪です。 WEB、アプリや印刷物などのメディアではだいぶカラーユニバーサルデザインの考え方が浸透してきており、デザイナーも多様な色覚でも読み違えないように配慮してデザインすることが当たり前になってきていると思います。 Photoshopなどのグラフィックツールには簡単に少数色覚の見え方を確認できるプレビューモードがありますし、AdobeColorを使えば無料で少数色覚の人が混同しやすい色かどうかをすぐに確かめられます。https://color.adobe.com/ja/create/color-accessibility 少数色覚が見分けづらい色の組み合わせだと「-」が表示されるしかし、工業製品の世界では少数色覚にとって見分けづらい緑とオレンジの組み合わせのLEDインジケータ（表示）を
ICカード式コインロッカーで相次ぐ窃盗 施錠したと勘違いする訳は：朝日新聞デジタル
交通系ICカードが鍵となり、決済もできる仕組みのコインロッカーから荷物を盗んだとして、愛知県警は6日、名古屋市南区の無職田中豊容疑者（76）を窃盗の疑いで逮捕し、発表した。施錠が完了する前に「使用可」のランプが消えるため、閉めたと思い込んで被害に遭ったとみられ、同様の被害が相次いでいるという。 中村署によると、田中容疑者は昨年11月12日午後0時55分ごろ、JR名古屋駅構内のコインロッカーからリュックサック（計約9万1千円相当）を盗んだ疑いがある。観光で訪れた大阪市東成区の自営業男性（48）が預けたもので、携帯ゲーム機やタブレット端末などが入っていた。田中容疑者は「盗んだことは間違いないが、動機は言いたくない」と話しているという。 このタイプのロッカーは、荷物を入れて扉の横のレバーを下げると一時的に施錠され、「使用可」のランプも消える。さらに画面を操作して料金を支払うと施錠が完了する。被害
「入会はウェブ、解約は電話のみ」WSJ日本版サブスクに読者不満 規制進む「ダークパターン」
「ダークパターン」と呼ばれるサイト設計が欧米で問題となっている。利用者をだましたり、望まない行動を導いたりするUI（ユーザーインターフェース、顧客との接点）、UX（ユーザーエクスペリエンス、ユーザー体験）を指し、米連邦取引委員会（FTC）が企業に警告する事態になっている。 典型例は解約方法が煩雑なサブスクリプション（定額課金）サービスだ。米紙「ウォール・ストリート・ジャーナル」（WSJ）の日本版も当てはまるとして、利用者から改善を求める声が相次いでいる。 「ゴキブリ捕獲機」 ダークパターンは、UXの専門家である英のハリー・ブリグナル氏が提唱した。 ブリグナル氏は「ウェブサイトやアプリで使われているトリックのことで、何かを購入したり登録したりするなど、意図しない行動を取らせるもの」と自身のサイトで説明し、12に分類している（画像参照）。下記はその一例だ。 ・ゴキブリ捕獲機：ある状況（会員）に
「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質
機能とUIの進化はなぜ比例しない？ UI研究者に聞く、使いやすさの本質とUIのこれから 「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質 誰もが気軽に電子機器を持つようになった今、私たちの生活はデジタルの恩恵で確実に便利になっています。しかし、UIは“よりよさ”を求めた結果、期待した評価とは正反対の声が集まること少なくありません。 そこで今回は、慶應義塾大学環境情報学部の教授で、予測型テキスト入力システム「POBox」やiPhoneのフリック日本語入力システムの開発者であるUI研究者の増井俊之氏に、UIの本質についてお話をうかがいました。まずは増井氏がUIに関わることになったきっかけと、使いやすさの本質について。 UI研究に関わるようになった流れ ーー学生時代には電子工作やソフトウェアに興味をお持ちで、現在のUIにつながる研究は社会人
はてなスターのトップ率なんて意味ない
はてなスターは、ある程度気の利いたことが言えて、タイミングよくブックマークできれば、スターは簡単に集まる。 逆に言うと、時間を外しても、コメントがわかりにくい文体になっていると全然スターはつかない。 人気コメ常連であることが、更にスターが付きやすくなる条件にもなるが、それも最初の条件を守っていればクリアできる。 人気コメは人気コメになるだけの気づきを与えてくれることももちろん多いが、 ある程度以上の上位に食い込む方法はテクニックでしかない。 それよりも、人気コメになりにくい時間にブックマークをしている冷静な意見を書いている人をお気に入りに入れた方が、何倍も気づきを与えてくれる。 はてな社は、人気コメのアルゴリズムをいじるより、もっとお気に入り機能を使おうと思えるUXにするなりなんなりした方がいいと思う。 はてブは頭のおかしな人も多いが、昔は無駄に相手の人格だけを攻撃して喜んでいるような、下
SIE、「バナナをコントローラーにする技術」を特許申請。身近なものなら何でも入力デバイスにできる新テクノロジー - AUTOMATON
ソニー・インタラクティブエンタテインメント（SIE）が、「バナナをコントローラーにする技術」を特許申請したようだ。海外メディアのGamesIndustry.bizが伝えている。「ビデオゲーム用にユーザー入力を生成するシステムおよび方法（SYSTEM AND METHOD FOR GENERATING USER INPUTS FOR A VIDEO GAME）」との名称で特許が申請されている。 特許申請の中でSIEは、近年のビデオゲーム周辺機器の多様化を指摘。技術が複雑化しコストが高くなったために、ユーザーがゲームを遊ぶ上での障壁となっていることを問題提起した。その上で、「安価かつシンプルで、電子機器ではないデバイスを、ユーザーがビデオゲームの周辺機器として利用できれば望ましい」としている。 SIEが特許申請したのは、まさしく「電子機器ではないデバイス」をゲームのコントローラーにしてしまう技
pixivのUIを迅速にアップデートする UIUXチームのフロントエンドモダン化の歴史 - pixiv inside
こんにちは。pixiv事業本部のUIUXチームでプロダクトマネージャーを担当しているdo7beです。ピクシブにエンジニアとして入社して5年弱ほどで、1年前からプロダクトマネージャーとして活動しています。 今回は僕が所属しているUIUXチームの歴史とフロントエンド技術のモダン化についてご紹介していきたいと思います。 UIUXチームとは UIUXチームとは、その名の通りUIに関する問題解決・改修・新機能開発を行うチームです。その他にも海外ユーザーに向けたSEO・ローカライズやフロントエンドエンジニアの教育を行っています。 UIUXチームでは意図・目的に合ったUIを目指すためデザイナーとエンジニアが密にやりとりしています。これは学生アルバイトエンジニアも同様で、新規機能をリリースするなどの大きな成果を挙げています。 イラストを魅力的に紹介！ pixivでAMP Storiesを実装しました @s
【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ
最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo
「コマンドプロンプトは黒い画面に文字がたくさん出て怖い」→「チャット風」にしてみた LINEみたいで「分かりやすい」と話題に
黒い画面に“コマンド”を入力して操作を実行する「コマンドプロンプト」。慣れていないと少しとっつきにくいその画面を、LINEっぽくすることで親しみやすくした「チャット風コマンドプロンプト」を実際に作ってみた人が現れ話題になっています。 プログラマーでITエンジニアのkenji（@kenjinote）さんが開発し、GitHubでソースコードなどを公開しています。 チャットでメッセージのやり取りをしているような見た目で、こちらがコマンド（命令文）を入力すると、返信のような形で内容が表示・出力されます。入出力がはっきり分かれていて見やすく、“相手側”がアイコン付きなのが、なんだかホッとします。なにより全体的にかわいらしい。 チャット風コマンドプロンプト（画像提供：@kenjinoteさん） 通常のWindowsのコマンドプロンプト このアイデアは、Web制作企業ビックリマークの代表取締役でエンジニ
PS5では「×ボタンで決定」が標準に ユーザー側での変更も不可能と判明
プレイステーション 5では「×ボタンで決定」が統一される――。PS5の体験レポート記事が各メディアで次々と解禁されるなか、「決定ボタン」についての地味に大きな変更が「○ボタンで決定」に慣れ親しんできたプレイヤーをざわつかせています。ねとらぼ編集部でもソニー・インタラクティブエンタテインメント（SIE）に問い合わせたところ、「“×で決定”は事実で、システム設定での変更もできない」と判明しました。 PS5からは欧米で主流の「×で決定」に、全世界で統一（画像は標準コントローラーの「DualSense」） 話題のきっかけは、AV Watchやファミ通.comなどに掲載されたPS5の実機プレイレポート記事。専用コントローラー「DualSense（デュアルセンス）」の使用感を説明する流れで、「日本のゲームも含め全ての設定で『×』が決定に変わる」と、SIE広報への取材をもとに述べられています。 これまで
Webアクセシビリティ難しすぎる問題
はじめに 私はデザイナー兼フロントエンドエンジニアというような立ち位置で、勤務するfreee株式会社のアクセシビリティガイドラインの作成に関わったり、アクセシビリティまわりの仕組みの整備や社内エバンジェリストみたいなことをしています。 もともと私はWebアクセシビリティという分野が、重要なものである以上に技術や考え方として面白いと思ってやっているうちに気付いたら仕事で大きなウェイトを占めるようになってしまったタイプの人です。しかし、そうではない人たちにその重要さを説明したり、対応をお願いしたり、そのための資料を作ったりしているうちに、「やっぱWebアクセシビリティって難しいんだなぁ」と思うようになってきたので、それについて書いてみようと思います。 なお、背景を説明するうえで必要なので社名を出しましたが、あくまでこの文章は個人の見解であり、所属組織とは関係がありません。 誰のためにやるのかが
「よくあるクソフォームだ！」このクレジットカード入力フォーム、どこが悪いのかわかりますか？
白栁隆司@エンジニアカウンセラー @ShirayanagiRyuj @assialiholic すみません。 何故悪いフォームなのかが理解できないのです。 普通のフォームだな、と思ってしまいます。 お手数ですが、解説をお願いできますでしょうか？ 歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic @ShirayanagiRyuj 主に ・カードのブランドは選択させる必要がない（カード番号から判別できるため） ・カード番号入力欄が4つに分かれている（おまけに4桁入力したら勝手に次に遷移するので、修正が面倒です。入力欄は1つでOK） ・有効期限に独自の並び、形式を使用している（ここでめっちゃハマりました） です！ 白栁隆司@エンジニアカウンセラー @ShirayanagiRyuj @assialiholic なるほど！ それは、幾つかの知識がないと「
マネーフォワード、サービスのリニューアルに失敗・わずか1日で無かったことに : 市況かぶ全力２階建
株探のミンカブ・ジ・インフォノイド、役員からライブドア買収を聞いちゃった知人がインサイダー取引をしていた件でお詫び
やめてほしいUIアニメーション
最近はクオリティの高いアプリも増え、UIの見せ方も工夫されて昔より質の高いアプリが増えましたが、低コストで開発していくとUIアニメーションは後回しにされがちですよね。 開発時間や人員の問題、UIアニメーションをやる人がいないから自分がやった人など、UIアニメーションの優先順位が低いため、手探りでやっている方も多いと思います。 今回の記事では今出ているアプリに対してあれはダメだ！と言いたいわけではなく、リリースされているアプリを触って、自分が作るときはここは気をつけようと思ったり、これはアニメーションいいなとか、実際体感して勉強していけるため、その経験が業界全体を徐々にクオリティアップしていくため、結果は惜しいアニメーションだとしても挑戦した結果でもあると思うため大事なことだと思っています。 前置きはここまでにして、今回はアニメーションの中で、あれ？と思ってしまう、そんな「これはやめてほしい
おーい増田のUIいじった人！
ツイッターみたいにボタンできて書きやすくなったよー！ トラバも吹き出しマークみたいになってて可愛い！全体的にもなんか可愛くなった！ 書く部分も大きくなったからわざわざ確認するボタン押して確認しなくても全体見やすくなっていい感じだよ！ あとスマホからの入力速度が上がって嬉しい！いちいちメモ帳に書いたのコピペしなくてよくなるかも！ 今回のサイレント修正個人的にめっちゃ良かったので、これからも頑張ってください！
ユーザーページをリニューアルしました - Qiita Blog
※こちらの機能について2020/03/25にリリースしたユーザーページについて、現在の状況を共有いたしますを公開いたしました。 早急に「読んだ記事」の取り扱いに関する社内協議を全力で進め、適切に対応していく所存でございます。 こんにちは、Qiita開発チームのgetty104 です。 最近サウナにはまっていて、疲れた時にはだいたいサウナで整いながら物思いにふけっています！ さて、今回はユーザーページがリニューアルされたことをご連絡します。 よりアイデンティティを発見、表現できるページへ今までのユーザーページはあまり自己表現には向いていなかったと思います。 今回のリニューアルでは、より「どんなエンジニアなのか」を自分自身で見ても気づきを得られ、他の人が見れば自分がどんなエンジニアなのかがわかるページを目指しました。 新しいユーザーページのUIは以下のようになっています。 また、新しいユーザー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ポスト"PCのUI"ってなにかあるの？
【Windows 11便利テク】 Windows 11のエクスプローラーの違和感を軽減する
iPhoneユーザーの人はキーボードの【空白】を長押ししてみて「革命が起きた」「ストレスが緩和される」
深津 貴之 / THE GUILD / note.com on Twitter: "すごい！そして、この定期販売システムのUI、変えた瞬間に現場大ブーイングで大炎上、永遠にリニューアルできない予感しかしない。 https://t.co/HfbsPFtHGX"
