「使える人にだけ使わせる」 ~ マネーフォワード IDのログインUXから見るパスキー普及のポイント - r-weblife

ritouです。 いよいよドコモさんもパスキー対応が始まりましたね！いや、これを書いている時点ではまだです。 k-tai.watch.impress.co.jp それよりも、今回はマネーフォワード IDのパスキー対応に注目します。 corp.moneyforward.com (4/5追記) マネーフォワード側からも解説記事が出ていました。この記事で言いたいことが全部書いてあります。 moneyforward-dev.jp ブラウザのパスワードマネージャー機能を利用したパスワード認証のUX パスキー対応に触れる前に、マネーフォワードIDのパスワード認証のUXから見ていきましょう。 マネーフォワードの「メールアドレスでログイン」のフローを何も考えずに使うと、最初にメールアドレスを入れてからパスワード入力を求めるUXになっています。 このようなUXでブラウザのパスワードマネージャーの機能を使う場

[mayuki]

メールアドレスの入力欄とパスワードの入力欄のステップが分かれている UI はSSOでIdPに飛ばすか飛ばさないかをメールアドレスでまず決めてるから、だと思ってたけどそういうことではなく?

[firststar_hateno]

使える人にだけ使わせることが重要ですわね。現状のUXを改善するためには、常に利用者目線で進化していくことが大切だと思いますの。

[tmurakam]

パスワード入力欄最初から出しとけや

[nakamura-kenichi]

こうして利便とセキュアで先に行くとこは素晴らしいが、いまだに自動入力禁止っていうアホ仕様のとこもあるからなあ。何ならコピペも禁止とかな（怒）。そういう実装の時点で解約やで。

[spark7]

アレ何なんだろ。「メールアドレスの入力欄とパスワードの入力欄でそれぞれ選択するという謎UX」 / パスワードのinput不可視にするのも行儀悪い。「メールアドレス入力フォームのところにもパスワードのinputタグを持つ」

[kxn4t]

WebAuthn対応する場合はパスワード入力欄出しっぱにするわけにもいかないと思ってたけど、autofillでなんとかなるようになった？

[ton-boo]

"この話についてもうちょっと詳しく2つの記事にしたものを社内ドキュメントとして残しておいたので興味のある方は入社して読んでみてください"

[field_combat]

パスワード用のフォームを隠しといて自動補完させる

[lli]

自分が勘違いしてたこととしてPass Keyとパスワード入力は排他かと思ってた。試してみよかな。

[IGA-OS]

Webデザイン論

[mom0tomo]

なるほど

[zonu_exe]

この記事をおすすめしました

[defiant]

色々な工夫があるんですねえ。

[kibitaki]

FIDOって今からどうにかなるんか？で、MFも情報開示少ないし信頼性でちょっともにょるのだが、ここはUX談義だからいいか。

[vvakame]

ほぇーん