松屋の券売機が「最悪のUI」「使いにく過ぎる」と話題に 松屋に見解を聞いてみるも「回答は難しい」
飲食チェーンの「松屋」で使用されている券売機に、「最悪のUI」「触れる者全員に困惑を与える」など不満の声が集まっています。この件について松屋に取材を試みましたが、「回答は難しい」として回答は得られませんでした 2021年ごろから縦長画面の券売機が登場していましたが、最近になり新型券売機が登場。この新型の券売機が、特に使いにくいと話題になっています。 不満の内容は多岐にわたり、商品の宣伝のような大きなバナーが邪魔、「全取消」ボタンが間違えて押してしまいそうな位置にある、「ご一緒にいかがですか？」に表示されたサラダを購入するとサラダが2つになるケースがある、ボタンの配置がバラバラ過ぎるなどさまざま。 1つ1つの不備はそこまででもないのかもしれませんが、それらが積もり積もって全体として「使いにくい」と感じさせる要因になっているようです。中には、「わざと使いにくくしてモバイルオーダーにシフトさせた
これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
UXとUIの比較以上の勉強をしよう | UX TIMES
日本ではなぜかUIとUXの違いだけを語る記事が多く存在していますが、私個人的にはその違いを深く理解するよりUXは深く学ぶことがたくさんあると考えています。今では少なくなったかな？と思っていたのですが、再燃しているようで、かつ、UXの考え方も違った形で理解すると良いのでは？と感じたので記事にしてました。 ミルクボーイがUI/UXを語る？ 引用<a href=httpsnotecomhajipionnn2d59507b2794fbclid=IwAR1H6gmSK 8rlODizDSriJTHROX41dD18KtYiB7lT9Vre8WHJ8IuljMeUJA>httpsnotecomhajipionnn2d59507b2794fbclid=IwAR1H6gmSK 8rlODizDSriJTHROX41dD18KtYiB7lT9Vre8WHJ8IuljMeUJA<a> UXとUIの違いを、お笑
個人的な感覚による「使いやすさ」と「ユーザビリティ」や「UX」の違いについて
個人的な感覚で語られるUI あんまり気にしてはいなかったのですが、最近良く目につく「UX」や「UI」、「ユーザビリティ」についての記事がとても、個人的主観によるものが強すぎることが多いなと見ていて思います。 たとえばこの記事において 率直に言います。 「イラッときます！」 まあ実装者目線ではこれが楽ってのは分かるんですよ…。 というのを見ていて、これは「ただのあなたの感想ですよね？」というただ、デザイナーの独善的な主観で、UIの良しあしや「ユーザビリティ」さらには「UX」を語られているのを目にします。 「それはあなたが思っただけですよね、ユーザは本当にそう感じているのでしょうか？本当に調査したんでしょうか？」そう思うわけです。あなたの感覚ではそうかもしれません。でも、地域や、世代を超えると感想ってのはコロコロ変わっていくわけです。 UIが良い悪いというのはこのように人や状況によって異なるこ
TrelloのDescription欄だけでUIを超えた手触りが良すぎて学びしかない - Make組ブログ
TrelloのUI（UX）が素晴らしすぎます。UIと言っても表面上のデザインだけでなくて、基本的な要素の手触りが良すぎます。 とくに上の写真にあるDescriptionがすごい。ここだけで作り込みがすごすぎてビックリする。 これはカード（Todoリストでいうタスク）の説明欄です。入力はtextareaででき、URLなどが入力されると表示される際はリンクになります。ただそれだけの要素ですよ。 ただそういう次元じゃないんですよね。たとえば以下の機能があります。 Descriptionが空のときは「Add a more detailled description...」を表示する Descriptionが空のときはマウスホバーで背景色を濃くしてクリックを促す Description内に描画する内容があるときは、 cursor: pointer にするだけで背景色は変わらない Descriptio
【2019年版】UIとUXデザイントレンド - baby-degu - Medium
Scenery Illustration by J.HUAこちらの記事は、2018年12月に公開された『 2019 UI and UX Design Trends 』の和訳になります。 はじめに私たちは去年、モバイルUIデザインのトレンドについての予測をまとめました。今年はモバイルだけを対象とせずに、さらに深く掘り下げていきます。 モダンなデザインの一番のトレンドは前後関係のあるつながりの中にあります。そのため、一般化することができません。 この記事を読むことであらゆるツール、技術の進歩、またユーザー向けのプロダクトが実際にどのように機能なのか開発者が理解し、全てが上手くいくように感じるでしょう。 近いうちに、販売だけでなく、生産するものすべてを網羅するユニバーサルデザインの考え方を発展させて行くでしょう。自分で何か物事を行うためには、より良いデザインの選択が必要です。 国家としての印象さ
ユーザーがより「頑張らなくていい」体験を考える
だれもがユーザー体験を楽に感じるものにすることを目指していますが、そう考えることをやめれば、もっと他にできることがあるのではないでしょうか？ ここ数年でユーザー体験のデザインは飛躍的に進歩しました。デジタルの世界におけるビジネスの成功の鍵は、すぐれたカスタマー体験を提供することであることは次第に受け入れられてきています。時間に余裕のないユーザーは使いづらいインタラクションに我慢することは好まず、提供された体験が快適なものでなければサイトを離脱してしまうことを企業は理解しています。 ユーザビリティテストとユーザー調査も盛り上がりを見せています。 Steve Krug氏の著書『Don't Make Me Think』といった書籍は、ユーザーの代弁として綴られた１冊であることから、ユーザー体験の責任を負っている多くのチームへの真言となりました。 もちろんデザイナーの戦いはまだ続いています。クライ
スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説
スマホでボタンをどこに配置するとユーザーは操作がしやすいのか？ 上部と下部、水平に並べたボタン、垂直に並べたボタン、3つ以上のボタンなど、ボタン配置について包括的な分析を行い、ボタンをどのように配置するのが最適なのか解説した記事を紹介します。 The Optimal Placement for Mobile Call to Action Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに グーテンベルクの原則 上部と下部のボタン 水平に並んだボタン 垂直に並んだボタン 水平と垂直のハイブリッド スティッキーボタン まとめ はじめに ボタンをどこに配置するかによって、ユーザーがタスクを完了する時間に影響を与えることを知っていますか？ タスクを素早く完了することで、より満足のいくエ
スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict
いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIやUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterのUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か？ ビッグオー駆動開発は、正式には『OKAN Driven Development（オカン駆動型開発）』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト
ビジネス構造 , 実装方法まで探る徹底したUI/UXトレース分析 〜Ubereats編〜｜yusuke
今年ももうすぐ終わりですね。 昨日が仕事納めで落ち着いたので、noteを更新したいと思います！ 今回は、入社直後の会社の研修でやらせていただいたUI/UXトレース分析についてです。この研修をやらせていただいたことで個人的に凄く知見が増えました。 そこで、会社にnoteで発信していいか聞いたところ快く承諾してくださったのでまとめてみました。 私が就職前にやっていたUIトレースでは、画面のトレースをして、UIデザインの考察で終わっていました。しかし、このトレースではUXの部分や実装する上での知識も学んでいけるようになっています。 分析手順 1. 画面数と遷移を確認 2. コンセプトメイキング 3. リーンキャンパス 4. メイン画面をトレース 5. デバイス間での変化を確認 6. UI/UXの特徴を考察 7. ダウンロード数で現状の人気をチェック 1. 画面数と遷移を確認最近特に
慣れるUIをつくる 理論編｜UXマン / プロダクトデザイナー, UXリサーチャー
「良いUIって何だろう？」という話題の中で、“直感的なUI” や “問題解決するUI”、“コンセプトを訴求するUI” などと一緒にほぼ確実に上がるものがあります。 それは「慣れたUI」です。 ほとんどのUIにおいて、インターフェースへの慣れはユーザーにとっての（少なくとも一時的には）大きな体験要素です。 サイトやアプリをリニューアルすると一週間くらいは離脱率が上がってしまうのがその証左です。（体験したことのあるデザイナーさんもいらっしゃるのではないでしょうか） UIデザイン、あるいはUXデザインにおいて、慣れと闘うこと、あるいは慣れをデザインすることはユーザーが触れるものをデザインする人にとって至上命題と言ってもいいかもしれません。 目次1. 慣れを生むデザインの難しさ 2.「慣れ」の強さ 3. 慣れるUIを作るためのデザイン方針 4. UIに慣れてもらうためには、寛容さが不可欠慣れを生む
エンジニアでも一読の価値あり！UI / UXの入門スライド厳選10点まとめ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「デザイナーいないんですか？」松屋の食券機のUIがどんどん悪化してきたがここに来て『極み』に到着した感が出ている
UI Pocket
全エンジニア・全デザイナー必見！UI/UXを入門からマスターできるスライド資料25選 | iPhoneの神様
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選
これは興味津々。ネイティブアプリにおける、UI/インタラクションのトレンド - mobile hack 楽しい生活情報を携帯しよう
“UI/UX”？～恥をかかないための15分UXD入門
ログイン - はてな