Webのアクセシビリティの確認としてスクリーンリーダーを使った動作確認もしてもらうと 「リンクとかボタンしか読まれず、見出しや説明文がスキップされてしまいました」 という報告をされることが時々あります。 これは大抵、スクリーンリーダーを起動して、Tabキーだけを繰り返し押してしまっていることによって起こります。スクリーンリーダーの操作方法を伝えると、読み飛ばしたと思っていたところもちゃんと読みあげてくれたということがほとんです。 アクセシビリティをかなり意識したページであっても、Tabキーだけでスクリーンリーダーを操作しているかぎり、ページの隅々まで読めることはほとんどありません。スクリーンリーダーにはTabキーを押す以外にもいろいろな操作が存在して、それを憶える必要があるわけです。私はアクセシビリティチェックのやり方を説明するときには、必ずその操作方法のうち最低限のものを紹介しているつも

うそのカウントダウンタイマーや、在庫が少ない、需要が高いなどの表示。 画像では、カウントダウンタイマーや「今だけ」の表示で焦らせて「今買わなければ」という気持ちに追い込んでいます。 今回私たちは、企業の間ではダークパターンがどのように認識されていて、どのような対策を取っているのか、現状を把握するために独自にアンケート調査を行いました。 調査は、武蔵野美術大学の長谷川敦士教授の監修のもとで行い、ダークパターンが使用されることの多い6つのジャンル（ネットショッピング、旅行予約サービス、飲食店予約サービス、動画配信サービス、音楽配信サービス、電子コミック配信サービス）について、利用者の多い5つのサービス、あわせて30のサービスを対象にしました（利用者数については、ニールセンとICT総研の調査を元にしています）。このうち、16のサービスの運営企業から回答がありました（回答率は53％）。 回答した企

私は電車にほぼ乗ったことが無い。 正確に言うと、旅行先で親戚に手を引かれながら乗ったことはあるのだが、その後高熱を出したせいで何も覚えていない。 普段の移動で電車を使ったことは一度もない。 電車でもバスでも行ける場所なら、バスの方が時間がかかるとしても後者を選んできた。 地元付近の電車を肉眼で見たことすらない。 駅のことは「○○駅という名前の小さな、または大きな商業施設」と認識している。 あの場所のどこかで電車とやらが出入りしているイメージが全く湧いていない。 高校生くらいまで、「電車が遅延した」というのを「電車がチェーンした」だと勘違いしていた。 「チェーンが絡まったかのように動けないから遅れている」みたいなイメージから派生した言葉なのかと思っていた。 これが、まともに電車を利用したことがない人間の実態だ。 てっきり、電車に乗ったことが無いなんて普通のことだと思っていた。 おかしいとも思

三人称視点のゲームでは、エイム時にプレイヤーキャラの表示位置が横にズレることが多い。『The Last of Us Part II』などさまざまなゲームにおいて、このズレによって「弓」を射る際に生じる違和感や遊びにくさをなくすための工夫がほどこされているという。 三人称視点のゲームの弓にまつわる工夫が明かされるきっかけになったのは、開発者のWalaberことTimothy FitzRandolph氏の投稿だ。同氏はゼリー状の車が主役の2Dアクション『JellyCar』シリーズを手がける人物。同氏は7月16日、『ゼルダの伝説 ティアーズ オブ ザ キングダム』におけるカメラ視点について独自に分析し、ツイートにて紹介した。同氏いわく、『ゼルダの伝説 ティアーズ オブ ザ キングダム』では弓でエイムする際に特徴的なカメラ視点が採用されているそうだ。 Did a quick TOTK camera

こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「この悪い子猫ちゃんめ！」、通称「わるこね」における会話シーンのカメラ演出の事例をご紹介します。 このデザインにより、以下の特徴があるように感じました。 一人称視点のカメラが固定式から移動式に変化することで、新しい表現になっている（新奇性） 該当の画面はこちらです。 最初はよくある会話シーンだと思っていました。 画面中央にキャラクターが表示されて、演技する系の画面デザインですね。 ©2021 xeen Inc. 会話を続けていくとキャラクターがプレイヤーに近づきます。 これにより見ている画面はプレイヤー自身の視点であることが強く意識されます。 ©2021 xeen Inc. 更にキャラクターに手を引かれてカメラが

日々ゲームを楽しむにあたって、“没入感”を大切にしているプレイヤーは少なくないだろう。しかし、どっぷりとゲームの世界観に浸りたくとも、ちょっとしたことで興をそがれてしまうことがある。よくある例が、「暗転した画面に自分の顔が映り込んでしまう」というものだ。画面がツルツルして反射しやすい、携帯ゲーム機やスマートフォンで顕著に発生する事象である。虚構から突如として現実に引き戻されてしまい、人によっては大きなダメージを受けることだろう。 この「映り込み現象」に対して、女性向け恋愛シミュレーションゲーム、いわゆる乙女ゲーム業界では、興味深い対策がおこなわれていたようだ。ゲームプログラマーのまかべひろし氏はTwitterに「大昔、乙女ゲーとかではLoading画面とか真っ黒な画面を作るの禁止、って仕様が流行ったの思い出した」と投稿。その投稿を見たH/de. 氏はPSP向け乙女ゲーム『アルカナ・ファミリ

1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。（動画インタビュー） 前の記事：タイムズパーキングの看板、でっぱってるか？ でっぱってないか？ ＞ 個人サイト NEKOPLA Tumblr 逆ポーランド記法とは 世の中には、大きく分けて2種類の電卓がある。ほとんどの人が使っている普通の電卓（「中置記法の電卓」という）と、入力方法の異なる「逆ポーランド記法の電卓」だ。 これが逆ポーランド電卓（HP-16C）。どこにも“＝”キーがなく、反面デカデカと“ENTER”キーがあるのが特徴 電卓の紹介をする前に、まずは「逆ポーランド記法」ってなんだ？ という点について説明する必要がある。めんどうだけど、少しお付き合い下さい。 言語にはいろんな語順がある。日本語だと「主語

「GUIの雑談を無限にしたいなぁ」と思い、会を開催しました。 twipla.jp 上記のイベントページを立てて、Twitter上で募集をかけたところ、 この内容だけでピンと来てしまったガチ勢が9人も集まりました。 ドローツールやマインドマップ、作曲ツール等を自作するフルスクラッチマンたちです。 予約したルノアールの会議室は過密状態になってしまいました。 （もう少し広い部屋にしておけば…と後悔しました） （ルノアールです） #複雑GUI会 pic.twitter.com/XDGWs3EwZd— みやおか (@miyaoka) May 2, 2019 職人タイプの方が多かったので終始和やかな雰囲気でしたが、 やはり実装に深入りしていくことが多く、あまりの情報密度に 私も話についていくのが大変だったと自白しておきます。 あと、なぜか開催前に「バウンディングボックス大会」が行われる雰囲気が醸成され

大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像コンテンツを観ることができるという、まさにTSUTAYAキラーなサービスです。 うちのおかんは月に2～3回は映画館に行くほどの映画好きなので、プライムビデオのメインターゲットといえるでしょう。本来ならプライムビデオで映画三昧の毎日を送っていてもいいはずです。 しかしながら、Fire Stick TVを挿しているにもかかわらず、プライムビデオを一度も使っていませんでした。初期設定をした私の弟が一通り使

1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：ボウリングのピンが乗ったらボウリング場

How to watch Polaris Dawn astronauts attempt the first commercial spacewalk

ウェブ開発者の皆さまにおかれましては、少なくとも本番環境・開発環境の2種類に常に接していると思いますが、ブラウザで両方を開いているような場合にこの区別をつけることが難しい。この問題には、環境によって Favicon の色を変えるという手法が有効であると知られています。たいてい実装は難しくないとはいえ面倒なことに変わりはないし、GitHub と GitHub:Enterprise のように直接手を入れることができないようなものもある。そこで Chrome 拡張によってこれを実現しようというものです。 Chrome Web Store - Flavoured Favicon https://github.com/motemen/chrome-Flavoured-Favicon 設定するにはオプションに JSON を直接書く必要がある（手抜き）のですが、単純なので難しくはないはずです。特定のドメ

三菱電機は2月14日、「直感的に操作できるリモコン」を発表した。リモコンは、視覚障がい者が通う横浜訓盲学院の教師や生徒と共同で開発。操作する項目ごとに形状や動きが異なり、機器操作に慣れていない人や視覚障がいのある人でも直感的に操作できるという。 通常の家電製品では、同じような形状のボタンが並んでいたり、ボタンの配置が直接的な意味を持たなかったりするため、視覚障がい者にとって理解しにくいことがあるという。例えば、エアコンのリモコンでは、設定温度を操作するボタンが水平に設置されていることが多く、先天性視覚障がい者には理解しにくいそうだ。 そこで、温度を調節するボタンを垂直方向に配置。最上部を31度、最低部を16度とし、1度ずつ設定できるよう階段状のデザインにした。これにより、上下の概念を垂直方向で理解でき、視覚障がい者も積極的にリモコンを操作しやすくなるという。風量はボールの数で表現。右側にボ

ウェブサイトでもアプリでも、ボタンやアイコンのデザインは統一するのが当たり前である。これが守られていなければ、見た目の印象も悪くなり、操作性にも影響する。しかしながら、電子カルテの業界では、この常識は通用しないようである。 これはＦ社の電子カルテで使用されているボタンの一部であるが、見事なほどにデザインがばらばらで、まるで時代遅れのボタンの見本のようである。一つのソフトウェアにこれだけテイストの異なるボタンを使っていることに、感動すら覚える。 下請けに任せた結果、このような事態を招いたのではないかと想像するが、事前にUIに関する明確なルールを決めてなかったのだろうか。フラットデザインとか贅沢は言わないので、せめてボタンのデザインだけでも統一してもらいたい。

Nintendo Switch 2: Everything we know about the coming release

autofill_ui.md 見た目の上で、隠されているフィールドに対しても自動入力してしまうという問題が話題になっている(2017年1月) https://github.com/anttiviljami/browser-autofill-phishing のだけれど、この問題の歴史はとても古い。自分も調査したり問題を報告したりしているので、振り返ってみる。 2012年の話 2012年4月のShibuya.XSS #1 https://atnd.org/events/25689 で、Hamachiya2が発表した http://hamachiya.com/junk/x-autocompletetype.php この問題に関連して「手の込んだクリックジャッキング」を使って情報を盗み出すデモを作った。 https://plus.google.com/112675818324417081103/