Thực tiễn tốt nhất cho các nhà thiết kế web Bố cục đáp ứng hoặc ứng dụng gốc? [Op-Ed]

Không thể phủ nhận rằng điện thoại di động là tương lai. Với việc Google xác nhận rằng có nhiều tìm kiếm được thực hiện trên thiết bị di động hơn trên máy tính để bàn, rõ ràng là tất cả các trang web thực sự nên di động nếu chúng chưa có.

Nhưng có một sự phân đôi thú vị giữa nội dung trong trình duyệt thông qua bố cục đáp ứng và nội dung trong ứng dụng thông qua các ứng dụng gốc.

Tôi muốn khám phá cả hai lĩnh vực và đào sâu vào gốc rễ của mỗi lựa chọn. Khi nào một trang web nên đi với một ứng dụng gốc trên một bố cục đáp ứng? Một trang web có thể chạy cả hai? Đây là những câu hỏi quan trọng nên được hỏi với mọi dự án sáng tạo mới hiện nay.

Giá trị của ứng dụng gốc

Hầu hết người dùng điện thoại thông minh dựa vào các ứng dụng gốc cho các chương trình yêu thích của họ. Facebook, Twitter, Instagram và những người khác đều chạy các ứng dụng gốc của riêng họ.

Vì các ứng dụng gốc chạy trên hệ điều hành cục bộ, chúng là rất nhiều mượt mà và dễ vận hành hơn liên quan đến hoạt hình, thiết kế giao diện người dùng và tổ chức nội dung. Các ứng dụng gốc tuân theo các nguyên tắc UI giữ cho tất cả chúng đều nhất quán và tự nhiên. Người dùng thường chỉ biết sử dụng menu trượt và thanh tab.

Nhiều nhà xuất bản lớn có ứng dụng trên Cửa hàng iOS và Cửa hàng Google Play bao gồm blog, ứng dụng web và mạng xã hội. Nhưng thật công bằng khi nói trang web lớn như Facebook và Twitter nhận được nhiều giá trị hơn từ các ứng dụng gốc hơn các trang web nhỏ hơn.

Cuộc tranh luận này có ý kiến ​​chuyên gia và các ấn phẩm lớn đưa ra quan điểm của họ. Đây là một chủ đề tranh luận sôi nổi cho cả các nhà thiết kế và các cơ quan sáng tạo.

Nhưng sự thật vẫn là các ứng dụng gốc đều hữu ích và được người dùng cuối đánh giá cao. Biến duy nhất là quyết định xem trang web của bạn có thể hoạt động tốt hơn như một ứng dụng di động không, hoặc là nếu người dùng thậm chí muốn một.

Trang web hoàn toàn đáp ứng: Ưu và nhược điểm

Trong một bối cảnh chung, thiết kế web đáp ứng luôn là một điều tốt. Các nhà thiết kế web không mất bất cứ thứ gì bằng cách làm cho bố cục của họ phản ứng đầy đủ và dễ uốn với bất kỳ màn hình nào.

Nhưng trong bối cảnh của các ứng dụng gốc có một số cân nhắc. Thứ nhất các trang web phản hồi bị giới hạn trong công cụ kết xuất của trình duyệt. Trên điện thoại thông minh, điều này có nghĩa là hoạt hình hạn chế, không có Flash và phụ thuộc vào công cụ kết xuất của trình duyệt.

Ứng dụng gốc có thể sử dụng các tính năng cốt lõi của điện thoại thông minh hoặc máy tính bảng. Thư viện hoạt hình mạnh hơn nhiều hơn CSS hoặc JS được hiển thị trong trình duyệt.

Điều tương tự cũng xảy ra với các yếu tố đầu vào trong các biểu mẫu, cùng với truyền dữ liệu và mối quan tâm bảo mật. Nhiều người thích sử dụng ứng dụng Pinterest trên trang web của Pinterest. Tương tự với Flipboard, Dropbox, Feedly, Gmail hoặc bất kỳ dịch vụ web lớn nào khác.

Nhưng những trang web đó có nên không không phải cung cấp một bố trí đáp ứng? Có ba sự lựa chọn:

1. Buộc người dùng web di động tải xuống ứng dụng gốc
2. Cung cấp bố cục web di động với một liên kết tùy chọn đến ứng dụng gốc
3. Chỉ cần chạy bố cục web di động tách biệt với ứng dụng gốc

Flipboard đi với tùy chọn thứ 2 bằng cách đặt một biểu ngữ ở đầu mỗi trang. Bạn có thể đăng ký tài khoản Flipboard ngay trong trình duyệt Mobile Safari. Nhưng việc sử dụng ứng dụng dễ dàng hơn, nhanh hơn và trực quan hơn.

Trang web tin tức ZDNet thậm chí không đề cập đến ứng dụng di động của họ khi truy cập trên Mobile Safari. Nó hoạt động giống như một bố cục đáp ứng điển hình với các câu chuyện tin tức và bài viết nổi bật.

Sự khác biệt nằm trong trải nghiệm người dùng. Xác định những gì tốt nhất cho người dùng và đo nơi mà hầu hết lưu lượng truy cập đến từ.

Nhớ lấy ứng dụng di động cần có thời gian để thiết kế và lập trình. Họ thường đòi hỏi nhiều công việc hơn là xây dựng một trang web. Nếu bạn muốn có một ứng dụng cho trang web của mình, hãy đảm bảo rằng nó bổ sung cho bố cục đáp ứng của bạn đủ để cung cấp giá trị thực.

Desktop-First hoặc Mobile-First?

Khi thiết kế cho web bạn nên bắt đầu với chiều rộng rộng nhất hay chiều rộng nhỏ nhất? Đó là một câu hỏi thường xuyên được hỏi bởi các dịch giả tự do và các cơ quan sáng tạo lớn.

Một ý kiến ​​rất phổ biến là cách tiếp cận đầu tiên trên thiết bị di động đã được phổ biến bởi cuốn sách của Luke Classicalblewski. Phương pháp này xem xét tăng cường tiến bộ bắt đầu từ những điều cơ bản và tăng chức năng cho các môi trường có thể xử lý nó.

Ngoài ra, các nhà thiết kế khác nghiêng về cách tiếp cận đầu tiên trên máy tính để bàn dao động từ “di động đầu tiên” đến “di động cũng vậy”.

Chiến lược này hoạt động bằng cách lập kế hoạch cho tất cả các tính năng bạn muốn trên màn hình máy tính để bàn kích thước đầy đủ trước tiên. Sau đó, từ ý tưởng đó, bạn giảm dần các tính năng, xác định các điểm dừng và cuối cùng là bố trí nhỏ nhất cho điện thoại thông minh.

Có một câu trả lời đúng ở đây? Nên bố trí đáp ứng bắt đầu với màn hình nhỏ nhất, hoặc trước tiên là một khái niệm lỗi thời?

Nhược điểm duy nhất của việc chọn cái này là cái khác có khả năng thiếu tính năng. Bắt đầu với điện thoại di động, bạn có thể bỏ qua các tính năng hoặc quên thêm chúng ở độ phân giải lớn hơn. Bắt đầu với máy tính để bàn, bạn có thể thiết kế bố trí cảm thấy quá đông đúc trên điện thoại di động.

Tuy nhiên không ai đúng hay sai. Chọn bất kỳ quy trình làm việc phù hợp với bạn nhất. Đừng ngại thực hiện những thay đổi lớn nếu họ có thể cải thiện thiết kế.

Tốt nhất của cả hai thế giới

Xây dựng một trang web đáp ứng đầy đủ chạy trên bất kỳ màn hình nào có thể sẽ làm hài lòng đa số độc giả. Vì vậy, nếu bạn đã có một bố trí đáp ứng, bạn thậm chí có nên bận tâm với một ứng dụng di động?

Như Modo Labs đã tìm thấy trong tác phẩm tuyệt vời này, câu trả lời được đưa ra Kinh nghiệm người dùng. Không có câu trả lời dứt khoát tuyệt đối. Đó là về phương pháp cung cấp hình thức tiêu thụ tốt nhất cho dự án cụ thể của bạn Trên thiết bị di động. Người dùng của bạn sẽ muốn một ứng dụng di động? Hoặc là một trang web quá đủ?

Blog tin tức công nghệ TechCrunch có bố cục đáp ứng và ứng dụng di động miễn phí, cả hai đều có lý do chính đáng. Trang web của họ gần đây đã đưa ra một câu chuyện xác nhận rằng mọi người ở Mỹ dành nhiều thời gian cho các ứng dụng hơn là xem TV.

Nhưng nếu ai đó liên kết với TechCrunch trên Twitter thì sao? Nếu ai đó nhấp vào liên kết đó trên iPhone, họ sẽ mở Mobile Safari vì đó là liên kết HTTP. Đây là nơi bố trí đáp ứng có ích vì không phải ai cũng muốn ứng dụng của bạn.

Cấp, một số người dùng vẫn muốn truy cập trang web của bạn và có thể muốn truy cập mà không bị buộc phải tải xuống một ứng dụng, miễn phí hoặc nếu không.

Làm việc trên cơ sở mỗi dự án

Câu trả lời tốt nhất cho cuộc tranh luận ứng dụng phản hồi và ứng dụng gốc là đánh giá từng dự án và quyết định những gì tốt nhất trên cơ sở từng trường hợp.

Từ kinh nghiệm của tôi, tôi cho rằng mạng xã hội và các trang web tương tác được hưởng lợi nhiều nhất từ ​​các ứng dụng gốc. Cả Android và iOS đều có khung lớn để xây dựng các ứng dụng có thể kết nối với API, gửi truy vấn cơ sở dữ liệu và chức năng sạch hơn so với trang web.

Và giao diện người dùng ứng dụng gốc được hiển thị giống như phần mềm, vì vậy bạn không cần phải lo lắng về các thuộc tính CSS hoặc giới hạn trình duyệt. Đây là rất lớn cho các nền tảng cần người dùng đăng nhập và thực hiện các tương tác chi tiết.

Nhưng các trang web kinh doanh nói chung như các nhà hàng thường hoạt động tốt nhất chỉ với bố cục đáp ứng - đặc biệt là xem xét số lượng công việc cần thiết để xây dựng một ứng dụng gốc.

Blog và tạp chí kỹ thuật số là một phần của một khu vực màu xám. Các ứng dụng gốc hoạt động tốt đối với một số người nhưng không cần thiết cho những người khác. Nó thường phụ thuộc vào quy mô thị trường và đối tượng (tức là những người am hiểu công nghệ).

Khi ra mắt một ấn phẩm Internet mới, có rất nhiều điều cần xem xét. Nếu bạn mới bắt đầu, tôi khuyên bạn nên xây dựng một trang web trước. Từ đó, sẽ dễ dàng hơn để kết luận nếu một ứng dụng gốc có đáng để nỗ lực không.

Kết thúc

Nó nên đi mà không nói rằng mỗi lợi ích trang web hiện đại từ việc đáp ứng. Cho dù bạn có muốn xây dựng một ứng dụng gốc hay không, bố cục trang web của bạn phải đáp ứng và dễ uốn với mọi kích thước màn hình. Không có nhược điểm và nó cung cấp một trang đích ổn định cho người dùng di động đang gia tăng.

Một số trang web có thể cung cấp một liên kết tải xuống ứng dụng cho khách truy cập di động. Chúng có thể hữu ích và hữu ích cho việc tiếp thị nền tảng di động của trang web của bạn. Nhưng đôi khi nó đáng để cung cấp này như là một thay thế chứ không phải là một nhiệm vụ.

Thu thập phản hồi của người dùng nếu có thể và đánh giá ý kiến ​​về một ứng dụng di động. Cố gắng tìm hiểu những gì khách truy cập của bạn thực sự nghĩ về một ứng dụng di động gốc và dựa trên quyết định của bạn để nghiên cứu thêm.