株式会社ジェーシービー (本社：東京都港区、代表取締役兼執行役員社長：二重 孝好、以下：JCB)は、会員専用WEBサービス「MyJCBアプリ」において、国際的なデザイン賞である「iF DESIGN AWARD 2025」のUser Experience（UX）部門 のCommunication UX で受賞しました。なお、サービスデザインおよびUI/UXデザインは、株式会社フォーデジット（本社：東京都港区、代表取締役CEO：田口 亮）と協働で担当しています。 ユーザー体験を重視したデザインへの取り組み JCBとフォーデジットは、2021年から「MyJCBアプリ」の改善に向けて協働し、サービスデザインからUI/UXデザイン、継続的な改善体制の構築などを進めてきました。 リニューアルに際し、ユーザーの具体的な利用実態や課題への解像度を高めた上でサービス利用体験におけるアプリの役割を定義していく
K e n T a @kenta_feels_ayu 面白いのはヨドバシドットコムのUIの不器用さに反し、 JCSI(日本版顧客満足度指数)の調査で10数年連続で満足度1位を叩き出しているというデータがあることなんすよね。 (楽天Amazonもスコア60～70前半でひしめいてる中、ヨドバシは70後半ものによっては80以上のスコアを叩き出して独走状態。) pic.x.com/cK5qnma6sC x.com/List_Erine/sta… 2025-01-17 16:29:08 炭山水(旧リステ・リン) @List_Erine それはそれとして、ヨドバシドットコムはもうちょいwebサイトやアプリのUIはもうちょい頑張って欲しいではある。 ことあるごとにパスワード入力求められてウザいし、ボタンデザインが直感的でないし、住所変更がヘッダに反映されないし、検索結果がいかにもな部分一致キーワード検索
皆さん、フォーム作ってますか？ Webサイトやアプリを作るにあたって避けられないのがForm作成、多くの方が autocomplete を設定するなど、より使いやすいフォームを作成するために尽力されていることと思います。 一方で、悪気なく書いたコードでより使いにくいフォームになってしまっている例が世の中には多く見られます(特に銀行系) 今回は、よくあるフォームの実装を例に、(特に日本語話者にとって)より使いやすいフォームにするためのちょっとした仕様や私が考える対策を書いていこうと思います。 忙しい方のために最初に書いておくと、この記事に書いてあることの多くは autocomplete の仕様を意識した実装をしましょう の一言に集約されます。 多くの方にとっては「何を当たり前のことを」と思われる項目も多いかとは思いますが、当たり前のことがされていないフォームが世の中には多すぎるので、少しでも
Microsoftが『コントロールパネル』廃止を明言。40年近い歴史に幕？ Microsoftではここ最近、昔から搭載されていた機能の廃止を次々に行っており印象に残っている機能としてはWordpadが2023年9月1日に廃止される事が発表され、Windows 11 24H2では完全削除される事が明らかになっています。ただ、Microsoftでは昔からある機能として恐らく最もWindowsユーザーに親しまれてきた『コントロールパネル』についても廃止を明言し、近い将来、完全削除が行われる可能性が出てきています。 Microsoftは2024年8月19日に『System configuration tools in Windows (Windowsの構成設定ツールについて）』と言うサポートページを新たに公開し、Windows 11や10で可能なカスタマイズやそのカスタマイズ方法について詳細を記載
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Webサービスのフォームに住所を入力するとき、丁目や番地などを入れる欄について、数字やハイフンを全角で書かなければいけない「全角縛り」をやっているフォームをよく見ます。半角文字を入力してしまってエラーになったり、咄嗟に変換方法を思い出せなかったり、全角と半角の見分けが付きづらかったり、「全角縛り」であることが明示されていなかったり、「ハイフン」としてどの文字を使うべきかわからなかったり……と、鬱陶しさを感じることが多くあります。 「住所は全角のみ」（数字やハイフンも絶対に半角を受け付けない）という仕様がどういう経緯で生まれて、どう広まっ
JRの職員がマルスを操作する動画が話題になった。 この動画について、職人性を賞賛する立場と、UIとして問題があるという立場が対立していた。 nobkzさんのこの記事は、「熟練が必要なのはUIとして問題がある」という立場での記述だとおもう。 一連の話題に対して違和感を持ったが、違和感の源泉は明確で、「UIとしてよいかどうか」という立論自体に机上の論理以上のものにならないということもあるが、そもそも「マルスとはどういうシステムなのか」が議論されていないことがおおきい。 わたしもマルスについて名前は知ってはいたものの、具体的にはどういうシステムであるかは知らなかったので、少し調べてみることにした。 マルスについて Twitter(X)で話題になっていたもとの動画はこちらである。 ここだけ取り上げてみて、マルスの良し悪しを論じるのは鉛筆を取り上げて絵の良し悪しを論じるようなものだとおもう。 次の動
アプリ インフラ構築 保守運用 ケンタッキーフライドチキン 公式モバイルアプリ、公式Webサイト（2024年3月末まで提供） ケンタッキーフライドチキン(以下、KFC)の公式モバイルアプリ、及び、公式Webサイトをリニューアル。企画、運用設計、UI/UX設計、デザイン、開発を担当しました。 今回リニューアルでは、ユーザーにより直観的に情報を提供できるUI/UXと、それを実現可能なシステムをクライアントとともにアイデアを出し合いながら設計しました。公式モバイルアプリと公式Webサイトの更新方法を一元化し、フロントエンドからバックエンドまで、一貫した設計・管理・運用とデータ更新を双方で共通化することで、日々の運用負荷を軽減し、ユーザーに素早く情報を届けることを可能にしました。 また、赤と白を基調とした、KFCのブランドイメージをより印象付けるデザインを企画しました。 *2024年3月末まで提供
AmazonがEvilに染まっていく… 購入手続きのときに、急にこんな画面が挿入されてきたんだけど、 https://tadaup.jp/55aeed90d.gif こんな絵に書いたようなダークパターンある？？ 「お急ぎ便を無料で利用できます」と書いてあるけど、 小さく「会員は\600円/月で特典使い放題」と書いてある。 つまり、「600円払えば無料だよ」と言っている。つまり、無料ではない。 読解力を測るテストで間違えるような人は、もうこれ読み取れないだろ。 しかも、その下のボタンである。 一見すると、ボタンが2つ並んでいる。 YesとNoのボタンなのかと思いきや、なんと、これはYesとYesである。 「Yes か はい で答えてください」というジョークを素でやっているのが、今のAmazonなのである。 では、Noのボタンはどこにあるのかと、画面中をよく探したら、左側に、普通のテキストの見
Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の１要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUIほんで変わった後がこちら↓↓ afterUIご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑＆黄」から「緑塗り＆緑枠線」に変更しました。「え、それだけ？」という声が聞こえてきそうですがそうなんです。それだけなのです。しかしここはレガシードメインのtoB SaaS。toB SaaSではUIの変更がユーザー業務への影響に直結するので軽微な変更を加えるのもハードルが
「松屋」の注文用タッチパネル式券売機 4～5月頃に使いにくいという声が広まり、一部メディアでニュースとしても取り上げられていた大手牛丼チェーン「松屋」の注文用タッチパネル式券売機。それから数カ月が経過した今、いまだに使いにくいとして一部で話題を呼んでいる。ネット上では「半泣きで券売機の使い方ググってる人」「やたら重いし無駄に操作回数多いし不便」「牛めし2個持ち帰りしようとしただけでテンパった」といった声や、操作したものの買うのを断念して帰ってしまう人もいるという声もみられる。果たして松屋の券売機は改良されたのか。業界関係者の見解も交えて追ってみたい。 全国に1000店以上を展開する飲食店チェーンだけに、何かと話題になることも多い松屋。今年1月には根強いファンが多い「オリジナルカレー」の代わりに一気に200円アップさせた『松屋ビーフカレー』を680円（税込み／以下同）で発売したかと思えば、8
医師は情報が詰めこまれたスライドが好き？こんにちは、株式会社CureAppデザイナーの小林です。精神科の医師ですがデザインが好きすぎてデザイナーとして働いています。 医療の世界から会社員に転身すると、日々さまざまな発見があります。先日社外の人とプレゼンテーションの話題になり 「医師向けのプレゼンでは、シンプルなものより情報が詰め込まれたスライドが好まれるんです」 と言われ驚きました。 たしかに医療系のスライドは医師に限らず文字が詰めこまれた分かりづらいスライドが主流ですが、それはデザインへの関心が低いだけでけっして「好き」なわけではない、そう思っていました。 しかし改めて「もしかして医師は本当に複雑なデザインが好きなんじゃないか？」という疑念がわいてきました。 よく見る医療系スライドの一例 https://www.dinf.ne.jp/doc/japanese/resource/kouse
https://b.hatena.ne.jp/entry/s/www3.nhk.or.jp/news/html/20221201/k10013910251000.html 「エスカレーターを本当に歩かせたくないなら、歩けないようなUIにすべき」 エスカレータ事故のブコメに必ずこういう人湧くんだけど、それって技術的に可能なの？そこまで考えて書くべきでは？ チェスタートンのフェンスじゃないけど、技術的になんとかできるなら、既に何とかしてるはずで、できてないのはそれなりに理由があると思うんよね。 技術的な限界＋輸送力の問題で今の状態になってるんじゃないの？ 速度を上げると乗るときに危険だし、 段差を高くすると、乗り切れなくて足を踏み外したときの転倒リスクが上がる 人が一列になるように幅を狭めるのは、技術的にはできるけど輸送力が落ちて駅の導線に問題が出る。環境負荷も高いだろう ステップの構造を変え
Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 明治大学宮下研究室の研究チームが発表した「ノッチがポインティングの操作時間に与える影響」は、MacBook Pro（2021）に搭載するノッチがマウス操作に与える影響を検証した論文だ。ノッチによって、マウスの操作時間とエラー率に与える影響を調査した。 MacBook Pro（2021）にはディスプレイの上端中央にノッチ（描画が行われない黒い領域）が配置されている。21年の出来事であり、一部で話題になったことから記憶に残っている人もいるだろう。このノッチ、見た目が目障りなだけでなく、メニューバーを隠したり、マウス操作のカーソルを隠したりして実用的にも邪魔なタイミングが発生する。 そこで今回は
少数色覚者にとって黄緑とオレンジは見分けづらい組み合わせの一つです。この記事のタイトル画像とかなかなか最悪です。 WEB、アプリや印刷物などのメディアではだいぶカラーユニバーサルデザインの考え方が浸透してきており、デザイナーも多様な色覚でも読み違えないように配慮してデザインすることが当たり前になってきていると思います。 Photoshopなどのグラフィックツールには簡単に少数色覚の見え方を確認できるプレビューモードがありますし、AdobeColorを使えば無料で少数色覚の人が混同しやすい色かどうかをすぐに確かめられます。https://color.adobe.com/ja/create/color-accessibility 少数色覚が見分けづらい色の組み合わせだと「-」が表示されるしかし、工業製品の世界では少数色覚にとって見分けづらい緑とオレンジの組み合わせのLEDインジケータ（表示）を
Fifteen tons of fireworks. Jugs of kerosene and acid. Thousands of tons of ammonium nitrate. A system of corruption and bribes let the perfect bomb sit for years. How a Massive Bomb Came Together in Beirut’s Port By Ben Hubbard, Maria Abi-Habib, Mona El-Naggar, Allison McCann, Anjali Singhvi, James Glanz and Jeremy White Sept. 9, 2020 Fifteen tons of fireworks. Jugs of kerosene and acid. Thousands
菅義偉首相が、行政手続きでの押印の原則廃止を進めている。デジタル化を進める上で重要なのは、情報の表示の仕方や必要な情報を探す操作方法といった「ユーザーインタフェース」の改善だ。 菅義偉（すがよしひで）首相が、行政手続きでの押印の原則廃止を進めている。はんこは、署名の手間を省く便利な道具として普及した。押印をデジタル化できるかも、人々が使いやすさを感じられるかにかかっている。新型コロナウイルス対策の給付金支払いを巡る混乱で露呈したのは、デジタル化の遅れだけではない。単にサービスをオンラインで提供するだけではなく、情報の表示の仕方や必要な情報を探す操作方法といった「ユーザーインタフェース（UI）」を重視した利用者目線が不可欠だ。 「（求められているのは）まずUIを徹底的によくしろということだ」。平井卓也デジタル改革担当相は就任翌日の会見で、新設するデジタル庁の方針について聞かれ、こう強調した。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
