Bố trí thích ứng vs. trang web di động, hoặc chiến lược nào để thích ứng với lưu lượng truy cập di động sẽ có lợi trong tương lai?

Vào tháng 3 năm 2016, người sáng lập Facebook Mark Zuckerberg, trong cuộc trò chuyện với người tạo ra Tập đoàn Alibaba, Jack Ma, đã tuyên bố hoàn thành sắp tới thời đại của điện thoại thông minh và máy tính bảng. Theo Zuckerberg, cứ sau 10 năm lại có những thiết bị mới về cơ bản thay đổi ý tưởng của một người về cách tương tác với máy tính.

Bạn có nghĩ rằng những lời tiên tri của Zuckerberg chỉ nên quan tâm đến các nhà sản xuất và người bán điện thoại thông minh? Họ quan tâm đến cá nhân bạn. Nếu bạn có kế hoạch thích ứng tài nguyên với lưu lượng truy cập di động, tài liệu này là dành cho bạn. Từ đó bạn sẽ tìm hiểu về những lợi thế và bất lợi của bố cục đáp ứng và các trang web di động. Bạn cũng sẽ tìm hiểu những gì sẽ chọn cho tương lai: RWD-site hoặc tài nguyên cá nhân cho người dùng thiết bị di động và máy tính để bàn.

Chiến lược nào để thích ứng với công việc giao thông di động ngày nay

Có hai chiến lược chính để tạo tài nguyên thân thiện với người dùng. Việc đầu tiên liên quan đến sử dụng bố trí thích ứng. Một trang có RWD (từ Thiết kế Web Phản hồi Tiếng Anh) sẽ tự động điều chỉnh theo kích thước màn hình của khách truy cập. Bởi vì điều này, thuận tiện để xem nó trên bất kỳ thiết bị nào: máy tính để bàn, máy tính bảng và điện thoại thông minh.

Có một phiên bản nâng cao của thiết kế thích ứng - màn hình động hoặc RESS (Thiết kế đáp ứng và phía máy chủ). Cách tiếp cận này liên quan đến việc sử dụng bố trí thích ứng. Tuy nhiên, tùy chọn hiển thị không được xác định ở phía máy khách, mà ở phía máy chủ. Do đó, người dùng khi truy cập một URL sẽ nhận được một mã HTML khác nhau tùy thuộc vào kích thước màn hình của thiết bị. Hiển thị động có thể được coi là một chiến lược riêng biệt để thích ứng với lưu lượng di động hoặc một phần của chiến lược RWD.

Chiến lược thứ hai liên quan đến tạo một trang web riêng cho người dùng di động. Nó được điều chỉnh dành riêng để xem trên màn hình nhỏ. Do đó, nhiều yếu tố của phiên bản dành cho máy tính để bàn, bao gồm flash-animation và đồ họa nặng nề, đã biến mất khỏi các phiên bản di động của trang web. Phiên bản di động có một URL riêng. Ví dụ, mặc dù sử dụng thiết kế đáp ứng, Lenta.ru, cung cấp cho người dùng một trang web di động riêng biệt. Nó được đặt tại m.lenta.ru.

Chủ sở hữu máy tính để bàn và thiết bị di động thấy các trang web khác nhau. Đối với phiên bản đầu tiên, phiên bản đầy đủ của tài nguyên được mở và phiên bản thứ hai, trình duyệt chuyển hướng sang phiên bản di động.

Có một cách khác để điều chỉnh các trang web cho lưu lượng truy cập di động. Bạn có thể cung cấp cho khán giả một ứng dụng. Nhưng một ứng dụng di động thường bổ sung cho bố cục đáp ứng hoặc trang web di động, thay vì thay thế chúng hoàn toàn. Ví dụ: ứng dụng di động "Liters" thuận tiện để sử dụng để mua sắm và đọc sách. Nhưng nó không có sẵn một phần thông tin hữu ích trên trang web của cửa hàng.

Ngoài ra, chương trình dành cho điện thoại thông minh và máy tính bảng không giải quyết được vấn đề thích ứng tài nguyên với nhu cầu của khán giả di động. Do đó, việc tạo ra các ứng dụng được coi là một quyết định chiến thuật tốt hơn là một chiến lược di động riêng biệt.

Nếu bạn đã lựa chọn ủng hộ việc tạo một ứng dụng, bạn sẽ phải đầu tư lực lượng rất lớn vào việc quảng bá. Chúng tôi khuyên bạn nên giao ngay công việc này cho các chuyên gia, những người biết chính xác những gì cần phải làm và những cạm bẫy nào nên tránh. Cái nào tốt hơn: bố trí thích ứng hoặc một trang web di động riêng biệt? Để trả lời câu hỏi này, người ta cần xem xét những lợi thế và bất lợi của hai chiến lược.

Thiết kế thích ứng: ưu điểm và nhược điểm

Công cụ tìm kiếm lớn nhất thế giới Google khuyên bạn nên làm cho các trang web thân thiện với thiết bị di động bằng cách sử dụng thiết kế đáp ứng ("Chúng tôi khuyên bạn nên sử dụng thiết kế web đáp ứng"). Hãy tưởng tượng rằng đồng nghiệp của bạn đang duyệt trang web trên điện thoại thông minh và bạn đang mở cùng một trang trên máy tính để bàn. Khi bạn truy cập URL đã chọn, trình duyệt của bạn sẽ tải xuống cùng một mã HTML.

Mã được tải xuống bao gồm thẻ meta chế độ xem (để biết thêm thông tin, hãy xem liên kết ngay phía trên). Nó báo cho trình duyệt chia tỷ lệ nội dung trang tùy thuộc vào độ rộng của màn hình. Nó cũng chứa các hướng dẫn để nhân rộng. Nhờ điều này, đồng nghiệp của bạn thấy trang web như thế này:

Và bạn thấy trang web như thế này:

Như đã lưu ý ở trên, bố cục thích ứng đảm bảo hiển thị chính xác trang trên màn hình của bất kỳ tiện ích nào. Phương pháp này cung cấp cho chủ sở hữu trang web một số lợi thế:

  • Vị trí tài nguyên cao hơn trong kết quả tìm kiếm di động. Ở đây cần lưu ý hai vị trí chính. Đầu tiên, đó là lợi thế chung của tất cả các chiến lược để thích ứng với lưu lượng truy cập di động. Các công cụ tìm kiếm được coi là chính xác như RWD hoặc hiển thị động, cũng như phiên bản di động của trang web. Thứ hai, sự hiện diện hoặc vắng mặt của thích ứng cho lưu lượng truy cập di động chỉ ảnh hưởng đến phân phối di động. Đây là xác nhận từ Yandex, nhưng từ Google. Dưới đây là một câu trả lời rõ ràng khác từ đại diện của Google (xem Câu hỏi số 2): việc điều chỉnh cho lưu lượng truy cập di động chỉ ảnh hưởng đến vấn đề di động.
Nhân tiện, bố cục thích ứng được dự kiến ​​sẽ cải thiện các số liệu hành vi của trang web. Đây là trường hợp của chúng tôi về chủ đề này.
  • Giám sát trang web thuận tiện bằng cách sử dụng các hệ thống phân tích. Nếu bạn sử dụng RWD hoặc RESS, bạn có thể theo dõi hiệu suất trang web cho tất cả các loại lưu lượng truy cập bằng Google Analytics và Yandex.Metrics.
  • Tiết kiệm chi phí. Bố cục thích ứng sẽ khiến bạn tốn ít tiền hơn so với việc tạo và duy trì một phiên bản tài nguyên riêng cho thiết bị di động.
  • Không cần thiết lập chuyển hướng. Như đã đề cập ở trên, khi sử dụng RWD, trình duyệt sẽ tự động điều chỉnh trang nằm ở cùng địa chỉ với màn hình.
Bạn muốn một ví dụ về một chuyển hướng đe dọa trừng phạt không chính xác? Đây là: bạn chuyển hướng khách hàng muốn xem trang vash-site.ru/port portfolio từ điện thoại thông minh của bạn đến trang m.vash-site.ru. Chuyển hướng chính xác khách truy cập đến trang m.vash-site.ru/port portfolio.
  • Dễ quản lý. Để hiển thị nội dung cho chủ sở hữu máy tính để bàn và thiết bị di động, nó đủ để kết hợp và xuất bản một bài viết.
  • Không có nội dung trùng lặp. Tất cả người dùng truy cập trang nằm ở cùng một địa chỉ.
  • Dễ thực hiện. Các khung Bootstrap đơn giản hóa rất nhiều công việc của các nhà phát triển web. Hơn nữa, ngay cả khi bạn không hiểu mã, bạn có thể sử dụng trình cắm cho CMS phổ biến. Ví dụ: để làm cho thiết kế trang web WordPress đáp ứng, hãy cài đặt plugin WPtouch.

Như bạn có thể thấy, Google khuyến nghị RWD vì lý do thích ứng tài nguyên với lưu lượng truy cập di động. Điều này có nghĩa là thiết kế đáp ứng có thể được coi là thuốc chữa bách bệnh? Không, vì ...

... bố trí thích ứng có nhược điểm

Nếu bạn quyết định thực hiện thiết kế đáp ứng, hãy sẵn sàng để giải quyết vấn đề. Dưới đây là những người chính.

Nhu cầu của khán giả không được tính đến

Bố cục thích ứng không hoàn toàn tính đến nhu cầu của người dùng di động. Nó giải quyết vấn đề hiển thị chính xác nội dung. Nhưng ai nói rằng chủ sở hữu của một điện thoại thông minh, chen lấn trong một chiếc xe điện ngầm hoặc nhìn vào hàng hóa trong một siêu thị, cần nội dung giống như chủ sở hữu máy tính để bàn đang ngồi thuận tiện trên bàn hoặc người dùng máy tính bảng đang ngồi trên ghế sofa? Người dùng di động cần nội dung ăn nhẹ. Thật khó để tưởng tượng rằng họ thường xuyên đọc Longrida từ điện thoại thông minh, phải không?

Chịu sự tiện dụng và trải nghiệm người dùng

Bố cục thích ứng được triển khai kém làm suy yếu trải nghiệm của khách truy cập vào trang web của bạn từ máy tính để bàn. Dưới đây là một số khiếu nại về các trang web RWD được tìm thấy trên các diễn đàn và blog của các nhà phát triển web và quản trị trang web:

  • Các nút lớn sáng trông tuyệt vời trên màn hình của thiết bị di động. Nhưng chúng có vẻ vô lý trên màn hình máy tính để bàn.
  • Kích thước lớn trông tốt trên màn hình di động. Nhưng trên màn hình máy tính để bàn, nó trông rất tệ.
  • Các biểu tượng với hình ảnh thay vì một menu văn bản cũng trông xấu trên màn hình lớn.
  • Hình ảnh chiếm một nửa màn hình không phù hợp với máy tính để bàn.

Nó chỉ ra rằng đa số chịu đựng vì thiểu số. Tại sao nó lại như vậy nếu lưu lượng truy cập di động đã vượt quá hoặc sắp vượt quá lưu lượng truy cập từ các thiết bị cố định? Khi các công cụ tìm kiếm và dịch vụ phân tích nói về sự tương đương giữa Internet di động và cố định, chúng ta đang nói về xu hướng toàn cầu. Đối với các trang web riêng lẻ, tỷ lệ lưu lượng truy cập cố định và di động có thể khác nhau. Ví dụ, đây là dữ liệu về tài nguyên của chúng tôi.

Vì lợi ích của công lý, một lần nữa đáng nhấn mạnh rằng hầu hết các vấn đề này có liên quan đến các lỗi điển hình và cách tiếp cận khuôn mẫu cho công việc của các nhà thiết kế, chứ không phải với công nghệ bố trí thích ứng.

Các trang mất nhiều thời gian để tải, tạo quá tải cho phần cứng

Việc sử dụng bố cục thích ứng không giải quyết được vấn đề về tốc độ tải trang. Như đã đề cập ở trên, các trình duyệt trên máy tính để bàn và điện thoại thông minh tải cùng một mã HTML, nhưng hiển thị nó khác nhau.

Thực tế vẫn còn: để mở một trang, điện thoại di động và máy tính cố định tải cùng một lượng thông tin và thực hiện cùng một lượng tính toán tải bộ xử lý. Một máy tính để bàn được kết nối với Internet tốc độ cao với một chiếc Iron sắt mạnh mẽ xử lý nhiệm vụ này với một tiếng nổ. Và làm thế nào để một điện thoại thông minh với bộ xử lý ít mạnh hơn cảm thấy? Nếu bạn kết nối Internet không phải qua Wi-Fi văn phòng, mà qua mạng di động, lượng thông tin có thể tải xuống đóng một vai trò quan trọng.

Nhân tiện, để bạn có thể xem hình ảnh trên màn hình điện thoại thông minh, trình duyệt sẽ tải nó ở kích thước đầy đủ. Chỉ sau khi tải trình duyệt mới giảm nó xuống kích thước phù hợp. Nó cũng tạo ra sự quá tải cho bộ xử lý và giảm tốc độ tải trang.

Thiếu sự lựa chọn

Chủ sở hữu thiết bị di động có màn hình lớn thường chuyển từ thiết bị di động sang phiên bản tiêu chuẩn của trang web. Nếu bạn sử dụng RWD, người dùng sẽ mất sự lựa chọn.

Như bạn có thể thấy, thiết kế đáp ứng có những sai sót khá nghiêm trọng. Một số trong số họ có thể được loại bỏ, sẽ được thảo luận dưới đây. Nhưng trước tiên, bạn cần xem xét một chiến lược thay thế để điều chỉnh tài nguyên cho lưu lượng truy cập di động.

Phiên bản di động của trang web: ưu và nhược điểm

Chiến lược này liên quan đến việc tạo ra hai trang web khác nhau. Phiên bản cơ bản mở trên màn hình của máy tính để bàn và phiên bản di động được thiết kế để xem từ máy tính bảng và điện thoại thông minh. Phát hiện thiết bị của người dùng và chuyển hướng đến phiên bản tài nguyên cần thiết xảy ra ở phía máy chủ. Ví dụ, chú ý đến các phiên bản cố định và di động của Lenta.ru đã lưu ý ở trên.

Những lợi thế của một trang web di động

Phiên bản di động cung cấp thứ hạng cao hơn trong kết quả tìm kiếm cho điện thoại thông minh và máy tính bảng, cũng như tài nguyên RWD. Ngoài ra, trang web dành cho thiết bị di động có một số lợi thế quan trọng so với tài nguyên thiết kế đáp ứng:

  • Bạn có thể tạo và xuất bản nội dung chỉ dành cho người dùng di động.
  • Menu, điều hướng và các yếu tố thiết kế khác có thể được điều chỉnh phù hợp với nhu cầu của người dùng di động. Bạn không cần phải suy nghĩ về khả năng sử dụng tài nguyên theo quan điểm của chủ sở hữu máy tính để bàn.
  • Tiết kiệm lưu lượng và tài nguyên thiết bị. Đây là một lợi thế rất quan trọng nếu một đối tượng di động thực sự cung cấp cho bạn một phần lưu lượng đáng kể: chủ sở hữu điện thoại thông minh sử dụng Internet khi đang di chuyển.

Chọn phiên bản di động của trang web cho phép bạn tập trung hoàn toàn vào trải nghiệm di động. Hơn nữa, bạn không cần phải suy nghĩ về cách một chiến lược di động ảnh hưởng đến người dùng muốn có tài nguyên từ một PC ổn định. Nhưng trước khi lựa chọn chiến lược cuối cùng, hãy đánh giá ...

... nhược điểm của phiên bản di động của trang web

Phiên bản di động có một số sai sót nghiêm trọng.

Trang web di động không phù hợp cho tất cả các thiết bị di động.

Như bạn nhớ, RWD đảm bảo hiển thị chính xác tài nguyên trên màn hình của bất kỳ thiết bị nào. Các trang web di động cũng mở chính xác từ bất kỳ thiết bị. Tuy nhiên, phiên bản di động thường trông thật lố bịch trên màn hình máy tính để bàn. Hơn nữa, hầu hết các trang web di động không thể được sử dụng trên máy tính bảng màn hình lớn. Xem phiên bản trực tiếp của phiên bản di động trông như thế nào trên màn hình 10:

Quản lý hai trang web khó hơn một

Bạn sẽ phải đăng nội dung hai lần. Và nếu bạn muốn xem xét đầy đủ nhu cầu của khán giả di động, bạn cũng sẽ phải tạo hai ấn phẩm khác nhau. Ngoài ra, bạn cần đảm bảo chuyển hướng chính xác của người dùng tùy thuộc vào loại thiết bị.

Ngoài ra, hãy sẵn sàng để theo dõi hiệu quả của hai trang web khác nhau.

Chi phí bổ sung

Đối với các trang web di động sẽ cần một tên miền riêng. Bạn cũng có thể cần phải thay đổi kế hoạch lưu trữ. Đừng quên chi phí phát triển và cập nhật phiên bản di động của tài nguyên.

Sự cố với nội dung trùng lặp

Hãy tưởng tượng đã đăng một bài viết mát mẻ trên trang web chính. Nếu bạn ngay lập tức xuất bản nó trên một trang web di động, nó sẽ bị bi quan vì ăn cắp nội dung. Để giải quyết vấn đề, bạn phải làm việc chăm chỉ: thông báo cho Yandex và Google về bản chất tương đối của phiên bản chính và tài nguyên di động bằng cách sử dụng các thuộc tính rel = Alternate và rel = canonical.

Chức năng và nội dung được thiến

Ở trên đã nói rằng những nhược điểm của thiết kế thích ứng bao gồm việc không thể tính đến đầy đủ các nhu cầu của khán giả di động. Nhưng ai nói rằng nhu cầu của chủ sở hữu điện thoại thông minh và máy tính bảng luôn khác với người dùng máy tính để bàn?

Câu hỏi này đặt câu hỏi về triết lý của các trang web di động. Trong thực tế, nó tập trung vào việc giảm các chức năng, đơn giản hóa các menu và điều hướng và biến nội dung bình thường thành các hướng dẫn cho học sinh lớp một. Ngay cả khi khách truy cập muốn và có thể tận dụng chức năng đầy đủ của tài nguyên và nhận thông tin toàn diện, phiên bản di động của trang mặc định cho cơ hội này.

Về lý thuyết, vấn đề được giải quyết bằng cách tham khảo phiên bản đầy đủ của trang web. Nhưng một số khách truy cập chắc chắn sẽ thích tìm kiếm các thông tin và tính năng cần thiết trên các trang web cạnh tranh với RWD.

Trang web di động ít nhất trong một số trường hợp vi phạm các khuyến nghị của World Wide Web Consortium (W3C). Ví dụ, W3C khuyên bạn nên tạo nội dung có thể được phát dưới nhiều hình thức khác nhau mà không làm mất thông tin. Và như một phần của khái niệm One Web, W3C khuyên bạn nên xuất bản cùng một thông tin cho tất cả người dùng, bất kể loại thiết bị được sử dụng.

Như bạn có thể thấy, bên cạnh những lợi thế quan trọng, cả hai chiến lược chính để thích ứng một trang web với lưu lượng truy cập di động đều có những nhược điểm nghiêm trọng. Có lẽ chúng ta nên tìm kiếm một cách tiếp cận khác?

Hiển thị động: kiểm tra hoặc checkmate một trang web di động?

Hiển thị động hoặc RESS là phiên bản cải tiến của thiết kế đáp ứng. Nó hoạt động như thế này: sau khi yêu cầu URL, máy chủ sẽ xác định các đặc điểm của thiết bị của khách truy cập. Sau đó trình duyệt nhận mã HTML của trang, được điều chỉnh để xem trên một màn hình cụ thể. Do màn hình động, một trong những nhược điểm chính của RWD đã được loại bỏ: mức tiêu thụ lưu lượng cao và tải trên thiết bị của người dùng.

Khi bạn truy cập trang web từ RESS từ điện thoại thông minh và máy tính để bàn, trình duyệt của bạn sẽ tải xuống một mã khác. Trong trường hợp này, bạn nhận được tất cả các thông tin có trên trang. Hơn nữa, bạn có thể điều chỉnh điều hướng, menu, thiết kế và nội dung của các trang theo nhu cầu của chủ sở hữu các thiết bị cụ thể. Ví dụ đơn giản nhất về thích ứng nội dung: nhờ định nghĩa của máy chủ về thiết bị của người dùng, bạn có thể hiển thị chủ sở hữu của các thiết bị chạy liên kết iOS và Android để tải xuống ứng dụng trên App Store và Google Play.

Các trang web làm việc chính xác với RESS cung cấp Vary tiêu đề HTTP, có trong phản hồi của máy chủ đối với yêu cầu. Với nó, trình duyệt tải mã HTML thích hợp tương ứng với các đặc điểm của thiết bị. Ngoài ra, nhờ tiêu đề HTTP Vary, các công cụ tìm kiếm xác định mức độ thân thiện với tài nguyên di động.

RESS sử dụng SlideShare, CNN, WordPress.com và các trang web khác. Ví dụ: nếu bạn mở một trang CNN từ máy tính để bàn, mã trang sẽ là javascript.

Không có javascript trong mã của trang được tải từ điện thoại thông minh.

Tại sao Google đề xuất một thiết kế đáp ứng nếu có phiên bản cải tiến? Tại sao chủ sở hữu trang web không giới thiệu ồ ạt màn hình động? Giống như bất kỳ công cụ nào khác, RESS có nhược điểm:

  • Để xác định thiết bị hoặc thông tin trình duyệt của người dùng về thiết bị phải có trên máy chủ. Để không nhập thông tin về từng thiết bị mới hoặc từng bản cập nhật trình duyệt, bạn sẽ phải sử dụng dịch vụ định nghĩa thiết bị, ví dụ: Netbuiscuits. Và điều này được liên kết với các chi phí bổ sung.
  • Màn hình động tăng tải máy chủ. Из-за этого может увеличится время загрузки страниц. Для решения проблемы придется увеличить расходы на хостинг.
  • Để tạo bố cục và nội dung khác nhau cho chủ sở hữu của các thiết bị khác nhau, sẽ cần thêm tài nguyên.

Google khuyến nghị RWD, không phải RESS, vì tính tăng cường tài nguyên của công cụ thứ hai. Để cung cấp màn hình động, bạn phải giải quyết vấn đề xác định thiết bị người dùng, tăng chi phí lưu trữ và dành thời gian và tiền bạc để tạo mã HTML khác nhau cho một URL. Không phải mọi dự án có thể đủ khả năng chi phí bổ sung. Do đó, hiện tại, RESS không thể được gọi là thảm hoặc thậm chí là một trang web di động và thiết kế đáp ứng.

Làm thế nào để sự phát triển của màn hình di động ảnh hưởng đến sự lựa chọn của chiến lược?

Màn hình của điện thoại thông minh và máy tính bảng trong tương lai là gì? Hãy để các nhà văn khoa học viễn tưởng và các kỹ sư sáng tạo trả lời câu hỏi này. Và các nhà tiếp thị để chọn một chiến lược thích ứng với lưu lượng truy cập di động cần phải tính đến các xu hướng phát triển công nghệ đã tồn tại ngày nay. Biến thái không xảy ra với màn hình của thiết bị di động.

Màn hình trở nên linh hoạt

Điều này được thực hiện thông qua việc sử dụng đèn LED hữu cơ. Sản xuất hàng loạt máy tính bảng và điện thoại thông minh, màn hình có thể gập lại một nửa hoặc cuộn lại thành ống, vẫn chưa bắt đầu. Các nhà sản xuất nói rằng đây là vấn đề của vài năm. Nhưng người dùng đã có các thiết bị có màn hình cong hoặc chảy.

Vùng màn hình cong được sử dụng để thông báo dịch vụ và quản lý thiết bị và không hiển thị các trang của trang web và ứng dụng. Do đó, màn hình cong hiện tại không ảnh hưởng đến thiết kế web.

Tình hình sẽ thay đổi nếu tất cả các thiết bị di động được trang bị màn hình gập hoặc thu gọn? Chắc chắn không thể trả lời. Một mặt, chủ sở hữu điện thoại thông minh sẽ thường xuyên duyệt các trang web trên màn hình mở rộng. Mặt khác, nhu cầu nhận được một số thông tin trên đường đi sẽ không biến mất. Do đó, người dùng sẽ thường khởi chạy trình duyệt mà không cần mở rộng hoặc mở màn hình. Theo đó, các trang web di động và các trang web có bố cục thích ứng sẽ vẫn có liên quan.

Nhân tiện, thay vì hoặc cùng với màn hình gập, điện thoại thông minh của tương lai có thể được trang bị máy chiếu tích hợp. Khả năng biến hầu hết mọi bề mặt thành màn hình không có nghĩa là các trang web thích ứng hoặc di động sẽ vẫn không được công bố.

Điện thoại thông minh, máy tính bảng và thiết bị đeo tạo ra thực tế mở rộng

Một ví dụ đơn giản: nếu trong một chuyến đi bạn nhìn vào đường phố của một thành phố xa lạ, bạn có thể thấy những tòa nhà và tượng đài tuyệt đẹp. Nếu bạn nhìn vào cùng một con đường thông qua Google Glass hoặc Samsung Gear VR, bạn có thể thấy các tòa nhà đẹp và nhận thông tin về chúng.

Tiện ích với chức năng thực tế tăng cường ảnh hưởng đến thiết kế web ngày nay? Không Có lẽ tình hình sẽ thay đổi trong tương lai gần, nhưng bây giờ không có gì để nói.

Từ hình ảnh 3D đến hình ba chiều âm lượng

Điện thoại thông minh và máy tính bảng đã biết cách phát hình ảnh 3D. Tiếp theo là gì? Một số nhà sản xuất đang phát triển các hệ thống sẽ trang bị cho điện thoại thông minh và máy tính bảng với máy chiếu hologram.

Có đáng để các nhà thiết kế web và chủ sở hữu trang web nghĩ bây giờ làm thế nào để thích ứng tài nguyên của họ với Internet hình ba chiều không? Đó là lúc rảnh rỗi.

Internet không có màn hình thì sao?

Bạn có biết sự phổ biến của các thiết bị đeo được và sự phát triển của Internet của mọi thứ dẫn đến điều gì không? Mọi người sẽ thường xuyên lên mạng hơn bằng cách sử dụng các thiết bị có màn hình rất nhỏ. Nhưng đó không phải là tất cả.

Hãy suy nghĩ về lý do tại sao bạn cần một máy pha cà phê thông minh hoặc máy giặt? Các thiết bị như vậy dễ học hơn để nhận biết lệnh thoại và truyền thông tin bằng bộ tổng hợp giọng nói. Theo đó, đôi khi, để thích ứng với lưu lượng truy cập di động, tất cả các trang web sẽ truyền thông tin mà không cần màn hình. Họ sẽ nói chuyện với du khách. Nhưng cho đến nay triển vọng này không ảnh hưởng đến việc lựa chọn chiến lược.

Như bạn có thể đoán, bạn gần như có thể tưởng tượng vô tận về màn hình di động và Internet của tương lai. Liệu ý nghĩa thực tế tưởng tượng cho chủ sở hữu trang web và nhà tiếp thị trong bối cảnh chọn một chiến lược để thích ứng với lưu lượng truy cập di động? Không

Xem cho chính mình: ngay cả trong một vài tháng điện thoại thông minh và máy tính bảng có màn hình gập hoặc gấp xuất hiện trên thị trường, nhu cầu về các trang web di động hoặc đáp ứng sẽ vẫn còn. Mọi người sẽ thích sử dụng màn hình tuyệt vời để xem video hoặc chơi trò chơi. Và để tìm địa chỉ của hiệu thuốc gần nhất hoặc đọc các nhận xét về quán cà phê, màn hình lớn là không cần thiết.

Lựa chọn chiến lược nào?

Đầu tiên nhìn vào bảng. Với sự giúp đỡ của nó, bạn có thể nhanh chóng đánh giá các công cụ cơ bản để điều chỉnh một trang web với lưu lượng truy cập di động.

Đặc điểm / Chiến lược

Bố trí thích ứng

Trang web di động

Màn hình động

Dễ thực hiện

Nó được thực hiện dễ dàng. Có các giải pháp được tạo sẵn: các mẫu và trình cắm thích ứng cho CMS phổ biến, các khung như Bootstrap cho các nhà phát triển web.

Có những giải pháp làm sẵn. Nhưng thường thì nói đến việc phát triển một trang web mới.

Sự phức tạp của việc thực hiện có liên quan đến vấn đề xác định thiết bị người dùng. Tùy chọn, bạn có thể tạo bố cục trang khác nhau và nội dung khác nhau cho chủ sở hữu của các thiết bị khác nhau.

Chi phí

Bạn cần phải trả tiền cho các nhà phát triển web. Đối với người dùng CMS phổ biến, có các giải pháp miễn phí làm sẵn.

Bạn cần trả tiền cho các nhà phát triển web, mua một tên miền riêng và chọn gói lưu trữ phù hợp. Nếu nội dung riêng biệt được tạo cho trang web di động, chi phí bổ sung sẽ được yêu cầu.

Chúng tôi sẽ phải trả tiền cho các dịch vụ của nhà phát triển, để dành tài nguyên cho một số tùy chọn bố cục và nội dung khác nhau. Bạn cũng sẽ phải sử dụng dịch vụ trả phí để xác định thiết bị người dùng và trả tiền cho việc lưu trữ có khả năng chịu tải.

Tác động đến trải nghiệm người dùng di động

Các trang web là thuận tiện để sử dụng. Có thể có vấn đề với tốc độ tải trang và tải trên phần cứng của điện thoại thông minh.

Các trang web là thuận tiện để sử dụng. Nếu trang web di động không có thông tin đầy đủ, nhu cầu của một số khách truy cập sẽ vẫn không được đáp ứng.

Các trang web là thuận tiện để sử dụng. Vấn đề có thể xảy ra nếu thiết bị người dùng được phát hiện không chính xác.

Tác động đến trải nghiệm người dùng máy tính để bàn

Bố cục thích ứng kém có thể có tác động tiêu cực đến trải nghiệm người dùng. Nó chủ yếu là về các đặc tính thẩm mỹ của tài nguyên, và chức năng không bị ảnh hưởng.

Tác động tiêu cực đến trải nghiệm người dùng. Các trang web di động không có ý định được truy cập từ máy tính để bàn. Hơn nữa, đôi khi các phiên bản di động không thể được sử dụng với các thiết bị di động có màn hình lớn.

Về mặt lý thuyết, có thể có tác động tiêu cực nếu thiết bị người dùng không được xác định chính xác.

Dễ quản lý

Quản lý là đơn giản, không cần thêm bước.

Phải quản lý hai trang web.

Nếu bố cục khác nhau được sử dụng và nội dung khác nhau được công bố, rất khó để quản lý.

Theo luật của thể loại, một từ ngữ trung lập nên tiếp tục về sự cần thiết phải chọn một chiến lược di động phù hợp với các tính năng của một dự án cụ thể. Nhưng trong bài viết này sẽ không có từ ngữ như vậy.

Vâng, các tính năng của dự án và nhu cầu của khán giả cần được xem xét. Có, các chiến lược chính để thích ứng với lưu lượng truy cập di động có những lợi thế và bất lợi. Vâng, mỗi chiến lược có người ủng hộ và đối thủ. Ví dụ: người sáng lập của Nielsen Norman Group, Jacob Nielsen, không thích thiết kế đáp ứng và khuyên bạn nên tạo một phiên bản di động của trang web. Và tác giả của cuốn sách bán chạy nhất "Học HTML 5", Bruce Lawson, khuyên bạn nên sử dụng RWD và loại bỏ các trang web di động. Nhưng đây là một lý thuyết.

Và nếu bạn nhìn vấn đề từ quan điểm của thực tiễn trung bình: một blogger, một doanh nhân từ một cái cày, chủ của một trung tâm y tế nhỏ thì sao? Điều quan trọng là anh ta phải nhanh chóng điều chỉnh tài nguyên cho lưu lượng truy cập di động với chi phí tối thiểu và thời gian dành cho bảo trì. Đây là vị trí của tác giả: hiện tại và trong ngắn hạn, tất cả những thứ khác đều bình đẳng, đối với hầu hết các dự án, chiến lược tối ưu sẽ là giới thiệu thiết kế thích ứng. Đối thủ cạnh tranh chính của RWD không phải là một trang web di động, mà là một màn hình động.

Thế còn viễn cảnh về màn hình và công nghệ mới mà Zuckerberg đang nói đến thì sao? Đánh giá theo xu hướng hiện tại, nhu cầu nhận thông tin trên đường đi sẽ không biến mất. Điều này có nghĩa là các trang web cần phải được điều chỉnh theo cách này hay cách khác để sử dụng trên màn hình nhỏ. Thiết kế web sẽ như thế nào khi mọi người đặt chip vào đầu và nhân loại lao vào thực tế ảo? Hiện tại câu hỏi này không liên quan. Không đồng ý à? Tranh cãi.

Loading...

Để LạI Bình LuậN CủA BạN