最悪なUX
User Experience
このページもアイコン後付け記法に直したほうが見やすそう
直した
テロメアが死んだけど気にしないことにする
どうしてもテロメアみたい人はここを踏んでPage Historyを開いてください
鬱陶しい量のアニメーション
「やりたいこと」を実現するために毎回待たされる
画質が低い+拡大表示にページ遷移
ニュースメディア系でありがち
中は同じシステムでデザインだけ変えてるのか？って思うほどシステムが似かよってる
無駄にページングもするし
これはPV数稼ぎ
画像も
無駄にごちゃごちゃしたUI
togetterとか楽天とか
楽天は「ごちゃごちゃしてる（雑貨屋とかを眺めるのと一緒）」を「良い」と思う層がターゲットだからあれはあれで間違いではないと思っている
まあ独自性はあるな…
>昔、楽天のえらい人に「楽天の通販ページはなんであんなにゴチャゴチャしてんの？」って聞いたら「ABテストを死ぬほど繰り返しても、結局ああいうスタイルの売上が一番高い」って言われたの思い出すな。
草
>もちろん、そういうページを好きな人が楽天のメイン顧客だからってバイアスの可能性も認めてた。 https://t.co/jiP4n50uYh
徐々に変化はしそうだけどなあ
Amazonもたぶん改善の余地がたくさんあるんだろうなあ
ニコニコ動画もこれのイメージ。。
上にスクロールすると出てくるヘッダー
ただ文章を読みたいだけなのにチカチカして鬱陶しい
常時表示するか固定するな
テキスト選択時のポップアップ
SNSシェアするだけポップアップをいちいち出すな 鬱陶しい
コピペぐらい誰でもできる
楽にしたい人は大体拡張機能使ってる
テキスト選択、コピー、右クリック禁止
いわゆるコピペ出来ないサイト
論外
選択可能であれば
document.getSelection().toString() がつかえる選択すらできない場合は……開発ツールへGo!
たまに開発者ツールを開けると「開発者ツールを閉じて下さい」っていうページにリダイレクトされて終わるページがある
どうやってやるんだそれ 
何がそんなにも極端な情報隠蔽主義に走らせるのか……
+1
幸いにもそこまで極端なページには一度もあったことないけど
悪用されるのを防ぐためではないですか？なりすましとかが発生する確率を減らすとか
これで済む話なんだよなぁ
ちなみにこれはGoogle翻訳です
Google Apps Scriptでも同じメッセージが出ますね
書くのなくなるなー
新種を見てしまった
パスワードやメアドの入力欄の２つ目がコピー禁止のパターン
コピペで打ってるのに全部手で打たないといけないのだるい
まあこれは仕方ない
パスワード管理ツール使ってるのでコピペしたい（入力できないこともある）
32文字とかの乱数列を二度打ちするのはめんどくさすぎる！
テキストをコピーできないWebページ 
これは地味にイラッとするやつですね……
分かる人はコピーできる（悪用する人は大体こちら）ので意味無いと思う
そーかー
機械的に作られた大量のリンク
ニコニコとか、はてなブログとか
行政の書類とかで、PDFのファイル名が解読不能な文字の羅列だったとき（それもめっちゃ長い）にすごい残念な気持ちになる
ニコ百は形態素が壊れることが多くてげんなりする
はてなブログはクリックするまでは気づかないのでそんな気にならない
クリックした後の内容が薄い問題は、まだ解決できるポテンシャルがある
特にリンクだと分からないようなスタイルにされてるものを毎回踏んでしまってとてつもなく鬱陶しい
これは地雷でしかない
あいうえお配列、abce配列の(仮想)キーボード
(切り替えられないやつ)
カラオケとか、コンビニのプリンターとかにありがち
セブンのプリンターはちゃんとPC配列対応してた！
えらい
ATMの送金これなのでつらい
昔メール端末作ったことがあるのですが、あいうえお配列が高齢者に大好評でした
よく考えたら、PC配列使っている人口の方が、日本全体で見たら少数派ですね。そっちの常識に全部合わせちゃったら逆に混乱する
あいうえお配列など、なるべく誰でも使えるようにしたinterfaceをdefaultにして、PC配列などは設定画面から選択できるようにすると、多数派・少数派の双方がストレスなく使えるようになりそう
PC使っていない人でもあいうえお配列なら読めるしわかる
ひらがな読めない人への対応は一旦置いておくとして
PC使っている人なら設定画面を探し出して操作するくらい普通にできるので、各自で設定を操作してPC配列を出してもらうようにしても問題ない
+1
多少手間はかかるが
全くアプリである必要がないのにWebではなくアプリの形で(のみ)提供されてるサービス
UIレベルで考えればスマホのUXはPCに勝てるはずがない
スマホというだけで操作がかなり制限される
スマホならではの操作も実際に使える機会はあまりないみたいだし
考えられる理由
Web siteではなくnative app形式でstoreに置いたほうが、スマホユーザにとっては使いやすい
Browserだけで十分だということを知らない
PWAの存在を知らないとか
PWAも、初見だと「ん？」となった
なにか違和感があるのですか？
よく使うサイトへのリンクをデスクトップに置くのと同じだなって思ったくらいかな
「アプリ」にはパソコン用のソフトウェアを含むかどうか
アプリという形式への固執、本と同じ何かを感じる
クリックすると全選択されるコードブロック
ユーザーがドラックもできないと思ってるの？
そもそも全部コピーする機会まずないだろ
関数名を選択して検索したいときとかに全選択されて鬱陶しい
文字選択するとページ遷移する
Oxford Learner's Dictionary、お前のことだぞ
英辞郎 on the WEBはダブルクリック遷移だが、ちょっと鬱陶しいときがある
単語選択してコピペしたいとき
等幅フォントじゃないコードブロック
絶対に止めてほしい
何だそれ存在自体が信じられない
シンタックスハイライトが付いていないコードブロック
ほとんどユーザーの問題なんだけど、表示するときに選択できるようになると嬉しい
無駄に空いた左右の余白
メイン要素に十分な幅がない
アプリの初回説明
手が出てくるやつ
自分の手以外の手がウヨウヨ動いてるの、気持ち悪くないか？
連打しないとチュートリアルが終わらない
+1
大学の成績証明書発行サービス
コンビニで｢簡単に｣印刷出来るはず...なのに1時間かかって疲れた
まず説明がPDFだけ
本人確認があるので1日待たされる
1. パスワードを2つ設定する
2. ログインして証明書の種類を選ぶ
3. 予約番号が出る
4. コンビニ複合機で支払いの紙を出す
5. レジで手数料を支払う
6. メールで番号が届く
7. コンビニ複合機でその番号を入れ、印刷する
8. 印刷代を払う
手数料と印刷代を別々に払うのか……
事務が入っている棟の自動証明書発行機で完結する
事務が開いていないときは使えないけど、開いているときはいつでもその機械だけで発行できるので楽
そう、大学が近ければね！
あっ(察し)
卒業生かつ他県の人にとって、コンビニプリントはありがたいのよ
平文保存してるのかワレと言いたくなる
文字種制限あるのも最悪
記号を使わせろ
せめてパスワード生成ツールが自動的に判定してほしい
標準化されていそう
JIS第４水準まで使わせろ
定期的にパスワードの再入力を求めてくるやつ
認証情報の再入力は仕方ない
これがしつこいのでRedditがあまり好きになれない
iPhoneで使うGoogleMAPもこれ、しかも確認ダイアログで
アプリ（強調色）、引き続きWeb版で（通常色）なのが追い打ちをかけてる
執拗に登録を求めてくるサイト
Qiitaは閉じれるからまだマシだけどQuoraは最悪
登録しろって画面が貼り付くのでまともに操作できない
求: UserScript化！
いいぞ！
Instagramもそう
実はTwitterも
登録する気が失せる
まあQiitaは垢持ってる(使ってないけどw)
これは最悪
プレミアムを利用していません
ちょっと見たいだけなのに、いきなり何ですか
これ通知だけならまだよくある感じなのだけど絶対に連携しないと閉じれないのがヤバイ
最初からユーザIDとパスワード登録を求めてくるシステム
どういうシステムなのか理解してから 登録したいのに
試用する気すら失せる
「今すぐ使う」じゃなくて「今すぐ話を聞く」
from Nerve
ツールを使ってみたいだけなのでなんで人の話など聞かないとならんのだ
テキストコミュニケーションのツールなのにZoomによる音声会話から始まるんかい
ツールの使用感や雰囲気を気軽に試せない
Twitterやscrapboxなんかはlogin せずとも閲覧できるので雰囲気をつかめる
最近の
はそうでもない（プロフィールページ閲覧時にログイン要求される）
デモサイトがあれば良い？
状態により要素が移動するUI
誤操作を誘発するだめ設計
リソースのサイズを適切に指定していないだめなウェブサイトとかAndroid版Slackアプリとかが該当します
Slackとか、未読が上に勝手に移動するインターフェースじゃなくて全未読が欲しい
表示してから読み込みを始めるメニューとか
Scrapboxの数式記法のpreviewはいい感じに直してもらったので、これも直してもらいたい
といってもじゃあ具体的にどう表示すればいいか、と聞かれても難しいところだが……
なにもない所をクリックしたら遷移してしまうやつ
要するにReddit
何そのトラップ
最悪
広告のせいで読み込みが遅くなったり動作が重くなるのって本当にクソだと思う
もっと良い広告の仕組みはないのかな
読み込み時に文章の構造が変るのが本当に最悪
Cumulative Layout Shiftとして検索順位に影響するはずなのに結構多く感じるのはなぜだろうか
しかしAdblockって使って良いのだろうか？
世の中のインターネットの帯域を無駄に使っていると思うと全員が使ってほしい。。
サイト運営者に収益が入らなくなるから逆に迷惑になのかな
実際にサイトを運営している人がそう言ってたから、なんとなく無効化したらなんだかんだで慣れた
むむむ。無効化したほうが迷惑にならないのでしょうか……
なぜ？
最悪なUX#5fbec7551280f000006385ebだから、無効化したほうがサイト運営者のためになります
もちろんそうしたければプレミア会員になれというのがサイトの主張なんだろうけど
あ、ためになるサイトで広告ブロック解除を要請してくるサイトの場合は、素直に解除します
広告じゃないけどChromeの/programming-notes/他の人はこちらも検索もよく押し間違える
テキスト入力中なのにポップアップウィンドウが出てフォーカスを奪われるやつ
Macでよくあるのだけど
リストビューで、ページ番号がなくて末尾までスクロールすると続きを勝手に読むインターフェース
何らかの理由で再読み込みが走ると先頭に戻されるのですごくつらい
SoundCloudは頑張って辿ってくれるのでよい
Youtubeは戻るときは自動で元居た場所まで戻してくれる
Scrapboxもこれだけどあまりページリスト辿らないので気にならない
無限スクロールか…
最近流行ってるけど、確かに考えてみればTwitterとかでよくツイートを見逃がしてしまって探してる
そもそもページングしるときでも、リロード時にズレないようにするためにするのもかなり難しそう
スクロールできるようにしろ!
破壊的な動作なのに一切確認を出さないやつ
操作が簡単だとなお最悪
Twitterで誤ブロックとかしてしまった人いるのでは
迂闊に操作すると事故が起きるUIは悪だと強く思っています
設定しただけで凍結とかどう考えてもやりすぎ
人以外も普通に使ってるのに基準は人なの手を抜きすぎだと思う
+1
これだけではないけどTwitterはUXに対するやる気が無さすぎる
人ではなくシステムが問題
人が注意するのではなく、人が注意せずとも正常に動くシステムのほうがまとも
+1
一応最近は変更しようとすると注意メッセージが表示されるはず
それでも無視してしまうのか凍結される例が後を絶たないけど
ここまで来ると(自分は)Twitterに非はないように感じる
そもそもこの仕様自体がCOPPAあたりのせいなのでは？
責めるべきはTwitterではなくCOPPAでは？
あ、そうなんですね、普段Twitterやってないので知らなかったです
EmacsでCtrl-wを押すと選択範囲が全部消える
選択範囲は目に見えないこともあるので、突然全部消える!
選択範囲が見えない
そんなことあるの……？
> めっちゃ難しい選択肢が出た
>
どっちだよ
正確には、キャンセルしないときはキャンセルをキャンセルする。二重否定の一種
利用規約とか利用条件とか
スクロールできる・文章が表示される領域がクソ小さいやつがある
真ん中の1cmくらいのところをちまちまスクロールして読ませる
読まずに同意しろって言われている感じ
別画面で自分で探して開けばいいじゃん
変更部分の要約を書いてくれているのは良い
ダラダラ書いてあって文章構造がわからない
どこが更新されたのかわからない
普段使わない言葉遣いで書かれていてわかりにくい
甲とか乙とか
そもそも読ませる気がないだろ…
というか読まない前提でまわってないか？
利用者が一方的に不利になるようなものは無効になるようなのとか
サービス提供者側も読んでもらったほうが対応コストが減りそうなのになぜ読まれやすいような形にしないんだろう
要約版も作成しているところも稀にあるみたいですね
そもそもなぜ今の複雑な形式が普及している？
書いてないとトラブルが発生した時に困るから？
書かないのは法的リスクが高すぎますね
書いておかないといけないことが多すぎて、長文にならざるを得ない？
ので複雑に見える？
長文でもわかりやすくする方法はありそうだが
普段読まない形式なのは法的な文章(法務がチェックしてる)だから
他の例：特許の文章。普段読むような文章ではない
最適化する対象が裁判所なのか一般ユーザーなのか。たいていの規約は前者を選んでいる
読んでて楽しい・わかりやすい訳が付いた規約
これ最高じゃん
Goat Simulatorよりおもろいバグり方してるw
これ思ったより面白かった笑
法律もこれと同じような理由で読みにくい
マインクラフトの利用規約は読みやすかった記憶
Microsoftに買収される前の話なので今は知らん
とっとと操作したいのに機能案内で待たされると苛々する
Scrapbox likeなツールないかなと思ってたまにNote taking toolとか試してみてるけどこれが出てくる率が高い
複雑である自覚があるんでしょうね
ログイン時のエラーメッセージが嘘をつくor明らかにヒント足りない
LINE PCアプリで「メアドが違う」言われたけど、違うの電話番号だった
本当のことを教えると、それを手がかりに悪いことする人もいるので...(これはやりすぎかもですけど)
ダークパターンと呼ぶらしい
解約した時に引き止めようとしてくるのもこれの変種でいいんだろうか
解除しようとする時に妙に棘のある言葉を使ってくる Microsoft 関連製品
罪悪感を植え付けようとするな
というか感情を利用するな
例
WSJ(今は改善された)
文字数制限のある住所入力
マンション名とか入らない…
全角ｏｎｌｙ
なぜこっちに強制させるんだろう？
勝手に変換することを嫌がっているのか？
そもそも全角しか受け付けない意味がわからない
新聞社やテレビ局のＷｅｂニュースにありがちなやつだ...
新聞の縦組みが全部全角で、そのテキストをそのままネットニュースに流したから全角のまま、というのはありそうですね
じゃあなんでテレビ局のＷｅｂニュースは全角なんだろうか……
法人番号検索サイトを思い出した。。/cybernote/AD1 A
一時期SQLインジェクションやXSS対策で全角文字Onlyにしていたサイトがあったらしい
一覧が長すぎる
ページ内検索とは相性が良い
時間経過でログアウトするシステム
てめーだよ大学の連絡システム
ネットバンキングとかならまだしも、なんで大学の連絡システムがこうなってるんだろう
「5つの質問に答えてあなたにあった商品探そう！」→答え終わった後「答えを見るにはメールアドレスを登録」
P&G
広告メールの購読解除の手順がめんどくさいやつ
理想
購読解除(Unsubscribe)をクリックしただけで解除できる
そもそも勝手に送ってこない
悪い例
リンク先のWebページでのログイン必須
自動的に解除するシステムがないのでメールで申し入れる
参照しやすくない企業広報
遡れない
クレジットカードのタッチ決済
このマークを見てもタッチ決済できるかどうかは店員に聞かないとわからない
笑う
店員が知らないケース
端末が対応していても契約で対応していないケースがあるっぽい？
支払いができるかどうかは支払ってみるまで分からない
サービスと銀行、両方が対応していても、銀行がPay-easyを使えるところを絞れるっぽい
永遠につながらないカスタマーサポートの電話
クラッシュ
論外
なかった