デザインエンジニアのジョージ・ケイブ氏が、パネルやボタンがプリントされたLEGOの「2×2 装飾スロープブロック」をテーマに、インターフェースデザインの基礎を語りました。 The UX of LEGO Interface Panels - Interaction Magic https://interactionmagic.com/UX-LEGO-Interfaces/ ケイブ氏はまず、操作パネルブロックを4象限図にまとめました。以下の図では、ブロックにプリントされたインターフェースが整頓されているか散らかっているかが上下の軸で、インターフェースにスクリーンが含まれるか否かが左右の軸で表現されています。 ケイブ氏によると、複雑な機械インターフェースの設計にまつわるさまざまな要素は、以下の2つのポイントに還元することができるとのこと。 ◆1．入力の差別化 第二次世界大戦中のアメリカでは、爆撃

おたろう @otarou01 セルフレジであたふたしてる年配者を見るに、あの手の人々の特徴として「文字を読まない」というのがあると思う。 ディスプレイの中にも外にも文字で色々と使い方が記されてるけど、基本それらを読まずに直感でボタン押してるだけの様子。 説明書読まない系、結論として文字情報は彼らには無力。 2024-06-23 10:17:20 おたろう @otarou01 よくセルフレジで困ってる年配の人を手助けするけど、動きから文字を読んでないのが分かる。 自分は説明書は最初にきちんと読むタイプだが、説明書を読まない人達は文字から何かしらの情報を得て事に当たるという習慣が無いから、困ったらまず目の前の文字を読むという事をしない。 2024-06-23 10:21:54 おたろう @otarou01 そういう意味では高齢者が使うインターフェースの開発には日本語が読めない外国人をシュミレー

sgm @g_stand 先日、たまたま立ち寄った道の駅で見かけた食堂の券売機。このシステムを考えた人は天才だと思った。 券売機の各ボタンの中に、料理名だけでなく写真が入っているので、直感的に選ぶことができる（ここまではよくある話）。 pic.twitter.com/ek6cmFracM 2023-08-17 14:22:43 sgm @g_stand 感心したのはここから。そのすぐ右隣（券売機の待ち行列ができる方向）に、券売機のボタン配列通りにそのまま約1.5倍に拡大したパネルがあり、券を買う前に何を食べるか、どの券を買うか、一度シミュレーションができる。つまり自分の番になってもほとんどまごつくことなく、券売機のボタンが押せる。 pic.twitter.com/tPeBNZmv7U 2023-08-17 14:24:00 sgm @g_stand このパネル以外に店内メニューはないが、お

MSX研究所長 @yoshimatsuTUQ うちの父が松屋の食券機が分からなくて店員を呼んだ、という話を聞いて「PC-8001を1979年に買ったほどの父もとうとう…」とか思ったが、その後自分も松屋の食券機で目当ての物が買えなくて一度逃げたので父を責められなくなりました。

半豚 @nai6ZUXMUVaEmP6 考えてみたら、ダイアログとかの場合のOKボタンは左配置だよな そのページで完結している場合は左配置で次ページある場合が右配置なのかな いや、まあ、この場合はそもそもリセットボタンは右上とか右下に小さめに配置した方が良いとは思うけど twitter.com/MacopeninSUTAB… 2023-06-13 08:54:15

飲食チェーンの「松屋」で使用されている券売機に、「最悪のUI」「触れる者全員に困惑を与える」など不満の声が集まっています。この件について松屋に取材を試みましたが、「回答は難しい」として回答は得られませんでした 2021年ごろから縦長画面の券売機が登場していましたが、最近になり新型券売機が登場。この新型の券売機が、特に使いにくいと話題になっています。 不満の内容は多岐にわたり、商品の宣伝のような大きなバナーが邪魔、「全取消」ボタンが間違えて押してしまいそうな位置にある、「ご一緒にいかがですか？」に表示されたサラダを購入するとサラダが2つになるケースがある、ボタンの配置がバラバラ過ぎるなどさまざま。 1つ1つの不備はそこまででもないのかもしれませんが、それらが積もり積もって全体として「使いにくい」と感じさせる要因になっているようです。中には、「わざと使いにくくしてモバイルオーダーにシフトさせた

sabrinas.spaceより。 8週間もかからなかったはずのプロジェクト 日本のウェブデザインはどう違うのか? 2013年のRandomwireのブログ投稿で、著者(David)は、日本のデザインの興味深い相違点を強調しました。日本人はミニマリストのライフスタイルで海外に知られていますが、ウェブサイトは奇妙なほどマキシマリストです。ページには様々な明るい色(3色デザイン原則を破っている)、小さな画像、そして多くのテキストが使われています。2022年11月に撮影されたこれらのスクリーンショットで、自分の目で確かめて下さい。 ブログ投稿には、文化的専門家、デザイナー仲間、そして不満を抱く市民によって支持されている、考えられる理由がいくつか挙げられていました。 この理論が今でも正しいのか、また、もっと定量的なアプローチが可能なのか気になったのでやってみました。 私が見つけたもの 各国の最も人

加藤公一（はむかず） @hamukazu Kimikazu Kato, ソフトバンク株式会社。博士（情報理工学）。修士は数学（代数幾何学）。にゃーんと鳴く狂犬と呼ばれている。DMは全員に開放中。 著書「機械学習のエッセンス」：bit.ly/mlessence 、監修「機械学習図鑑」bit.ly/mlzukan linkedin.com/in/kimikazukato

言わずと知れたRPGの名作『ドラゴンクエスト』。その初代が発売されたのは1986年の5月で、時代はまさにバブル期に入る直前だった。筆者もかつては時間を忘れて冒険やレベル上げに夢中になり、親から「早く寝ろ!」と怒られたものである。 【ランキング】ホイミ、メラゾーマを超えて1位となったのは「思わず言いたくなるドラクエの呪文」ランキング1位から10位 当時味わった興奮と感動を、平成生まれの高校1年の息子にも堪能してもらいたい。スマホアプリでドラクエ5のリメイク版をクリアして感極まっていた息子だけに、“ロト伝説”にも心動くのか?と期待していたら、なんとコントローラーを放り出してしまう結果に……。 なぜだ? その要因を探ってみよう。 ■いきなり密室の中で始まるオープニング　初代ドラクエのオープニングは、王室のなかで始まる。王様から竜王の配下たちが暴れまわっている話を聞き、冒険してこいと背中を押される

日常のハッとするような気付きを与えてくれるツイートを、イラストとともにご紹介する企画「その視点はなかった」。今回は大学教授のKohei Kawaguchi（@mixingale）さんが驚いた、アプリが違うだけで大きく変化した学生たちの反応です。 （イラスト：野田せいぞ） Discordに変えたら生徒の反応が激変 今年の授業はSlackじゃなくてDiscordにしたんだけど、それだけで学生の反応がぜんぜんちがってびっくりした。サーバーに参加した学生同士で勝手に会話を始めている。SlackでもDiscordでも機能的にみて同じようなもんでしょと思ってたけど、UIとコンテクストがちがうと受け止め方が全然違うんだな。 （Kohei Kawaguchiさんのツイートより） 大学の講義で使うアプリを、SlackからDiscordに変更したKawaguchiさん。すると、それだけで学生の反応が大きく異な

書店向け業務ソフトの表示画面に関する著作権侵害の成否が争われた事案の控訴審判決。 事案の概要 本件は、当ブログでも紹介した東京地判令3.9.17の控訴審なので、事案の概要等はリンク先にて確認していただきたい。原審は、原告、被告のそれぞれの表示画面に共通部分を見出しつつも、その共通部分には本質的特徴を直接感得できるものではない、として、すべての画面について複製・翻案権侵害を否定した。 itlaw.hatenablog.com これに対し、Ｘが控訴し、著作権侵害、不正競争（2条1項1号）のほか、新たに顧客奪取行為が不法行為に該当するという主張も追加した（ただし、退けられているので、ここでは取り扱わない。）。 ここで取り上げる争点 ビジネスソフトウェアの画面における創作性の判断方法について。 Ｘは、控訴審にて、原審の判断手法が下記のように誤りであると主張していた。 ア　ビジネスソフトウェアのディ

書店向け業務ソフトの表示画面に関する著作権侵害の成否が争われた事案。 事案の概要 Ｘは，売上分析，在庫管理，商品の発注・仕入れ・返品管理，ロケーション管理，棚卸等の様々な書店業務を効率的に行うための書店業務管理を行うASPシステム（Ｙ製品）を提供していた。 Ｙも，同様に書店業務管理を行う業務システム（Ｙ製品）を提供していた（Ｙの代表者Ａは，Ｘの元取締役であり，退任後，Ｙを設立している。）。 Ｘは，Ｙに対し，Ｙ製品の表示画面は，Ｘ製品の表示画面を複製又は翻案したものであるとして，著作権法112条に基づく販売等の差止めと，民法709条に基づく約4200万円の損害賠償等を求めた。なお，Ｘは，Ｘ製品の表示画面が商品等表示に該当するとして不正競争防止法に基づく請求も行っているが，本ブログではその点は割愛する。 ここで取り上げる争点 （１）表示画面の複製又は翻案該当性 （２）編集著作物としての著作権侵

お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート ライター：高橋祐介 2021年8月21日にインディーズゲーム開発者向けのオンラインカンファレンス「Indie Developers Conference 2021」が開催された。その中で，インディーズゲームのUIにフォーカスしたセッション「プログラマしかいない お金もない それでもUIを綺麗にする！」が行われた。 登壇したのは，東方Projectのファンゲーム「幻想郷ディフェンダーズ」「幻想戦略譚」などを制作した開発グループ，Neetpiaに所属する少佐氏。氏は両作品のプログラマでありながら，同時にユーザーインタフェース（UI）のデザインも手掛けているという。 少佐氏は大前提として「UIはデザイナーが専任すべき」仕事と前置きしたうえで，「実際の現場ではそこまで人手がなく，グ

まいか🌽 @maikasan そういや会社でウェブ屋さんと電話してて「ハンバーガーメニューをクリックしてもらうと…」って説明されて「なん？て？マック？？造語？」と思いつつ適当に流してしまったんだけど、後で調べたらサイトの上にある押すとメニュー出てくる3本線のアイコンをそう呼ぶらしい事を初めて知ったのであった。

Tinnamon @casdtem 今日ショック過ぎてツイートも出来なかった…初めてShake shackでオンラインオーダーしたんだけど、バーガーの注文のとこで1枚目写真のようにオプションが並んでんのよ。全部入れて欲しいから全部選択するじゃん？いざ食べようと蓋開けてみたらバンズの間にパテと玉ねぎ2本だけが入ってた😂😂😂 pic.twitter.com/1ORtqPMZDr

政府の意見募集サイト「デジタル改革アイデアボックス」に寄せられた意見を、かつての「2ちゃんねる」（現5ちゃんねる）にそっくりなUIで表示するWebサービス「デジタル庁板」が登場した。ユーザーは匿名か、ハンドルネームを使って投稿された意見にレス（返信）し、他のユーザーと議論できる。個人開発者の矢野さとるさんが12月2日に公開した。 返信はデジタル庁板内だけに表示する仕組みで、アイデアボックスのコメント欄には反映されない。「2ちゃんねる風のゆるいUIにすることで、どんな人でも（議論に）気軽に参加できるようになったらいいと思い開発した」（矢野さん）という。 デジタル庁板では、アイデアボックスに投稿された意見を、新着順やコメント数順で並べ替えられる。意見ごとに、アイデアボックス内でどれだけ賛成・反対・中立のコメントが集まっているかを、表やグラフで表示することも可能。「JaneStyle」「BB2C

Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは

モミー 【少年ジャンプ＋編集】 @momiyama2019 「少年ジャンプ＋」編集長（デジタル担当）です。ほか「ジャンプルーキー！」「MANGA Plus by SHUEISHA」など。 リプライやDMの返信は気まぐれです。 https://t.co/BcS1vrJfWQ モミー 【少年ジャンプ＋編集】 @momiyama2019 先日、見知らぬ大学１年生から、漫画アプリのUIについて物申したい！というこんなDMが。 で、実際にお会いした。 話題はアプリの設計から、最終的には漫画表現の時代に合わせた進化など、広く漫画全体の課題や未来まで広がった。 結果、逆に僕の考えが整理されて意義深い時間に。学生氏に感謝！ pic.twitter.com/Q6XZUtPAEi

最近スクロールバーを見かけなくなった気がします。ざっと調べてみると、スクロールバーはすでに消え始めており、今のスタンダードはスクロールインジケーターになってる様です。そうかと思えば、そのスクロールインジケーターすら消え始めている状況です。 ▼１．消えゆくスクロールインジケーター1.1　フェイスブックiOSアプリ フェイスブックのアプリでは、もはやスクロールインジケーターすら表示されていません。ご自身のスマートフォンで見てみると、画面右側には何も表示されないはずです。 1.2　電話帳　iOS 実は電話帳からもスクロールインジケーターが消えています。インデックスが表示されているので、スクロールインジケーターとインデックスが重なってしまうのを防ぐためと思われます。 1.3　メモ帳　iOS メモ帳ではスクロールをするまでインジケーターは表示されません。スクロール後は一定時間が経つとスクロールインジ