タグ

uxに関するymm1xのブックマーク (9)

  • maxlengthを使ってはいけない。特にパスワード入力欄で使っちゃ駄目! - Qiita

    今日自分が体験したトラブル事例に、ユーザビリティ向上のための気づきがあったのでメモしておきます。 ※文よりまず、このコメント、こっちに言いたいことが集約されてるのでまずはこっちを読むと早いです。 ※文よりまず、このコメント、こっちに言いたいことが集約されてるのでまずはこっちを読むと早いです。 ※文よりまず、このコメント、こっちに言いたいことが集約されてるのでまずはこっちを読むと早いです。 事例:登録時のパスワードでログイン出来ない!? 今日、とあるWEBサイトでユーザ登録を行った際に、登録時に入力したパスワードでログイン出来ないというトラブルがありました。 普通は自分の入力ミスを疑うところですが、登録もログインもコピペで入力しているので入力ミスはありえ無いと思っていました。 お問い合わせフォームからバグ報告 というわけでこれはバグだろうと、お問い合せフォームから以下のような内容の報告

    maxlengthを使ってはいけない。特にパスワード入力欄で使っちゃ駄目! - Qiita
  • あらゆるチャットのEnterの挙動を徹底調査。~改行キーと送信キーは統一すべきである~ - えくせるちゅんちゅん

    チャットで改行しようと思ったのに送信されてしまった!!! そんな経験ありませんか? SNS・チャットソフトによって送信キーと改行キーがバラバラすぎなのが原因です。 いつも使っているソフトなのに、ショートカットキーがパッと出てきません。 数秒迷った挙げ句、 勇気を出してポチッと押したら送信されてしまった 絶・望 ドキドキしながらポチッと押したら改行されたときの 安・心・感 分かります?この気持ち・・・。 さて、そんなチャットソフトですが、新型コロナの影響でリモートワークが増えたことにより急速にユーザー数が増加しているはず。 今まで使っていたメッセとキーが違っていて、混乱している人が増えているようです。 かくゆう私も、以前からずっと悩まされてきました。 というわけで、私、全力で調べてみました。 調査結果はこちらです! ドン! Teams、Facebook Messenger、Skype for

    あらゆるチャットのEnterの挙動を徹底調査。~改行キーと送信キーは統一すべきである~ - えくせるちゅんちゅん
  • 聖剣伝説3のダメな所

    戦闘中にダッシュできない。どころか通常より移動が遅い。2で言うところの「溜め」を行っている時と同じスピード。戦闘フィールドでわざわざ武器仕舞ったり出したりする。これは任意ではなく、自動的に行われる。敵が近づけば武器を出し、近くに敵がいなくなればしまう。ここに無駄なモーションが入るお陰で、移動の早い敵だとこっちが武器出す前に攻撃してくる一回攻撃したら一定時間攻撃を繰り出せない。しかも2みたいにあとどのくらいで攻撃できるようになるかとかは表示されない。魔法発動前に詠唱時間がある。これが異常に長い。お陰で魔法はとにかくストレス溜まる。持ってるなら同効果の各種アイテム使った方が手っ取り早い発動に時間がかかる割には全体選択はできない。できるようになるのはそれ相応のクラスにチェンジしないといけない。魔法にレベルが存在しない。よってレベルによってエフェクトが変わったりはしないクラスチェンジしたら色が変わ

    聖剣伝説3のダメな所
    ymm1x
    ymm1x 2019/06/12
  • 「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する|Mikio Kiura / ANKR DESIGN

    Webサービスやアプリなど開発や運用に関わっている方であれば、こんなことを耳にしたことがあるのでは無いでしょうか? 5人でテストを行えば、ユーザビリティ上の問題のうち85%を発見できるこれらは業界的にはある意味で常識ですが、色々話を聞いてみると、この常識の「出処」あるいは「根拠」ってあんまり知られていないようなのです。 もちろん、ちょっと知識のある人であれば、ユーザビリティ業界の第一人者であるヤコブ・ニールセン博士が提唱したというところまでは知識として知っているでしょう。しかしながら、その元ネタとなった論文を実際に読んだ人、あるいは85%という数字の根拠やその条件について理解されている方はどの程度居るのでしょうか。 ということで記事では「ユーザテストは5人で85%」の元ネタである下記の論文について、解説、と言うとちょっと大げさかもですが、概要を紹介してみたいと思います。願わくば、この記事

    「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する|Mikio Kiura / ANKR DESIGN
  • Webフロントエンドでアニメーションを実装する時になにを考えるか - Qiita

    明けましておめでとうございます。 アニメーションの実装に抵抗を覚えている方、多いのではないでしょうか? 特に昨今ではサーバサイド出身で最近フロントエンドを触り始めたという方も多いと思います。私が属している組織でもそんな流れは少なからずあるのですが、そういったバックグラウンドの方の声として聞くことが多い声はやはり「CSSは触りたくない、アニメーション怖い」というものです。 私も少し前まではちょっと複雑なアニメーションを見ると「えぇ…」と思っていたものですが、今ではCoolなアニメーションを見ると「どうやって実現しよう」とワクワクするようになりました(とても正直に言うとあまりに激しめなことされると今でも「えぇ…」とはなります)。 この記事ではあるアニメーション要求がある時に、どうやってそれを実装に落とし込むか、その考え方を私なりに整理したものをまとめてみました。アニメーションに抵抗がある方や、

    Webフロントエンドでアニメーションを実装する時になにを考えるか - Qiita
    ymm1x
    ymm1x 2019/01/09
    認知コストを軽減する手段としてのアニメーション
  • UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート

    PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事(腹立たしいことに4ページ目はたった1行だったりする)、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。 さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。「誰が好き好んでこんなUIを作るものか」と。 関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか? その負のス

    UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート
  • サクサク感をデザインする

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog ヤフオク!アプリ開発部の中島(@52shinNaka)です。今日はデザイナーの立場からサービスの体感速度をテーマに記事を書いていきます。 サクサク感の正体 サクサク動くサービスと聞いて、どんなサービスを思いつくでしょうか?サクサク動くを分解すると下の2要素に分かれると思います。 表示速度は、純粋にコンテンツが表示されるまでの時間、体感速度は、実際にプロダクトを触って感じられた時間の長さです。触っていて「サクサク動く!」と感じられるサービスは、上の2つの要素が満たされていることが多いです。 表示速度はサービス利益に直結する デザイナーが日々の作業の中で表示速度を意識するタイミングは少ないかもしれません。しかしグロースステージにある多

    サクサク感をデザインする
  • エンジニアでも知っておきたい実装時のデザインのこと - Qiita

    DMM.com #2 Advent Calendar 2017 2日目です! カレンダーのURLはコチラ DMM.com #1 Advent Calendar 2017 DMM.com #2 Advent Calendar 2017 オンラインサロンというサービスのエンジニアをやっている17新卒の高木です! 学生時代に、Webデザインやメディア周りのフロントの実装をかじっていたり、 サービスのエンジニアとして、バックエンドのことだけでなく、フロントも書いているので、今までの業務で実際に出会ったこれ大丈夫かなみたいなことを同期との勉強会で発表したので、それを画像と文章にまとめてみました! こんなふうに仕事を頼まれたら当にすぐ実装に取りかかれる? こんなWFを渡されて、実装の依頼をされたらすぐに実装できるか・・・! 色々なとわからないことがありすぎる タイトル6文字以上になったらどうするんだ

    エンジニアでも知っておきたい実装時のデザインのこと - Qiita
  • アクセシビリティvsセキュリティ ~こんな対策はいらない!~

    セキュリティUXの◯◯な関係」で使用したスライドです。 https://connpass.com/event/55559/

    アクセシビリティvsセキュリティ ~こんな対策はいらない!~
  • 1