熟練が必要なUIについて、それがよくない理由と、UIの慣性について
久しぶりに記事を書く。最近マルス端末のUIについてツイートがあった。 この件に関して、UIについてやUXに対して日々やってきている人間は「ダメなUI」という認識の人が多いように思う。一方で、システムの開発者にとってはこれは、その認識でない人間が多いようだ。なので、この辺を私なりに意見を書いておこうと思う。 まぁ、これはいつもなのだが、書いていることが散らかってる。基本的に音声入力のメモなので、読みにくいかもしれないが読んでくれ参考になれば幸いだ。 熟練が必要なUIは基本的によくない まず、基本的に熟練が必要なUIはそもそも良くないって話をしていく。順番に話していこう、まず、熟練が必要なUIが支持される理由を考え、それに対して、批判していき、なぜ熟練が必要なUIはダメかを語ってみよう。 熟練が必要なUIが支持される理由 その前に、こういった熟練のUIが支持される理由についてかいておこう。それ
“消えない広告” ×マークが押せません!? | NHK
スマホを使っていて、イラッと感じること、ありませんか。 「×マークが小さくて、消そうとしたら、意図せず広告に触れてしまった」 「×マークを押そうとしたら、急に広告が動き、誤って広告サイトに飛んでしまった」 ウェブでの不快なことを聞いたある調査では、「広告を誤って押してしまったり、押しそうになった」と答えた人が、最も多いという結果でした。 実は、これ、「ダークパターン」と呼ばれ、世界で問題になっています。 （デジタルでだまされない取材班 芋野達郎） 押す気はないのに、広告を… マーケティングのリサーチ会社「クロス・マーケティング」が、20代から60代の1100人に、ウェブサイトやアプリを利用している際に感じる不快なことを、複数回答でたずねました。 すると、最も多かったのは『広告が表示され、押す気はないのに誤って押してしまった（押しそうになった）』で、29.5％、およそ3割にのぼりました。 続
Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
「ダークパターン」とは？7つの類型を解説／企業30社 独自アンケート - クローズアップ現代 取材ノート - NHK みんなでプラス
うそのカウントダウンタイマーや、在庫が少ない、需要が高いなどの表示。 画像では、カウントダウンタイマーや「今だけ」の表示で焦らせて「今買わなければ」という気持ちに追い込んでいます。 今回私たちは、企業の間ではダークパターンがどのように認識されていて、どのような対策を取っているのか、現状を把握するために独自にアンケート調査を行いました。 調査は、武蔵野美術大学の長谷川敦士教授の監修のもとで行い、ダークパターンが使用されることの多い6つのジャンル（ネットショッピング、旅行予約サービス、飲食店予約サービス、動画配信サービス、音楽配信サービス、電子コミック配信サービス）について、利用者の多い5つのサービス、あわせて30のサービスを対象にしました（利用者数については、ニールセンとICT総研の調査を元にしています）。このうち、16のサービスの運営企業から回答がありました（回答率は53％）。 回答した企
【閲覧注意】イライラ不可避なUIデザイン10選 - Qiita
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに 人は見た目が9割 皆さん一度はこの言葉を耳にしたことがあるのでしょう。内面がどれほど素晴らしくても、外見がそれに見合わないと、なかなか本当の価値を認めてもらえないものです。 この話は人間だけでなく、アプリケーションにも当てはまります。どれだけ内容が素晴らしくても、見た目がイマイチだったり使い勝手が悪かったりすると、ユーザーに敬遠されてしまいます。(私は以前ネ⚪︎フリからア⚪︎プラに切り替えたのですが、使いにくく感じたため、すぐに元のサービスに戻しました) エンジニアの皆さん、優れた技術力を持ちながら、デザインが原因でユーザー離れを招いていませんか？そうならないよう
降りるときに『怖いな』と感じてしまう階段のデザイン→視力が悪い人の見え方・転んでしまう理由
見え方や転ぶ理由が伝わるように整理してみました。転んだことのある方や、視力の悪い方のお話を多めに入れています。
君はクリアできるか？ “地獄のUI”に立ち向かうゲーム「User Inyerface」 プレイしてみた
使い勝手の悪いサイトデザインを体感できるWebブラウザ向けゲーム「User Inyerface」がTwitter上で話題になっている。ドイツの制作会社BAGAARが2018年から公開しているゲームで、使いにくいUIを乗り越え、最後のページにたどり着くまでの時間を競う内容になっている。記者も実際にプレイしてみた。 まず初めに表示されるのは大きな「NO」のボタン。クリック可能だが押しても何も反応せず先には進めない。そのボタンの下部には「Please click HERE to GO to the next page」の記載が。「click」にはアンダーバーがあり、「next page」はフォントの色が変わっているがクリックしても何も起きない。 早速途方にくれている中、何の装飾もない「HERE」を押すと先のページへと進むことができた。マウスカーソルを合わせても、人差し指表示に変わらなかったためリ
「ゲーム内のクモ」扱い難しすぎ問題で開発者ら悩む。お約束の敵キャラでも、のっぴきならない恐怖感 - AUTOMATON
ゲーム開発において、ある共通の問題が存在しているようだ。それは、「クモ」をどう扱うかである。 『V Rising』といえば今月17日に早期アクセス配信を開始し、すでに100万本以上を売り上げた人気吸血鬼サバイバルだ。同作はまだ開発が進む段階ということで、ユーザーからのフィードバックを積極的に受け付けている。そうした議論が交わされる場の一つがコミュニケーションツールDiscordだ。『V Rising』のDiscordサーバーには「コンテンツと機能の提案」チャンネルが存在し、ここでユーザーが直接ゲームへの要望を投稿し、盛り上がっている。 そうしたなか、あるユーザーがユニークな提案を持ち上げた。「“恐怖症”対策モード」を実装してほしいという意見だ。いわく、そのユーザーの友人は「クモ恐怖症」を患っているとのこと。そのため、『V Rising』をプレイするなかで、ボスキャラクターの一体Ungora
わたなべ on Twitter: "初めて知った https://t.co/38DBzQJPOS"
初めて知った https://t.co/38DBzQJPOS
The worst volume control UI in the world
About “wants”, “cans”, “needs”, and “shoulds”The original reddit post has now hundreds of examples of terrible volume UI, and it keeps growing — a fun exercise/joke, that can strengthen one’s creative muscles and ability to think outside of the box. People have been participating simply for the fun of coming up with the most absurd and weird interactions and interface elements. But there’s definit
ソシオメディア | ヒューマンインターフェース ガイドライン
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
Game UI Database
1329 Games 54883 Screenshots The ultimate reference tool for interface designers. Filter by Materials and Patterns Such as Wood Paper Halftone Tribal Ornate and many more! Browse 120+ Screen Types Title Screen Settings Inventory Area Map Dialogue Shop Mission Log Tutorials & Guides Leaderboards Modals Gameplay & HUD
メルカリが検索に「売り切れ品」を置く理由、初期のLINEが友だち追加を「電話番号マッチング」に絞った理由など、アプリのマーケティング施策まとめ30｜アプリマーケティング研究所
2017年〜2020年（+α）に取材した記事から、今でも参考になりそうな施策などまとめてみました。※ 数値等はあくまで取材当時のものです。 1、フリマアプリの検索結果に、あえて「売り切れ商品」を表示している理由（メルカリ）フリマアプリの「メルカリ」では、検索をかけると販売済みになっている、「売り切れ品」も表示されるようになっている。 あるとき邪魔ではないかと、検索結果から「売り切れ品」を消してみたら、あらゆる数値（継続率・購入率など）が悪化してしまった。 実は「売り切れ品」を置いておくことが、ユーザーに「これ買いたかった」「マメにチェックしとこう」と思ってもらう、うまい演出として機能していたのが理由。 2、コメント欄のタイムラグを小さくすると、コメント率が改善されて荒れにくくなる（ミラティブ）配信アプリの「ミラティブ」では、コメント欄のタイムラグを小さくしたところ、コメント率が改善されたと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ダークモードの需要は意外と侮れない。メモアプリへのレビューから見えてくる「眩しさ」への拒否感、ダークモード搭載の安心感 (2ページ目)
ダークモードの需要は意外と侮れない。メモアプリへのレビューから見えてくる「眩しさ」への拒否感、ダークモード搭載の安心感
やさしい切りかた辞典 | 貝印
おしゃれなデザインのトイレマークを見た色覚異常当事者の方『こう見えるけど全然違ってて震える』
デザインとは実は単純な発想から生まれてるという例を教えて頂けませんか？ - Quora
Manabu Ueno on Twitter: "デザイン原則 33: ゼロ・ワン・インフィニティ - 個数に関して恣意的な仕様を作らない。要素の存在可能な個数は基本的に0か1か無限とする。一覧の項目数、フォルダの階層数、入力欄の文字数など、ユーザーが増やせるものに数の制限をつけ… https://t.co/Gce6agsKc0"
業務系システムは『イケてるフラットデザイン』だと使いにくい？現場が本当に必要だった物との比較
