轍 @wadachi8891 網膜に空いた穴をレーザーで塞ぐために瞳孔をガン開きにする目薬してもらったんだけど、術後6時間はとにかく焦点が合わないから「今だ！」って思ってデザインがダサいと噂の新紙幣と現行の紙幣の画像を見てみた。 2021-09-04 22:33:48 轍 @wadachi8891 もう全然違う！！現行紙幣では数字が小さい上に色も背景に馴染んでて、10000なのか1000なのか分からない。漢字に至っては潰れて見えるし、色もぼんやりだからわかりづらい。新紙幣は数字の部分・漢数字・人物がはっきりと見えて容易に判別が可能だった。数字が大きいこと、特に0が大きいのは本当に良い 2021-09-04 22:39:10 轍 @wadachi8891 瞳孔ガン開きで手元15〜30センチの文字や顔の判別がブレッブレの状態で、数字が判別できるのすごい。というか数字部分だけ焦点あってるんじゃな
Zホールディングス株式会社
Zホールディングス株式会社
トイレ内のベビーチェアと開閉ボタンの位置について「3秒で良いから検討してほしい」に賛同の声が集まる「ダチョウ倶楽部になる」
おたま@男子二児の母 @otamashiratama 誰にお願いしたら良いのか分からないのでここで言いますが… トイレ個室内にベビーチェアを設置いただく場合は「子どもの手の届く範囲」について3秒で良いからご検討願います😂 pic.twitter.com/zCz44ebAog 2021-01-16 14:42:30
<button></button>は最も使用されている要素の一つです。フォームの送信、モーダルを開く時、データを表示する時など、インタラクションのトリガーとして使用されています。button要素の詳細とすべてのブラウザで機能するようにスタイルを完璧に定義する方法について紹介します。 さらに、よく使用されるボタンのスタイル方法をはじめ、ボタンの実装時にある落とし穴の解決方法についても明らかにします。 Styling The Good Ol' Button Element by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 button要素のデフォルトのスタイル button要素の基本的なデザイン アイコン付きのボタン 複数行のボタン アンカーリンクとしてのa要素とbutton要素 アウトラインボタンの
![[CSS] button要素のスタイルシート、最新テクニックを徹底解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/e9ba8b37585d86205a71d0de6b3c024cd8265254/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202001%2F2020031410.png)
🍀いちは🍀 @BookloverMD 高齢者の施設や家に訪問診療に行くと、暑い部屋でエアコンつけずに過ごしている人がチラホラいる。 本人は「寒がりだから」「クーラー嫌い」と言うが、試しにリモコンを操作させると、 ！エアコンのつけかたが分からない！ ことがある。 これは盲点だった。 本人の言い訳を信じず、要チェック！！ 2020-08-12 13:10:57 🍀いちは🍀 @BookloverMD 「夏でも厚着」な高齢者もよく見かける。 やはり同じように「寒がり」「クーラーが」と言う。クーラー苦手な人がいるのは確かだが、いくらなんでも着込みすぎな人も少なくない。 脱がせてみると抵抗はないし、その後に「寒い」と着なおすこともない。 彼らは「服の選択」が苦手なのかもしれない。 twitter.com/BookloverMD/st… 2020-08-13 06:57:19
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. 素早いアクセスは、ナビゲー
耳に障害のある友人が、Netflixに入った途端アニメを貪るように観るようになった理由に納得「各配信サービスが前向きに取り組むといいな」
さめぱ @samepacola 耳に障害のある友人がそれまで一切アニメ見なかったのに、Netflixに入るなり貪るようにいろいろ見るようになったのをみてつくづく字幕はデフォで入れるべきと思いましたね（ネトフリは独自で日本語字幕を付けてる）。もう円盤の時代でもないので、各配信サービスが前向きに取り組んでくれると良いな。 2019-12-19 01:42:21 さめぱ @samepacola ネトフリで最近アニメ見まくってると言われ、dアニメとアマプラも入っておくとだいたいカバーできて攻守最強になるよとテンプレ回答したら、いや他サービスは字幕が無いからと。ちょっと、しまった……となりましたね。 2019-12-19 01:46:27
世の中の謎設計、謎行動
クソどうでもいいことなんだけど、人に話すとウザがられるので便所に落書きする。 なんか意外とブックマークされたので、書き足りなかった思いを追記する。 横断歩道のデザイン歩行者からみて横縞模様。 そこを歩いて良いというサインなら、歩行者からみて縦縞にして欲しかった。 追記 横断歩道が近くにある菱形のやつ、あれから横断歩道が連想できない。 どうみても武田の埋蔵金でも埋まってんのか？ってしか思えない。 正解が○で不正解が×特に○のほうが謎。 ゼロみたいに見える。 正解が1で不正解が0かな？って思ってしまうじゃん。 正解の正の字も、TRUEのTも、○より×に似てない？ 追記 ご丁寧に○は赤、×は青とかにしてくれる人いない？ 赤は赤信号、青は青信号を連想しちゃうから、余計に混乱する。 車のアクセルとブレーキ右足で踏み分けろとか、そりゃ間違うと思うよ。 普通に考えたら、片方が足、もう一方が手じゃないか？
牛乳のパッケージ、おしゃれにするのもいいけど本当はこうしてほしい、という意見に同意の声多数。でも「そうすると売れない」との声も
稲垣理一郎(リーチロー)💵🪨🏈 @reach_ina 便利だし欲しいけど、じゃあ店頭でこんな無機質なのをみんなが買うかって言われると…笑 一番重要な情報なので、もう少しだけ見やすくしてくれるとありがたいですね！ 2020-06-07 21:08:39
『ストリートファイター6』盲目のプレイヤーが現行最高ランク「マスター」に到達。困難を乗り越え辿りついた高み - AUTOMATON
『ストリートファイター6』において、あるプレイヤーが日本時間9月26日、エドモンド本田を操作し、本作における最高位のランクである「マスター」に到達した。そのプレイヤーはなんと全盲のゲーマーであった。 『ストリートファイター6』は、カプコンより発売されている対戦格闘ゲーム『ストリートファイター』シリーズの最新作だ。本作は、コマンドを入力して操作する従来のモードであるクラシックタイプに加え、簡易的な入力で必殺技を使用できるモダンタイプというモードを採用している。そしてほかにも『ストリートファイター6』には「サウンドアクセシビリティ」という機能が実装されている。 ゲームをプレイするには基本的に画面の情報が欠かせない。しかし視覚に障がいを持つ人は画面からの情報を得ることができない。そういった人も同じようにゲームをプレイできるような機能が本作の「サウンドアクセシビリティ」となる。相手との距離に応じて
Web アプリケーションエンジニアのためのウェブアクセシビリティの基礎 2023.02.18 ウェブアプリケーションエンジニアを対象に、アクセシビリティの対応について解説した記事。アクセシビリティを向上させるためには、正しいHTMLの書き方が必要である。HTML要素には、アクセシビリティに関する機能が元々備わっているため、適切なHTMLを選択し使用することが大切だ。複雑なUIの場合はWAI-ARIAを使用し、ARIA Authoring Practices Guideに基づき適切に実装する必要がある。UIライブラリ選びの際には、WAI-ARIAに従った実装を行っているかが基準の1つとなる。 この記事は、ウェブアプリケーションエンジニアとして仕事をされているほうを対象に書かれています。日々のウェブフロントエンドの開発の中で意識しておきたい基礎的な内容をメインに記載しています。 そのため、ここ
「もうWN03と書く日々は終わったのだ…」サイゼリヤから注文用紙が消えQRコードになっていてたがUIが直感的かつ誘導もスムーズだった
kaoruww @kaoruww サイゼリヤの新オーダーシステムの話｜井登友一 note.com/corobutika/n/n… 画面遷移の様子。自分は卓上の説明をほぼ読まずに入力したが迷うポイントはなかった。最後まで読まなかったから、会計時にテーブルの紙の伝票をそのままレジに持っていき支払ったので会計ボタン押さなかったな。問題なかった。 2023-11-23 12:18:20 リンク note（ノート） [UX小話]サイゼリヤの新オーダーシステムの話｜井登友一（YuichiInobori) あたしは自他ともに認めるサイゼリヤエンスージアストなんですが、昨夕、出先でWiFiが使いたくなって近くにあったサイゼリヤに立ち寄った際、なんとオーダーシステムが顧客自身のスマホを使ったセルフオーダーシステムに変わっていました。 （店員さんにお聞きしたところ、現時点では全国で数店舗だけの試験導入段階との
わたしはページ内検索を普通に使いたい
以前にも少し書いたのですが、ウェブブラウザーで使えるページ内検索による体験が阻害されるのが本当にストレスで、その例を残しておこうと思います。 採用側の気持ちも分かりますので、どうなると皆が幸せになるのか分からないという種類のものなので困ったところです。 省略されたテキストoverflow: hiddenとtext-overflow: ellipsisまたは-webkit-line-clampによってテキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらいです。 特に、グリッドで区切られたアイテムが複数列・複数行で並んでいる際に顕著です。 以前の記事のとおり、わたしはYouTubeでよく遭遇します。 下記のデモは、1000個のアイテムを並べたものです。 このうち、「Red Rose」というワードは12個のアイテムに含まれています。 デモを開いて「Red Rose」で
かもさん。その2。 @kamo_uma2 こないだ盛大に転んだ床がこちら。 1枚目 : エレベーター乗る前の視界。 2枚目 : 降りた時の視界。 なんだこのトラップ！笑 作った人何考えてんやー！！！ pic.twitter.com/jXIdhqN62D 2020-10-17 18:45:53
スマホが使えなくなった……「世界一受けたい授業」が紹介した「SIMカードロック」でトラブル相次ぐ 専門家は「危険性の高い機能」と指摘【日テレのコメントを追記】
「テレビを見てSIMカードにロックをかけようとしたら、スマホが使えなくなった」──6月27日、ネット上でこんなトラブルの報告が相次いだ。同日に放送された日本テレビの番組「世界一受けたい授業」の内容が原因だという。 同日の番組内容は、「あなたのスマホがとにかく危ない！個人情報の特定屋とは!?」というもの。元埼玉県警捜査一課警部補で現在「刑事コメンテーター」として活動している佐々木成三さんが、デジタル犯罪から身を守るためのスマートフォンの設定を指南した。
クイックサマリー：「テストピラミッド」は、自動テストをUI、サービス、ユニット単位に整理することで、開発に自動テストを組み込む方法を示すために作成されました。2012年に定義されて以降、このモデルは次第に使われなくなってきたように思いますが、本当に廃れてしまったのでしょうか。この記事では、最新のテスト戦略を紹介するとともに、今日のソフトウェア開発におけるテストピラミッドの関連性を検討します。 筆者の同僚であるジャン・フィリップ・ピエトルチェクが、かつてコードを書く開発者の責任について、次のように述べました。 none「我々の仕事の成果を最終的に使用する人々は、（中略）我々がただ最善を尽くすだけでなく、実際に機能するものを作ることを期待しているのです。」 — ジャン・フィリップ・ピエトルチェク 彼の言葉は、私たちが書くコードをそれに依存する人々の観点からとらえている点で非常に印象に残りました
佐藤仙務（さとう・ひさむ）１９９１年愛知県生まれ。ウェブ制作会社「仙拓」社長。生まれつき難病の脊髄性筋萎縮症で体の自由が利かない。特別支援学校高等部を卒業した後、１９歳で仙拓を設立。講演や執筆などにも注力。著書に「寝たきりだけど社長やってます ―十九歳で社長になった重度障がい者の物語―」（彩図社）など。ユーチューブチャンネル「ひさむちゃん寝る」では動画配信も手がける。 ","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920
2022年、もっとも注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 2022年に公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2022 by Marc Andrew 興味がある方は、過去分もどうぞ。 2021年、最も注目されたUIデザインのテクニックのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ダークにデザインする時はホワイトも和らげる 2. フォームのエラーは色だけに頼らない 3. ユーザーが選択したアイテムを目立たせる 4. 細いフォントは暗いカラーにする 5. 次のステップの情報を提供する 6. 最も重要な
CSSのメディアクエリには頼らず、コンテンツベースで実装するレイアウトの最近の方法 -Relearn CSS layout
CSSのレイアウトは最近ではFlexboxが主流となり、それまでの考え方や実装方法とは大きく異なります。@mediaのブレイクポイントやハックを使用せず、CSSの性能を活かした、コンテキストに依存しないコンテンツベースで実装するコンポーネントのレイアウト方法を学べるRelearn CSS layoutを紹介します。 すべてのデバイスに対してフレキシブルなレイアウトが可能で、一貫性のある簡潔なコードで実装できます。 Relearn CSS layout Relearn CSS layoutは、インクルーシブ HTML＋CSS＆JavaScript（紹介記事）、コーディングWebアクセシビリティ（紹介記事）などの著者Heydon Pickering氏（@heydonworks）とAndy Bell氏（@andybelldesign）のプロジェクトです。
見えない人はWebをどう閲覧？ 本紙サイトの課題にがくぜん、求められる「不十分と認める勇気」【動画も】：東京新聞 TOKYO Web
見えない人はWebをどう閲覧？ 本紙サイトの課題にがくぜん、求められる「不十分と認める勇気」【動画も】
舞台挨拶で、近くの席の方が鞄の中で何かを操作する仕草…『その機械は録音機器ですか？』と聞いた「少しでも多くの人に届きますように」
リンク 兵庫医科大学病院 高度・重度難聴（人工内耳埋め込み術） | みんなの医療ガイド | 兵庫医科大学病院 兵庫医科大学病院は、1972年に兵庫医科大学医学部の附属病院として兵庫県西宮市に開設し、高度で先進的な医療を提供すべく、優れた医療人の育成や医学研究の推進に取り組んでいます。 1 user リンク www.nihonkohden.co.jp 人工内耳について：より良い聞こえを得るために：日本光電 医療機器メーカー 日本光電の、よりよい聞こえを得るためにのコーナーです。難聴と人工内耳のしくみ、人工内耳を検討されている方や装用者の方向けの情報を掲載しています。 46
速度表示のデザインにウサギとカメのイラストを添えたら管理職から「海外で理解されないのでは」と質問されたがISOにも設定されているマークである
RFIR @RFIR0706 速度表示には綺麗にデザインした🐇🐢のイラストを添えている。こちらは賛否両論、とある管理職は「海外で理解されないのでは?」と。それは逆で欧米機械、🐇🐢表示多くISOにも設定有。国内でも、その流れを受けた建機/納期/船舶に🐇🐢多用 ともあれ国人種問わず分かりやすい方向へと考えて pic.twitter.com/5kpBfQXlSe 2023-05-03 11:11:25
全てのメンバーにアクセシビリティー研修を実施しはじめました + 研修資料を公開します - freee Developers Hub
こんにちは、 freeeでデザインシステムを作っていたりアクセシビリティーのいろいろをやっていたりする id:ymrl です。 freeeではfreeeアクセシビリティー・ガイドラインを策定して、誰でも使えるアクセシブルな製品開発ができるよう取り組んでいます。これまでも、開発者（エンジニア、プロダクトマネージャー、デザイナー）向けには実習を含むアクセシビリティー研修を行ってきました。 そしてこのたび10月から 対象を全新入社員向けに拡大 してアクセシビリティー研修を行うようになり、あわせて開発者向けの研修も内容を整理したので、今回はその紹介をします。 なぜ全員に研修をするのか これまでのアクセシビリティーの取り組みは、プロダクト開発を中心に進めてきました。「だれもが自由に経営できる統合型経営プラットフォーム」をビジョンに掲げている以上、まずは提供しているSaaSが誰でも使えるものになってい
画面によってボタンの意味を変えるUIを作るやつは何をやらせてもダメ。(温度を上げようと思って+を押したら次の画面では-だった。何を言っているのかわからねーと思うが以下略)
フ兄さん@技術士の勉強開始 @fcneet 画面によってボタンの意味を変えるUIを作るやつは何をやらせてもダメ。 (温度を上げようと思って+を押したら次の画面では-だった。何を言っているのかわからねーと思うが以下略) pic.twitter.com/K4NwCf4KK7 2023-11-14 09:39:02
白栁隆司@エンジニアカウンセラー @ShirayanagiRyuj @assialiholic すみません。 何故悪いフォームなのかが理解できないのです。 普通のフォームだな、と思ってしまいます。 お手数ですが、解説をお願いできますでしょうか？ 2020-09-11 10:46:09 歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic @ShirayanagiRyuj 主に ・カードのブランドは選択させる必要がない（カード番号から判別できるため） ・カード番号入力欄が4つに分かれている（おまけに4桁入力したら勝手に次に遷移するので、修正が面倒です。入力欄は1つでOK） ・有効期限に独自の並び、形式を使用している（ここでめっちゃハマりました） です！ 2020-09-11 10:50:52 白栁隆司@エンジニアカウンセラー @Shirayanagi
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
フロントエンドエンジニアの嶌田です。今回が LIFULL Creators Blog への初めての投稿です。 「サービス共通ヘッダ・フッタ」は、ただのヘッダ・フッタではありません。ソースコードはいくつものサイトやサービスで使いまわされます。組込み先が持っている CSS によっては表示が崩れてしまうかもしれません。ブレークポイントやコンテンツの幅がそろわないかもしれません。サービス共通で使えるヘッダ・フッタには相応の強さや柔軟さが求められます。 この記事では、LIFULL HOME'S のサービス共通のレスポンシブ版ヘッダ・フッタを実装するために動員した「強く・堅牢に実装するためのノウハウ」を紹介します。 どこにでも組み込めるように実装する 重複しないクラス名ルールを設定する 詳細度や継承とうまく付き合う プレーンな技術を使う ブレークポイントや z-index 等をカスタマイズ可能にする
書籍「ザ・パターン・シーカー 自閉症がいかに人類の発明を促したか」、ものの認知に関する視点が目鱗でお勧めです - 勝間和代が徹底的にマニアックな話をアップするブログ
先日、こちらの本を読みました。もともと、サイモン・バロン・コーエン氏の著書は共感脳とシステム化脳や、マインド・ブラインドネスの本などが好きて翻訳されているものはすべて読んでいました。 ザ・パターン・シーカー: 自閉症がいかに人類の発明を促したか 作者:Baron-Cohen, Simon 化学同人 Amazon そして、新著が出たのでさっそく読んでみたのですが、やはりおもしろい！！ 要は、人間（ホモ・サピエンス）だけが、単純な経験則に基づく反復学習だけではなく、 if A and B then のような感じで、まだ見ぬ未来についてもこれまでの経験や仮説や条件節を使って、パターンを理解し、文字や言葉の活用はもちろんのこと、さらに新しい技術や文化開発を可能にしたのではないか、という仮説です。 特に、4-10万年前前後に起こっているホモ・サピエンスの認知能力の急激な拡大について、言語の発達がきっ
リンク nagano.art.museum トップページ | 長野県立美術館 善光寺東隣にある長野県立の美術館。旧長野県信濃美術館から全面改築し、2021年春に信州の自然と調和した景観を創り出す「ランドスケープ・ミュージアム」をコンセプトに「長野県立美術館」として生まれ変わりました。「東山魁夷館」を併設しています。 18 users 338
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
厚生労働省は9月8日、新型コロナウイルス感染症の接触確認アプリ「COCOA」（iOS／Android）を高齢者や障害者にも使いやすいようにする方針を発表した。2022年3月までに、「見出しやラベルを付ける」「音声解説を提供する」など38項目を満たすことを目指す。 対応を目指すのは、Webコンテンツの配慮設計（Webアクセシビリティー）について定めたJIS規格「JIS X 8341-3:2016」。全部で61項目の達成基準がある。 「タイトルを付ける」「情報を意味ある順序にする」など25項目の基準を達成するとレベルA、「見出しやラベルを付ける」「音声解説を提供する」など13項目を満たすとレベルAA、「手話の用意」など23項目満たせばレベルAAAになる。総務省は公的機関のサイトなどでレベルAAへの対応を推奨しており、COCOAでもレベルAAを目指すとしている。 関連記事 Webアクセシビリティ
まだまだクルマは男性目線で作られている！ 運転女子の「密かに苦労している」こと8つ（WEB CARTOP） - Yahoo!ニュース
ちょっとしたことなら我慢できても、運転に必須なステアリングやらペダルやらのサイズは死活問題。簡単に改善できないし、これらによって、欲しいクルマを諦めざる得ないという悲しい問題も。 世の中には男と女しかいないのだから、そろそろお互いのことをもっと理解しあってもいいと思うのですが、なかなかその溝が埋まらない時って、ありますよね。とくにクルマに乗っている時に、女性が「もうちょっとこうだったらいいのに」なんてことを言ったが最後、男性が「なんでそんなことで文句言うんだ？」なんて呆れられたり、「お前が運転ヘタなだけだろ」なんてブチ切れられたり。女性からすると納得のいかないことも多いものなんです。今回はそんな、男性にはわかってもらえない、女子ドライバーが苦労しているものや欲しい機能などを思いっきり叫ばせていただきたいと思います。 【写真】テスラの先進的な縦型モニター！ 1）ハンドル 1つ目は、「ハンドル
IT業界には「奥が深い症候群」って言葉があってな 使いにくいシステムを使いこなすことに喜びを感じて、使いこなせない人間を見ると罵倒する そういう人が幅を利かせていつまでも改善がされない そんな症状だ 元ネタ: [B! バッドノウハウ] バッドノウハウと「奥が深い症候群」
クリックできるボタンを実装するとき、HTMLの何をよく使用しますか？ buttonタグ、もしくはdivタグ？ divを使用してはいけない理由、buttonを使用するときの注意点、場合によってはaがよい理由を紹介します。 Everything you didn’t know you need to know about buttons by Steve Sewell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ボタンの実装にdivを使用したときの問題点 ボタンをbuttonで実装する buttonのスタイルに関する問題点 buttonのスタイルを正しく設定する方法 フォーム内のbuttonの動作を修正する 他のページへのリンクに使用する場合はaタグで ボタンの実装をコンポーネントにする 終わりに はじめに クリックで
筒田@台湾FF第二天P19 @kinosaki_jack このピクトグラムをエレベーターの看板に採用した者に呪いあれ！そのデザインに災いあれ！ （トイレと間違えて決壊しかけた） pic.twitter.com/ZQVhLqzHf9 2020-05-22 21:31:45
こんにちは、デザイナーの小蕎です。UX DAYS TOKYOの読書会で学んだ”心理学や脳科学”の内容を取り入れた「脳科学で習慣化を促すアプリ（以下、習慣化アプリ）」を作ってみようということになりました。 アプリの画面設計をして、オーガナイザーである大本さんからUIを指摘されることで多くのナレッジを得られました。知識として頭にいれるだけでは身につかない、実際に作ってみたことで学べた事例をご紹介します。 CTAはメインカラーと異なるものを利用する 色を決定していく時に、ヘッダーや行動を誘導するボタン（CTA）もメインカラーにあわせた色にしていました。 それが左の画像です。ヘッダーと「次へ」ボタンが同じ色になっていて一見まとまりがあるように見えますが、馴染みすぎてしまいCTAであることや強調したい部分がユーザーに伝わりません。 メインカラーとボタンを同じにしてしまうと画面に馴染みすぎてユーザーの
7payは7月30日午後に、全利用者のパスワードをリセットすると発表した。報道によると「（7iDを使う7payの不正利用問題で）パスワードリスト攻撃を受けた可能性が高く、リスクを極小化するため」（広報）と説明しているという。筆者はIdPを運用している立場でしばしば攻撃に直面して数百万人単位のパスワードのリセットを決断した経験があるが、これは奇妙なことだ。 一般にパスワードリスト攻撃を受けている場合では、全利用者のパスワードリセットを行う必要はない。リスト型攻撃が成功した利用者に限ってリセットを行うのが一般的な運用だ。 パスワードをリセットすると多くの利用者が離脱する上に、サポート窓口の負荷が上がるため、数十万人のパスワードをリセットする場合も、時間をかけて反応を見ながら徐々に行う運用が一般的だ。 全利用者のパスワードをリセットする必要があるのは、例えばバグや脆弱性の性質から被害者を特定でき
ご無沙汰です。ただいま、わらじを三足くらい履いておりまして、なかなかこのブログを更新できませんでした。こっそり色々調べてはいたんですが。 で、今日は久しぶりにこんな話題。 メディア批評の先駆者、カナダのマーシャル・マクルーハン（1911～1980年）は紙のほうが間違いに気づきやすい理由について、「反射光」と「透過光」の性質の違いを指摘した。前者は本を読むとき、いったん紙に反射してから目に入る光。一方、後者はパソコンやテレビの画面を見る際、直接目に入る光を指す。 紙に印刷して読むとき、すなわち反射光で文字を読む際には、人間の脳は「分析モード」に切り替わる。目に入る情報を一つひとつ集中してチェックできるため、間違いを発見しやすくなるのだ。 これに対し、画面から発せられる透過光を見る際、脳は「パターン認識モード」になる。送られてくる映像情報などをそのまま受け止めるため、脳は細かい部分を多少無視し
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
治療で”瞳孔を開く目薬”を打ったあと新・旧紙幣を見比べてみたら…ユニバーサルデザインの効果がよくわかる報告に注目
[CSS] button要素のスタイルシート、最新テクニックを徹底解説
「つけ方が分からない」エアコンを付けない高齢者の方、思わぬ盲点で躓いている可能性があるのでやんわり教えてあげようという話
Web アプリケーションエンジニアのためのウェブアクセシビリティの基礎
エレベーター降りたらこんな視界だったんだが、ここ…段差なんだぜ…「これはダメなやつ」「どうにかした方がいいと思う」
テストピラミッド万歳 | POSTD
障がい者の僕が「あつまれ どうぶつの森」で伝えたい事：朝日新聞デジタル
［印刷...］メニューの「...」は、別にエリカさまを気取っているわけではない！／ちゃんと意味があるのだが……【やじうまの杜】
「よくあるクソフォームだ！」このクレジットカード入力フォーム、どこが悪いのかわかりますか？
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ
清く正しく「サービス共通ヘッダ・フッタ」を実装する - LIFULL Creators Blog
『スケスケ消火栓』国内に設置されている機能性の高いデザイン例→初めて中身見た人から驚きも「管理面でもいい」
「生活保護の辞退届と知らず押印」視覚障害者が市と対立：朝日新聞デジタル
接触確認アプリ「COCOA」、高齢者・障害者にも使いやすく 22年3月までの達成目指す
IT業界には「奥が深い症候群」って言葉があってな 使いにくいシステムを使..
[スタパ齋藤のApple野郎] 百聞は一見にしかず、「ステアーマウス」が凄かった！！！
![[スタパ齋藤のApple野郎] 百聞は一見にしかず、「ステアーマウス」が凄かった！！！](https://cdn-ak-scissors.b.st-hatena.com/image/square/0927043ce4b173dafc3513ab78202f79cdb90804/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F1388%2F511%2Fstpapl2022-02-16thumbnail.jpg)
divはボタンではない、ボタンの実装について知っておくべきすべてのこと
【デザインの敗北？】「これを看板に採用した者に呪いあれ！」エレベーターのピクトグラムが紛らわしくて人生終わりかけた
ユーザーが迷わない、直感的に操作できるUIの作り方 | UX TIMES
7Pay 謎の全利用者パスワードリセットを実施｜楠 正憲（デジタル庁統括官）
「紙」の方が誤りを見つけやすいのか、我らの時代のコピペ的フォークロア - ネットロアをめぐる冒険