気持ちよいUIができたら後は放置。傑作Flash『艦砲射撃・マテスナ』作者の素敵な“悪癖”【フォーカス】 レバテックラボ（レバテックLAB）
TOPフォーカス気持ちよいUIができたら後は放置。傑作Flash『艦砲射撃・マテスナ』作者の素敵な“悪癖”【フォーカス】 ゲームクリエイター TANAKA U ゲーム制作フリーランス。「動かしているだけで気持ちよい」が信条で、UI制作に強いこだわりを持つ。専門学校でゲームづくりを学んでいた2003年にFlashゲームサイト「NEXTFRAME!」を立ち上げ、多数のゲームを制作。2006年にバンダイナムコゲームス社に入社し、2009年からフリーランス。ソーシャルゲームを中心に、UI演出、UIコンサルティング、ゲームデザインなどを手がける。仮想通貨「Monacoin」についてSNSでつぶやいただけで、何者からか400万円相当のMonacoinを振り込まれ、戦慄したことがある。 X NEXTFRAME! 2000年代のWeb上には、「Adobe Flash」規格の無料ゲームが、個人によって多数制
セルフレジであたふたしてる年配者を見るにあの手の人々は「文字を読まない」ので文字情報は彼らには無力
おたろう @otarou01 セルフレジであたふたしてる年配者を見るに、あの手の人々の特徴として「文字を読まない」というのがあると思う。 ディスプレイの中にも外にも文字で色々と使い方が記されてるけど、基本それらを読まずに直感でボタン押してるだけの様子。 説明書読まない系、結論として文字情報は彼らには無力。 2024-06-23 10:17:20 おたろう @otarou01 よくセルフレジで困ってる年配の人を手助けするけど、動きから文字を読んでないのが分かる。 自分は説明書は最初にきちんと読むタイプだが、説明書を読まない人達は文字から何かしらの情報を得て事に当たるという習慣が無いから、困ったらまず目の前の文字を読むという事をしない。 2024-06-23 10:21:54 おたろう @otarou01 そういう意味では高齢者が使うインターフェースの開発には日本語が読めない外国人をシュミレー
じゃあなんすか、Noto Sans JP使うんならボタンにアイコン入れるなって事すか｜chot Inc. デザイナーユニット
こんにちは、ちょっと株式会社デザイナーのモです。 挨拶から間髪入れずで申し訳ないのですが、まずはこちらをご覧ください。 何の変哲もないテキストとアイコンで構成されたボタンです。 今回はこちらのボタンに物申したく筆を執らせていただきました。思うところがあるんだよ今の私には。 ずれている、Noto Sans JPという訳で早速本題に入りますが、単刀直入に言ってこのボタンずれてるんですよね。「暑いね」って言ったら「水飲めば？」って言ってくる人くらいずれてる。私怨はさておき具体的に表すとテキストとアイコンが上下にガクンとずれているって訳です。 論に拍車をかけるためにボタンに分割線を引いてみました。 アイコンは上下真っ二つだがテキストはどうも下に寄っていますぞなぜずれる、Noto Sans JPこれが目の錯覚…なら良かったんですが（良くない）実際にずれていて、ではなぜそんなことになっちゃっているのか
マルスと「熟練が必要なUI」についての議論
JRの職員がマルスを操作する動画が話題になった。 この動画について、職人性を賞賛する立場と、UIとして問題があるという立場が対立していた。 nobkzさんのこの記事は、「熟練が必要なのはUIとして問題がある」という立場での記述だとおもう。 一連の話題に対して違和感を持ったが、違和感の源泉は明確で、「UIとしてよいかどうか」という立論自体に机上の論理以上のものにならないということもあるが、そもそも「マルスとはどういうシステムなのか」が議論されていないことがおおきい。 わたしもマルスについて名前は知ってはいたものの、具体的にはどういうシステムであるかは知らなかったので、少し調べてみることにした。 マルスについて Twitter(X)で話題になっていたもとの動画はこちらである。 ここだけ取り上げてみて、マルスの良し悪しを論じるのは鉛筆を取り上げて絵の良し悪しを論じるようなものだとおもう。 次の動
“消えない広告” ×マークが押せません!? | NHK
スマホを使っていて、イラッと感じること、ありませんか。 「×マークが小さくて、消そうとしたら、意図せず広告に触れてしまった」 「×マークを押そうとしたら、急に広告が動き、誤って広告サイトに飛んでしまった」 ウェブでの不快なことを聞いたある調査では、「広告を誤って押してしまったり、押しそうになった」と答えた人が、最も多いという結果でした。 実は、これ、「ダークパターン」と呼ばれ、世界で問題になっています。 （デジタルでだまされない取材班 芋野達郎） 押す気はないのに、広告を… マーケティングのリサーチ会社「クロス・マーケティング」が、20代から60代の1100人に、ウェブサイトやアプリを利用している際に感じる不快なことを、複数回答でたずねました。 すると、最も多かったのは『広告が表示され、押す気はないのに誤って押してしまった（押しそうになった）』で、29.5％、およそ3割にのぼりました。 続
実験室の廊下に必ずある緊急シャワーの重要さ「両手が吹っ飛んでも首で水を出せるようになってる」
はじめまして 平岡です @HiraokaYasushi 科学者（在野）。発言は私個人のものですが世界の中心です。芸風は、刹那的享楽主義楽観的構造学派。見える現象の背後にある、見えない真実を、見える形で表現する。理想とするサイエンスは、より単純にして、より多くのことを、より深く説明できること。 scholar.google.co.jp/citations?hl=j… はじめまして 平岡です @HiraokaYasushi 研究者の日常 緊急シャワー：実験室の廊下に必ず設置されています。紐を引くと水が出ます。やけど、失明、死亡に至る危険な薬品を浴びた時に使います。幸いなことに、私の周囲で緊急シャワーが使われたことはありません。でも、誰も無駄な設備とは言いません。 pic.twitter.com/V8ppHl05pq 2024-05-10 22:24:25
夢の左手デバイスはまさかのゲームパッド「8Bitdo Micro」だった プロイラストレーターが試して分かった驚き
こんにちは！ refeiaです。 今日は夢のようなお絵描き用左手デバイスの話をしましょう。もしかしたら今までの左手デバイスの不満を乗り越えてくれる、もしくはプラスワンとして買い足すだけで、ちょっと快適になれる製品かもしれません。よろしくお願いします！
Windowsの「フォーマット」画面は1994年の暫定的なUIが使い回されており表記揺れも存在している
WindowsでSDカードやUSBメモリを使っていると、データを初期化する「フォーマット」画面を何度も目にすることになります。このフォーマット画面の誕生秘話を元Microsoft社員のデビッド・プラマー氏が語っています。 I wrote this Format dialog back on a rainy Thursday morning at Microsoft in late 1994, I think it was. We were porting the bajillion lines of code from the Windows95 user interface over to NT, and Format was just one of those areas where WindowsNT was different enough from… pic.twitter.co
Windows11になって劣化したなぁって強く思う点。
Windows標準の時計をクリックしたら通知一覧が開いて、詳しい時刻もカレンダーも出ない点。 地味にカップラーメンとか作る時に時間を測るのが面倒…。 エクスプローラーの項目に「最新の情報に更新」がなくなってる。F5押せば更新されるけどマウスで完結しないのは面倒。 エクスプローラー絡みで言えば、コピペや削除がアイコンになってて文字表記がないのも一連のWindowsの流れを無視してて使いにくい。 Macワナビーの中央配置とかはどうでもいいけど、そう言う細かいところで使いにくくするのは止めて欲しい。 新OSが出る度に後方互換性を全無視した奇抜なUIを導入しては、信者から絶賛されてるAppleが羨ましいのは分かるが、 Windowsに求めるのは時代時代は意識してUIを今風にしすつつも、一貫した操作性であって、目新しさや新体験ではないんだわ。 お前はどんなに頑張ってもAppleにもMacにもなれない
これでもうUIデザイン用のSVGアイコンに困らない！ 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy
商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Codeのプラグインも揃っており、そこから直接アイコンを利用することもできるので、かなり便利です。 Iconbuddy -200K+ open source free svg icons Iconbuddyの特徴 SVGアイコンの利用方法 Iconbuddyで利用できるSVGアイコン Iconbuddyの特徴 Iconbuddyは、オープンソースで利用できる200,000種類以上のSVGアイコンを無料で検索、ダウンロード、さらにアイコンのカスタマイズもできるアイコン検索エンジンです。 Iconbuddy -200K+ open source fr
UIの色を変えただけで大量のクレームを頂戴してしまった話｜のなと
Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の１要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUIほんで変わった後がこちら↓↓ afterUIご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑＆黄」から「緑塗り＆緑枠線」に変更しました。「え、それだけ？」という声が聞こえてきそうですがそうなんです。それだけなのです。しかしここはレガシードメインのtoB SaaS。toB SaaSではUIの変更がユーザー業務への影響に直結するので軽微な変更を加えるのもハードルが
カット、コピー、ペースト、アンドゥをX,C,V,Zに割り当てたのは誰なのか｜usagimaru
結論から言うとこれはLarry Teslerだそうなのですが、C=Copyはわかるにしろ、XとVがなぜCutとPasteに結びつくのか疑問に感じていました。Zもよくわかりません。これについて、都市伝説的に語られている言説にはこのようなものがあります。 CはCopyの頭文字。QWERTY配列ではCの隣にVがあるので、利便性からそれが選ばれた。XもCに隣接していることと、それがハサミの形状に似ているためCutコマンドに割り当てられた。Zは切り替えるスイッチを意味する。 出典：どこかで聞いた気がする都市伝説これは間違いですが、それらしくも聞こえます。 カーネギーメロン大学のBrad Myers教授によると、XCVZの4種類のコマンドとキーアサインは、Larry Tesler本人によるものだそうです。彼はTeslerのメールメッセージを引用する形で次のように紹介しています。 Larry Tesle
「なんでアクセルとブレーキの踏み間違いなんて起きるんだろう」と思っていたが、70代で免許を返納した知り合いの話がリアルだった「間違えたペダル踏んでるのに気づけないんだよ」
MT(TRUE COLORS Japan運営、C&F協会の人) @Mocherin アクセルとブレーキの踏み間違い、ってなんであんな事が起きるんだろう…と思っていたのだが、免許を返納した70代の知り合いの人が言ってたのだが「例えば、スマホ画面を見ないで文字入力してて、指がずれてて文字がうまく入らない時あるだろ？”た”を押そうとして横の”な”を押しててるみたいな時。そんな時に間違えてるの分からず数文字入力してやっと気づくのと同じで、間違えた方のペダルを踏んでるのに気づけないんだよ。私の場合は自宅で車出す時になぜか発進しない。気づいたらブレーキを間違えて踏んでたんだよ。それに気づいた次の瞬間にエンジン切って、次の日に免許返納したよ」とのことだった。 ちなみに、なんで次の日だったかというと「その日はもうバスはうごいてない時間だったから」だそうです。 これから、自分も含めて高齢者が増えていく訳で、
UXだけでは足りない何か | ベイジのUIラボ
UXについて色々と考えることがあり、少し言葉にまとめてみた。何が正しいという話ではないが、率直に感じていることである。 意図されたBad UX 車を運転する人なら経験したことがあると思うが、「近づかないと識別できない信号」というのがある。 この手の信号は、近付くまで青なのか赤なのか判別できない。そのため信号の近くになるまで、このまま進むべきか、ブレーキを踏むべきか、とドキドキさせられる。 先日までペーパードライバーだった私は、当初、スムーズな運転を妨げてストレスを感じさせるこの信号を、液晶の表示角度などの計算を誤った設置ミスだと思っていた。 しかしこれは、複雑な交差点などでの交通事故を防ぐために意図的に仕掛けられたもののようである。 いちドライバーとしては、けっして心地よい体験ではない。しかし、社会全体にとっては良い方向に向かうようデザインされた信号といえる。 このような「意図的にユーザー
非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita
はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー～」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」と「特性」 今回は色の見え方、なかでも色覚特性について書いていこうと思います。 色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色
業務で説明に失敗したUIに対するモヤモヤをどう言語化すべきだったのか反省会 - Qiita
明けましておめでとうございます。 大遅刻で年が明けてしまいましたが、この記事はUIデザイン Advent Calendar 2023 23日目の記事です。 注意 本記事で取り上げている例は実在する企業・プロジェクトとは一切関係ありません。 本記事は、筆者が実際に業務中にしてしまった失敗をモチベーションに書かれているものの、具体例は完全に一から創作しており関連性はありません。 はじめに 某企業でエンジニアとしてスマートフォンアプリ開発をしています。 その中で、アプリの見た目や挙動を要件通りに実装する際、正直モヤモヤと違和感のあるデザインが何箇所かありました。 しかしながら、ユーザの期待操作や導線を考えてどうして改善したほうが良いと考えたのか、という形にうまく言語化できず、関係者の皆さんに全く伝わらない説明をしてしまうという悔しい思いをしました。 今後そのようなことがあった際に、せめて似たケー
Linux、世界で唯一「斜めモード」をサポートするOSだった | ソフトアンテナ
メルボルンの開発者xssfox氏が、Linuxのxrandr(x resize and rotate)ツールを利用し、モニターの「斜めモード」を提唱していることが分かりました。 同氏は、読書やプログラミングにポートレートディスプレイを使用する実験をしたことがあり、大量のテキストを表示できる点は魅力的だったとしています。しかし、ソフトウェア開発にとって最適なディスプレイを探し続けた結果、画面を好きな角度に回転させることができるxrandrで画面を回転させる事を思いつきます。 メニューバーが少しかけてしまう1度や、スペースを有効活用できない45度といった角度をテストしていった結果、トップ画像のように22度左に傾けるのがベストだったそうです。 この角度はDellのアスペクト比32:9のモニター用のもので、次のように説明されています。 One neat thing about 45° is tha
画面変遷によってボタンの意味が変わるUIはだめ | スラド IT
Xで三菱電機のエアコンのリモコンに採用されているユーザーインターフェースに関しての問題が指摘され、議論されていたようだ。発端となったのはフ兄さんのポストで、同氏は動画と合わせてアップし、このリモコンに関して「画面によってボタンの意味を変えるUIを作るやつは何をやらせてもダメ」と一刀両断している（フ兄さん@技術士の勉強開始さんのポスト[動画]、Togetter）。 具体的な問題は同氏の投稿した動画を見てもらった方が早いが、指摘されているリモコンでは、温度を上げようと思って「+」ボタンを押したら、次の画面では「-」になっていたり、UIの誤解を招くようなデザインとなっている。動画を見た多くの人々がこのUIデザインを批判、確かに使いづらいと同調している。このようなUI設計の問題について多くの意見が寄せられている。 あるAnonymous Coward 曰く、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ノートパソコンのキーボードの配置や仕様はどうにかならないものか、というお話「この前やらかしたよ」
ユニクロアプリが動画メインになっていて、なかなか見たい商品まで辿り着けない！と話題に「素直に静止画で見せてお願い」→対処法もあるらしい
