Overlay là gì

Overlays, dialog boxes, modal windows, light boxes, bạn cũng có thể Gọi chúng là ngẫu nhiên đồ vật gì bạn muốn, là 1 cửa sổ nhỏ tuổi tồn tại thân màn hình,nhằm đắm say sự chú ý của tín đồ dùnglà một chủng loại xây cất được áp dụng (với sử dụng quá tương đối nhiều). Trong những ứng dụng, web với thậm chí còn trên mobile, modal được thực hiện để thu hút sự chú ý của tín đồ dùngvào các trách nhiệm bé, mà không cần thiết phải tách bóc chúng ra một trang khác. Sử dụng modal một biện pháp đúng mực có thể khôn xiết tiện dụng với kết quả, nhưng lại y như bia của Bỉ hoặc bánh rán Krispy Kreme sử dụngkhông ít sẽ khiến cho người dùng cảm giác không khỏe mạnh cùng bi thương ói. Hãy bảo đảm rằng người tiêu dùng của các bạn sẽ không cảm thấy giận dữ bằng phương pháp để ý 10 lời khulặng sau đây.Bạn đã xem: Overlay là gì

1. Sử dụng modal tối thiểu gồm thể

Modal là một nam giới trai tồi trong trái đất những chủng loại xây đắp UI. Giống nhỏng Justin Bieber tạimột buổi tiệc của Hollywood luôn luôn luôn rất cần phải vươn lên là trung vai trung phong của sự để ý vẫn liên tiếp kinh nghiệm bạn: " hãy chú ý tôi, hãy nhình tôi, HÃY NHÌN TÔI". Người cần sử dụng đang yêu cầu xử lý modal trước lúc rất có thể liên tục với chẳng thể truy vấn trang web bên dưới. Thỉnh phảng phất đấy là một điều xuất sắc, chẳng hạn Khi người tiêu dùng cần xác thực một hành động quan trọng đặc biệt, tuy thế trong hầu như những trường vừa lòng nó là ko cần thiết và chỉ tạo phiền khô toái. Ttốt vày thực hiện modal đã giỏi rộng nếu khách hàng hiểnthị câu chữ ngay lập tức vào trang web. lấy ví dụ như bằng cách mở rộng các phần của trang web, áp dụng static popover hoặc bằng cách chuyển đổi thân những nguyên tố UI. Có một nội dung bài viết hơi tuyệt về chủ đề này Các chủng loại kiến thiết nhằm thay thế sửa chữa cho những cửa sổ modal.

Bạn đang xem: Overlay là gì

Trang làm hồ sơ cá nhân của LinkedIn là 1 ví dụ tốt mang lại việc sửa chữa thay thế modal (hình bên dưới). Tgiỏi vì thực hiện modal nó được cho phép người tiêu dùng chỉnh sửa một trường lúc họ cliông xã vào ngôi trường đó ngay lập tức vào trang web.


*

LinkedIn cho phép người dùng edit các trường ngay bên trên trang gắng vị áp dụng modal

Thật là lạ Lúc Twitter sử dụng modal mang đến Việc viết một tin new bọn họ cũng chất nhận được người tiêu dùng nhập những lời nhắn trong trang của bản thân mình (hình bên dưới). Đây là một trong đề xuất người dùng xuất sắc rộng cũng chính vì người tiêu dùng vẫn hoàn toàn có thể thực hiện trang (ví dụ để copy cùng paste văn uống bản) cùng không khóa trang web nhỏng khi sử dụng modal. Ttuyệt vì sử dụng modal tôi nghĩ đang giỏi hơn trường hợp mở rộng thanh điều hướng ởbên trên (xem mock-up ngơi nghỉ mặt dưới) vì rằng người tiêu dùng luôn luôn luôn có thể nhập tin nhắn trong trang.


*

Twitter áp dụng modal nhằm có thể chấp nhận được người tiêu dùng tạo thành một tin mới
*

Twitter vẫn xuất sắc hơn nếu như cho phép người tiêu dùng nhập tin nhắn new ngay lập tức bên trên trang của họ

Modal hoàn toàn có thể có lợi vào một số trường vừa lòng nhỏng khi bạn đề nghị người tiêu dùng nên ảnh hưởng trước khi liên tiếp, hoặc khi loại giá phải trả cho sai lạc là rất cao. lấy ví dụ như, khi xác nhận xóa một sản phẩm công nghệ gì đó, hoặc nhập một can hệ email để tải về một cuốn nắn ebook.

2. Đừng đùng một cái mngơi nghỉ modal.

Đột nhiên mnghỉ ngơi modal khi người dùng chưa làm gì hệt như lẻn ra sau một ai đó với tự nhiên lộ diện. Điều đó là không xuất sắc với bạn ko lên làm. Một modal luôn luôn luôn mở ra khi chúng ta làm cho một điều nào đấy. Đó có thể là lựa lựa chọn một nút, cliông chồng vào trong 1 liên kết hoặc lựa chọn 1 option. Vấn đề này thậm chí còn vận dụng cho những modal mời điều tra. Đừng áp dụng modal, cố gắng vào kia hiển thị lời mời bên trên một trang mới, hoặc thậm chí còn tốt hơn là bao hàm lời mời trong thiết yếu trang hiện tại. Một modal lưu ý người dùng phiên họp của mình sắp kết thúc là ngoại lệ độc nhất màtôi hoàn toàn có thể suy nghĩ ra.

3. Làm về tối website dưới modal

Lúc mở một modal một điều quan trọng là website dưới buộc phải hơi về tối. Điều này có 2 chức năng. Đầu tiên nó làm cho tất cả những người dùng chăm chú vào modal với thứ hai là cho người sử dụng biết rằng website hiện tại không vận động. Hãy cẩn thận cùng với việc áp dụng color. Quá buổi tối, người sử dụng sẽ không còn thể xác minh được trang web bây giờ. Quá sáng, người tiêu dùng hoàn toàn có thể nghĩ rằng trang web đang hoạt động cùng thậm chí là rất có thể không chú ý mang đến modal đầu tiên.

Xem thêm: Tham Khảo Ngay Top 17 Cửa Hàng Đtdđ Iphone Ninh Kiều Cần Thơ Việt Nam

4. Cho phxay người dùng cliông xã (hoặc gõ) vào ngẫu nhiên đâu

Modal gồm 2 yếu tắc bao gồm. Trước tiên lôi cuốn sự chăm chú vào modal chiếc buộc người sử dụng địa chỉ cùng với bọn chúng trước lúc liên tục. Thứ 2 là phần phía quanh đó modal mẫu có thể chấp nhận được người tiêu dùng clichồng hoặc gõ để đóng góp modal. Có một phép tắc chung là các bạn sẽ chỉ áp dụng modal cho cácliên quan quan trọng đặc biệt. lấy ví dụ Lúc thử dùng người tiêu dùng xác thực chúng ta thực thụ mong muốn xóa một tài khoản, hoặc họđích thực gật đầu đồng ý cùng với pháp luật cùng điều kiện nhưng họđăng ký (cái mà người ta đã đọc thật kỹ càng, nhỏng toàn bộ bọn họ đã làm). Trong đa số các ngôi trường phù hợp giải pháp áp dụng tốt nhất có thể phần phía xung quanh modal là cho phép người dùng cliông xã (hoặc gõ) nhằm đóng/diệt quăng quật nó.

5. Luôn luôn luôn hỗ trợ một tùy lựa chọn đóng rõ ràng

Tiếp theo phần trước, ko nên chỉ thực hiện kĩ năng cliông chồng (hoặc gõ) ngơi nghỉ bên ngoài để đóng góp modal, cũng nên luôn luôn luôn luôn có một tùy lựa chọn đóng ở góc cạnh bên trên bên yêu cầu. Một ý tưởng phát minh hay nữa là bao hàm thêm tùy chọn đóng góp hoặc hủy vào modal, hay là một trong links hoặc nút. Như vậy giúp cho người cần sử dụng có thể trở lại trang nơi bắt đầu một biện pháp dễ ợt.


*

John Lewis bao gồm 1 tùy chọn đóng góp cụ thể ở góc bên trên mặt đề nghị của modal

6. Đừng bao gồm vô số bước

Nếu một ảnh hưởng đủ tinh vi với nhiều bước phải, nó đề nghị một trang riêng,sẽ sở hữu thêm những không gian và linch hoạt rộng đối với một modal. Cố chũm rời thực hiện modal với tương đối nhiều bước nhỏng hình sau đây từ bỏ bank Barclays Bank. Chia một nhiệm vụ phức tạpthành các bước là một trong những phát minh tuyệt vời nhất, nhưng mà nói phổ biến nó là 1 tín hiệu cho thấy thêm một sản phẩm gì đấy quá tinh vi nhằm trải đời người dùng kết thúc trong kích thước của modal.


*

Cố thay rời bé thú vật modal với khá nhiều bước như của bank Barclays

7. Đừng nhồi nhét không ít thứ

Quý khách hàng tránh việc cố gắng nhồi nhét quá nhiều trang bị vào modal. Hãy giữ mang đến modal cụ thể với đơn giản. Nếu các bạn nhận ra bản thân vẫn cố gắng nhồi nhét quá nhiều trang bị vào modal nó thường xuyên Tức là modal không phải là chiến thuật xây đắp tốt nhất có thể.

8. Bao gồm nhiều báo cáo quan trọng

Một điều đặc biệt là modal ko che tắt thở các ban bố có thể hữu dụng cho những người dùng ví dụ như Ngân sách, ngày, và danh sách. Trong thực tiễn các thông tin quan trọng đặc biệt lên phía bên trong modal. lấy một ví dụ một modal đề nghị người tiêu dùng xác nhận xóa một vài mục, bắt buộc liệt kê list những mục vẫn xóa.

Xem thêm: Vì Sao Khi Xem Dự Báo Thời Tiết, Ta Luôn Thấy Họ Đo Lượng Nước Mưa Bằng Mm?

9. Cố cầm tránh thực hiện modal mang lại cácthi công di động

10. Đảm bảo modal có thể truy vấn cập

Khả năng truy vấn cụ thể là 1 yếu tố đặc biệt yêu cầu xem xet mang lại hầu hết kiến thiết chính vì như vậy điều đặc trưng là đảm bảo an toàn rằng gần như modal được sử dụng rất có thể truy vấn. lấy ví dụ như, bảo đảm an toàn rằng tập trung đúng mực vào các đối tượng người sử dụng vào modal Khi msinh hoạt (nắm vị trang mặt dưới) vày người tiêu dùng có thể điều hướng bằng cách thực hiện bànphím. Cũng yêu cầu chắc hẳn rằng rằng tùy lựa chọn đóng góp tất cả một nhãn phù hợp cùng với các đồ vật gọi. Một bài biết khá tuyệt về chủ đề này là Làm cố gắng làm sao nâng cao năng lực truy cập của những modal,tôi khuim các bạn lên gọi nó.


Chuyên mục: Blogs