駅のタッチパネル券売機で、一般の人が躓くところはどこにあるのかという疑問に対して様々な意見 - Togetterリンク レイルラボ(RailLab) JR東、みどりの窓口7割廃止 「話せる指定席券売機」導入拡大 | RailLab ニュース [配信：2021/05/11 15:41]JR東日本は2021年5月11日(火)、2025年までに管内のみどりの窓口を現在の7割程度まで削減すると発表しました。また... 388
多言語対応のゲームUI注意点覚え書き - デザイナー脂肪
こんにちは！ドイツに住んでるUIデザイナーのいまがわ (@i_magawa)です。 この記事は「GameGraphicDesign AdventCalendar 2019」の23日目の記事になります。 自己紹介 現在はフリーでUIの仕事をやりつつ、夫婦や育児に関するマンガを描いたりしています。以前は東京でスマホゲームの開発やってました。 こういう記事も書いてます（宣伝）↓ 何の記事書くの…！？ スマホゲームUIのローカライズ対応について今回は書きたいと思います。 いくつか案件関わった気がしたりしなかったりするのでまとめてみました。あくまで日本っぽいゲームを海外対応するときの注意点です！ また今回参考として「ポケモンマスターズ」のUIをよく載せています。 ポケモンマスターズはなんと驚異の8言語対応…！殺す気か！ちなみに私は一切運営と関係ないただのファンです。 海外対応の目標 英語ネイティブの
格ゲーのコントローラーに新たな潮流 “最短入力”が可能なレバーレスコントローラー「ヒットボックス」に注目集まる
格闘ゲーム界で、レバーレスのコントローラー「ヒットボックス」が注目されています。従来、格闘ゲームで使用されるコントローラーはゲームセンターの筐体と同じように操作する「アーケードコントローラー」（アケコン）と、両手で持って操作するタイプの一般的なコントローラー「ゲームパッド」（パッド）の2種類が主流でしたが、「ヒットボックス」の優位性が格闘ゲーマーの関心を集めた形です。 （画像はヒットボックス公式サイトより） ヒットボックスとは、従来は十字キーやレバーで行っていた8方向への入力をボタンで行えるようにしたコントローラーの総称（もともとは特定の製品を指していましたが、同様の特徴を持つものも「ヒットボックス」と呼ばれることがあるようです）。ヒットボックスは少なくとも2011年には存在していましたが、格闘ゲーマーの間で「ストリートファイターV」のプロゲーマー・ガフロ選手が2018年にヒットボックス型
PayPay知らない間にログアウトされて、支払時にログイン画面が出てPayPay払いを諦める人も
PayPayバージョン1.11.0(iOS版)では、知らない間にログアウトされて、いざ使おうかと思ったらログイン画面が表示されるという仕様に戸惑う人々。 わざわざ衆人環視のレジ前でIDとパスワードを入力しないと利用出来ないPayPayって一体・・・
安室透の起爆スイッチがタッチパネルだった
物理のボタンに対する信仰心が高いという話。 久しぶりにコナンの映画を見てみたら、安室透がスマートフォンのタッチパネルで爆弾の起爆スイッチを押していた。極めて慎重にセッティングされた爆弾を、緊張の面持ちで、つめたいガラスの画面に親指を軽く押しつけていた。 軽くタッチパネルの硝子に触れただけで、その爆弾はスマートフォンから送られた着信を受信し、爆発したのである。 この文章を読んで何がなんだか分からない方は2018年に公開された『ゼロの執行人』をレンタルかBDを購入して観て頂くとして、ともかく、その起爆スイッチを押すシーンというのは、私の中ではこの映画の中では三本指に数えられるほどに印象的なシーンだった。 もちろん、20年も前に始まった漫画のキャラクターがスマートフォンを使っている事に驚いているわけではない。最近原作を一から読んでいるけれど、巻が進むにつれ新しい概念を取り入れている大変面白い作品
「赤ペンはむしろ見にくい」「プレゼン本の『良い例』は良くない例」 色弱者に聞く“本当に見やすいデザイン”とは？ (1/3) - ねとらぼ
白黒のデザインとカラーのデザイン、見やすいのはどっち？―― こう問われたら、多くの人が「カラー」と答えるのではないでしょうか。「モノクロ印刷された鉄道の路線図」を想像してみてください。路線同士が見分けにくく、使いづらそうだと思いませんか？ しかし、カラーであれば誰にとっても見やすいというわけではなく、“色を使ったせいで、かえって見にくいデザイン”になってしまうこともあるといいます。というのも、色の見え方には個人差があり、日本には約300万人の色弱者がいるといわれているほか、加齢や病気によって色の見え方が変わる人もいるのです。 現在では、「カラーユニバーサルデザイン」「カラーバリアフリー」に対応する企業や行政機関も増えているそうですが、“色弱者などにも見やすい色使い”とは一体、どのようなものなのでしょうか。カラーユニバーサルデザイン機構（CUDO）副理事長・伊賀公一氏に話を伺いました。 本記
大阪駅の案内標識が地元民向けになっている問題｜しばた / Fenrir Inc.
フェンリルのプランナーの柴田です。 日本には、常に変化と増殖を続ける自動生成ダンジョン渋谷駅や、ミノタウルスでも封印されてそうな巨大ラビリンス新宿駅など、数多くの迷宮駅があります。梅田駅（大阪駅）も迷宮ランキング上位駅の一つですが、梅田駅の迷いやすさは構造よりも案内標識のせいではないかというのが今回のお話です。 梅田エリアは複雑怪奇僕は５年ほど大阪に住んでいたことがありますが、住み始めた頃梅田エリアでよく迷子になりました。梅田エリアは７駅が接続されており、路線数も多いのにそれぞれ絶妙に離れている複雑な構造。それが地下や地上や空中で繋がったり分断されていたり、出口があったりなかったりするので慣れている人でも時々迷うレベルです。それに拍車をかけるのが名称問題で、大阪駅=梅田の知識すらなかった僕には最初チンプンカンプンでした。 ここに梅田地下街で接続されている駅を簡単に整理してみました。名称だけ
ノッチ嫌いに朗報！ Pixel 3 XLのノッチは消せる（ようになる） | ギズモード・ジャパン
ノッチ嫌いに朗報！ Pixel 3 XLのノッチは消せる（ようになる）2018.10.12 14:0045,760 Andrew Liszewski - Gizmodo US ［原文］ （ そうこ ） 昨今のスマートフォンデザインで必ず注目されるのがノッチ。少なくない数いるノッチ嫌いの人々は、ノッチがデカい！ 目障り！と騒がずにはいられません。でもね、Pixel 3 XLには、ノッチを｢消す｣方法があるんです。 Android 9 Pieの開発者版にオプションとしてあるのが、ノッチ隠しのスクリーンモード。 Notch on, notch off. Current Android P developer option, which isn't new. Not sure yet if the option Google has confirmed is this, or some kind
「海外ゲーマーに聞いた、日本製ゲームの良くないところ」ある要素がストーリーやグラフィックなどを抑えてダントツらしい - Togetter
かみなり @kaminari TGSフォーラム 「海外ゲーマーに聞いた、日本製ゲームの良くないところ」圧倒的にダントツにUI。ほんとそれ、それだから！ 司会の方の「意外だった」という言葉の方が愕然ですよ。 #TGS2018 pic.twitter.com/EcY1ygnznx 2018-09-20 13:59:16 リンク Wikipedia ユーザインタフェース ユーザインタフェース（英: User Interface, UI）または使用者インタフェースは、機械、特にコンピュータとその機械の利用者（通常は人間）の間での情報をやりとりするためのインタフェースである。ユーザインターフェース/ユーザインタ(ー)フェイス/ユーザーインターフェ(イ/ー)スなどの表記ゆれが見られるが、本記事では「ユーザインタフェース」で統一する。ユーザインタフェースは以下の手段を提供する。 システムを使う場合、ユー
人はなぜ「分かりやすいデザイン」でも失敗するのか｜Tsutomu Sogitani
これは私が最近よく訪問する日本橋駅直結の商業ビル、東京日本橋ビル内のエレベーターのボタンです。 唐突に質問ですが、このボタンで操作ミスを起こすポイントがあるとすれば、それがどこだか分かりますか？ 説明が必要と思いますが、このビルは7Fがオフィスロビーになっています。駅直結のB1と1Fからは7Fまで直通するシャトルエレベーターがあり、全員7Fで一度降り、セキュリティチェックをし、23Fより上にあるオフィスフロアに入ります。そのオフィスロビーとオフィスフロアを行き来するためのエレベーターのボタンがこれです。 ボタンが23Fから30Fまでしかなくて、下に大きく7Fのボタンがあるのは、そういったビルの構造からです。 私と同行したディレクター（26歳）は、打ち合わせが終わってオフィスフロアからオフィスロビーに帰る際に、操作ミスをしました。それも1度だけでありません。次の打ち合わせの帰りにもまったく同
一番下までいったらクルクルして次のページ(?)を表示するくせに、タップしてページ読んでブラウザバックしたら１ページ目に戻らされてる
google(スマホ)もnoteとかもそうだけど、一番下までいったらクルクルして次のページ(?)を表示するくせに、タップしてページ読んでブラウザバックしたら１ページ目に戻らされてる。ってこの導線を改善しないなんてアホじゃないの。 これってTOP10(もしくは1ページ目)以下は見る必要なし、って意思表示だと思うんだけどみんなそれで満足してるの？？ �googleは自分で検索した結果の記事タイトルが並んでるから「あー、このへんまでは見たな」ってわかるけど、noteなんて有象無象が並んでるだけだからいつのまにか1ページ目に戻されてても分からないんだわ。5秒くらいして「あっ、これさっき見た？」って思って頑張って下まで行って見つけた記事読むけどバックしたらまた一番上。 なんなの。
誰がインターネットをダメにしたのか？
Roxanneはライブチャットやビジネスプロセス自動化を専門とする英国に本拠を置くソフトウェアハウスであるParker Softwareのオンラインコンテンツマネージャです。 インターネットを壊したのは誰でしょうか？ インターネットには、ゴシップや嘘が溢れていますが、もちろんPAPER誌のKim Kardashian氏のようなセレブの写真によって壊されたのではありません（編注：同誌のBreak The InternetというコーナーにKardashian氏が登場した際、その過激な写真が話題になりました）。インターネットは、企業によって壊されているのです。 もしかしたら、あなたは最近オンラインでのユーザー体験がひどくなっていると気づいたかもしれません。デザインやコンテンツが突如として悪くなったのではありません。ジャーニーそのものが、だんだんと崩壊しているのです。これは、比喩でもあり現実でもあ
メールアドレスの確認フィールドをなくすべき理由
UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 メールアドレスは、もっとも間違いやすいフォームフィールドの１つです。 入力データにはさまざまな種類の文字による長い文字列が含まれているため、間違って入力してしまいがちです。これにより、ユーザーが間違ったメールアドレスを送信する可能性があるのです。 メールアドレス確認の問題 デザイナーは、メールアドレスの確認フィールドを追加することで、間違ったメールアドレスの送信を防ぐことができると考えています。メールアドレスの確認フィールドの追加で誤送信を何件か防ぐことはできるかもしれませんが、必ずしもすべてを防ぐことができるというわけではありません。 多くのユーザーは、メールアドレスの入力内容をコピーして、確認フィールドに貼り付ける傾向があります。これでは、ユーザーが間違ったメールアドレスを貼り付ける
音声インターフェースを使うと性格が悪くなる？｜mirka
驚きと不快感の伴うインタラクションだったが、自分的なポイントは2つある。 1. ユーザの指示を理解したのに従わないという、ロボット原則に反するようなデザインに疑問を感じた 2. 人間に対しては言わないであろう「うるさい」という言葉が口をついてしまった 今回は、この (2) について考えてみたい。 技術精度が上がり、より人間に近い音声アシスタントがあらゆるところに組み込まれていく時代。ユーザの性格を悪くしたり、ユーザと機械との間に対人コミュニケーション並みのリアルな軋轢を生じさせないために、音声インターフェースの「社会的デザイン」にも目を向ける必要がある。 アレクサに話すときだけ豹変正直、アレクサとは仲が悪い。何年も前から Siri を使っているので音声アシスタントには慣れているはずだが、去年末に Echo Dot を買ってからというものの、ユーザ体験の違いに驚くばかりである。 アレクサに対
キャンセルをキャンセルした券売機のユーザーインターフェイス | 水無月ばけらのえび日記
公開: 2018年3月11日21時30分頃 弁護士ドットコム株式会社では「部活動」と称してさまざまな活動が行われています。中には会社公認のものもあれば、そうでないものもあります。非公認の活動の中のひとつに "nakamoto" と称するものがあり、その活動の一環として、「蒙古タンメン中本」高田馬場店を訪れたときのことです。 まず券売機で食券を購入し、そのあと行列に並ぶというシステムになっているのですが、その券売機が大変興味深いことになっていました。 「ご注文がお決まりになりましたら『決定』右下のボタンを押してください」という注意書きに加えて、「決定ボタン」「決定ボタン」とテープが2枚も貼られています。食券を購入する際には、メニューを選択した後に下部の「決定」ボタンを押す必要があるのですが、このボタンがお金を入れる場所から離れているため、なかなか見つけられない人が多かったのでしょう。 さらに
新QiitaでReactをやめてhyperappを採用した背景 - Qiita
12/1 に Qiita のトップページをリニューアルしました。これまで React を使っていましたが、それをやめて hyperapp を採用しました。まわりを見てもあまり採用事例が見当たらないので、この記事では一体なんで今をときめく React ではなく hyperapp を選択したのか、どういうところが魅力的なのかについて プレゼンテーション層を実装するためのツールとして 学習コスト の観点から書きたいと思います。なおこの記事に書かれていることは全て個人の感想であり、はっきりいって個人の日記レベルです。 それと hyperapp の開発者が社内にいるという事情もあるので、そこら辺さっぴいて読んでください。 TL;DR プレゼンテーション層を実装するためのツールとして React は機能過多だし、機能不足 hyperapp は過不足ない 学習コスト 仮想 DOM は学ぶ価値のある知識
当初の懸念どおりブラウザのプッシュ通知は邪悪に使われはじめている。実装側はクリックまで購読確認を待つべき。 - mizchi's blog
追記: 2019/11/12 2年経ったけど体験が悪化し続けた結果、 Firefox がこの記事の通りになりましたね… www.fxsitecompat.dev プッシュ通知、ネイティブアプリの機能郡をWebに持ち込むPWA技術の売りの一つだが、当初から懸念されていたとおり、非常にノイジーなものとなってしまっている。自分も気づけばあらゆるサイトの購読確認を、無意識で拒否を押すようになってしまった。 hagex.hatenadiary.jp 少し前の記事。最近はどこかで wordpress のプラグインになったのか、目にする機会が非常に多くなり、非常にストレスフル。最初は技術的な目新しさからか、ある程度容認していたが、さすがにこの状況が悪化する一方で、本気でやばいんじゃないかと思っている。とくに初見のブログの記事を読む前に、購読確認が出るのが最悪の体験となっている。 そもそもプッシュ配信とは
UI / UX 学びまとめ
夏、満喫してますか？ 夜は何してる？ フェス、ナイトプール、おうちでまったり、友達とビアガーデン……。ViViモデルが夏の夜にやりたいこと×メイクをまとめました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「UI悪すぎじゃない？」ハンバーガーのオンラインオーダーでオプションを選択していったらパテと玉ねぎ2本だけのバーガーが届いた話
なぜExcel方眼紙は嫌われるのか？ 「Wordより使いやすい」「生産性を下げる」など賛否分かれる（1/2） | IT・科学 ねとらぼ調査隊
