Chủ nhật, ngày 4 tháng 5 năm 2008
Thấy gì từ giao diện mới của VnExpress
Sau một lần thử thay đổi không thành công, hôm nay VnExpress chính thức giới thiệu giao diện mới của mình. Phải nói đây là một điều hết sức bất ngờ và hoàn toàn không được báo trước (ngay cả sau khi đã chính thức ra mắt thì trên trang chủ của VnExpress vẫn không có bất kỳ bài viết giới thiệu nào về giao diện mới). Từ góc nhìn của một người đọc báo, thiết kế mới thể hiện một bước nhảy tất yếu của VnExpress nhằm thể hiện mình như là một tờ báo điện tử quan trọng với nhiều nội dung và thông tin – một điều mà giao diện đơn giản trước đây đã không làm được.
Giao diện mới của VnExpress thể hiện những gì? Bài viết này sẽ là góc nhìn của tớ từ góc độ của người thiết kế web.
Có thể nói thiết kế mới của VnExpress, với vị thế là một trong những trang web có lượng truy cập hàng đầu ở Việt Nam, đã đánh dấu rất nhiều điều mới trong phong cách thiết kế của các trang web chính thống lớn ở Việt Nam1. Luôn lấy làm khó hiểu (và khó chịu) khi mà giới thiết kế web Việt Nam dường như rất chậm trong việc bắt nhịp với xu hướng thiết kế mới của thế giới, những thay đổi của VnExpress trong thiết kế mới làm tớ rất bất ngờ – và vui mừng. Tuy nhiên, một cái nhìn kỹ hơn lại cho thấy rằng những vấn đề bấy lâu nay của thiết kế web ở Việt Nam còn được thể hiện rất rõ và điều đó không khỏi khiến tớ mất đi phần nào “hứng thú”. Nhưng trước khi đi vào phân tích những gì chưa được, có lẽ, hãy thử duyệt qua những gì mà họ đã làm được (mà theo tớ có ý nghĩa rất quan trọng).
Vui mừng…
Cái chết của thiết kế sử dụng bảng?
Theo tớ, đây là một bước tiến dù rất muộn màng nhưng có một ý nghĩa hết sức quan trọng. Tại sao nó quan trọng? Có lẽ tớ cần một chút giải thích cho những bạn “ngoại đạo”.
Thiết kế web, đi đến gốc của vấn đề vẫn là cách để xắp xếp thông tin trên màn hình trang web. Làm thế nào để hình ảnh xuất hiện bên trái, tiêu đề và nội dung xuất hiện bên phải? Một trong nhiều cách là bạn vẽ ra một cái bảng với 2 cột, cột bên trái bạn bỏ hình ảnh, cột bên phải bạn lại chia làm 2 thành 2 dòng, dòng trên để chứa tiêu đề và dòng ở dưới để chứa nội dung:
Đây là cách tương đối “hiệu quả” và dễ hiểu khi thiết kế. Đối với người xem, miễn là họ xem được thì sẽ chẳng có khác biệt gi để họ phải quan tâm; Nhưng đối với những người trong chuyên ngành, nó đặt ra nhiều vấn đề cần phải giải quyết:
- Về mặt ý nghĩa, bảng vốn được dùng để trình bày thông tin phân loại liên quan với nhau theo dòng hoặc theo cột (ví dụ như bảng thời khoá biểu). Việc “lợi dụng” khả năng chia cột và dòng của bảng để bố trí nội dung không liên quan với nhau là “sai nguyên tắc”.
- Việc làm “sai nguyên tắc” có những hệ luỵ của nó. Giả sử như bạn có khoảng 10 trang sử dụng bảng cấu trúc như bố cục trên. Đến một thời điểm nào đó, bạn lại muốn ảnh ở bên trên, tiêu đề ở dưới và dưới nữa là nội dung thì bạn không có cách nào khác là phải sửa từng trang một. Sẽ dễ dàng hơn nếu như nội dung được đánh dấu theo đúng mục đích của nó.
- Ngoài ra, sự xuất hiện của các thiết bị di động có khả năng duyệt web hạn chế (không có khả năng hiển thị các bảng cấu trúc phức tạp) khiến cho những thiết kế này trở nên vô dụng.
Thực tế này nhanh chóng được nhận ra và từ đó có sự ra đời của mã CSS cho phép bạn định vị các thành phần trên màn hình sử dụng một vài nguyên tắc được qui định sẵn. Giới thiết kế web chuyên nghiệp trên thế giới được khuyến khích chuyển sang sử dụng phương thức mới đúng đắn hơn. Mặc dù phạm vi bài viết này không cho phép đề cập chi tiết, lợi ích của điều này là rất rõ ràng, được minh chứng và thừa nhận. Thế nhưng, mặc cho cả thế giới xung quanh thay đổi, dân thiết kế web Việt Nam dường như vẫn “dính cứng” với cách thiết kế cũ. Nếu bạn quan tâm và thử xem mã của các trang web, bạn sẽ thấy toàn những mã tạo ra các cấu trúc bảng vô nghĩa phục vụ cho mục đích trang trí.
Trong thiết kế mới của VnExpress, đã không còn sử xuất hiện của những cái bảng vô nghĩa – tất cả đều được thiết kế sử dụng các thẻ định vị “div” (viết tắt của “division”) để chia các khu vực nội dung và sử dụng CSS đễ xác định vị trí của chúng trên màn hình. Với tư cách là trang web có nhiều người truy cập nhất ở Việt Nam, đây thật sự là một bước ngoặt lớn của giới thiết kế web Việt Nam.
Sự chú ý trong chi tiết
Thiết kế mới đã biết tận dụng những chi tiết rất nhỏ trong thiết kế để làm nổi bật nội dung và ấn tượng tổng thể về giao diện.
Thành công của một thiết kế chỉ phụ thuộc có lẽ một nữa ở những quyết định về bố cục. Nửa còn lại là nhờ vào những chi tiết cực kỳ nhỏ mà mặc dù một mình nó trông như vô nghĩa nhưng tổng hợp lại tạo những hiệu ứng không thể ngờ tới. Một phần rất quan trọng trong nghề thiết kế, giúp phân biệt đẳng cấp, theo tớ là đi tìm và hoàn thiện những chi tiết đó.
Tạo bóng đổ cho một cột nội dung nếu tách riêng lẽ không đem lại cảm xúc gì, và cũng chẳng ai hơi đâu để ý đến việc có một đường viền mỏng 1 pixel xung quanh cột nội dung cách nó 2 pixel. Nhưng chính những chi tiết đó đã đem lại cho giao diện mới của VnExpress cảm giác chiều sâu, khác hẳn với cái cảm giác “phẳng lỳ” như VietnamNet.
… và thất vọng
Rất đáng tiếc, trên đây là hai điểm duy nhất đáng kể mà tớ có thể liệt kê như những tín hiệu đáng hoan nghênh đứng từ góc độ chuyên môn trong phong cách thiết kế mới. Đáng thất vọng hơn, dường như đó chỉ là kết quả xuất phát từ sự “vô tình” chứ không hẳn xuất phá từ những ý tưởng nền của người thiết kế. Điều này thể hiện rất rõ khi nhìn thiết kế một cách toàn diện – bởi ở góc nhìn đó, thiết kế mới dường như chỉ là một món “thập cẩm” của những hộp tin. Nhưng trước khi đề cập đến chi tiết này, thiết kế mới có một vài điểm rất đáng chú ý mà theo tớ là bắt nguồn từ cách thiết kế không theo bất kỳ nguyên tắc gì.
Thiết kế cho thiểu số
Tất nhiên, không một thiết kế nào có thể thoả mãn được tất cả mọi người. Nhưng đứng trước tình thế đó, người thiết kế sẽ cố gắng để thoả mãn đại đa số người dùng. Người thiết kế giao diện mới của VnExpress làm điều ngược lại.
Màn hình của bạn có độ phân giải bao nhiêu? 800×600? Bạn xem được 3/4 trang. 1024×768? Bạn xem được 95% bề rộng của trang. Theo số liệu từ khách xem Người Tập Viết, điều đó có nghĩa là hơn 70% người dùng Việt Nam không ai xem được trọn vẹn thiết kế của VnExpress mà không phải kéo thanh trượt ngang của cửa sổ trình duyệt.
Cập nhật: Số liệu về việc ở độ phân giải 1024×768 màn hình không hiển thị hết trang web có lẽ là không chính xác kể từ Windows XP. Xem phản hồi về một cách giải thích về vấn đề này. Lập luận trong phần này vì vậy có lẽ không còn được áp dụng.
Người thiết kế giao diện mới của VnExpress đã thực hiện một quyết định táo bạo (mà rất đáng hoang nghênh) là chính thức hỗ trợ độ phân giải mặc định là 1024×768. Bấy lâu nay, không muốn bỏ mất một lượng người dùng rất lớn ở Việt Nam còn sử dụng màn hình với độ phân giải 800×600, các trang web chính của Việt Nam đều được thiết kế để có thể “vừa khít” với khung màn hình 800×600. Giới hạn này đã ảnh hưởng một phần không nhỏ đến khả năng hiển thị thông tin của trang web. VietnamNet khi thiết kế lại cũng được thiết kế cho khung màn hình này.
VnExpress đã phá lệ, và ở đây phải ghi nhận cố gắng của người thiết kế để đảm bảo rằng ngay cả ở độ phân giải 800×600 thì phần nội dung chính vẫn được hiển thị trọn vẹn trong khung hình. Tuy nhiên, việc ngay cả ở độ phân giải 1024×768 bạn cũng không thể xem hết được toàn trang thì quả thật hơi khó hiểu. Điều đó làm cho tớ có xu hướng nghĩ rằng tất cả những quyết định về thước đo đều được chọn một cách cảm tính, và rằng việc khung nội dung chính lọt vào phần màn hình ở độ phân giải 800×600 cũng chỉ là một sự may mắn tình cờ.
Mặt khác, tớ đang tự hỏi những công ty đăng quảng cáo ở cột bên phải khi nào sẽ lên tiếng phản đối khi thấy những hình ảnh quảng cáo của mình không được hiển thị đầy đủ trên hơn 70% người xem.
Hộp chồng lên hộp
Bạn có cảm giác giao diện mới hơi bị… rối loạn? Tớ tin rằng đó là cảm giác chung chứ không phải của riêng bạn. Và lý do? sự sắp xếp vô trật tự của các hộp thông tin.
Một đặc điểm dễ nhận thấy khi nhìn vào thiết kế mới của VnExpress là thiết kế theo khối hộp – nói cách khác, các khối thông tin liên quan đến nhau được đóng gói vào những cái hộp vô hình do chủ đích của người thiết kế. Cách thiết kế này có cái lợi là nó giúp khoanh vùng thông tin và khiến cho thông tin trông có vẻ như được sắp xếp một cách “ngăn nắp” và có “trật tự” trong một khu vực nhỏ. Tuy nhiên, những gì trông có vẻ trật tự ở một khu vực nhỏ dễ dàng chuyển thành một tập hợp mất trật tự khi nhìn toàn bố cục nếu người thiết kế không để ý:
Khái niệm về “Grid Design” là một cách hiệu quả để tránh tình trạng này, với ý tưởng cơ bản là sắp xếp những khối hộp này “canh lề” với nhau – tức nếu bạn nhìn theo một cạnh của một khối hôp thì nó sẽ được tiếp nối bởi cạnh của những khối hộp kế tiếp. Điều này có lẽ xuất phát từ một ghi nhận đơn giản là người xem thường có xu hướng sử dụng các “cạnh” của hình hộp để di chuyển. Việc các khối hộp không được sắp xếp thẳng với nhau, đặc biệt là khi cạnh của hộp trên bị so le với cạnh của hộp dưới một khoảng nhỏ sẽ có xu hướng làm đứt đoạn quá trình đó – tạo cảm giác rối.
Tuy nhiên, có vẻ như người thiết kế VnExpress đã không biết và không để ý về điều này, và kết quả là khi mà bạn tập trung đọc một khung nội dung, mọi thứ dường như rất trật tự nhưng một khi rời mắt ra xa màn hình, bạn dường như vẫn không tìm ra được một trật tự để đi theo. Những đường kẻ trong hình minh hoạ lấy từ khung thiết kế trong giao diện của VnExpress mô tả những nét chính mà khi mắt theo không bắt gặp được sự liên tục trong cách sắp xếp các khối hộp, tạo cảm giác mọi thứ như hơi bị “rối”.
Phải thừ nhận là cách chia nội dung theo “hộp” như của VnExpress là rất hiệu quả, nhưng rất đáng tiếc, cách thiết kế lại không thể hiện được điều đó.
Thay bảng bằng hộp
Ở phần đầu tớ có đề cập rằng việc VnExpress lần đầu tiên chọn cách thiết kế không sử dụng bảng là một tín hiệu đáng mừng, tuy nhiên, cách người thiết kế chuyển đổi chứng tỏ rằng họ vẫn chưa nắm rõ các kỹ thuật tạo mã thiết kế. Thử xem qua mã nguồn của trang web. Tưởng như việc không sử dụng mã tạo bảng sẽ khiến cho mã trở nên gọn nhẹ hơn, nhưng bạn sẽ gặp điều trái ngược. Nói một cách đơn giản, người thiết kế thay vì sử dụng bảng để chi nội dung làm 3 ô thì anh ta lại tự vẽ ra 3 ô riêng biệt, và bỏ ba cái hộp đó vào một cái hộp lớn hơn – hộp trong hộp. Cuối cùng, vì mỗi ô lại cần phải được định vị riêng, rất có thể số lượng mã hoá ra lại nhiều hơn trước. Và nhìn vào những dòng mã, bạn chẳng nhận ra cái gì là cái gì – cũng giống như trong trường hợp thiết kế bằng bảng.
Dành cho những ai trong chuyên môn: thẻ “div” – theo tên của nó là viết tắt của chữ “division” tức khu vực. Mục đích của nó là để nhóm các khối thông tin liên quan với nhau. Những người mới bắt đầu chuyển sang thiết kế bằng CSS và XHTML thường có xu hướng lợi dụng thẻ này bao quanh tất cả những gì cần được định vị trên màn hình. Điều này chỉ làm rối thêm mã.
Hệ quả của điều này là gì? Đó là khi bạn xem trang web bằng trình duyệt không hỗ trợ CSS (đa số các trình duyệt di động), bạn sẽ thấy trang web như thế này:
Theo chuẩn hay không theo chuẩn?
Liệu có thể nói VnExpress là trang web lớn đầu tiên thiết kế theo chuẩn? Câu trả lời đáng tiếc là không. Dễ dàng nhận ra điều này khi trang web hoàn toàn không cho biết mã của nó được thiết kế theo chuẩn nào. Điều đầu tiên mà bất kỳ ai học về thiết kế web theo chuẩn XHTML là thêm vào một thuộc tính đơn giản để ghi chú báo cho trình duyệt biết mã của trang web sẽ được viết theo chuẩn nào.
Một lần nữa dành cho những bạn ngoại đạo: HTML là ngôn ngữ dùng để mô tả một trang web. Trình duyệt sẽ đọc và tái hiện lại trang web đến người dùng. Hiện nay có một vài “chuẩn” được đưa ra nhằm khắc phục yếu điểm của HTML truyền thống của HTML là nó quá “thoải mái” không có quy tắc ràng buộc gây khó khăn cho trình duyệt trong việc diễn dịch để hiển thị như ý người thiết kế. Việc khai báo chuẩn sẽ giúp trình duyệt “biết trước” những gì mà nó sẽ có thể gặp, từ đó để hiển thị trang web một cách chính xác theo ý của người thiết kế.
Chỉ là một thuộc tính đơn giản, nhưng việc thiếu nó là một bằng chứng rất rõ ràng cho thấy người thiết kế hoàn toàn không biết gì về nó.
Mặt khác, việc thiếu thuộc tính này cũng là một điều hơi khó hiểu. Theo như tớ biết thì phần lớn các công cụ thiết kế web (như Dreamweaver, GoLive, Visual Studio) đều tự động thêm thuộc tính này vào. Ngay cả khi bạn không biết gì về chuẩn mã thì các chương trình này cũng sẽ giúp bạn tránh trường hợp này.
Kết luận
Trên đây là những điểm chính mà tớ ghi nhận đứng từ góc độ chuyên môn (kỹ thuật thiết kế nói chung và thiết kế web nói riêng). Vẫn còn rất nhiều những điểm gây thắc mắc, ví dụ như việc dung lượng của trang web lên 1.33 MB (lưu trang web sử dụng chức năng “Save Page” của trình duyệt) và bạn phải tải lại khoảng 90% mỗi lần hiển thị (cách thiết kế khiến chức năng bộ đệm của trình duyệt không hoạt động hiệu quả, buộc bạn phải tải lại mọi thứ dù rằng bạn đã từng tải nó trong những lần xem trước).
Dung lượng là một trong những yếu tố rất quan trọng đối với những trang web có số lượng người truy cập lớn như VnExpress. Không những người dùng ở Việt Nam với tốc độ đường truyền chậm sẽ phải đợi lâu trước khi trang web hiển thị đầy đủ, nếu như mỗi lượt xem sẽ phải chuyển hơn 1MB dữ liệu sẽ thực sự là một sự lãng phí về băng thông.
Là dân thiết kế web vốn rất thất vọng về mặt bằng chung về thiết kế của các trang web Việt Nam, đối với tớ, những thay đổi trong giao diện mới của VnExpress ít nhiều cũng đem lại một chút lạc quan – hay đúng hơn là “thay đổi không khí” cho những thiết kế nhàm chán khuôn mẫu của các trang tin trực tuyến. Tuy nhiên, những gì mà thiết kế mới thể hiện cho thấy rằng sẽ vẫn là một chặng đường rất dài trước khi thiết kế của các trang web Việt Nam bắt kịp mặt bằng chung trên thế giới.
Chú thích trong bài:
- khi nói “các trang web “chính thống lớn” – ý tớ muốn nói đến các trang web của các tổ chức/công ty/báo chí với số lượng người truy cập lớn. Có rất nhiều điều rất dễ dàng áp dụng với các trang web của cá nhân nhưng không phải lúc nào cũng đáp ứng được những yêu cầu khắt khe của những trang web như vậy. [↩]
viethink
Ngày 5/4/2008 lúc 08h56
Mình thấy nó hiện đầy đủ (100%) trên độ phân giải 1024×768 đấy chứ? =.=
Mình không chuyên mà nghĩ trang này dữ liệu đồ sộ + lâu rồi nên việc sửa chữa chắc chắn gặp khó khăn và bất cập hơn là xây mới hoàn toàn.
Tuấn Anh
Ngày 5/4/2008 lúc 09h28
Là người thường xuyên theo dõi Vnexpress, em chỉ có thể nói về giao diện mới của trang này xứng đáng với hai từ "thất vọng".
Em không phải là người thiết kế, em cũng không quan tâm đến việc người thiết kế trang web này muốn thể hiện gì trong thiết kế đó. Em vào Vnexpress là để lấy những thông tin mà em quan tâm chứ không phải là đi xem 1 tác phẩm hội họa trong bảo tàng, cái em cần là thông tin, sự đơn giản, trực quan, dễ thấy, dễ tìm. Có lẽ giao diện cũ dù chưa tốt lắm nhưng cũng đã phần nào mang đến sự đơn giản và dễ trực quan.Ngược lại, giao diện mới của Vnexpress đập vào mắt là lung tung, lộn xộn, mục nọ lẫn lộn với mục kia trên cùng một diện tích trải ngang. Nhìn vào giao diện rối rắm đấy em cũng chẳng muốn truy cập thẳng vào trang web như bình thường nữa mà sử dụng bộ nhận tin RSS của IE 7 để tìm tin rồi chọn tin mình quan tâm để xem thì vừa gọn nhẹ, vừa nhanh mà lại vừa thoáng mắt hơn nhiều.
Chắc cũng có nhiều người cùng quan điểm với em vì em vào poll của Vnexpress thì gần 50% số người tham ra chấm điểm cho giao diện mới này 1 điểm ( kém hơn giao diện trước nhiều ^_^ )
Nigel Nguyen
Ngày 5/4/2008 lúc 15h59
@Viethink: Thật ra dù đồ sộ cách mấy nếu được đầu tư nghiêm túc và thiết kế tốt thì việc chạy theo chuẩn không quá phức tạp :). Một website tốt là tách hoàn toàn việc thiết kế và lập trình :)
Có thể chỉ là thiểu số, nhưng VNExpress "failed miserably" với Safari. Không phải layout, không phải text mà là với navigation system.
Well thôi không thăm VNExpress cho đến khi cái này fix vậy.
Mèo
Ngày 5/4/2008 lúc 22h43
"Với tư cách là trang web có nhiều người truy cập nhất ở Việt Nam, đây thật sự là một bước ngoặc lớn của giới thiết kế web Việt Nam."
Em chỉ góp ý 1 chút thôi :") . Là " bước ngoặt" , chứ không phải " bước ngoặc " .[ Không hiểu sao đa số người ở trong miền nam , rất hay viết nhầm những từ tận cùng là " c " và " t " T_T ]
leduytien
Ngày 5/4/2008 lúc 23h39
@VietThink: Tớ sử dụng plugin Web Developer cho Firefox để kiểm tra giao diện với cửa sổ màn hình độ phân giản 1024×768. Tuy nhiên, kiểm tra CSS thì thấy rằng bề rộng của trang được xác định là 1000 pixel. Để trang web hiển thị trọn vẹn trên màn hình 1024×768, bề rộng tối đa của phần nội dung là 955px (tham khảo thêm hình này)
@Tuấn Anh: theo anh, giao diện cũ sẽ không cho phép VnExpress phát triển mở rộng về nội dung – vì vậy việc đổi sang giao diện mới kiểu như vậy là một điều bắt buộc cho chiến lược phát triển của họ. Trước hết, như bài viết đã phân tích, phải nói rằng cách thiết kế không hợp lý đã khiến cho trang web trở nên khó coi hơn. Nhưng ngay cả khi nó được thiết kế đúng và hợp lý, việc người dùng cảm thấy "lạ" và có phần hụt hẫng là một điều tất yếu (có thể một thiết kế hợp lý hơn sẽ giúp làm giảm bớt phần nào cảm giác này)
@Nigel: Quên không thử kiểm tra trên Safari – lỗi hiển thị phần "navigation" có lẽ là do mã javascript không tương thích. Tuy nhiên, theo tớ ghi nhận thì giao diện mới của VnExpress hiển thị đúng trên tất cả các trình duyệt phổ biến: Firefox, Safari, IE 6 & 7 – một điều rất đáng được đề cập.
@Mèo: Cám ơn Mèo đã nhắc.
o0bombi0o
Ngày 5/5/2008 lúc 10h48
bài viết trên phân tích rất hay nếu được leduytien mỡ một chuyên mục về phân tích hướng dẫn về bố cục,trình bày website được không
pupi
Ngày 5/5/2008 lúc 17h04
thường thì đọc báo lướt qua title là chính rồi mới xem đến bài. Ko biết mọi ng thấy thế nào, nhưng cả vietnamnet lẫn vnexpress mới đập vào mắt lúc mới vào thì title quá lẫn lộn trong đống sapo, rất khó tập trung, cả những tin phụ cũng rất mờ, phải định hinh một lúc mới có thể duyệt tin đc
Ba Hieu
Ngày 5/5/2008 lúc 23h42
Giao diện nhìn bắt mắt hơn, nhưng dường như các mục tin có vẻ rối rắm và sắp xếp chưa được hợp lý lắm, truy cập nhiều khi bị lỗi làm shutdown I.E..chán..
Ba Hieu
Ngày 5/5/2008 lúc 23h44
Dung lượng lớn —> truy cập lâu, nếu đặt làm trang chủ vừa lâu, vừa tốn tiền
Nguyễn Xuân Dũng
Ngày 5/6/2008 lúc 00h47
"VnExpress đã phá lệ, và ở đây phải ghi nhận cố gắng của người thiết kế để đảm bảo rằng ngay cả ở độ phân giải 800×600 thì phần nội dung chính vẫn được hiển thị trọn vẹn trong khung hình. Tuy nhiên, việc ngay cả ở độ phân giải 1024×768 bạn cũng không thể xem hết được toàn trang thì quả thật hơi khó hiểu. Điều đó làm cho tớ có xu hướng nghĩ rằng tất cả những quyết định về thước đo đều được chọn một cách cảm tính, và rằng việc khung nội dung chính lọt vào phần màn hình ở độ phân giải 800×600 cũng chỉ là một sự may mắn tình cờ",
Đoạn này tôi nghĩ bạn viết sai, nếu tôi để ở độ phân giải như bạn nói tôi vẫn xem được toàn bộ nội dung trang báo.
Các con số mà bạn đưa ra để làm mình chứng tôi nghĩ đó cũng là những con số cảm tính của bạn mà thôi. Sao bạn có thể khẳng định được rằng có đến 70% người VN sử dụng màn hình ở chế độ 800×600 trong khi bây giờ đại bộ phận người dân sử dụng màn hình 17′?
leduytien
Ngày 5/6/2008 lúc 01h21
@Dũng:
Nguyễn Ngọc Hưng
Ngày 5/6/2008 lúc 02h21
Hãy xem BBC và học tập họ đi.
Nhưng nhìn lại website của mình mà buồn. Dù sao thì vì mình không phải là dân tin
Tuấn - CSS questions
Ngày 5/6/2008 lúc 07h02
Tại sao vnexpress.net không thuê Tiên hay thuê mình làm CSS cho họ có phải ngon hơn ko nhỉ :D, he he.
(tái bút: cái Tab order ở comment vẫn ko được như ý, từ mục website tab 1 cái ko thể nào xuống cái còm men này được).
Long
Ngày 5/6/2008 lúc 08h57
Nhiều cái suy diễn chủ quan và áp đặt quá.
Anh Thang Đức Thắng – TBT VnExpress – đã bỏ ra một số tiền rất lớn để mướn một công ty nghiên cứu thị trường nghiên cứu sở thích của người truy cập Internet Việt Nam về bố cục, font chữ, màu sắc, kích cỡ… trước khi phê duyệt giao diện này đấy em.
Chẳng hiểu người truy cập web em thế nào chứ với nhacSO thì màn hình của người dùng cũng >70% là 1024x… đấy :-)
P/S:
Em này có vẻ như là crazy fan của DIV. Đâu phải cứ không sử dụng bất cứ thẻ TABLE nào trong thiết kế mới là "sành điệu", là "hiện đại" :-)VnE có thông báo về việc thay đổi đấy chứ. Em không đọc được (đúng lúc nó hiển thị ngoài trang chủ) không có nghĩa là không có :-) http://www.vnexpress.net/GL/Xa-hoi/2008/05/3BA01E1F/
Tối hôm bữa vô thì thấy tin này là tin vedetteTắt hết quảng cáo đi rồi save thì chỉ có 400KB thôi (à, khúc này thì có một điểm đáng phê bình là file JS chính của VnE nặng tới hơn 100KB, chưa thấy tối ưu code và chưa thấy nén)
nguoiaolam
Ngày 5/6/2008 lúc 10h15
Hi Tiên!
Bài viết này có nhiều lập luận chưa vững.
1. Anh đã dùng cả Firefox và IE để duyệt thử trang chủ vnexpress ở độ phân giản 1024 x 768 và thấy rằng trang chủ hiển thị trọn vẹn không hề có thanh trượt ngang xuất hiện như em nói.
"Màn hình của bạn có độ phân giải bao nhiêu? 800×600? Bạn xem được 3/4 trang. 1024×768? Bạn xem được 95% bề rộng của trang. Theo số liệu từ khách xem Người Tập Viết, điều đó có nghĩa là hơn 70% người dùng Việt Nam không ai xem được trọn vẹn thiết kế của VnExpress mà không phải kéo thanh trượt ngang của cửa sổ trình duyệt."
2. Việc sử dụng số liệu thống kê của một trang web có 900 lượt truy cập như nguoitapviet để khẳng định rằng 70% người dùng Việt Nam không thể xem trọn vẹn thiết kế của VnExpress không thuyết phục. Thực ra cho tới nay chưa có ai thống kê được số lượng người sử dụng màn hình có độ phân giải 800 x 600 và 1024 x 768 một cách chính thức. Tuy vậy nếu như em có ở VN và có dạo một dòng quanh các dịch vụ vi tính sẽ thấy lời nói của Nguyễn Xuân Dũng là hợp lý.
Nếu tính chi li hơn thì 2 năm nay màn hình CRT hiện nay đã lỗi thời chỉ còn số lượng rất ít. Màn hình LCD đang lên ngôi, ai cũng biết rằng với màn hình LCD 15 inches hoàn toàn có thể dùng độ phân giải 1024 x 768 mà vẫn có thể đọc font chữ arial 10pt rõ ràng…
nguoiaolam
Huyen Mai
Ngày 5/6/2008 lúc 20h40
Tớ là dân code, có theo dõi thường xuyên nguoitapviet.info,đang nghiên cứu và đưa ra cấu trúc website hợp lý mà vẫn chưa có ý gì sáng sủa. Tớ thích bbc và cảm giác giao diện mới của vnexpess.net thực sự là một sự bắt chước quá chán. Cảm giác cá nhân của tớ là hình như các site của Việt Nam vẫn đi theo lối thiết kế truyền thống cũ, không có gì mới lạ, cả về design và sử lý. Mong học hỏi từ mọi người, chúc người tập viết phát triển.
inter
Ngày 5/6/2008 lúc 22h03
Thực sự tớ quan tâm đến thông tin theo từng chuyên mục nên ít để ý đến trang chính của VnExpress, chỉ cảm thấy rằng mỗi khi vào trang này thấy lạ mắt hơn, còn việc tìm chuyên mục cũng vẫn dễ dàng giống như trang cũ.
Riêng tớ thì thích trang mới này hơn!
leduytien
Ngày 5/6/2008 lúc 23h48
Trước hết, muốn cập nhật lại về vấn đề độ phân giải màn hình. Sau khi thử hạn độ phân giải của màn hình xuống 1024×768 để thử, đúng như các bạn đã đề cập, cửa sổ trình duyệt vẫn hiển thị được toàn bộ màn hình.
Phải thừa nhận đây là một điểm bất cẩn, vì 2 lý do:
Thử đi tìm lời giải thích cho sự không thống nhất này – tớ đi đến một cách giải thích mà có lẽ sẽ cần phải kiểm tra thêm: con số 955px cho độ phân giải 1024x… px đúng cho các phiên bản trước Windows XP. Ở các phiên bản đó, khi mở rộng cửa sổ màn hình, viền "border" của các ứng dụng vẫn được Windows hiển thị, chiếm mất một phần diện tích dành cho trang web. Từ Windows XP trở đi, khi một cửa sổ được phóng to toàn màn hình, các đường viền của ứng dụng được giấu đi giúp cho bề rộng của trang web có thêm gần 50px để hiển thị. Cách giải thích này cũng giải thích được lý do tại sao Web Developer plugin cho Firefox cho ra kết quả như tớ gặp: khi thay đổi bề rộng cửa sổ trình duyệt, đường viền các cửa sổ này vẫn được hiển thị vì nó chưa chiếm hết màn hình.
Với "phát hiện" này, những lập luận của tớ trong phần nói về độ phân giải màn hình có lẽ không còn được áp dụng. Tớ đã có ghi chú trong bài.
Sau đây là trả lời một số ý khác:
@Long:
@nguoiaolam
Trên đây là một vài suy nghĩ. Không phải là tớ cứ thấy cái nào "ngược" với mình thì đều "cãi" – đơn giản là tớ vẫn tìm thấy được lý do để bảo vệ cho những luận điểm của mình. Mong tiếp tục nhận được phản hồi về chủ đề này.
long
Ngày 5/7/2008 lúc 02h18
Ơ em này hay nhỉ, không quảng cáo thì nghèo à :D Mà anh thấy máy tính của anh nó cache hết đấy chứ có thấy load lại cái gì đâu em?
Ở cái ý đầu tiên, anh viết sai đấy, em nên hiểu là bỏ tiền ra thuê một công ty nghiên cứu thị trường lớn chứ không phải bỏ ra một số tiền lớn để thuê nghiên cứu thị trường. Vậy cho nó khỏi nặng mùi tiên. OK chưa?
Anh thấy, việc người ta đi survey lấy ý kiến của hàng nghìn người sẽ chính xác hơn việc một mình em ngồi phân tích và suy đoán. Có thể nó "sai" theo lý thuyết em được học và chỉ ra ở bài này, nhưng nhiều người thích cái "sai" đó thì sao? Cụ thể là những người thường xuyên truy cập VnE và những người thường truy cập Inernet ở Việt Nam, thuộc phân khúc mà VnE muốn "đánh" thích cái "sai" theo em nói.
Người dùng đâu được học cao học nhiều như em, người ta có cái cảm riêng của người ta chứ (câu này anh nói nghiêm túc, ko đá đểu gì đâu nhé, thề luôn đấy :D). Ví dụ như các trang cho teen, phải xanh đỏ tím vàng hồng, phải có hoa bay bướm lượn khắp màn hình, phải chớp chớp giật giật; nó có theo cái chuẩn nào đâu nhưng teen nó lại cứ thích thế cơ, không thì nó kéo đi trang khác mất.
Hay như cá nhân anh, anh chả biết gì về hội hoạ, anh cứ thấy ai vẽ phong cảnh, tĩnh vật gì đó giống thật, màu sắc đẹp, dễ hình dung là anh thấy thích chứ mấy cái tranh của danh hoạ này kia anh xem chả hiểu gì, nếu mà không biết trước đó là của ông này ông kia, bức đó đáng giá hàng trăm ngàn, hàng triệu USD thì anh sẽ thẳng tay quăng vào thùng rác ngay. Thực tế là như vậy!
Tóm lại, quan điểm của anh: có thể em đúng về mặt lý thuyết; nhưng anh tin rằng VnE đúng về mặt người dùng, nhất là với người dùng của họ, các số liệu do họ nắm. Anh rất tin vào điều đó mặc dù cá nhân anh ghét giao diện mới của VnE (từ trước khi nó được public ra ngoài cơ) vì nó khó đọc quá đi, chữ nhỏ xíu và anh thì bị cận, ha ha.
The_PoorVN
Ngày 5/7/2008 lúc 16h13
hì hì, cãi nhau um tỏi ^.,.^
HieuNguyen
Ngày 5/7/2008 lúc 20h34
hi Tien,
mình thấy timnhanh.com có lẽ là 1 website khá lớn và đang theo chuẩn về CSS2
could you please check them out and do a review on their design ? rất mong nhận được review của Tien
Ban
Ngày 5/7/2008 lúc 20h52
Tiên, đến cả BBC cũng vừa tung ra giao diện Beta củ chuối đó thôi, không trách VNExpress được. :)
Anh không đồng ý với 2 điểm mà Tiên "vui mừng":
1. Anh có mở source HTML của VNExpress ra, anh có thể khẳng định người làm HTML cho phiên bản này chẳng hề tuân thủ theo cấu trúc DOM cả. Miễn bàn về việc sử dụng DIV hay TABLE, vì phải hiểu rõ Web Standards thì mới biết sử dụng elements nào cho đúng chức năng của nó. Không có chuyện tui sử dụng DIV vì tui là fan của DIV, phải là tui sử dụng DIV vì tui muốn làm Web theo đúng cách, cách mà W3C đã quy định ra trong Web Standards. Việc VNExpress được viết ra với cấu trúc box chứ không phải table chỉ có thể giải thích là họ chạy theo thị hiếu vì hiện tại người người nhà nhà đang làm vậy, chứ không phải họ hiểu được vấn đề. Mà không hiểu được cốt lõi bên trong nó thì làm sao làm tốt được.
2. Nói về design báo điện tử, design của VNExpress chẳng có gì phá cách, nó làng nhàng và không mang phong cách riêng so với các website Việt Nam khác. Có lẽ lý do là người thiết kế layout này không biết làm báo, chỉ biết làm web. Và mục tiêu của người chủ dự án là làm cho người dùng dễ sử dụng, không phải làm ra một cuộc cách mạng báo điện tử. Có thể khẳng định là VNExpress vượt trội các trang tin điện tử khác vì nó hoàn toàn hiểu rõ sản phẩm của nó và chọn đúng người dùng. Nhưng về mặt design, thì anh thấy không có gì đáng khen hết.
* Theo quan điểm cá nhân anh thì anh thấy thích VNExpress ở 1 điểm, nó dường như là trang tin điện tử đầu tiên ở Việt Nam không có 2 cái quảng cáo củ chuối chạy ròng rọc 2 bên. :)
Hong Quang
Ngày 5/7/2008 lúc 21h49
Theo mình VNExpress đã đổi từ kiểu news portal cổ điển qua kiểu Web Magazine với các mục như Lead Article, Featured Articles… Các đường viền, đổ bóng và các hiệu ứng 3D khác theo phong cách metalic nhằm làm cho trang web trông hiện đại hơn.
Vấn đề lớn nhất là cách bố trí nội dung quá tham lam làm cho trang web có rất ít khoảng trống và trông khá rối mắt. Với kiểu layout hẹp như phiên bản trước, đây không phải là vấn đề lớn nhưng với layout này sẽ khiến người đọc mất tập chung.
Tất nhiên phải kể tới việc bố trí quảng cáo dày đặc và không đếm xỉa gì tới cân bằng màu sắc (mặc dù kg còn 2 cái máy bay hai bên) sẽ khiến cho bất kỳ thiết kế nào cũng bị phá vỡ. Đây là vấn đề chung của tất cả các news portal ở VN vì họ không thể kén chọn các QC và không thể làm việc với từng nhà QC để có một thiết kế riêng hợp với tone màu của mình.
leduytien
Ngày 5/8/2008 lúc 01h54
@Ban:
ddddd
Ngày 5/8/2008 lúc 02h22
em thấy giao diện đó cũng được mà!
Kuang2
Ngày 5/8/2008 lúc 21h57
mình có một số nhận xét rất đơn giản:
VnExpress đã rất dũng cảm chuyển lên độ phân giải 1024 x 768, điều mà trên thực tế đã chứng minh là đứng đắn, khi mà chúng ta chấp nhận theo số đông, và bỏ qua một số nhỏ người dùng màn hình nhỏ hơn.tuy nhiên, cái việc dũng cảm đó không được chuẩn bị một cách thật nghiêm túc và đứng đắn. Các trang hoàn toàn hỏng về vấn đề typo ở một mức không thể chấp nhận được trong con mắt các bạn thiết kế, còn về phía người đọc thì mình xin không có ý kiến.
vietmedia
Ngày 5/9/2008 lúc 19h45
Mr Hu
Ngày 5/11/2008 lúc 20h55
Thay đổi giao diện là chuyện bình thường, nó phản ánh xu thế và nét mới lạ của một trang báo điện tử, bài viết của anh tôi thấy hơi dưa thừa và nói chung là hơi rảnh. Nó chẳng nói lên được vấn đề gì ngoài quan điểm rất cực đoan của anh là "mất trật tự". Nhìn chung du học sinh có vẻ rảnh rỗi nhỉ :D
sadfghjk
Ngày 5/12/2008 lúc 03h27
Thay đổi giao diện là chuyện bình thường, nó phản ánh xu thế và nét mới lạ của một trang báo điện tử, bài viết của anh tôi thấy hơi dưa thừa và nói chung là hơi rảnh. Nó chẳng nói lên được vấn đề gì ngoài quan điểm rất cực đoan của anh là "mất trật tự". Nhìn chung du học sinh có vẻ rảnh rỗi nhỉ :D
nothing
Ngày 5/12/2008 lúc 05h39
1. mình thấy trang vnexpress.net hiện đầy đủ trên màn hình của mình, chẳng cần phải kiểm tra bằng công cụ nào. không xuất hiện hscroll là ok chứ gì?
2. trang vnexpress.net được tải về rất nhanh. mình không chắc về dung lượng tải xuống là bao nhiêu. nhưng theo mình, trang được nén ở server rồi mới gửi cho trình duyệt bung ra. 1.3mb tập tin văn bản nén lại thì còn xíu xiu hà.
3. mình cũng hơi rảnh khi comment cho bài này. nhưng thấy bạn hơi cực đoan và hơi dư thừa khi viết bài này. anyway, viết ra những gì bạn suy nghĩ cũng là hay.
have fun.
thaokim
Ngày 5/14/2008 lúc 03h36
Tôi rất đồng tình với quan điểm mà bạn Tiên đã viết.
Đứng ở góc độ người duyệt web, thực sự tôi và rất nhiều bạn bè, đồng nghiệp đều cảm thấy khó chịu với giao diện mất trật tự của VnE mới. Nhìn trang chủ như một món lẩu thập cẩm. Thời gian load trang cũng là vấn đề, lâu khủng khiếp :(.
Tôi ủng hộ quan điểm hướng tới Web Standards trong thiết kế web. Tôi nghĩ, việc thiết kế tuân theo WS với việc đáp ứng thị hiếu của người dùng ở VN không ảnh hưởng đến nhau. Không phải là nếu đáp ứng thị hiếu thì sẽ phải phi chuẩn.
Rõ ràng là VnE được thiết kế kém.
Cảm ơn bài viết của bạn!
by www.2Idea.com.vn
Ngày 5/16/2008 lúc 02h21
Theo mình nghĩ thì VnE đúng là món lẩu "thập cẩm" . Về mỹ thuật thì thiết kế có hiện đại hơn trước.Về mặt sử dụng thông tin thì khó nhìn vì các mục ở trên box lại không nổi bật hơn tiêu đề bài viết, chỉ 1 điểm đấy thôi cũng làm cho trang đỡ rối hơn nhiều.
Min Tran
Ngày 5/16/2008 lúc 05h29
Vnexpress chịu "thay máu" vậy là mừng rồi, đừng quán khắc khe. Bỏ qua phần code thì design cuả vnexpress dùng grid không đúng cách: dao hai lươĩ, làm hỏng cả flow của site.
@ anh Ban: Web standards không có quy định (rules) mà chỉ có những recommendations.
loc
Ngày 5/17/2008 lúc 04h42
Giao diện hỗn loạn +tốc độ load giảm đáng kể .
Nói giảm diện tích quảng cáo e à ko đúng .
@nothing:express là một báo lớn ,sự thay đổi của nó ảnh hưởng tới mọi ng` ,bàn là đúng rồi ,có j dư hơi ?
Nhím
Ngày 5/21/2008 lúc 21h20
Bài viết phân tích chi tiết thật ^^
Skin mới của VnExpress chỉ nhận xét duy nhất: rối mắt, từ khi nó thay đổi đến giờ tớ ít xem hẳn (cũng như Vietnamnet trước kia) , giờ chỉ còn dantri là cảm giác thân thiện nhất :D
phung
Ngày 5/23/2008 lúc 20h54
vậy có bao h ban tự nhận xét hay nguoi khac nhan xét về trang web của mình chua :D
hondanho
Ngày 5/25/2008 lúc 05h36
Thật ra với giao diện mới của VNExpress thì tớ thích coi nó hơn :). Mà cái homepage nó resize lại cái table chướng mắt ròi đó Tiên.
StevenBui
Ngày 5/27/2008 lúc 02h35
rõ ràng các bạn chỉ trích rất nhìu…nhưng các bạn cũng nghĩ rằng…vnexpress la 1 tổ chức lớn và họ có đội ngũ chuyên nghiệp. thiết nghĩ để làm đc điều này họ đã tham khảo rất nhìu, design rất quan trọng và khi xuất bản họ đã nghiên cứu rất kỹ, chẳng có gì sai khi có người khen và chê. nhưng mình thấy sự thay đổi này xuất phát từ sự phát triển tiên tiến của thiết bị tiên học, cũng phỉa nói giờ người ta hay dùng màn hình 17 inches rùi, 15" hiếm lắm, và cũng phải nói thêm, vnexpress làm điều này là 1 điều đáng tiến bộ cũng chẳng còn điều gì phải chê vì đơn giản, mỗi người 1 cách nghĩa
Hoàng Phúc
Ngày 5/28/2008 lúc 06h16
Mỗi người 1 cách nghĩ và nhận định khác nhau. Dù vậy mình ủng hộ cách nghĩ của bạn Long. Theo mình thì giao diện của Vnexpress hiện giờ là khá tốt theo giao diện của 1 trang tin tức. Cứ nhìn Dantri thì so sánh được trang nào có giao diện tốt hơn !
Văn Hiển
Ngày 5/29/2008 lúc 20h03
Chào Tiên,
Tớ thấy thiết kế của vnexpress.net tốt, nó dám mạnh tay và tiên phong.
Việc phân tích những điểm được, hay những điểm chưa tốt, tớ thấy rất tốt. Tớ thích các bài viết có quan điểm riêng như thế, nhưng điều mà Tiên nghĩ, cũng như một số comment ở đây, chưa chắc là điều mà số đông nghĩ.
Tớ đi thiết kế cho khách hàng, một sỗ vẫn coi những website lớn là chuẩn, và chê các website tốt là không phù hợp đó thôi.
Tiên có thể phân tích kỹ thuật, mỹ thuật, nhưng hiệu quả thì e là bạn không đánh giá được.
Stephen Mén
Ngày 5/29/2008 lúc 20h24
Mệt thật, chẳng hiểu cái chuẩn trật tự và mất trự tự các bạn đưa ra là dựa trên phương diện nào ? Các bạn có cảm thấy mình hơi hoan tưởng không ? Người tập viết nên chuyển sang viết về tình yêu, giới tính… mình nghĩ sẻ hay hơn viết mấy cái này. Vì bản thân cái theme của người tập viết là một con "cá kè" thì lấy cái gì đi ra thẩm định cái khác. Phỏng à
Stephen Mén
Ngày 5/29/2008 lúc 20h26
Quote "Bài viết được gửi trong phân mục Bài nổi bật, Thiết kế ngày 4 tháng 5 năm 2008. Chủ đề bài viết gồm thiết kế web, vnexpress, web design. Bài viết dài 3,054 chữ và dã được xem tổng cộng 1877 lần. Bạn có thể đăng ký theo dõi phản hồi của bài viết này sử dụng RSS 2.0."
-> cái này khẳng định là rảnh quá đổi // sao không thêm vào là viết lúc nào // tâm trạng gì ? ở đâu ? đã viết lúc ăn hay chưa ăn….
Rảnh thì lấy sách "khiêm tốn" ra mà đọc nhé bạn
Thường Tiếu
Ngày 5/31/2008 lúc 11h38
Đại khái mà nói: việc tranh luận đột ngột trở thành công kích cá nhân + "thể hiện thái độ vô văn hóa trong ngôn từ" + đi lạc chủ đề là điều chán ngán nhất với những người có "văn hóa tranh luận". Người ta thường nói người Việt có khả năng tranh luận (để phát triển giải pháp) kém có lẽ là do những nguyên nhân này.
Xét theo quan điểm của một người dùng có trình độ tin học (cấp độ kỹ sư BKHN) và thích đọc tin, tôi không muốn vào VnE nữa vì liếc qua tôi không thấy được cái tôi cần tìm trong 5 s -> thế nên tốt nhất tôi sẽ đi đọc tin ở chỗ khác :).
@Tien: Tôi nghĩ bạn nên thẳng tay xóa những phản hồi mang tính chất công kích cá nhân và lạc đề. Một phần để chủ đề thêm rõ ràng và một phần để ghóp phần phát triển "văn hóa tranh luận" của người Việt.
[quote]và dã được xem tổng cộng 1877 lần[/quote]: chữ "đã" có lỗi :)
Ánh
Ngày 6/3/2008 lúc 00h21
Hôm qua em định Spam cho Grammar 2.2 mà ko được! hihi
Công nhận bác viết sâu sắc !
Tuyết Ân
Ngày 6/3/2008 lúc 02h37
Rất cảm ơn bài viết bổ ích của Người Tập Viết cho dân làm báo. Nhân đây mình gửi đường link báo mình http://www.thesaigontimes.vn tờ online của SGT, mới khai sinh khoảng nửa năm. Bạn cho mình vài đánh giá được chứ?Thks!
Lac Da
Ngày 6/3/2008 lúc 05h40
Mình cũng là dân thiết kế web nhưng không chuyên, mình thấy có điểm ko chính xác theo ý mình thôi nha.
Để trang web hiển thị trọn vẹn trên màn hình 1024×768, bề rộng tối đa của phần nội dung là 955px
Ở màn hình 800 x 600 thì khi thiết kế mình làm là 780 chiều ngang, là trừ đi 20px của thanh scroll bar
Tuơng tự màn hình 1024 thì mình làm 1004px chiều ngang, ở đây Tiên nói là 955 thì mình không rõ, vì vnexpress để chiều ngang tới 1000 thì chắc chắn là lọt vào màn hình chứ.
Là người thường xuyên vào Vnexpress, giao diện mới hơi khó xem. Ngay cả khi Vnexpress tuân thủ theo đúng các nguyên tắc layout thì với giao diện mới này cũng là cho người ta khó xem, nhưng trước lạ thì sau quen thôi.
Thảo Nguyên
Ngày 6/5/2008 lúc 21h10
Em thấy giao diện VnExpress cũng ổn rồi mà, tốc độ load cũng rất nhanh nữa. Tuy thay đổi mới hơi khó xem vì chưa quen nhưng một thời gian mọi người quen dần sẽ thấy thích vì có nhiều thông tin và ảnh lớn ngay trang chủ.
Anhvo
Ngày 6/8/2008 lúc 09h15
Bài viết của anh rất hay, phân thích khá kĩ, cho biết anh cũng là 1 chuyên gia thiết kế.
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.
Hỗn tạp
Ngày 6/8/2008 lúc 13h40
Tớ thấy bài nhận xét của cậu nói đến quá ít vấn đề, và chỉ chăm chăm vào 1 chút kĩ thuật viết mã. Xét từ quan điểm của người dùng tớ thích:
- 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á.
Bùi Thái Sơn
Ngày 6/10/2008 lúc 20h14
Tôi cảm thấy giao diện trang wvexpress này so với trang cũ cũng có phần rối rắm hơn cho đến khi tôi đọc đc bài viết trên. Nói cung là cách thể hiện này đã làm cho người ta thấy rất khó theo doi các chuyên mục.
Bùi Thái Sơn
Ngày 6/10/2008 lúc 20h48
Các cậu xem trang này thế nào: http://amthuc365.vn/home.htm vì mình là dân a-ma-tơ nên cũng không biết nhiều lắm xin các bạn chỉ giáo. Trang này tự mình thiết kế và xây dựng đó.
CamDQ
Ngày 6/13/2008 lúc 22h44
Mình thì có ý kiến sau:
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.
icttrack
Ngày 6/14/2008 lúc 04h53
nội dung bình luận của mình dưới đây dành cho những ai đang thiết kế và lập trình web
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.
Toan ND
Ngày 6/16/2008 lúc 09h39
Hi Tiên, mình biết đến NTV qua một lần search trên một diễn đàn. Mình đọc bài này thấy có nhiều điều thú vị. Ngay ngày đầu vnEx thay đổi, có người bạn gửi tin nhằn cho mình kêu giao diện đẹp. Nhưng điều đầu tiên khi mình thấy là rối mắt, đúng như nhiều nhận xét, xét về cả góc độ chuyên môn cũng như thị hiếu.
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.
Toan ND
Ngày 6/16/2008 lúc 09h44
Quên, cái comment này vì sao khi tab từ Website nó lại bay lên cái chuyển giao diện mà không phải là editor.
VinatoCorp
Ngày 6/24/2008 lúc 00h06
Hiện tại ở 1 số công ty đã sử dụng màn hình với chế độ 1280X1024.Và khi yêu cầu thiết kế web khách hàng hầu như không còn chấp nhận chế độ màn hình cũ 600X800 nữa mà phải là 1024X768
slim
Ngày 7/1/2008 lúc 10h02
Chào các bạn!
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.
Dinh Tung
Ngày 7/8/2008 lúc 08h30
em có ý kiến ngoài luồng thế này :D
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??
viet ph
Ngày 7/30/2008 lúc 22h22
mình là dân ngoại đạo, không biết nhiều về IT nhưng mình hoan nghênh những ý kiến về chuẩn trang web. Từ trước đến jờ người VN đã quá "dễ tính".
noguchi
Ngày 8/6/2008 lúc 03h56
VNEXPRESS được thiết kế bởi những người ko có kiến thức về SEO và cách sử dụng mã html một cách correctly.
FF
Ngày 9/10/2008 lúc 03h16
"Cái chết của thiết kế sử dụng bảng?" —- Chắc anh cũng ảnh hưởng ít nhiều về quan điểm mới của thiết kế web Việt Nam là chê bảng nặng rồi div nhẹ nhàng. Nhưng cơ sở nào để bảo như thế chứ khi mà các character cũng chỉ như nhau, chỉ khác nhau mỗi cách xử lý. Nếu nói là div có thể tiện lợi cho việc sắp xếp linh hoạt thì được, nhưng nói cái nào nặng hơn cái nào là đặc biệt sai lầm. Mỗi thứ nó có cái ưu nhược điểm riêng chứ đừng theo quan điểm div thì hay hơn nhé, tùy theo từng trường hợp, từng chức năng mà áp dụng thẻ nào cho thích hợp.
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á.
Hero
Ngày 9/24/2008 lúc 07h22
Hola Tiến,
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.
letuankha
Ngày 10/17/2008 lúc 02h54
axxxxxxxxx
hieu
Ngày 11/4/2008 lúc 00h36
Hãy gọi ngay cho chúng tôi để được sở hữu ngay sim số đẹp – số vip với giá cả phải chăng Hot line : 094 758 9999 (Mr. Hiếu) Add : 20/204 Trần Duy Hưng – HN Website : http://hotsim.vn
Tuyên
Ngày 11/18/2008 lúc 01h17
theo minh vnexpress thay doi nhu the nao thi ko can phai quan tam nhieu
vi minh co tay doi dc no dau
Con Kẹc
Ngày 12/26/2008 lúc 21h34
Không biết các chú bình luận với phát biểu quái gì lắm thế, chứ cái giao diện này của vnexpresss.net là chôm hay là coppy hay còn gọi là sao chép của giao diện joomla. Có cái mẹ gì mới mẻ hay ho đâu.
Vnexpress.net suy đồi rồi, toàn đưa tin giật gân với lá cải. chất lượng xuống cấp nghiêm trọng !
PC THƯ VIỆN TRẺ
Ngày 1/26/2009 lúc 10h43
Tranh luận sôi nổi, hấp dẫn.
PC THƯ VIỆN TRẺ
Ngày 2/5/2009 lúc 20h18
BÀN Không biết các chú bình luận với phát biểu quái gì lắm thế, chứ cái giao diện này của vnexpresss.net là chôm hay là coppy hay còn gọi là sao chép của giao diện joomla. Có cái mẹ gì mới mẻ hay ho đâu.
Viết Hợp
Ngày 2/23/2009 lúc 22h42
Khen:
NTV rảnh rổi ghê có cái óc thật thông minh nhìn nhận mọi việc thật thú vị.
NTV học CNTT mà nên giỏi về CNTT sài văn tự “ngoại đạo” là một cách ko hay Bởi vì nhiều kẻ “ngoại đạo” mà cậu nói họ làm web hay nói cách khác sử dụng mã nguồn mở đôi khi còn hay hơn chúng ta kìa.
Góp Ý:
Người tập viết ơi! Cậu có thể tạo lại cấu hình site cậu lại dc không ?
Lizo:
Tớ rất thíc dọc những bài hay ở trang này nhưng do nhiều người Thảo luận quá nên tớ thấy bất lợi
1. Nếu tớ dùng chuột ko có lăn thì phải dùng phím mũi tên đi xuống
2. Khoảng trống bên phải thì nhiều nhưng chỗ đọc thì……..
3. Khi lỡ tay click chuột vào hình ảnh thì phải bấm nút trở lại trang.
4. Nhiều lắm…… không cần đẹp lắm nhưng phải tiện lợi cho mọi người trong mọi việc khi sử dụng.
Nếu rảnh thì cậu hãy thiết kế giao diện của cậu theo phong cách riêng dừng copy ý tưởng của người khác. Không rảnh Đừng bà tám về Ng Kh. Tui đưa ra ý kiến trên dưa theo câu:
“Trước khi chê người khác thì xem mình trước đã.”
Site của tôi do tui không có thời gian nhiều và thiếu ý tưởng nên còn Xấu. Nếu rảnh như bạn thì………
Chúc bạn thành công nhiều trong công việc và Việc học.