10 cách dùng cửa sổ pop-up thông minh trên website

10 thiết kế website tận dụng tốt cửa sổ pop up sau đây sẽ cho bạn cái nhìn đa dạng hơn về các phong cách tạo cửa sổ pop up trên website.

Tạo được mối liên hệ cảm xúc giữa thương hiệu của bạn với người dùng website luôn là một nhiệm vụ quan trọng. Các thiết kế website hiện đại luôn có những điểm nhấn thú vị nhằm thu hút sự chú ý của người xem, tăng tính tương tác và hướng tới trải nghiệm người dùng khó phai. Có website tận dụng bức ảnh nền toàn trang thật hút mắt, có nơi dùng các hiệu ứng hình ảnh linh hoạt, và hôm nay chúng tôi muốn giới thiệu một cách tạo điểm nhấn khác cũng hiệu quả không kém: sử dụng cửa sổ pop up. 

Các làm này có thể giúp bạn vừa tạo được sự tương tác sinh động cho website, vừa là công cụ truyền tải thông tin hiệu quả cho người xem. Các cửa sổ pop up thường chứa các nút bấm call to action kèm thông điệp quan trọng nào đó. Chẳng hạn như ở đó sẽ là nơi bạn đăng ký thông tin khách hàng để nhận ưu đãi nào đó trên website, tải một bản miễn phí về dùng thử cũng như mang đến một thông tin khuyến mại hấp dẫn nào đó....

Vị trí, kiểu dáng cũng như cách xuất hiện của những cửa sổ pop up này cũng có vô số cách sáng tạo. Có website sẽ để cửa sổ pop up xuất hiện ở chính giữa trang, tạo sự chú ý không thể lệch đi chỗ khác với người xem. Có khi nó lại xuất hiện ở góc màn hình, thường là về bên phải để thuận chiều mắt và tay của người dùng. Mặc dù kích thước của cửa sổ pop up có thể gần như chiếm trọn màn hình, xong không vì thế mà ta tham lam đưa quá nhiều nội dung vào đó.

Chỉ những nội dung thực sự cần làm nổi bật mới tận dụng cho vào vị trí này, còn các thông tin khác thì chúng ta vẫn còn cả website để thể hiện. Bạn cũng cần đảm bảo cho thiết kế cửa sổ pop up phải có sự tinh tế nhất định, tránh để người dùng cảm thấy bị làm phiền như những cửa sổ quảng cáo thông thường khác, khi ấy họ sẽ muốn tắt ngay nó đo mà không cần quan tâm thông điệp của bạn là gì.

Vớ công nghệ thiết kế website tiên tiến, hiệu ứng xuất hiện của cửa sổ pop up cũng có nhiều phong cách khác nhau, mượt mà, sinh động. Bạn sẽ gặp một số kiểu cửa sổ tự động mở khi khách ghé website, cũng có khi bạn cần phải di chuột vào một vị trí nào đó thì cửa số pop up mới bung ra. Các tạo cửa sổ như vậy cũng là một yếu tố làm tăng trải nghiệm tương tác. 

10 thiết kế website tận dụng tốt cửa sổ pop up sau đây sẽ cho bạn cái nhìn đa dạng hơn về các phong cách tạo cửa sổ pop up trên website. 

InspirationHut

Thiet ke web sang tao voi pop up window

BloggerJet

Thiet ke web sang tao voi pop up window

 

Photodoto

Thiet ke web sang tao voi pop up window

ShoeMoney

Thiet ke web sang tao voi pop up window

Vandelay Design

Thiet ke web sang tao voi pop up window

 

Designmodo

Thiet ke web sang tao voi pop up window

365psd

Thiet ke web sang tao voi pop up window

 

Webdesign&Such

Thiet ke web sang tao voi pop up window

Lewishowes

Thiet ke web sang tao voi pop up window

Elegant Themes

Thiet ke web sang tao voi pop up window

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: www.youthedesigner.com
Có: 7/2 đã cho sao
tiếc gì 1 click để cho sao

Bạn đã xem chưa?

Công cụ Google Workspace Migrate dành cho quản trị viên tài khoản hiện đã sẵn sàng

Công cụ Google Workspace Migrate dành cho quản trị viên tài khoản hiện đã sẵn sàng

Công cụ Google Workspace Migrate giúp việc di chuyển dữ liệu từ các đơn vị thứ 3 về sử dụng dịch vụ Google workspace dễ dàng hơn. Ngoài việc kiểm tra và lập kế hoạch, nó còn giúp quan sát lập kế hoạch di chuyển tốt hơn.

Tại sao nên chọn đăng ký Google Workspace tại Ngôi Sao Số

Tại sao nên chọn đăng ký Google Workspace tại Ngôi Sao Số

Bạn đang phân vân không biết lựa chọn đối tác nào để chuyển đổi gói G Suite miễn phí sang Google Workspace, thử tìm hiểu một số thế mạnh của chúng tớ nhé.

Họp nhiều phòng ban, lên lịch họp ngày càng dễ hơn với Google Meet

Họp nhiều phòng ban, lên lịch họp ngày càng dễ hơn với Google Meet

Trong một cuộc khảo sát toàn cầu gần đây của Google ủy quyền từ Economist Impact, để tìm hiểu về việc người dùng tìm kiếm cách thức để làm việc và kết nối với nhau với mô hình làm việc từ xa.

Quay lại trang Blog
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây