/Màn hình login/register/forgotten password (Phần 2)

Màn hình login/register/forgotten password (Phần 2)

Thiết kế một màn hình login/register/forgotten password thường tiêu tốn tầm 15 phút của một người thiết kế nhanh tay và 1h đồng hồ của những người khác. Nhưng theo quan điểm của tôi, đây chắc hẳn là một sai lầm lớn, tại sao chúng ta lại đơn giản một thứ quan trọng như vậy?

Đây là một màn hình phổ biến mà rất nhiều các ứng dụng đã và đang sử dụng trước khi cho người dùng được truy cập, scan nội dung và chức năng trong đó. Đối với hầu hết nhiều trường hợp, đây là lựa chọn duy nhất vì với ứng dụng, website đó chỉ phục vụ cho người đã đăng nhập mà thôi. Và nó đã trở thành 1 trong những màn hình nhàm chán nhất lịch sử – lý do chính là trong suốt vòng đời của sản phẩm, có nhiều khả năng nó ko có gì thay đổi.

Đôi khi bước vào 1 quán cafe hoặc trà được đầu tư công phu, bạn có thấy ấn tượng với một cách chào đón được thay đổi và thông minh ko? Đầu tiên có một cô nhân viên nữ mặc áo hoa mở cửa và cúi chào bạn. Sau đó, một cô gái khác mặc áo đỏ niềm nở mời bạn cởi giầy và cất giầy lên giá. Sau đó là một cô gái mặc áo dài cách tân hỏi bạn: anh đi mấy người, anh đã đặt bàn chưa.. và dẫn bạn đến 1 chỗ ngồi dễ chịu. Sau đó thì 1 người mới mang menu đến.. Đó là 1 chuỗi các trải nghiệm để biến khách hàng trở thành thượng đế, tất cả chỉ là để kéo bạn từ chỗ gửi xe đến xem menu một cách thoải mái nhất. Hãy coi việc trang trí màn hình login/register của bạn cũng như vậy.

Khóa học online miễn phí “Tự học để trở thành UX Designer” của tác giả Phạm Khôi với 4 giờ – 40 phút video + tài liệu Designlab.edu.vn, dành cho UI Designer, Product Owner, Developer và sinh viên..

BẮT ĐẦU HỌC

Không cần đăng ký hoặc trả bất cứ chi phí nào! Tất cả đã sẵn sàng!

Vậy mà hầu hết các ứng dụng ứng xử rất kém cỏi như sau: Cung cấp cho người dùng 1 chiếc form cứng nhắc với username, password và nút login, ở dưới có thể có 1 nút Register. Điều này phớt lờ đi những trường hợp như sau:

  • Nếu tôi dek hiểu ứng dụng của bạn là cái gì, hoặc tôi bỏ qua rất nhanh màn hình splash giới thiệu (thường là khách hàng sẽ làm như vậy).. thì cái màn hình nhàm chán này sẽ khiến tôi phát ớn. Tại sao tôi lại phải đăng ký tài khoản, cung cấp email – số điện thoại cho cái ứng dụng quỷ quái này, chịu spam của nó nhỉ? Cho tôi 1 câu trả lời coi?
  • Tôi đã đăng nhập rồi, đây là điện thoại của tôi, thế quái nào mà cứ hỏi mãi về tên tôi, email của tôi thế?
  • Sao lúc nào nó cũng xanh lét thế nhỉ? Tôi cần cái gì đó nóng bỏng hơn để thuyết phục tôi nhớ mật khẩu để nhập vào đây hơn??
  • Cái này có an toàn ko nhỉ, mật khẩu của tôi dùng đi dùng lại cho 1 tá các ứng dụng khác đấy, đừng có đùa

Bài học (case study) về thiết kế Kỹ thuật thiết kế  Màn hình login/register/forgotten password (Phần 2) Bài học (case study) về thiết kế Kỹ thuật thiết kế  Màn hình login/register/forgotten password (Phần 2)

Hãy nhìn màn hình đăng nhập app skype trên đây để thấy điều đó, màn hình đầu tiên quả là nhàm chán với màu xanh lét được design nhôm nhoam với màu xanh xám tối tăm, một lố logo ko rõ ràng và chỉ có 1 nút register phía dưới. Ko có bất cứ thông điệp nào dành cho khách hàng hết, ít nhất cũng phải có 1 câu như kiểu: công cụ chat và call miễn phí hàng đầu Việt Nam như Kangaroo quảng cáo máy lọc nước chứ nhỉ? May thay, nó có 1 cách tân đáng kể, nếu bạn đã login rồi, nó sẽ cache lại là đã đăng nhập với ông nào mà ko quay về màn hình đầu tiên một cách xuẩn ngốc.

Bài học (case study) về thiết kế Kỹ thuật thiết kế  Màn hình login/register/forgotten password (Phần 2) Bài học (case study) về thiết kế Kỹ thuật thiết kế  Màn hình login/register/forgotten password (Phần 2)

Màn hình của facebook cũng nhàm chán ko kém với màu xanh huyền thoại, nhưng có 1 vấn đề bạn nên chấp nhận, khi bạn đã nổi tiếng, bạn có ăn bốc hút thuốc lào thì người ta cũng bảo đó là mode và học theo. Ít nhất thì facebook còn có nút Need Help? Phòng khi bạn ko hiểu facebook là gì hoặc ko hiểu email là gì? Tôi đăng 1 cái ko phải Facebook bên cạnh hơn để bạn có thể so sánh, tôi thích cái thứ bên cạnh hơn nhiều, nó có cái nền rất huyền bí, gợi nhớ đến 1 thế giới của media. Nút camera thì tôi ko hiểu để làm gì, nếu có thể bấm và cá nhân hóa luôn bằng 1 cái ảnh selfie thì có lẽ cũng hay nhỉ 😉

Bài học (case study) về thiết kế Kỹ thuật thiết kế  Màn hình login/register/forgotten password (Phần 2)

Tôi thì thích 1 màn hình nhiều thông tin như thế này hơn của CHASE, nào FAQs, nào là contact, privacy… đằng sau còn có 1 cái hình hồ nước với mấy chị em đang lượn quanh cùng một hai con cún. Bầu trời xanh xanh ít nhất cho tôi cảm giác thoải mái nếu tôi ko thích chỗ đông người. Ở dưới có 1 lố các thông tin nếu tôi lăn tăn tôi có thể hiểu hơn, đó là cách chào đón có thể coi là thân thiện.

Bài học (case study) về thiết kế Kỹ thuật thiết kế  Màn hình login/register/forgotten password (Phần 2) Bài học (case study) về thiết kế Kỹ thuật thiết kế  Màn hình login/register/forgotten password (Phần 2)

Còn bạn hãy nhìn màn hình đăng nhập của Fast Connect từ ngân hàng Techcombank này, những khuôn mặt giả dối đến cùng cực. Chỉ vì mấy khuôn mặt được chụp và design 1 cách vụ về này, tôi hiếm khi ghét 1 thứ sản phẩm nào như thế. Nhưng các bạn ợ, ở Việt Nam mình thì 1 ngân hàng lớn như Techcombank vẫn dùng một cách vô tư và ngây thơ 😀

 

Bài học (case study) về thiết kế Kỹ thuật thiết kế  Màn hình login/register/forgotten password (Phần 2)

Tôi thích 1 cách giải quyết như màn hình của ứng dụng Mint, nó thể hiện là bạn sẽ an toàn khi đăng nhập vào đây. Mặc dù nếu bạn là người trong nghề công nghệ, thì mấy cái chứng chỉ, nhất là RSA rất vô duyên, nó như kiểu thông điệp “cafe làm từ cafe chứ ko phải làm từ bột đậu cháy ấy”. Nhưng nó lòe được ối người làm công nghệ nửa mùa ấy, những người làm công nghệ nửa mùa lại rất vô tư khi nói với người ko phải dân công nghệ rằng: ồ, yên tâm đi, ứng dụng đó hoàn toàn an toàn vì đc bảo mật tận răng.

Bài học (case study) về thiết kế Kỹ thuật thiết kế  Màn hình login/register/forgotten password (Phần 2) Bài học (case study) về thiết kế Kỹ thuật thiết kế  Màn hình login/register/forgotten password (Phần 2)

Đây là sản phẩm Workplace cũng của Facebook, nó cho phép doanh nghiệp sở hữu 1 Facebook riêng cho tổ chức của mình, có phòng ban, hội nhóm, chát kín, hội đàm trực tuyến… Và nó thu tiền trên 1 người dùng. Thật sự thì ko biết Facebook cũng có tâm lý giống người Việt Nam mình ở chỗ này ko? Cái gì thu tiền thì ông ấy làm thật là tốt và cẩn thận, nhìn cách Workplace mix giữa màn hình splash với form login/register mà thấy thông minh kinh khủng. Còn bản Facebook cho cả tỉ người dùng thì free nên ông ấy làm qua quít cho xong… Lẽ dĩ nhiên là tôi đùa

(Còn nữa)

15/3/2017. Phạm Khôi

Khóa học online miễn phí “Tự học để trở thành UX Designer” của tác giả Phạm Khôi với 4 giờ – 40 phút video + tài liệu Designlab.edu.vn, dành cho UI Designer, Product Owner, Developer và sinh viên..

BẮT ĐẦU HỌC

Không cần đăng ký hoặc trả bất cứ chi phí nào! Tất cả đã sẵn sàng!

Software Product Designer Mobile: +84 981-911-011 Email: khoipn@uxvietnam.com Skype: khoipn - Always Online