Sai lầm từ sự lạm dụng 1 số mẫu thiết kế trên mobile – hiện đã trở nên lỗi thời – Phần 1

Xem bài sau: Icon, lúc nào cũng là icon – uh! thì tại tôi không thích nhiều chữ mà

Viết xong cái tiêu đề của mình tôi cố gắng để chỉnh lại, nó trúc trắc, khúc khoắc như thể 1 thiết kế UX tồi tệ. Nhưng thôi về mặt cảm xúc, tôi thích cái cảm giác của cái tiêu đề bài viết mang lại – và quyết định giữ nguyên nó.

Truy cập khóa học "Tự học để trở thành UX Designer" online tại đây: https://designlab.edu.vn

Nếu bạn là một người thiết kế trải nghiệm người dùng (UX) có kinh nghiệm, chắc hẳn bạn có thể “đẻ ra” một giao diên app trong vòng nửa buổi. Tất cả chỉ đơn giản là những gắp nhặt của những item sẵn có. Bạn cho chúng là tiêu chuẩn vì có hàng vạn những app vẫn thiết kế như vậy, chúng na ná giống nhau, không xấu hơn và không đẹp hơn nhau. Đấy là vì chúng đc gọi là những mẫu thiết kế – thậm chí còn được quy định chặt chẽ trong các guideline và nhúng trong các code platform tiêu chuẩn. Và bạn và tôi, chúng ta coi đó là những thiết kế đương nhiên.

Nhưng rồi một ngày bạn nhìn thấy trên những app lớn mà bạn quen dùng, như Facebook, Instagram, Skype, Youtube… chúng lược bỏ đi 1 số các thành phần quen thuộc, rồi giật mình tỉnh giấc. Chúng ta đã lỗi thời. Hàng vạn app đã lỗi thời vì thiếu sự đầu tư đúng đắn vào UX và lắng nghe người dùng. Và đó chính là chủ đề của bài này – 1 số mẫu thiết kế đã từng là tiêu chuẩn – giờ đã trở nên lỗi thời.

1. Menu ẩn (Tôi thích gọi nó là cái xó nhà)

Một menu item được mô phỏng bằng 3 dấu gạch ngang bên tay trái màn hình, ngay trước tiêu đề của ứng dụng. Khi click vào thì sẽ mở 1 menu ẩn, thông thường là 1 danh sách các chức năng – đôi khi được trình bày và thiết kế một cách công phu. Nguyên do của cách thiết kế này chính là do màn hình mobile ban đầu quá nhỏ (tội lỗi từ iphone 4, iphone 5) và các nhà thiết kế app đầu tiên đã tư duy ứng dụng giống như 1 tờ gấp, trong đó chỉ 1 có mặt gấp được hiển thị, các mặt còn lại có thể bên trái hoặc phải sẽ hiển thị khi click vào 1 loại menu nào đó. Phương pháp này hiện đã trở nên lỗi thời vì 2 nguyên nhân:

1. Người dùng không phải lúc nào cũng hiểu được ý nghĩa của icon 3 dấu gạch ngang bé tí nằm ở góc trái trên màn hình như ta nghĩ. Và dù rằng họ hiểu thì họ cũng rất ngại bấm vào. Và dù họ có ko ngại bấm vào thì họ cũng ko bao giờ nhớ đc ở đó có những menu item gì. Họ ko nhớ và họ lười, nên menu này thường là ít được quan tâm hơn cả.
2. Màn hình mobile đã tiến hoá từ bé tí ti cỡ 4x inch lên thành 5x inch và vấn đề xảy ra là gì? Một là không cần phải tư duy kiểu màn hình tờ gấp như cũ. Nhà giờ đã 70 đến 100 m2 rồi, đâu còn cái thời 40m2 kèm theo gác xép nữa