Trang chủ » UI / UX » Thiết kế giao diện tập trung để thu hút người dùng tốt hơn

    Thiết kế giao diện tập trung để thu hút người dùng tốt hơn

    Cam kết của người dùng là một số liệu khó có thể đạt được theo những cách khác nhau cho các dự án khác nhau. Hầu hết các nhà thiết kế nghĩ về giao diện khi họ nói về tương tác, nhưng Nội dung trang cũng có thể khuyến khích sự tương tác của người dùng. Để thu hút người dùng tốt hơn, điều quan trọng là viết nội dung hấp dẫn, và trình bày nội dung đó trong một thiết kế lôi cuốn.

    Nói thì dễ hơn nhiều so với thực hiện, nhưng nếu bạn học được một số nguyên tắc cơ bản, bạn sẽ không gặp vấn đề gì khi chế tạo UI tập trung với nội dung tuyệt vời cho các dự án của bạn.

    Trong bài đăng này, tôi sẽ chỉ cho bạn cách tăng tương tác người dùng và tương tác nội dung trên các giao diện dựa trên web. Đây là hai cách phổ biến nhất để thu hút khách truy cập và nếu bạn có thể tối ưu hóa trải nghiệm bạn sẽ không gặp vấn đề gì khi tăng thời gian sinh lợi trên số liệu trang.

    Chụp mới lạ

    Khái niệm của mới lạ định nghĩa một sự kiện hoặc sự việc thường mới, thường rất mới và độc đáo dựa trên ngữ cảnh. Sự kiện tiểu thuyết thu hút sự chú ý của chúng tôi bởi vì họ nổi bật. Điều này cũng đúng với thiết kế giao diện với các yếu tố đại diện mới lạ dường như nhảy ra khỏi trang.

    Gần đây tôi đã tìm thấy một bài viết tuyệt vời thảo luận về tầm quan trọng của sự mới lạ khi nói đến sự tham gia. Người dùng dường như hấp dẫn đối với những trải nghiệm mới lạ, giao diện và các yếu tố UI bởi vì chúng khác nhau Thực tế duy nhất được thiết kế khác nhau thường thu hút sự chú ý.

    Một ví dụ phổ biến là nút kêu gọi hành động được tìm thấy trên hầu hết các trang đích. Bạn cũng có thể xây dựng tính mới với ảnh nền, hình minh họa hoặc ảnh chụp màn hình ứng dụng, chẳng hạn như trên trang đích Uber for Business.

    Trang này có nút kêu gọi hành động nhưng tôi chú ý ngay lập tức đi đến ảnh chụp màn hình. Chúng hoạt hình khi được tải lần đầu tiên để kết hợp thiết kế mới lạ với chuyển động để thu hút sự chú ý.

    Một thay thế sẽ là GiftRocket sử dụng biểu tượng minh họa như liên kết để đi sâu hơn vào trang web.

    Cả hai ví dụ này sử dụng tính mới để lợi thế của họ. Bạn không thể luôn thu hút mọi người hơn nữa vào trang web, nhưng bạn sẽ thấy kết quả tốt hơn nếu bạn thu hút sự chú ý của họ ở cấp độ nội tạng Đầu tiên.

    Thiết kế là điều đầu tiên khách truy cập nhìn thấy và bạn cần thu hút sự chú ý của họ trong vài giây để khuyến khích sự tham gia hơn nữa.

    Kiểu chữ skimizable

    Các nghiên cứu đã tìm thấy rằng hầu hết người dùng quét một trang web thay vì đọc nó từng chữ. Bạn có thể muốn thu hút mọi người đọc nội dung của bạn, nhưng bạn chỉ có thể làm rất nhiều.

    Thay thế tốt nhất là tạo ra nội dung skimizable với các tiêu đề, văn bản in đậm và hình ảnh minh họa những gì bạn đang cố gắng nói. Tôi có thể nghĩ về ít nhất ba kỹ thuật viết mạnh mẽ bạn có thể sử dụng nội dung của bạn để tăng khả năng đọc:

    1. Phân chia nội dung với phụ đề rõ ràng
    2. Chia tay đoạn văn để làm cho chúng nhỏ hơn
    3. Sử dụng danh sách gạch đầu dòng chia sẻ điểm của bạn nhanh hơn

    Mục tiêu là để giữ độc giả của bạn di chuyển xuống trang bằng bất cứ phương tiện nào cần thiết Bằng cách giữ cho nội dung nhỏ trong khối kích thước cắn bạn sẽ có thời gian dễ dàng hơn để thu hút sự chú ý và đưa mọi người đi sâu hơn vào trang web.

    Kiểm tra blog Quick Sprout để biết ví dụ về phong cách viết này. Nội dung được viết bởi Neil Patel và anh ấy thường viết nội dung rất dài, nhưng anh ấy phá vỡ các đoạn văn thành 1-3 câu mỗi câu.

    Nếu bạn có tiêu đề thích hợp, Và sử dụng hình ảnh / điểm đạn trong suốt nội dung, bạn sẽ khiến mọi người lướt qua và đọc nhiều hơn nữa. Cũng hãy chắc chắn tăng số lượng khoảng trắng giữa các đoạn. Lề và đệm cả hai đều đóng một vai trò rất lớn trong thiết kế bố trí và dễ đọc.

    Thiết kế văn bản sao cho thật ra rất vui khi đọc. Sao chép nhàm chán sẽ không lôi kéo, nhưng bản sao vui vẻ sẽ không quá nhỏ hoặc thiếu độ tương phản.

    Hình ảnh bắt mắt

    Một nghiên cứu trường hợp gần đây của Backlinko cho thấy các trang đó với ít nhất một hình ảnh nói chung là thứ hạng cao hơn hơn các trang không có hình ảnh. Điều này thật tuyệt vời từ góc độ SEO.

    Nhưng những gì về sự tham gia của người dùng? Nếu bạn có thể giữ một hình ảnh đó trên nếp gấp hoặc là gần đỉnh nó cũng sẽ thu hút sự chú ý của khách trước khi họ bật lên. Hãy nhớ rằng các yếu tố trang tiểu thuyết có xu hướng thu hút.

    Khi bạn có một hình ảnh (hoặc nhiều hình ảnh) xen kẽ trong suốt trang, bạn sẽ chia tay sự đơn điệu của khối văn bản nhàm chán. Người dùng có thể nghỉ đọc để đánh giá cao hình ảnh, hoặc tạo kết nối giữa hình ảnh và nội dung bằng văn bản. Nhưng như với hầu hết các kỹ thuật thiết kế, chất lượng có giá trị hơn số lượng.

    Một nghiên cứu trường hợp Moz cho thấy hình ảnh chất lượng cao có xu hướng giữ chân du khách trên trang lâu hơn nhiều. Mặt khác, hình ảnh kém chất lượng không làm việc tốt và trong một số trường hợp, chúng khiến khách truy cập nảy nhanh hơn hơn là không có hình ảnh Bạn nên cố gắng bao gồm ít nhất một hình ảnh đó là liên quan đến nội dung và đó cung cấp giá trị cho người đọc.

    TechCrunch thực hiện điều này với các hình ảnh nổi bật trong các bài viết của họ, nơi bạn sẽ thường tìm thấy ảnh nổi bật trên màn hình đầu tiên.

    WordPress làm cho việc thêm hình ảnh nổi bật trở nên dễ dàng với tính năng thu nhỏ bài đăng. Bạn có thể đặt một bức ảnh riêng biệt cho mỗi bài đăng bạn viết và buộc những bức ảnh này xuất hiện ở đầu trang. Đây là một cách hoàn hảo để cung cấp cho du khách cái nhìn thoáng qua về nội dung là gì, và để tăng TLB cho các tiện ích bài đăng có liên quan cũng chứa hình thu nhỏ của bài đăng.

    Các yếu tố trang tương phản

    Nếu bạn cần chú ý đến một khu vực cụ thể trên một trang thì bất đối xứng là người bạn tốt nhất của bạn. Tương phản điều khiển một cái nêm cứng giữa các khu vực cụ thể của một thiết kế hoặc một số khối nội dung nhất định.

    Khách truy cập tự nhiên tàn phá theo hướng tương phản bởi vì nó khác Các vị trí kề nhau lớn về màu sắc, kích thước hoặc khoảng trắng thu hút mắt vì nó phá vỡ khuôn mẫu của mọi thứ khác trong cách bố trí.

    Ví dụ yêu thích của tôi cho các yếu tố trang tương phản có lẽ là trang chủ của Phác thảo. Có rất nhiều sự tương phản được tìm thấy giữa hai nút kêu gọi hành động, một để tải về bản dùng thử Phác thảo và bản kia để mua bản sao.

    Nút mua hàng sử dụng màu nền đầy đủ sáng hơn nhiều hơn các màu khác trong tiêu đề. Văn bản nút cũng sáng hơn so với nút dùng thử miễn phí. Điều này dẫn khách truy cập đến nút Mua ngay chỉ từ kích thích thị giác.

    Bạn sẽ nhận thấy một kỹ thuật tương tự trên trang chủ của Optin Monster. Tiêu đề này chỉ có một nút có nhãn Get OptinMonster Now. Đó là một nút màu xanh lá cây tươi sáng trên nền màu xanh không có yếu tố màu xanh lá cây nào khác.

    Màu sắc, kích thước và hình dạng đều thu hút sự chú ý của bạn bởi vì nó tương phản với mọi thứ khác trong tiêu đề. Ngay bên cạnh nút là một liên kết văn bản nhỏ để xem trước video. Đây có thể là một video tuyệt vời và nó đáng được chú ý, nhưng không nhiều bằng nút CTA dùng thử / đăng ký.

    Đối với một blog, bạn có thể có các bằng cấp khác nhau cho sự tham gia của người dùng. Một lựa chọn phổ biến là một mẫu đăng ký bản tin chẳng hạn như ví dụ về Aeolidia.

    Nếu bạn cuộn xuống cuối nội dung, bạn sẽ thấy hộp đăng ký ưa thích được thiết kế chỉ dành cho mẫu bản tin. Nó nổi bật so với phần còn lại của trang với màu nền độc đáo, kiểu chữ vui nhộn và biểu tượng King Triton dễ thương.

    Cách tốt nhất để thiết kế với độ tương phản là nghiên cứu các ví dụ và chỉ thử nghiệm. Xem những gì hoạt động và những gì không bằng theo dõi số liệu với thử nghiệm A / B. Nếu bạn đang tìm kiếm nhiều ví dụ, hãy xem phần viết Cod Cod đầy đủ các mẹo và màn hình của các trang web bất đối xứng trực tiếp này.

    Khuyến khích sự tương tác của người dùng

    Có rất nhiều cách để giữ khách truy cập quan tâm đến một trang web, nhưng phổ biến nhất là bắt họ làm việc. Điều này đúng với cả blog tĩnh và các trang xã hội động. Không có thủ thuật một kích cỡ phù hợp cho tất cả các thủ thuật này. Bạn có thể làm bất cứ điều gì để làm cho người dùng cảm thấy gắn bó với trang.

    Trong một trang web tĩnh, bạn có thể thêm rất nhiều Liên kết liên quan để đọc thêm, hoặc bao gồm trình chiếu hình ảnh. Bạn cũng có thể thêm hình thức cho ý kiến ​​người dùng hoặc một bản tin email.

    Khi nó đến giao diện động, mục đích của trang web thường là để khuyến khích sự tham gia của người dùng. Rào cản lớn nhất là dạy người dùng Làm thế nào trang web hoạt động và làm thế nào để tham gia đúng vào giao diện.

    Kiểm tra bài đăng này của KissMetrics nói về các kỹ thuật tương tác với người dùng. Một trong những chiến lược tốt nhất tôi tìm thấy là thiết kế một tour du lịch có hướng dẫn dẫn khách truy cập thông qua mỗi tính năng chính.

    Hãy suy nghĩ về viễn cảnh khó hiểu của Twitter đối với một người dùng hoàn toàn mới. Nếu họ không theo dõi ai và không có người theo dõi, tại sao họ lại tweet?

    Các “Làm theo gợi ý” hộp trong khi đăng ký giúp người dùng mới làm quen với cách Twitter hoạt động. Tính năng này giới thiệu người dùng mới bắt đầu tham gia với nền tảng và thử nghiệm với các tính năng chẳng hạn như sau, tweet và tin nhắn riêng tư.

    Ngoài một chuyến tham quan có hướng dẫn, bạn cũng sẽ muốn làm cho giao diện đơn giản. Các tính năng chính phải là 1-2 lần nhấp đi từ bảng điều khiển của người dùng hoặc trang chính. Giao diện trực quan cần giải thích, và đơn giản thu hút sự chú ý nhanh hơn nhiều.

    Bằng cách hiểu tất cả các kỹ thuật này, bạn sẽ có thời gian xây dựng giao diện dễ dàng hơn giải quyết vấn đề của người dùng, và khuyến khích người dùng mới tham gia. Nếu bạn đang tìm kiếm thêm Lời khuyên tham gia thiết kế UX Kiểm tra các bài viết liên quan:

    • Chiến thuật đưa người dùng lên tàu để tăng sự tham gia (thinkapps.com)
    • Bài học về sự tham gia dần dần (uxbooth.com)
    • Đừng cho rằng người dùng mới muốn tìm hiểu cách sử dụng sản phẩm của bạn (uxdesign.cc)