NộI Dung
- Thích nghi hoặc chết
- Những bước đi sai lầm 'duyên dáng'
- Sự gia tăng của lòng khoan dung
- Ngon ở mọi cấp độ
- Phương pháp tiếp cận nội dung
- Hạn mức? Không có giới hạn
- Nâng cao liên tục = dịch vụ khách hàng xuất sắc
- Tăng lên trong dịp này
Đoạn trích này là Chương 1 của Thiết kế web thích ứng của Aaron Gustafson, một hướng dẫn về cách tạo ra những trải nghiệm phong phú với cải tiến liên tục.
Nếu bạn đã làm việc trên web trong bất kỳ khoảng thời gian nào, bạn có thể đã nghe (hoặc thậm chí sử dụng) thuật ngữ “cải tiến liên tục” trước đây. Như bạn có thể biết, nó là tiêu chuẩn vàng về cách tiếp cận thiết kế web. Nhưng tăng cường lũy tiến thực sự là gì? Nó có nghĩa là gì? Làm thế nào nó hoạt động? Và làm thế nào để nó phù hợp với quy trình làm việc của chúng ta trong thời đại ngôn ngữ và trình duyệt phát triển nhanh chóng?
Đây đều là những câu hỏi hay và là những câu tôi trả lời xuyên suốt cuốn sách này. Như bạn sẽ thấy, cải tiến liên tục không phải về trình duyệt và không phải về phiên bản HTML hoặc CSS nào bạn có thể sử dụng. Nâng cao liên tục là một triết lý nhằm tạo ra trải nghiệm phục vụ người dùng của bạn bằng cách cấp cho họ quyền truy cập vào nội dung mà không bị hạn chế về công nghệ.
Cue kumbayahs, phải không? Nghe có vẻ khá tuyệt vời, nhưng nó cũng có vẻ như rất nhiều công việc. Trên thực tế, không phải vậy. Sau khi bạn hiểu cách hoạt động của tính năng nâng cao liên tục hoặc quan trọng hơn là tại sao nó hoạt động, bạn sẽ thấy nó khá đơn giản.
Khi chúng tôi đọc tiếp cuốn sách này, bạn sẽ thấy nhiều cách thực tế mà chúng tôi có thể sử dụng tính năng nâng cao liên tục kết hợp với HTML, CSS và JavaScript để tạo các trang web thích ứng không chỉ phục vụ tốt người dùng của bạn mà còn cung cấp cho họ trải nghiệm tuyệt vời, bất kể họ đang sử dụng trình duyệt hoặc thiết bị nào để truy cập nó.
Nhưng trước khi chúng ta đi sâu vào ứng dụng đồng thau, chúng ta cần thảo luận về cách thức và lý do của việc nâng cao tiến bộ, nền tảng của triết lý.
Thích nghi hoặc chết
Và khi đi đúng vào vấn đề đó, việc nâng cao tiến độ dựa trên một nguyên tắc: khả năng chịu lỗi.
Khả năng chịu lỗi là khả năng hệ thống tiếp tục hoạt động khi gặp lỗi không mong muốn. Đặc tính này giúp thằn lằn có thể mọc lại đuôi và não bộ định tuyến lại các kết nối thần kinh sau một chấn thương. Nature đã chứng tỏ mình khá thành thạo trong khả năng chịu lỗi và theo gương của cô ấy, chúng tôi đã kết hợp khái niệm đó vào những sáng tạo của riêng mình. Ví dụ, “lưới điện thông minh” được ca tụng có thể tự động tránh hoặc giảm thiểu tình trạng mất điện bằng cách cảm nhận (và trong một số trường hợp là dự đoán) các sự cố hệ thống.
Nếu bạn sử dụng web, dù là canvas chuyên nghiệp hay đơn giản là người tiêu dùng bình thường, bạn luôn được hưởng lợi từ khả năng chịu lỗi. Nó không chỉ được đưa vào các giao thức định tuyến một yêu cầu từ trình duyệt web của bạn đến máy chủ mà bạn đang cố gắng truy cập, nó còn được kết hợp với chính các ngôn ngữ đã tạo nên web như ngày nay: HTML và CSS. Theo quy định của thông số kỹ thuật cho hai ngôn ngữ này, các trình duyệt phải bỏ qua bất kỳ điều gì họ không hiểu. Yêu cầu đơn giản đó làm cho việc nâng cao tiến bộ có thể thực hiện được. Nhưng hơn thế nữa trong một phút.
Một khía cạnh thú vị khác của khả năng chịu lỗi là cách nó cho phép tiến hóa. Một lần nữa, nhìn về tự nhiên, bạn có thể thấy điều này ở những khu vực mà khí hậu hoặc các yếu tố môi trường khác đã gây ra đủ sự thay đổi khiến các sinh vật buộc phải thích nghi, di chuyển hoặc chết.
Vào năm 1977, quần đảo Galapagos đã trải qua một đợt hạn hán làm giảm đáng kể sự sẵn có của những hạt giống nhỏ hỗ trợ quần thể chim sẻ trên đảo. 85% số chim sẻ trên đảo đã bị xóa sổ do nạn đói. Thật kỳ lạ, đó là những con chim lớn hơn sống sót. Tại sao? Bởi vì chúng sở hữu chiếc mỏ lớn có khả năng bẻ những hạt to và cứng hơn sẵn có. Trong trường hợp không có hạn hán, những con chim sẻ lớn hơn không có lợi thế khác biệt so với những họ hàng nhỏ hơn của chúng, nhưng khi môi trường thay đổi, chúng đã có vị trí hoàn hảo để tận dụng hoàn cảnh và không chỉ sống sót sau hạn hán mà còn di truyền gen của chúng cho những loài tiếp theo. thế hệ chim sẻ, như bạn mong đợi, có xu hướng lớn hơn.
HTML và CSS có nhiều điểm chung với chim sẻ Galapagos. Cả hai đều được thiết kế để “tương thích về phía trước”, có nghĩa là mọi thứ chúng ta viết hôm nay sẽ hoạt động vào ngày mai, năm sau và trong mười năm nữa. Theo một nghĩa nào đó, chúng là một con chim ưng hoàn hảo: được thiết kế để phát triển mạnh bất kể môi trường duyệt web có thay đổi như thế nào.
Những ngôn ngữ này được thiết kế để phát triển theo thời gian, vì vậy, các trình duyệt web được hướng dẫn để thực hiện theo các quy tắc về khả năng chịu lỗi và bỏ qua bất kỳ điều gì họ không hiểu. Điều này cho phép các ngôn ngữ này có cơ hội phát triển và thích ứng mà không bao giờ đạt đến điểm mà nội dung mà chúng chứa đựng và phong cách sẽ không thể đọc được nữa hoặc có nguy cơ gây ra sự cố trình duyệt. Khả năng chịu lỗi giúp bạn có thể duyệt trang web chạy bằng HTML5 trong Lynx và cho phép chúng tôi thử nghiệm với các tính năng CSS3 mà không phải lo lắng về việc phá vỡ Internet Explorer 6.
Hiểu được khả năng chịu lỗi là chìa khóa để hiểu được sự nâng cao tiến bộ. Khả năng chịu lỗi là lý do khiến tính năng nâng cao lũy tiến hoạt động và giúp đảm bảo tất cả nội dung được phân phối trên web đều có thể truy cập và khả dụng cho tất cả mọi người.
Vì khả năng chịu lỗi đã là một thành phần của HTML và CSS ngay từ đầu, bạn nghĩ rằng chúng tôi (với tư cách là các chuyên gia web) sẽ nhận ra tầm quan trọng và giá trị của chúng khi xây dựng trang web của chúng tôi. Thật không may, điều đó không phải luôn luôn như vậy.
Những bước đi sai lầm 'duyên dáng'
Trong gần một thập kỷ sau khi web được thành lập, phương tiện này đã phát triển nhanh chóng. Đầu tiên, Trung tâm Quốc gia về Ứng dụng Siêu máy tính tại Đại học Illinois - viết tắt là NCSA - đã cung cấp cho chúng tôi Mosaic, trình duyệt đồ họa đầu tiên và HTML có phần tử img. Sau đó đến âm thanh. Sau đó, video. Sau đó, tương tác. Đó là một thách thức chỉ để bắt kịp với công nghệ phát triển nhanh chóng và trong lúc vội vàng theo kịp, chúng tôi đã đánh mất khả năng chịu lỗi và bắt đầu xây dựng theo thời trang mới nhất. Một số trang web của chúng tôi hoàn toàn bao gồm các bản đồ hình ảnh toàn trang được xếp lớp trên đỉnh các tệp JPEG được thiết kế trang nhã. Những người khác trở thành đền thờ Flash và Giám đốc của Macromedia. Rất ít có thể sử dụng được và thậm chí còn ít hơn nữa có thể truy cập được.
Thời đại này đã làm nảy sinh triết lý phát triển được gọi là “suy thoái duyên dáng”.
Sự xuống cấp duyên dáng là triết lý tương đương với người chị hời hợt, bị ám ảnh bởi hình ảnh của khả năng chịu lỗi, người luôn mặc những bộ thời trang mới nhất và chỉ đi chơi với những đứa trẻ sành điệu. Như được áp dụng cho web, sự xuống cấp duyên dáng đến mức mang lại cho các trình duyệt mới nhất và tuyệt vời nhất trải nghiệm như một bữa ăn đầy đủ các món, trong khi ném một vài mẩu tin lưu niệm vào người dân đáng buồn, đủ tiếc để sử dụng một trình duyệt cũ hơn hoặc kém khả năng hơn.
Trong thời kỳ hoàng kim của sự suy thoái duyên dáng, chúng tôi tập trung vào việc đảm bảo trang web của mình hoạt động trong các trình duyệt hiện đại có thị phần lớn nhất. Thử nghiệm hỗ trợ trong các trình duyệt cũ hơn, nếu chúng tôi đã làm điều đó, đã được đưa xuống cuối danh sách ưu tiên.
Lý do của chúng tôi rất đơn giản: HTML và CSS có khả năng chịu lỗi, vì vậy ít nhất người dùng sẽ nhận được thứ gì đó, điều này (tất nhiên) đã bỏ qua thực tế rằng JavaScript, giống như các ngôn ngữ lập trình khác, không có khả năng chịu lỗi (tức là, nếu bạn cố gắng sử dụng phương thức không tồn tại, nó sẽ tạo ra một lỗi); thay vào đó, các tập lệnh và ứng dụng sử dụng JavaScript phải được viết sao cho chúng có thể khôi phục sau lỗi (có thể bằng cách thử một phương pháp thực thi thay thế) hoặc dự đoán khả năng xảy ra lỗi và thoát trước khi gặp lỗi.
Nhưng hầu như không ai làm điều đó vì sự tập trung của chúng tôi luôn hướng về phía trước khi chúng tôi tìm kiếm món đồ chơi sáng bóng tiếp theo mà chúng tôi có thể chơi cùng. Chúng tôi cho rằng các trình duyệt cũ hơn sẽ có trải nghiệm kém hơn, vì vậy chúng tôi đã biện minh rằng không đáng để dành thời gian để đảm bảo rằng nó ít nhất là một trình duyệt tốt, không có lỗi. Chắc chắn, chúng tôi sẽ giải quyết các lỗi nghiêm trọng nhất, nhưng ngoài ra, người dùng phải tự chống đỡ. (Đáng buồn thay, một số người trong chúng tôi thậm chí còn chủ động chặn các trình duyệt mà chúng tôi không muốn hỗ trợ.)
Sự gia tăng của lòng khoan dung
Theo thời gian, những người thông minh làm việc trên web bắt đầu nhận ra rằng việc chú trọng hình ảnh hơn chất liệu xuống cấp một cách duyên dáng là hoàn toàn sai lầm. Họ thấy rằng sự xuống cấp duyên dáng đang trực tiếp làm suy yếu cả tính khả dụng và khả năng truy cập của nội dung. Các nhà thiết kế và nhà phát triển này hiểu rằng web nhằm mục đích phân phối và tiêu thụ nội dung — từ ngữ, hình ảnh, video, v.v., và bắt đầu dựa trên tất cả các quyết định về đánh dấu, phong cách và tương tác của họ về cách mỗi lựa chọn sẽ ảnh hưởng đến tính khả dụng của nội dung đó.
Bằng cách tập trung lại nỗ lực của mình, các nhà phát triển bắt đầu nắm bắt được bản chất chịu lỗi của HTML và CSS cũng như tính năng phát hiện tính năng dựa trên JavaScript để làm phong phú trải nghiệm của người dùng. Họ bắt đầu nhận ra rằng một trải nghiệm tuyệt vời không cần phải là một đề xuất tất cả hoặc hầu như không có gì cả (như trường hợp xuống cấp một cách duyên dáng), mà thay vào đó, các công nghệ web có thể được áp dụng như các lớp sẽ xây dựng lên nhau để tạo ra trải nghiệm phong phú và các tương tác; Steve Champeon của Dự án Tiêu chuẩn Web đã nắm bắt một cách hoàn hảo bản chất của triết lý này khi ông đặt tên cho nó là “nâng cao tiến bộ” (hesketh.com/publications/inclusive_web_design_for_the_future/).
Ngon ở mọi cấp độ
Một loại tương tự mà tôi muốn sử dụng để nâng cao tiến độ là M&M đậu phộng. Trung tâm của một M&M đậu phộng, tốt, là đậu phộng. Bản thân đậu phộng là một nguồn giàu protein và chất béo; một món ăn tuyệt vời mà tất cả mọi người đều có thể thưởng thức (tất nhiên là trừ những người bị dị ứng). Theo một nghĩa tương tự, nội dung của trang web của chúng tôi có thể được thưởng thức mà không cần chỉnh trang.
Xát đậu phộng đó với một ít sô cô la và bạn tạo ra một món ăn hấp dẫn, giống như đậu phộng, cũng rất ngon. Vì vậy, nội dung được tổ chức và sắp xếp đẹp mắt bằng cách sử dụng CSS thường dễ hiểu hơn và chắc chắn là thú vị hơn để sử dụng.
Bằng cách phủ một lớp vỏ kẹo có đường, trải nghiệm của món bánh này sẽ được cải thiện một lần nữa. Theo nghĩa tương tự, chúng ta có thể giới thiệu các thiết kế đẹp mắt của mình bằng các tương tác hấp dẫn dựa trên JavaScript để giúp chúng ta dễ dàng chuyển động qua nội dung hoặc đưa nó vào cuộc sống theo những cách độc đáo và thú vị.
Tất nhiên, đây là sự đơn giản hóa quá mức của tính năng nâng cao tiến bộ, nhưng nó cho bạn cảm nhận chung về cách hoạt động của nó. Các công nghệ được áp dụng dưới dạng các lớp — HTML, sau đó là HTML & CSS, sau đó là HTML, CSS và JavaScript — có thể tạo ra các trải nghiệm khác nhau, mỗi công nghệ đều hợp lệ (và ngon miệng). Và cốt lõi của tất cả là điểm mấu chốt: nội dung tuyệt vời.
Phương pháp tiếp cận nội dung
Trang web là tất cả về thông tin. Hàng ngày, trên mọi trang web, thông tin được phổ biến, yêu cầu và thu thập. Trao đổi thông tin đóng vai trò quan trọng đối với sự phát triển của web và chắc chắn sẽ tiếp tục thúc đẩy sự mở rộng liên tục của nó vào mọi khía cạnh của cuộc sống hàng ngày của chúng ta.
Vì một khía cạnh quan trọng của web, thúc đẩy trao đổi thông tin, nên là trọng tâm chính của chúng tôi khi xây dựng bất kỳ giao diện web nào. Nâng cao liên tục đảm bảo rằng tất cả nội dung (có nghĩa là thông tin có trong một trang web) đều có sẵn và có thể sử dụng được bởi bất kỳ ai, bất kể vị trí của cô ấy, thiết bị cô ấy đang sử dụng để truy cập thông tin đó hoặc khả năng của chương trình mà cô ấy đang có. sử dụng để truy cập nội dung đó. Tương tự như vậy, các cơ chế thu thập nội dung — biểu mẫu web, khảo sát và những thứ tương tự — cũng được hưởng lợi rất nhiều từ tính năng cải tiến liên tục vì nó đảm bảo chúng có thể sử dụng được trên toàn cầu và do đó, thực hiện công việc của mình tốt hơn.
Về cơ bản, nâng cao lũy tiến là về khả năng tiếp cận, nhưng không phải theo nghĩa hạn chế mà thuật ngữ này thường được sử dụng nhất. Thuật ngữ “khả năng tiếp cận” theo truyền thống được sử dụng để biểu thị việc cung cấp nội dung cho những cá nhân có “nhu cầu đặc biệt” (những người bị hạn chế về khả năng vận động, khuyết tật nhận thức hoặc khiếm thị); nâng cao tiến bộ đưa điều này tiến thêm một bước nữa bằng cách nhận ra rằng tất cả chúng ta đều có những nhu cầu đặc biệt. Các nhu cầu đặc biệt của chúng ta cũng có thể thay đổi theo thời gian và trong các bối cảnh khác nhau. Ví dụ: khi tôi tải một trang web trên điện thoại của mình, tôi bị giới hạn về thị giác bởi độ phân giải màn hình (đặc biệt nếu tôi đang sử dụng trình duyệt khuyến khích thu phóng) và tôi bị hạn chế khả năng tương tác với các nút và liên kết vì tôi đang duyệt bằng đầu ngón tay của tôi, lớn hơn và kém chính xác hơn nhiều so với con trỏ chuột.
Như chúng tôi đã đề cập, các trang web được xây dựng với sự xuống cấp dễ dàng làm nguyên tắc hướng dẫn của chúng có thể hoạt động tốt trong các trình duyệt hiện đại, nhưng sẽ thiếu sót khi được xem trong bất kỳ thứ gì kém hơn so với các trình duyệt mới nhất và tốt nhất mà chúng được tạo. Theo nghĩa không phải web, nó đặt người dùng vào vị trí mà, chẳng hạn như một đứa trẻ ở công viên giải trí, cô ấy có thể bỏ lỡ trải nghiệm tuyệt vời vì không đủ cao để lái Tilt-a-Whirl. Tương tự, người dùng không có trình duyệt “phù hợp” sẽ có thể gặp sự cố (và lỗi) khi truy cập nội dung của trang web, nếu họ có thể truy cập được.
Ngược lại, một trang web được xây dựng theo triết lý nâng cao tiến bộ sẽ có thể được sử dụng bởi bất kỳ ai trên mọi thiết bị, sử dụng bất kỳ trình duyệt nào. Người dùng trên trình duyệt dựa trên văn bản như Lynx sẽ không nhất thiết phải có trải nghiệm giống như người dùng lướt web bằng phiên bản Safari mới nhất, nhưng điều quan trọng là cô ấy sẽ có trải nghiệm tích cực hơn là không có trải nghiệm nào. Nội dung của trang web sẽ có sẵn cho cô ấy, mặc dù có ít chuông và còi hơn, điều này không được đảm bảo với sự xuống cấp dễ dàng.
Mặc dù khác nhau về mặt triết học, nhưng từ quan điểm thực tế, sự nâng cao tiến bộ và sự xuống cấp duyên dáng có thể trông khá giống nhau, điều này có thể gây nhầm lẫn. Để đưa sự khác biệt vào trọng tâm, tôi muốn đúc kết mối quan hệ giữa hai triết lý xuống một cái gì đó tương tự như logic kiểm tra tiêu chuẩn: tất cả các trải nghiệm được tạo ra bằng cách sử dụng tính năng nâng cao tiến bộ sẽ giảm đi một cách duyên dáng trong các trình duyệt cũ hơn, nhưng không phải tất cả các trải nghiệm được xây dựng sau sự xuống cấp duyên dáng là nâng cao dần dần.
Hạn mức? Không có giới hạn
Trong thời kỳ hoàng kim của sự xuống cấp duyên dáng, các trang web trở nên rất giống công viên giải trí mà tôi đã đề cập trước đó: “Bạn phải cao đến mức này để đi xe. Trang web (và, đáng buồn thay, vẫn còn) tràn ngập các trang web “được xem tốt nhất trong Netscape Navigator 4” và những thứ tương tự. Với sự gia tăng của cải tiến ngày càng cao và các tiêu chuẩn web nói chung, chúng tôi đã tránh xa thực tiễn đó, nhưng khi nhiều trang web bắt đầu áp dụng kỹ thuật JavaScript được gọi là Ajax, hiện tượng này lại xuất hiện và nhiều trang web bắt đầu yêu cầu JavaScript hoặc thậm chí các trình duyệt cụ thể (và các phiên bản trình duyệt ) để xem các trang web của họ. Đó là phần tiếp theo của bộ phim B trên web: Sự trở lại của những phương pháp không thân thiện với người dùng, phá vỡ trình duyệt mà chúng tôi nghĩ rằng chúng tôi đã bỏ lại phía sau.
Theo thời gian, lòng nhiệt thành đối với Ajax đã giảm dần và chúng tôi bắt đầu xây dựng (và trong một số trường hợp là xây dựng lại) các trang web dựa trên Ajax theo triết lý nâng cao tiến bộ. Sau đó, cùng với Chương trình trưng bày HTML5 của Apple với các hiệu ứng chuyển tiếp và hoạt ảnh CSS tổng hợp. Khi chúng tôi hoàn thành việc lau nước dãi trên bàn làm việc, nhiều người trong chúng tôi bắt đầu kết hợp những món đồ chơi mới sáng bóng này vào công việc của mình, vì chúng tôi háo hức muốn chơi với những tính năng này hoặc theo yêu cầu của khách hàng. Do đó, các trang web bắt đầu cắt xén hạn chế người dùng bằng cách yêu cầu một biến thể Webkit hiện đại để chạy. (Chết tiệt gần 80% trình duyệt không bao gồm.)
(Lưu ý: Webkit là công cụ hỗ trợ một số trình duyệt và ứng dụng. Nó có hỗ trợ CSS tuyệt vời và tự hào hỗ trợ cho một số khả năng CSS khá hấp dẫn (chẳng hạn như hoạt ảnh dựa trên CSS) chưa được các trình duyệt khác phù hợp. Webkit có thể được được tìm thấy trong trình duyệt Safari của Apple, Chrome của Google và Android, trình duyệt Symbian S60, Shiira, iCab, OmniWeb, Epiphany và nhiều trình duyệt khác. Nó tạo nền tảng cho hệ điều hành WebOS của Palm và đã được tích hợp vào nhiều sản phẩm của Adobe bao gồm cả Adobe Tích hợp của họ Runtime (AIR) và bộ ứng dụng CS5.)
Khi quá trình tự nhận thức gặp phải vấn đề đòi hỏi các công nghệ không có sẵn trên toàn cầu sẽ đi ngược lại với sự cải tiến ngày càng tăng, một số nhà thiết kế và nhà phát triển web đã tuyên bố triết lý “hạn chế” và bắt đầu quay trở lại với sự xuống cấp duyên dáng. Họ cảm thấy rằng việc cải tiến liên tục đã buộc họ phải tập trung vào việc phục vụ các trình duyệt cũ hơn mà nói thẳng ra, gần như không thú vị khi làm việc với. Tuy nhiên, điều mà họ không nhận ra là sự nâng cao tiến bộ không hạn chế họ; sự hiểu biết của riêng họ về triết lý.
Nâng cao liên tục không phải về trình duyệt. Đó là về việc tạo ra những trải nghiệm phục vụ người dùng của bạn bằng cách cấp cho họ quyền truy cập vào nội dung mà không bị giới hạn về công nghệ. Nâng cao liên tục không yêu cầu bạn phải cung cấp trải nghiệm giống nhau trên các trình duyệt khác nhau, cũng như không ngăn cản bạn sử dụng các công nghệ mới nhất và tuyệt vời nhất; nó chỉ yêu cầu bạn tôn trọng nội dung của mình (và người dùng của bạn) bằng cách áp dụng các công nghệ theo cách thông minh, từng lớp một, để tạo ra trải nghiệm tuyệt vời. Các trình duyệt và công nghệ sẽ đến và đi. Việc kết hôn với tính năng cải tiến liên tục với mong muốn đổi mới và làm những điều đáng kinh ngạc trong trình duyệt là hoàn toàn có thể xảy ra, miễn là bạn thông minh về lựa chọn của mình và không để mất dấu ấn của người dùng.
Nâng cao liên tục = dịch vụ khách hàng xuất sắc
Hãy tưởng tượng, trong một khoảnh khắc, bạn là một người phục vụ trong một nhà hàng đẹp. Công việc của bạn (và tiền boa của bạn) phụ thuộc vào sự chú ý của bạn đến từng chi tiết và cách bạn phục vụ khách hàng của mình. Một thước đo để đánh giá sự chú ý của bạn là mức độ cạn kiệt mà bạn để ly nước của khách hàng trước khi đổ đầy lại. Người phục vụ thiếu chú ý có thể để ly cạn nước trong vài phút trước khi đổ đầy lại. Một người nào đó hơn bóng một chút có thể chỉ để nó chạm đến nửa đường trước khi đặt nó lên. Một người phục vụ xuất sắc trong việc đáp ứng nhu cầu đồ uống của khách hàng sẽ không chỉ đảm bảo rằng mực nước không bao giờ giảm đến mức đó, mà thậm chí anh ta còn xoay sở để đổ đầy ly mà khách hàng không hề nhận ra. Bạn nghĩ khách hàng nào mà bạn hài lòng nhất? Và, nếu chúng tôi chỉ đánh giá dựa trên mức độ hydrat hóa đạt yêu cầu, thì bạn nghĩ ai có khả năng nhận được mẹo tốt nhất?
Là nhà thiết kế và nhà phát triển web, chúng ta nên cố gắng hoàn thành tốt công việc của mình như người phục vụ chu đáo, không phô trương đó, nhưng đó không phải là một nhiệm vụ đơn giản. Cũng giống như người phục vụ không biết liệu khách hàng đến cửa sẽ yêu cầu nạp lại thường xuyên hay ít, chúng tôi không có cách nào để biết nhu cầu của một người dùng cụ thể khi họ đến trang web của chúng tôi. Thay vào đó, chúng ta phải vươn lên để đáp ứng những nhu cầu đó. Nếu chúng tôi thực sự giỏi, chúng tôi có thể làm như vậy mà khách hàng của chúng tôi thậm chí không nhận ra rằng chúng tôi đang cân nhắc đặc biệt cho họ. Rất may, với phương pháp tiếp cận tập trung vào người dùng và nội dung của cải tiến tiến bộ (trái ngược với phương pháp tiếp cận trình duyệt mới nhất của sự xuống cấp dễ dàng), điều này có thể dễ dàng đạt được.
Tăng lên trong dịp này
Khi tiếp cận một dự án từ góc độ nâng cao tiến bộ, trọng tâm cốt lõi của bạn là nội dung và mọi thứ đều được xây dựng dựa trên đó. Đó là một cách tiếp cận phân lớp nhằm đáp ứng “nhu cầu” của người dùng bằng cách chú ý đến ngữ cảnh mà một trang được truy cập (kết hợp các khả năng của trình duyệt và ở mức độ thấp hơn, phương tiện mà nó đang hoạt động) và điều chỉnh trải nghiệm người dùng phù hợp.
Trải nghiệm cơ bản luôn ở dạng văn bản. Không có công nghệ cụ thể nào định hình lớp này, thay vào đó, sự thành công hay thất bại của nó hoàn toàn dựa vào kỹ năng của người viết quảng cáo. Bản sao rõ ràng, được viết tốt có hỗ trợ thiết bị phổ quát và làm điều kỳ diệu để cải thiện khả năng tiếp cận của nội dung cho người dùng. Hơn nữa, bất kể ngôn ngữ HTML phát triển như thế nào theo thời gian, điều kiện bắt buộc là các trình duyệt phải chịu được lỗi trong việc xử lý cú pháp HTML của chúng để đảm bảo rằng, bất kể thế nào, nội dung mà nó mô tả sẽ luôn có sẵn ở dạng cơ bản nhất của nó: dưới dạng văn bản.
Mức độ trải nghiệm thứ hai đến từ ngữ nghĩa của chính ngôn ngữ HTML. Các yếu tố và thuộc tính khác nhau được sử dụng trên một trang cung cấp ý nghĩa và ngữ cảnh bổ sung cho các từ được viết. Chúng chỉ ra các khái niệm quan trọng như sự nhấn mạnh và cung cấp thông tin bổ sung, chẳng hạn như nguồn trích dẫn hoặc ý nghĩa của một cụm từ không quen thuộc.
Cấp độ trải nghiệm thứ ba là âm thanh-hình ảnh, được thể hiện thông qua việc sử dụng CSS và sử dụng hình ảnh, âm thanh và video nội tuyến. Như với HTML, việc triển khai CSS trong trình duyệt nhất thiết phải có khả năng chịu lỗi, vì vậy trình duyệt bỏ qua những điều họ không hiểu; một thực tế có thể làm cho việc nâng cao tiến bộ trong CSS trở thành một khả năng.
Cấp độ trải nghiệm thứ tư là cấp độ tương tác. Trong thế giới tiêu chuẩn, cấp độ này hầu như dựa hoàn toàn vào JavaScript, mặc dù tương tác trên web đã được thực hiện thông qua các công nghệ khác như Flash hoặc thậm chí các applet Java.
Cấp độ cuối cùng được thực hiện thông qua việc áp dụng ngữ nghĩa nâng cao và các phương pháp hay nhất có trong đó và được sử dụng cùng với thông số kỹ thuật về Ứng dụng Internet đa dạng có thể truy cập (WAI-ARIA) của Sáng kiến hỗ trợ truy cập. Những cải tiến này đối với trang bắt đầu từ nơi mà thông số kỹ thuật HTML theo truyền thống đã bỏ qua (mặc dù HTML5 có bao gồm một số ngữ nghĩa ARIA nâng cao trong từ điển của nó).
Các cấp độ trải nghiệm này (cũng có thể được coi là các cấp độ hỗ trợ), khi xếp chồng lên nhau, tạo ra trải nghiệm ngày càng phong phú hơn theo từng bước, nhưng chúng hoàn toàn không phải là trải nghiệm duy nhất mà người dùng sẽ có. Trên thực tế, chúng chỉ đơn giản là những cột mốc có thể xác định được trên con đường từ trải nghiệm cơ bản nhất đến trải nghiệm đặc biệt nhất. Trải nghiệm thực tế của người dùng có thể thay đổi tại một hoặc nhiều điểm dọc theo con đường và điều đó không sao cả; miễn là chúng tôi luôn ghi nhớ nâng cao tiến bộ, khách hàng của chúng tôi sẽ được phục vụ tốt.
