• Tìm việc IT
  • Tạo CV Online
  • CÔNG TY TUYỂN DỤNG IT
  • Lập Trình
    • AI – Machine Learning
    • Frontend
    • Backend
    • Fullstack
    • Mobile
    • Product
    • Devops
    • Java
    • PHP
    • Python
    • Xu hướng công nghệ
    • Tổng quan ngành IT
      • Báo cáo thị trường IT
      • Con đường sự nghiệp IT
      • Chuyên gia nói
      • Sự kiện IT
    • Developer Resources
      • Sách lập trình
      • Tài liệu lập trình
      • Source Code
  • KỸ NĂNG TÌM VIỆC
    • Kinh nghiệm phỏng vấn
    • Chuẩn hóa CV IT
    • Đàm phán lương thưởng
    • Cẩm nang tuyển dụng
      • Tìm kiếm nhân tài
      • Nghệ thuật quản trị
Search
  • 028.6273.3496
  • Post a job
  • Contact us
Sign in
Welcome! Log into your account
Forgot your password? Get help
Password recovery
Recover your password
A password will be e-mailed to you.
TopDev
  • Tìm việc IT
  • Tạo CV Online
  • CÔNG TY TUYỂN DỤNG IT
  • Lập Trình
    • AI – Machine Learning
    • Frontend
    • Backend
    • Fullstack
    • Mobile
    • Product
    • Devops
    • Java
    • PHP
    • Python
    • Xu hướng công nghệ
    • Tổng quan ngành IT
      • Báo cáo thị trường IT
      • Con đường sự nghiệp IT
      • Chuyên gia nói
      • Sự kiện IT
    • Developer Resources
      • Sách lập trình
      • Tài liệu lập trình
      • Source Code
  • KỸ NĂNG TÌM VIỆC
    • Kinh nghiệm phỏng vấn
    • Chuẩn hóa CV IT
    • Đàm phán lương thưởng
    • Cẩm nang tuyển dụng
      • Tìm kiếm nhân tài
      • Nghệ thuật quản trị
Home Công nghệ Login form tưởng dễ mà ko dễ
  • Công nghệ
  • Lập Trình

Login form tưởng dễ mà ko dễ

8706
Facebook
Linkedin
Telegram

    Mục lục nội dung

    1. Đặt login form trong modal
    2. Ẩn hết cho gọn ràng
    3. Link vi diệu
    4. Tách trang login thành nhiều trang
    5. Một vài thiết kế form, đơn giản là nó kinh điển và ko có gì để chê

    Review một vài pattern thiết kế login form hay dùng hiện nay

    Bây giờ, người ta hay dùng 1Password, Lastpass, Chrome password manager để tự điền login. Là một website creator chuyên nghiệp, chúng ta phải để ý và làm sao đó để user có được trải nghiệm tốt nhất từ trang đơn giản nhất Login

    Login form: đơn giản nhất có thể, dễ đoán, làm việc tốt với các công cụ quản lý password

    Đặt login form trong modal

    Login form tưởng dễ mà ko dễ

    Vấn đề của kiểu này

    • Số lượng bước hơi nhiều. 1- click nút login -> 2. Chọn vào login (nếu form có cả 2 login và sign up) -> 3- điền thông tin rồi submit. Không hiệu quả, nếu một trang hẳn hoi, user có thể truy cập từ trang search, share link, mở ngày password manager
    • Không có link cũng khá phiền toái cho các bạn làm support, phải chỉ step-by-step tới login, thay vì quăng luôn cái link sẽ nhanh hơn. Các trình quản lý password cũng ko chạy được một số tính năng, như cái lasspast nếu là popup nó sẽ ko tự động mở trang gọi đăng nhập trực tiếp được.

    Ẩn hết cho gọn ràng

    Login form tưởng dễ mà ko dễ

    Cái trang Delta này, lúc đầu ẩn đi cái Last Name, sau khi nhập xong user name nó mới kêu nhập thêm last name (thằng này hiếm thấy, nhưng nếu là trang register thì thấy nhiều hơn), chắc là muốn dẹp cho gọn bớt giao diện. Ẩn field như vậy thì trình quản lý password chào thua, nó ko điền tự động được.

    Link vi diệu

    Login form tưởng dễ mà ko dễ

    Cái này có thể thấy trên Slack, nhưng thôi lấy trang Notion để ví dụ đi. Nó gửi cái login code qua email, user như vậy ko cần nhớ thêm password nào khác ngoài email. Tuy nhiên, vấn đề là

    • Một cách nghiêm túc, giải pháp quá nực cười. 1. Nhập email vào. 2. Mở cửa sổ mới, tab mới, thậm chí điện thoại để check mail (khả năng là bạn tiện thể lướt qua luôn mấy cái email khác). 3. Copy cái code trong email. 4. Mở lại trang login để dán code. Holy shit
    • Hoàn toàn ko làm việc được với các trình quản lý password. Các bạn ngoài chuyện thiết kế cho nó consistence với ecosystem của bạn, phải biết có những cái bạn cũng phải consistence với thế giới internet chứ.
    • Nếu bạn bạn nghĩ mình thông mình hơn toàn bộ user thì bạn chỉ có thể chơi một mình. Đọc lại cuốn Create a from for stupid people nhé.

    Tách trang login thành nhiều trang

    Login form tưởng dễ mà ko dễ

    Login form tưởng dễ mà ko dễ

    Login form tưởng dễ mà ko dễ

    Cũng như Google, họ ko muốn đập vào mặt user quá nhiều thông tin một lúc, tuy nhiên thông tin ở đây thật sự có nhiều tới mức phải tách ra chưa? User phải click 2 bước mới login được.

    Một vài thiết kế form, đơn giản là nó kinh điển và ko có gì để chê

    Login form tưởng dễ mà ko dễ

    Login form tưởng dễ mà ko dễTopDev via Vuilaptrinh

    • TAGS
    • login
    • Login form
    • pattern login
    Facebook
    Linkedin
    Telegram
      TopDev
      Ban Biên Tập Blog TopDev. Nice to meet you

      RELATED ARTICLESMORE FROM AUTHOR

      Kịch bản kiểm thử trang Login

      Kịch bản kiểm thử trang Login

      ĐỪNG BỎ LỠ

      • Multiple login page với Spring Security
      • Custom login page sử dụng Bootstrap và Thymeleaf trong Spring Security
      • Kiểm tra HTML5 validation message
      • Kịch bản kiểm thử trang Login
      • Chỉ dẫn thiết kế form từ Google

      VIỆC LÀM IT LƯƠNG CAO

      • Việc làm Php
      • Việc làm Javascript
      • Việc làm Java
      • Việc làm Frontend
      • Việc làm Backend
      • Việc làm .Net
      • Việc làm Python
      • Việc làm Golang
      • Việc làm iOS
      • Việc làm Android
      • Việc làm Flutter
      • Việc làm Tester
      • Việc làm Nodejs
      ABOUT US
      TopDev is a recruitment network and ecosystem in Mobile & IT fields. We are top leading recruitment network in Mobile & IT fields, in Vietnam, offering Tech talent solution which meets your needs. Our networks cover 95% of Tech communities in Vietnam and our clients come from both Vietnam and South East Asia.
      Hotline: 028 6273 3496

      app_store google_play
      Contact us: contact@topdev.vn
      FOLLOW US