とある道の駅に設置されている食堂の券売機『UIってこういうのでいいんだよこういうので』って感じですごく良かった「おお！解りやすい！」
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
『はま寿司』で“回転レールが概念化”したUIが開発されたらしい→爺さん「昔はここに本物の寿司を流してたんじゃ」
ミヤジマ @x_years_ago はま寿司の回転レールが概念化したタッチパネル。 会員情報にお気に入りのネタを登録して、このタッチパネルに好きなネタだけ流せるとか色々面白い体験作れそう。 pic.twitter.com/DZ1IZo3XT8 2023-04-12 12:52:28 ヒラマサ @Hiramasher 近所のはま寿司、リニューアル後は完全タッチパネル式で「回転寿司の風情･･･」って思ってたんだけど、今日来たらこんな設備付いてて、こんな手が有ったかと凄く感心してるとこです('Д') ちなみにコレもタッチパネルで注文できんの、すげえ pic.twitter.com/8G30vBKBND 2023-02-26 14:40:21
UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない
本当に優れた「デザインの勝利」は空気のような存在になり知覚すらされない
まとめ 誰だか知らないが、この展望台のデザインした奴は天才だなと思った。これが『デザインの勝利』なんだよ。 東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ？」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき 130844 pv 526 106 users 1394 ニカイドウレンジ @R_Nikaido 「デザインの勝利」が可視化されないのは、優れたデザインは空気のように透明な存在だから知覚されなくなってしまうからだと思う。個人的に凄いデザインだと思うのは ・鍵を閉めないときは自動的に開放状態になるトイレのドア ・鍵を閉めないと扉から鍵が取れないロッカー この2つは凄いなと。 2018-04-04 10:21:45 ニカイドウレンジ @R_Nikaido 「鍵を
高いけどほしい！ タイプライター風のBluetoothキーボード | RBB TODAY
古き好きアメリカ映画に出てきそうな、タイプライター風のBluetoothキーボードが登場！ これを使えば、間違いなく周囲の目線を独り占めできそうだ。 フリーウェイが提供するのは、米国QWERTYTOYS,inc社製の「QWERKYWRITER」。リターンバーや打鍵感など、タイプライターならではの美しさと機能性をそのまま保存しつつ、スマートフォンやタブレット端末で使えるようにBluetooth機能を搭載した。全国のPC専門店で31日より随時、販売が開始される予定。 配列は83英語キーボード。キーは円形で、キートップは独特のタッチ感が楽しめる凹面仕様にした。キーピッチは16mm、キーストロークは4mm。CHERRY MXメカニカルスイッチ青軸を採用したことで、タイプライターのしっかりとした打鍵感に近づけている。このほかアルミニウム合金で高級感を演出するなど、質感にもこだわっている。 そして、タ
Photoshopの「透明」が「白とグレーの市松模様」の理由
Photoshopで「透明」を表す「白とグレーの市松模様」。Photoshopユーザーであれば、この市松模様を特に意識することなく「透明」と認識してしまう人も少なくないだろう。 しかしなぜ「透明」を「白とグレーの市松模様」で表現したのか。その長年抱き続けていた疑問を、Photoshop誕生25周年イベントのために来日していたPhotoshop共同開発者のトーマス・ノール氏に投げかけてみた。 見える人には透明に見える「白とグレーの市松模様」 （左）Photoshop共同開発者のトーマス・ノール氏、（右）筆者 実はこの表現は、バイオロジーの分野（生物学など）から来ているという。もともとバイオロジーの分野では「透明なガラスの下に白黒のチェッカーボードを置いて物を置く」という表現があり、長い間「透明」を表現するためにチェッカーボードが用いられていたそう。そこからヒントを得て、Photoshopの「
「みんなジョブズに騙されている」増井俊之教授が進歩の止まったコンピュータのUIを問い直す【TechLIONレポ】 - エンジニアtype | 転職type
モノづくりをテーマに行われた『TechLION vol.18』。登壇者は左から寺薗淳也氏、瀬尾浩二郎氏、増井俊之氏 コンピュータはこの30年、まったく進歩していない――。 有名エンジニアによるトークライブの場としてすっかりおなじみになった『TechLION』の壇上で、慶應大学環境情報学部の増井俊之教授は業界の現状を憂えた。 2014年9月に開催された『vol.18』のテーマは「モノづくり」。小惑星探査機『はやぶさ』プロジェクトチームの一員としても知られる会津大の寺薗淳也准教授、面白法人カヤックから独立しフリーのエンジニア/クリエイティブ・ディレクターとして活躍中の瀬尾浩二郎氏とともに、UI研究の第一人者、増井教授は登壇した。 時々刻々と性能が上がっているように見えるコンピュータ（編集部注:増井氏の発言では「計算機」）が、30年にわたってまったく進歩していないと指摘する増井氏の真意とは？ 『
ヘッドラインページをリリースしました - はてなブックマーク開発ブログ
本日、ヘッドラインページをリリースしました。 ヘッドラインページは、最近の人気エントリーを始め各カテゴリの人気・新着エントリーを、リストビューで俯瞰できるページです。はてなブックマークの最近のコンテンツを１ページで見渡せるため、時間が無い時や、コンテンツの選別に慣れている方に便利です。トップページとあわせてご利用ください。 トップページでは、引き続き、初めての方にもインターネット上のトピックや議論が分かりやすく伝わるよう、見せ方を工夫していきます。 また、ブックマークのコメント一覧を表示するページにおいて、コメントがファーストビューに表示されるようレイアウトを変更しました。 今後とも、はてなブックマークをよろしくお願いいたします。
直感的なUIとは予想した通りの結果が得られるもののこと - ネコメシCEOブログ
UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？ そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ
Windows の標準的な UI ボタン用アイコン素材 59 種類 - Cube Lilac
アプリケーションを開発する際、最終的なアイコン等の UI 素材はデザイナの方に作ってもらうのですが、開発途中等で方向性が決まっていない段階では取りあえず適当なアイコンを適用して開発を進める事がしばしば存在します。この際に「取りあえずの適当なアイコン」を毎回 Web 上で探すのがめんどうになってきたので、何か良いものがないかなぁと思っていると、自分の需要に非常によくマッチした素晴らしいアイコン素材集がありました。 Free Must Have Windows 7 Icons from VisualPharm 「開く」、「保存する」、「コピー」、「ペースト」等の Windows のソフトウェアでよくあるような UI に対して、「よく見る」ようなアイコンが一通り揃っています。微妙に足りない部分もあるにはあるのですが、開発版用としてはまずまず困らない位にまとまっています。 尚、そう言った類のアイコ
はてなブックマークのリニューアル - jkondoの日記
ITMedia岡田有花さんにはてなブックマークのリニューアルについて記事にして頂きました。 トップページはリニューアル後も継続して人気エントリーのアルゴリズム調整や、ブログ、ニュース、おすすめコーナーなどのコンテンツの編成を続けています。こちらは新しいコーナーも含めてお楽しみいただけていると感じており、実際に内部で見ているクリック数や滞在時間なども伸びてきています。今後もより面白くしていきますのでぜひご期待ください。 デザインについてはまだ調整の余地がありそうです。リニューアル直後に比べてトップページの一覧性向上などの改善を加えてきていますが、ご意見もたくさん頂いている部分ですし、調整を続けていきたいと思います。 記事の中でも触れて頂いていますが、今回は「リスト」から「面」へ、というテーマを持ってデザインリニューアルに取り組みました。「一覧を上から順にクリックして見ていく」ページから、「そ
ユーザーの反応に「完全に狼狽した」 はてなブックマーク、リニューアルの意図と背景
はてブのリニューアルに批判が殺到し、「完全に狼狽した」と担当ディレクター。はてブは開発者主体のサービスから、編集視点を加えたメディアへと変化してきている。 「完全に狼狽（ろうばい）した」――「はてなブックマーク」（はてブ）リニューアルのディレクターを務めたはてなのディレクター・伊藤博典さんは、リニューアルに対するユーザーの反応を見た感想を率直にこう語る。 1月8日、はてなブックマークのトップページとカテゴリーページをリニューアル。アルゴリズムを刷新し、同じ記事が長く滞留しないようにしたほか、デザインも一新。ブルー一色のリスト風の記事一覧からカラフルな配色に変え、一部ページではタイルを並べたようなデザインに刷新した。 大幅なリニューアルは2008年以来、4年ぶり。思い切った刷新を評価する声がある一方、ドラスティックな変更に対する否定的な意見も殺到し、ブログ記事のブックマークには「これはひどい
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2012-01-27
2012年1月30日にプロフィールのデフォルト画像を変更します 2012年1月30日に、はてなの各サービスでプロフィール画像が未設定の場合に表示するデフォルト画像を、新しいデザインに変更します。 これまでは、各サービスでプロフィール画像を小さく表示するケースが多かったため、小さなサイズでの表示に適したデザインを使用してきました。今後は各サービスでプロフィール画像を大きく表示するケースを増やしていく予定です。そのため、より大きな表示に適したデザインに変更します。変更に際して、より「人間」を感じられるような写実的なデザインにしています。 すでにご利用中の方のデフォルト画像は、2012年1月30日より段階的に新しいデザインへと変更します。翌日（1月31日）中にはすべての方の変更が完了する予定です。 これまでのデフォルト画像は「デフォルトさん」として多くの方に親しまれてきました。ご愛顧いただき、誠
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
業務系システムは『イケてるフラットデザイン』だと使いにくい？現場が本当に必要だった物との比較
ピクトグラム見てるとフロッピーディスクじゃない保存アイコンに「苦戦」を感じる「FDは保存という概念」
iOS 11が未完成すぎてツライ…Appleのソフトウェア品質低下が顕著に - Moxbit
【悲報】新宿駅構内の案内板が意味不明でワロタｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ：キニ速
Tumblr
