MODULE 6 · 登入體驗 · 6-13

經典與高轉化率的選型：Email 登入（含 Magic Link）與第三方一鍵登入

用戶願意正式登入了，你該端出哪些選項？登入方式百百種， 這一課帶你認識三大主流，並學會給對的那幾種。

§1 · 最熟悉的那種

Email + 密碼：最通用，但有代價

👍 好處
人人都有 email，沒有任何平台限制，最通用。
😮‍💨 代價
用戶要記一組新密碼；你還得做「忘記密碼」「重設密碼」一整套流程。
這是大家最熟的「登入方式」之一。接下來兩種，都是為了把上面那個「代價」拿掉而生的。
§2 · 這是什麼

Magic Link：免密碼，寄一條連結就登入

概念
Magic Link（魔法連結）
用戶只要填 email，系統就寄一條專屬連結到他信箱。 他點那條連結，就直接登入了，完全不用密碼。
比喻
像一次性的魔法門票
那條連結就像一張限時、限本人的門票，用一次就失效。 不用記密碼，也沒有「忘記密碼」的麻煩。
§3 · 真的走一遍

親手體驗一次 Magic Link 登入

左邊打你的 email、寄出，右邊信箱就會收到登入信。整段沒有密碼。

登入 my-ai-shop
📥 you@example.com 的收件匣
（還沒有新信，先在左邊寄出）
§4 · 這是什麼

第三方一鍵登入：直接借別人的身分

也常叫社群登入。

概念
第三方一鍵登入（社群登入）
用戶直接借 Google／Apple／GitHub 的身分一鍵進來。 你不用幫他保管密碼，那些大平台幫你驗證好「他是誰」。
比喻
像出示已有的證件
不用在你這邊重辦一張會員卡，直接刷他口袋裡的 Google 帳號就進來了。 又快、又不用記新密碼。
§5 · 跟著走一遍

用 Google 一鍵登入長怎樣

點按鈕走一遍，選個帳號，感受它有多快。

§5.5 · 三個一起比

三大主流，放在同一張桌上比

三種你都看過了。挑一個你在意的點，看它們各自怎麼樣。

✉️
Email + 密碼
慢
要想密碼，忘了還得走重設流程
🪄
Magic Link
中
填 email、去信箱點連結
第三方一鍵
快
按一下、授權就進來
沒有「最好」的那一種，只有對不對你的客群。下一段就讓你親手搭搭看。
§6 · 自己拼拼看

登入牆拼裝器：勾哪幾種最好？

勾選想放上登入頁的方式，右邊即時長出一張像真的登入卡。

挑選登入方式：
登入 my-ai-shop
👆 每顆都能點點看
大概的登入完成感受52%
剛剛好。給客群最熟的 2~3 種，乾淨又好按。

數字是示意，幫你抓「方式對客群、別塞太多」的感覺。

換你當設計者
幫這個產品配登入方式
🎯 玩家想秒進開打，使用者很多是青少年
勾勾看你會給這個產品哪幾種登入方式。
§7 · 兩個心法

別塞滿，並善用信任紅利

🎯 看客群挑 2~3 種
工程師客群放 GitHub、一般大眾放 Google、 iOS App 放 Apple。對到客群最熟的那幾個就好。
🤝 第三方登入的信任紅利
你不保管密碼，少了被盜風險；用戶看到熟悉的 Google 按鈕， 也比填一個沒聽過的網站表單更敢按。
一句話：登入選項是轉化槓桿，挑客群最熟的 2~3 種，別塞滿。
🔑VIBE CODER 秘訣
👀觀察
登入選項是轉化槓桿，挑客群最熟的 2~3 種，別塞滿。第三方登入還省下你保管密碼的風險。
💬怎麼跟 AI 講
交代 AI：「登入頁給我 Google 一鍵登入，再加一個 email magic link。」
§8 · 試試看

快速檢查一下

答錯不會鎖死，可以一直重選。

答對 0 / 2
Q1

Magic Link 跟傳統密碼登入，最大的差別是什麼？

Q2

你的產品 TA 是一般大眾，第三方登入優先放哪一個？

🎒這一課帶走的
Email + 密碼Magic Link第三方一鍵登入

三大主流：Email + 密碼最通用但要記密碼、Magic Link 寄連結免密碼、第三方一鍵登入直接借 Google／Apple／GitHub 的身分。 登入方式是轉化槓桿，看客群挑 2~3 種就好，別塞滿。

下一課　登入「該選哪一種」講完了，下一課 6-14 開始把它「安全地實作出來」：OAuth 怎麼跑、Session 是什麼、怎麼保護路由、怎麼隔離每個人的資料。我們從「選什麼」進到「怎麼做」。
下一課