Tình cờ vào được trang này của Tiến thấy bài viết khá thú vị. Mình không phải dân IT hay artist nhưng khá quan tâm đến giao diện các web Việt Nam. Rất ấn tượng với phong cách của Tiến, vì có vẻ như mình cũng chung style đó. Không hiểu sao ai đó lại nghĩ bài này chưa được "khiêm tốn"?

Can´t wait to read your coming posts.

Hero.

Còn vấn đề "Theo chuẩn hay không theo chuẩn?" thì cũng tùy từng trang web mà quyết định theo chuẩn nào hoặc không theo chuẩn cũng không sao. Vì nhiều lúc cũng cần thiết "thoáng" 1 tí. Với em, chuẩn nào thì chuẩn nhưng quan trọng nhất vẫn là kết quả hiển thị ra sao trên hầu hết các trình duyệt hoặc cùng lắm là các trình duyệt phổ biến. Ví dụ vấn đề cao 100% của table hoặc div, thì không theo chuẩn nào vẫn là ổn nhất. Chứ còn dùng 1 số style như overflow để fix height 100% thì với opera lại cho ra 1 kiểu khác.

Đây là ý kiến của em về quan điểm của anh thôi, còn các nhận xét khác em ko đề cập, dù sao mỗi người có 1 cách nhìn riêng. Nhưng nói chung cách nhìn của anh về 2 vấn đề trên anh vẫn "lý thuyết" quá.

trang web của NTV thiết kế khá đẹp, n vì phần nội dung (hoặc comment) quá dài, hoặc do quá hẹp nên khi đọc phải kéo chuột liên tục cũng hơi bất tiện. Bạn có thể xem xét ý kiến của mình ko??

Hôm nay mình tìm kiếm thông tin để học làm web thì vô tình tìm đến Site của bạn Tiên. Chủ đề về giao diện mới của Vnexpress cũng là sự quan tâm của mình trước đây.

Hồi Vnexpress thử nghiệm giao diện mới và có mục tìm hiểu ý kiến của bạn đọc, mục "Giao diện mới kém giao diện cũ" đã được đa số độc giả lựa chọn :D. Theo mình nghĩ thì một phần là do tờ báo điện tử này đã thay đổi quá đột ngột, gây sự khó chịu cho bạn đọc (vẫn quen với giao diện cũ).

Nhưng quả thật là giao diện mới rối mắt hơn, có điểm nào đó giống với vietnamnet và tuoitre, nhưng đã phát triển hơn về mầu sắc? mình cũng không rõ lắm, chỉ cảm nhận là thế thôi.

Về vấn đề xu thế dùng phân giải màn hình thì đây là quan điểm kinh doanh của họ thôi. Vnexpress có nội dung hướng đến đa số người dùng, và đa số khách hàng có nhiều tiền (hơn những người không có khả năng thay cái màn hình cũ - do vậy cũng khó tiếp cận đến những sản phẩm ở ô quảng cáo???). Tuy nhiên quả thật theo chủ quan - mình thấy rằng với phân giải 800×600 thì màn hình bị mất cân đối, các đoạn quảng cáo bên phải bị đứt đoạn, càng tăng độ rối.

Theo mình, quan điểm theo đa số cũng chưa hẳn đúng bởi vì chưa chắc những người dùng màn hình mới đã có thu nhập hơn người có màn hình cũ. Bên cạnh đó, mặc dù phần nội dung được hướng đến người dùng nhưng liệu đó có phải là sự tôn trọng dành cho các công ty trả tiền quảng cáo cho Vnexpress hay không - khi mà phần nội dung quảng cáo bị lấp mất.

Mình cũng có một sự liên tưởng thú vị: Các công ty sản xuất xe buýt tại Việt Nam không có thiết kế xe hỗ trợ người khuyết tật. Ở các nước phát triển thì sao? Ai cũng biết là tỷ lệ người khuyết tật là thấp, đồng thời họ cũng không có thu nhập cao vậy mà?

Cuối cùng mình thấy rằng, những vấn đề trao đổi của bạn Tiên mang tính chất của bố cục trong đồ họa đồng thời cũng thể hiện tính xây dựng và học hỏi đấy chứ?

Có thể cách thể hiện ý của mình chưa được rõ lắm, mong các bạn trao đổi thêm.

Có nhiều tranh luận mọi người đã nói cả rồi, chỉ có một điều mình muốn nhấn mạnh theo như ý Tiên. Đó là việc tuân theo chuẩn với việc đáp ứng được thị hiếu là 2 việc không có gì là xung đột cả. Vì thế đúng là "củ chuối" khi ai đó nói rằng vì đáp ứng thị hiếu mà không quan tâm đến việc tuân theo chuẩn.

Bài sau nhớ cẩn thận hơn, kiểm tra kỹ một số yếu tố mang tính kỹ thuật trước khi viết.

theo cá nhân mình, việc rời bỏ bảng đi theo CSS là hoàn toàn đúng đắn. Đó là xu hướng tất yếu hiện nay trên thế giới bởi rất nhiều lợi ích mà nó đem lại. Nếu bạn nào chịu khó đi xem các trang web của nước ngoài sẽ thấy rõ điều đó. Để nêu bật ví dụ, các bạn nên vào trang CSSzengarden tại địa chỉ sau:http://www.csszengarden.com/ để tìm hiểu. Đây là nơi người xem có thể tha hồ thay đổi giao diện của trang web bởi nó có rất nhiều giao diện dựng sẵn. Nhưng những giao diện này hoàn toàn do những tập tin CSS bên ngoài trang web chi phối. Người xây dựng trang web này có mục đích rõ ràng, anh ta làm một nội dung mẫu và một giao diện mẫu bằng CSS, sau đó anh ta mời những ai yêu thích CSS và những nhà thiết kế web chuyên nghiệp gửi lên trang web này những tập tin CSS và những hình ảnh (jpg,gif,png) cần thiết cho vấn đề trình bày trang web (layout).Không cần thay đổi bổ cục trang web dưới dang mã HTML (mình nhắc lại: mã HTML, tức là cách trình bày các thẻ (tag) về thứ tự vẫn giữ y nguyên khi bạn xem sourcecode), chỉ cần dùng một số đoạn mã đơn giản để chỉ cho trình duyệt nạp các tập tin CSS cần thiết, toàn bộ giao diện trang web sẽ thay đổi (về nội dung tất nhiên vẫn y nguyên). Khi minh in đậm dòng chữ phía trên, mình muốn nhấn mạnh các bạn phải phân biệt được thế nào là một bố cục trang web hiển thị ra bên ngoài và phần bố cục trang web hiển thị dưới dạng mã. Và khi các bạn xem qua một số giao diện ở trang web nói trên, đừng nói nó không pro (chuyên nghiệp) và rất là đẹp nữa.

Quay trở lại vấn đề thiết kế web ở VN, có ý kiến cho rằng việc thiết kế bảng hay thiết kế bằng CSS không chỉ rõ được ai cao thủ hay chuyên nghiệp hơn, giỏi hơn bởi người không chuyên không ai quan tâm đến mã mà chỉ quan tâm đến nội dung và đôi khi cả cách bày trí trang web. Điều đó theo mình là đúng nếu người thiết kế bằng CSS thực sự không hiểu sâu về nó, dùng nó như là một cách để theo kịp thời đại, không biết cách phát huy được hết những hiểu quả mà nó đem lại nhưng điều này sẽ sai nếu người dùng CSS  là người thiết kế web chuyên nghiệp và hiểu rõ về nó.

Lại nói về vnexpress, họ đã mất một thời gian rất lâu để thay đổi cách bày trí một trang web từ cách dùng bảng sang dùng CSS, đó là một nỗ lực đáng mừng. Lấy đó làm ví dụ, bạn có thể thấy nếu thay đổi giao diện một trang web đang sử dụng bảng thì sẽ lâu như thế nào. Nhưng nếu trang web đó đã theo kiểu CSS, và nếu vnexpress không viết mã CSS quá rôi rắm, họ có thể dễ dàng thay đổi giao diện trang web trở về sau vì đó chỉ là vấn đề thay đổi nội dung các tập tin CSS và các hình ảnh đính kèm. 

Có người vẫn hoài nghi, vậy để mình nói thêm một số tính năng thú vị mà CSS đem lại:

với CSS bạn đảm bảo rằng các ứng dụng di động vốn chưa hỗ trợ CSS khi truy cập vào trang web của bạn vẫn xem được nội dung. Vì CSS chỉ quy định các quy cách trình bày một trang web. Tất nhiên mình muốn ám thị bạn phải viết được CSS tốt. các trang web sử dụng bảng sẽ không thể xem được bởi các thiết bị di động không hỗ trợ bảng bởi nội dung luôn được nhúng vào trong bảng, bảng hỏng nội dung cũng hỏng.ở VN, người dùng ít để ý đến tính năng thay đổi phông chữ hay không biết khi họ vào những trang web mà họ cho là phông chữ quá nhỏ. Nếu người sử dụng tăng kích cỡ của phông chữ ở các trang web truyền thống đồng nghĩa với việc phá vỡ kết cấu hiển thị của trang web đó(chẳng hạn chữ đi ra ngoài đường biên, đi ra ngoài các hộp. Còn với CSS, nếu biết cách dùng mã, bạn sẽ khiến hộp chứa (box) và các đường biên thay đổi khi phông chữ thay đổi, điều này sẽ không phá vỡ kết cấu trang web. tuyệt đại đa số các trang web nước ta (và còn rất nhiều nước khác) thiết kế web theo kiểu kích cỡ cố định (fixed width), còn dạng kích cỡ mở (liquid width hay fluid width) rất ít được dùng. CSS hỗ trợ rất tốt dạng này. Bạn nào chưa biết thì mình nói thêm, với dạng này, nội dung hiển thị của trang web sẽ thay đổi tùy thuộc vào kích cỡ cửa sổ trình duyệt, nói xa hơn, nó thay đổi phù hợp với độ phân giải màn hình. Bạn hãy vào trang web của W3C:www.w3.org, tổ chức quy định chuẩn CSS, để thấy rõ điều này. Hãy thay đổi kích cớ trình duyệt thử xem.Ai thiết kế web chắc phải biết đến hiệu ứng hover dùng thông qua javascript. Với CSS bạn không cần đến js vẫn là được điều này, với mã thậm chí còn đơn giản hơn.

Còn ai đó nói rằng việc thiết kế web theo chuẩn hay không theo chuẩn miễn là vẫn có người vào xem là hoàn toàn sai lầm. Điều đó chỉ đúng ở VN, còn thế giới thì hoàn toàn khác. Chúng ta đang ở trong thời kì hội nhập, mọi việc hợp tác làm việc đều phải có một tiểu chuẩn nhất định. Bạn muốn thiết kế web cho công ty nước ngoài, chắc chắn bạn phải biết đến chuẩn web và thành thạo CSS. Điều này tạo điều kiện thuận lợi cho việc sửa chữa bảo trì trang web.  Cần biết rằng CSS đã có được 10 năm, nhưng ở VN, những người sử dụng nó không nhiều. Mình biết rằng có rất nhiều người đã biết đến CSS những vẫn thích dùng bảng vì một số lý do nào đó hay kết hợp nửa bảng nửa CSS. CSS hoàn toàn có thể thay thế được bảng.

Cá nhân mình là người đang thiết kế web mình công nhận hiểu được hết CSS không phải đơn giản và dùng CSS đồng nghĩa với việc bạn phải chấp nhận sống chung với tính bất thống nhất giữa các trình duyệt khi chúng đọc tập tin CSS. Mỗi trình duyệt dịch một kiểu nên nhiều khi trang web sẽ hiển thị khác nhau ở các trình duyệt khác nhau. Đôi khi phải rất kiên trì sửa mã CSS để nội dung hiển thị giữa các trình duyệt được thống nhất.

Mong rằng sau lời bình của mình sẽ có nhiều nhà thiết kế web VN chuyển hẳn sang dùng CSS, và sẽ có nhiều hơn nữa các trang web VN dùng hoàn toàn CSS.

mình nghĩ vnexpress thực sự thành công trong việc đổ giao diện. Họ chấp nhận bỏ 800*600 mà dùng 1024*768 thì chắc cũng có lý do của họ. Mình nghĩ việc dùng 1024 *768 là tất yếu:

1. Màn hình 15 hiện giờ mà muốn mua thì chắc cũng hơi  khó. (^^)0

2. Đổi giao diện lần này là đầu tư cho tương lai, cái xu hướng dùng 1024*768 ngày càng nhiều. Vậy tại sao lại dùng 800 *600 với cái lý do đa số người dùng dùng màn hình này ???? bạn thử trong số bạn bè, bà con của bạn ai còn dùng màn hình 800 * 600. Mắt thấy tai nghe sao bạn không tin ??????

3. VnE hiển thị đầy đủ trên 1024 *768, hic chắc bị cận nên không thấy chổ nào bị mất không đọc được ?

4. Bạn nói dùng màn hình 800 * 600 thì không hiển thị hết màn hình. Đúng nhưng mà cái tin chính và những tin nổi bật (Phần chính của website) họ có nhìn thấy không ? câu trả lời là có. Cái này nói lỗ phải thuộc về mấy ông quảng cáo chả liên quan gì đến  người dùng.

Có một thắc mắc mình muốn hỏi khi bạn thiết kế thì bạn thiết kế cho người dùng (người không chuyên) hay là muốn "show" hàng. Grid System mà bạn nói theo mình nghĩ thì chỉ có cảm giác rối khi mà bạn soi mói vào cách thiết kế thì nó mới cảm giác vậy. Bởi vì khi trang web hiện ra người ta đọc những tin hot rồi. sau đó kéo chuột xuống đọc những chuyên mục khác đọc tiếp nhưng mà tầm mắt của họ luôn lướt nhanh qua phần đã đọc chứ ko phải đọc lại coi đọc đủ chưa .Chắc bạn cũng không hiểu mình nói j :-p hehehe nói chung mình muốn nhắc đến kía cạnh tâm lý của người dùng.

Còn việc quãng cáo thôi không có ý kiến, không quãng cáo lấy j sống. coi free thì phải vậy  :D :D :D

Nói thiệt mình nghĩ giao diện của VnE good chỉ không thích  cái chữ màu xanh và tô đậm của những tin nóng thôi nó chìm chìm sao đó. Nói chung không thích. Cái không thích tiếp theo nữa là cái menu của nó. khó mà có thể tìm chuyên mục mình muốn với cái menu này .Chả hiểu sao mà mấy tờ báo mới đổi giao diện điều chơi kiểu này ??? chắc tại ít tốn đất… vật giá gia tăng nên tiết kiệm. :-p

Nói túm lại giao diện VnE good, tải hết thông tin. tuy còn khuyết điểm nhưng mà họ dám làm (tiến lên 1024 *768) có mấy thằng dám làm vậy ? có thể bạn là chuyên gia thiết kế nhưng mà chưa chắc bạn là 1 người làm ra cái product News good :D :D đời là thế. hohoho. Nói gì thì nói đó cũng là công sức của tập thể bạn không nên xem thường công sức của họ mình chỉ nên góp ý cho nó tốt hơn, xịn hơn không nên mạt sát nó. Tội em nó huhuhuhu.

- Cái thanh navi của vnexpress, và thấy nó hơn hẳn so với hệ thống menu cũ ở mấy điểm này:

+ Thu nhỏ giao diện, không chiếm diện tích, yếu tố khá quan trọng để site hiển thị được nhiều thông tin hơn

+ Tốc độ truy cập vào các phân mục nhỏ nhanh hơn hệ thống menu cũ, do mỗi khi di chuyển chuột thì các phân mục nhỏ tự động hiện ra

+ Thiết kế đẹp hơn, cái này tuỳ mỗi người, tuy nhiên tớ thấy nó đẹp và tớ thích :D

- Cách bố trí tin theo kiểu hộp cậu nói ban đầu chưa quen thấy nó ko như cũ, nhưng chỉ 2-3 lần dùng tớ thấy nó không kém cạnh cái cũ chút nào. Bố trí tin kiểu này có 1 điểm lợi là toàn bộ phần nội dung cần đọc nằm bên trái, và thực tế là khi vào vnexpress, tớ chẳng bao giờ liếc mắt sang phải. Nó giúp tớ tìm tin và tập trung vào nội dung hơn.

Còn khuyết điểm của nó, tớ ghét nhất là dung lượng site lớn, tải chậm. Còn mấy cái về chuẩn css, các div, … người dùng họ để ý làm gì. Cậu thiết kế đúng chuẩn thật đấy, nhưng mà xấu họ cũng chả xem. Họ thiết kế đẹp, cho dù có nặng và không đúng chuẩn, người ta vẫn vào đó thôi. Cái này cũng tuỳ, không nên cứng nhắc quá.

 Tuy nhiên, em nhận thấy anh có vẻ quá coi trọng vấn đề đáp ứng cả 2 trình duyệt  trên máy tính và trên điện thoại. Thực ra điều này là rất khó, bởi vì điện thoại và máy tính là những công cụ rất khó đồng bộ, hơn nữa số người sử dụng mobile đọc báo không nhiều. Nếu như 1 trang muốn đáp ứng tốt cho mobie thì chỉ có cách là dẫn người đọc đến 1 trang con chỉ dành cho mobile thôi.