Kinh thánh về thiết kế UX trên thiết bị di động: 20 quy tắc chính

Apr 09 2022
Đọc nhiều bản sao và các bài đọc dài về thiết kế UX trên thiết bị di động có khiến bạn phát ốm không? Chúng tôi hiểu bạn, bạn của tôi. Do đó, đi thẳng vào vấn đề.

Đọc nhiều bản sao và các bài đọc dài về thiết kế UX trên thiết bị di động có khiến bạn phát ốm không? Chúng tôi hiểu bạn, bạn của tôi. Do đó, đi thẳng vào vấn đề. Dưới đây, chúng tôi đã biên soạn các quy tắc thiết kế di động cơ bản ở một nơi. Chỉ cần lưu bài viết này và sử dụng nó như một danh sách kiểm tra mỗi khi bạn bắt đầu thiết kế một trang web hoặc ứng dụng di động mới.

Hãy cùng tìm hiểu những quy tắc nào sẽ giúp ngay cả người mới bắt đầu tạo ra thiết kế UX trên thiết bị di động hàng đầu.

Quy tắc số 1: Tiến hành nghiên cứu từ đầu đến cuối

Ngay cả khi bạn đã tạo hàng chục dự án cho một lĩnh vực kinh doanh cụ thể, thì mỗi lần dự án đó nên đi kèm với nghiên cứu tiếp thị chuyên sâu. Do đó, trước khi tạo bố cục, hãy vẽ chân dung của khách hàng và các bản đồ luồng người dùng tương ứng. Bằng cách này, bạn có thể đảm bảo tính trực quan tối đa. Nhân tiện , công cụ FlowMapp có thể giúp bạn điều này.

Quy tắc số 2: tập trung vào điều quan trọng nhất

Bạn nên hiểu rằng tính độc đáo của trải nghiệm người dùng không đồng nhất với tính đa dạng của nó. Ý của chúng tôi là để tạo ra thứ gì đó dễ nhận biết, nhiều nhà thiết kế UX đi kèm với giao diện người dùng với các chức năng không cần thiết. Do đó, cấp độ đầu vào cao hơn và trở nên khó khăn hơn đối với những người mới bắt đầu để thích nghi với việc sử dụng nó một cách trực quan. Chỉ cần nhớ: chủ nghĩa tối giản là người bạn tốt nhất của bạn.

Quy tắc số 3: Khám phá nền tảng công nghệ được sử dụng cho dự án của bạn

Khi các khái niệm di động như AMP và PWA ra đời, điều quan trọng là phải hiểu rằng điều này cũng nên được phản ánh trong thiết kế giao diện người dùng. Ví dụ: trong trường hợp đầu tiên, bạn có thể sử dụng CSS3 mà không có bất kỳ hạn chế nào. Đối với thứ hai, bạn sẽ phải suy nghĩ về các tình huống mà thông báo đẩy phù hợp và phần cứng thiết bị của người dùng được sử dụng.

Quy tắc số 4: cung cấp điều hướng trực quan cho các yếu tố chính của dự án

Đừng quên rằng người mới bắt đầu có thể khó điều hướng ngay cả trong các giao diện có chức năng cực kỳ tối giản. Đó là lý do tại sao chúng tôi khuyên bạn nên để lại các gợi ý bổ sung khuyến khích các bước tiếp theo để đạt được mục tiêu của người dùng. Nếu không, giải pháp của bạn có thể vô dụng đối với những người dùng không muốn dành nhiều thời gian để đọc sách hướng dẫn.

Quy tắc số 5: Mang lại trải nghiệm người dùng tốt nhất trên mặt phẳng cảm ứng

Mặc dù nhân loại đã sử dụng màn hình cảm ứng để tương tác với các ứng dụng di động trong hơn một thập kỷ, nhưng một số nguyên tắc để tạo giao diện của chúng vẫn lỗi thời. Ví dụ, thay vì làm cho thao tác vuốt thuận tiện bằng cách mô phỏng thao tác lật trang giấy thông thường, một số nhà thiết kế vẫn tạo ra các nút điều hướng. Đây không phải là một giải pháp rất thuận tiện.

Quy tắc số 6: Chăm sóc kiểu chữ

Tất nhiên, tạo kiểu cho ứng dụng di động hoặc trang web là điều tuyệt vời. Đồng thời, đây không phải là lý do để bỏ qua sự tiện lợi của việc đọc hướng dẫn văn bản. Do đó, trước khi tạo một thiết kế lạ mắt và sử dụng phông chữ và bố cục khối văn bản không chuẩn, hãy cân nhắc xem liệu tất cả những điều này có làm tăng ngưỡng nhập cảnh cho người dùng hay không.

Quy tắc số 7: cung cấp phản hồi liền mạch

Tạo giao diện theo cách mà nó phản ứng với một số loại phản ứng đối với bất kỳ hành động nào của người dùng. Điều này sẽ giúp họ hiểu liệu họ có đang đi trên con đường đạt được mục tiêu hành động hay không. Ngược lại, việc thiếu phản hồi khiến một số người dùng bối rối.

Quy tắc # 8: Loại bỏ sự cần thiết phải gõ thường xuyên

Nhu cầu nhập liệu của người dùng liên tục khó có thể ảnh hưởng đến bạn. Đôi khi nó chỉ là bất tiện, đôi khi - rất khó chịu. Bất kể phản ứng cuối cùng của người dùng đối với điều này là gì, hãy nhớ rằng càng ít trường đầu vào càng tốt.

Quy tắc số 9: cung cấp trải nghiệm người dùng đa thiết bị

Không chắc rằng sự thành công của một giải pháp thiết kế cụ thể có thể được đánh giá bằng một vài bài đánh giá từ các đại diện của nhóm tập trung. Thay vào đó, thử nghiệm được thực hiện tốt hơn nhiều với sự trợ giúp của trình giả lập đặc biệt, không chỉ lặp lại các bước điển hình của các nhóm đối tượng mục tiêu khác nhau mà còn mô phỏng hành động của họ trên các thiết bị khác nhau.

Công cụ luồng người dùng FlowMapp để lập kế hoạch trải nghiệm người dùng tuyệt vời

Quy tắc số 10: Đừng quên về thử nghiệm trực tiếp

Cùng với việc thử nghiệm trên trình giả lập, việc thử nghiệm trên các đại diện trực tiếp của đối tượng mục tiêu cũng rất quan trọng. Bằng cách này, bạn có thể nhận được phản hồi hữu ích (tất nhiên là ngoài thử nghiệm trên nhiều thiết bị), sau đó bạn có thể sử dụng phản hồi này để tối ưu hóa mẫu hiện có.

Thiết kế trang web sạch bởi Gleb Kuznetsov✈

Quy tắc # 11: Tạo một màn hình giật gân phong cách

Rõ ràng, vì màn hình giật gân là “ấn tượng đầu tiên” của người dùng khi sử dụng một ứng dụng hoặc trang web lần đầu tiên, nên điều quan trọng là phải nghĩ về nó theo cách sao cho nó trông thật bắt mắt. Điều này có thể được thực hiện, chẳng hạn, với sự trợ giúp của hoạt ảnh gốc, đầy màu sắc.

Quy tắc # 12: Giảm thiểu số lượng các bước đăng ký

Thay vì suy nghĩ về các bước đăng ký trong một ứng dụng hoặc trang web từ đầu, tốt hơn nhiều là sử dụng các phương pháp đã được chứng minh và quen thuộc với mọi người dùng. Ví dụ: bạn có thể mời người dùng đăng ký thông qua mạng xã hội hoặc Gmail.

Quy tắc # 13: Không bắn phá người dùng bằng các thông báo cho phép truy cập dữ liệu cá nhân của họ

Mặc dù ngày nay các nhà phát triển phần mềm đang ồ ạt thực hành GDPR, nhưng điều quan trọng là phải hiểu ý nghĩa vàng nằm ở đâu. Đó là lý do tại sao lần tới khi bạn thiết kế bố cục giao diện người dùng sử dụng dữ liệu cá nhân, hãy nghĩ về điều đó: có lẽ việc yêu cầu quyền truy cập chỉ khi bắt đầu sử dụng ứng dụng hoặc trang web là rất hợp lý.

Quy tắc số 14: Suy nghĩ về đa nền tảng

Thực tế là việc triển khai các giao diện từ nền tảng này sang nền tảng khác không nên khác nhau nhiều về mặt trực quan là điều hiển nhiên. Nó chỉ là không rõ ràng làm thế nào để thực hiện điều này khi bạn có hai giải pháp riêng biệt cho các nền tảng khác nhau. Đó là lý do tại sao tốt hơn nhiều là bạn nên cố gắng tạo ra một thiết kế chung cho tất cả các nền tảng cùng một lúc.

Quy tắc số 15: Cung cấp một giai điệu tích cực ngay cả trong các tình huống tiêu cực

Ngoài kết quả tích cực của việc sử dụng giao diện đã tạo, việc xem xét những mặt tiêu cực khi có điều gì đó không hoạt động hoặc gặp trục trặc cũng rất quan trọng. Đặc biệt, ngay cả khi người dùng tiềm năng của bạn bị buộc phải gỡ cài đặt ứng dụng di động của bạn, họ vẫn có thể nhận được một thông báo trấn an rằng, chẳng hạn như nhóm của công ty phát triển hoàn toàn yêu thích tất cả người dùng của họ.

Quy tắc số 16: cung cấp cho người dùng thanh toán tức thì

Nếu ứng dụng hoặc trang web của bạn là một phần của lĩnh vực thương mại điện tử, bạn khó có thể nghĩ ra điều gì tốt hơn là chỉ triển khai khả năng thanh toán ngay lập tức. Thì đấy! Người dùng của bạn sẽ bắt đầu mua hàng nhiều hơn từ ngày đầu tiên cập nhật.

Quy tắc # 17: Nhớ về bảo mật

Đôi khi thiết kế tạo ra một lỗ hổng bảo mật, từ các hình thức đăng nhập sai lầm cho đến sinh trắc học. Ngừng chuyển giao tất cả trách nhiệm cho các nhà phát triển! Chỉ cần nghĩ về những gì bạn sẽ làm để hack ứng dụng hoặc trang web của mình nếu bạn là một hacker và cố gắng tránh những trường hợp này khi thiết kế mô hình của bạn.

Quy tắc # 18: Ưu tiên các chỉ báo văn bản

Bạn có bao giờ nhận thấy rằng một số biểu tượng cho biết người dùng cần làm gì trông có vẻ mơ hồ không? Đó là lý do tại sao tốt hơn nên sử dụng các chỉ báo tiến độ dạng văn bản nếu có thể.

Quy tắc số 19: Cân bằng số lượng thông báo đẩy

Để đảm bảo tương tác của người dùng nền, một số nhà phát triển bắt đầu lạm dụng thông báo bật lên. Kết quả là, người dùng sẽ rất khó chịu ngay lập tức. Đương nhiên, không có câu hỏi về trải nghiệm người dùng nâng cao trong những tình huống như vậy.

Quy tắc # 20: cung cấp cá nhân hóa hàng đầu

Cung cấp cho người dùng đủ tùy chọn để họ có thể điều chỉnh giao diện phù hợp với nhu cầu cá nhân của họ. Trong số các cài đặt cơ bản là kích thước và loại phông chữ, chủ đề, hiệu ứng âm thanh, v.v. Kết quả là, bạn sẽ nhanh chóng thấy được mức độ trung thành của khán giả mục tiêu đối với dự án của bạn sẽ tăng lên như thế nào.

Sự kết luận

Bạn thân mến, chúng tôi hy vọng chúng tôi đã giúp bạn hiểu những kiến ​​thức cơ bản về thiết kế di động và bây giờ bạn đang đi đúng hướng. Vậy thì chúc may mắn!

© Copyright 2021 - 2023 | vngogo.com | All Rights Reserved