Google phiên bản sơ khai

Thiết kế sơ khai của 7 website vô cùng nổi tiếng

Đi cùng với sự phát triển mạnh mẽ của Internet, không chỉ làm thay đổi hoàn toàn cuộc sống của người dùng mà nó còn tác động mạnh mẽ đến vị thế và diện mạo của nhiều ông lớn công nghệ trên thế giới hiện nay như Facebook, Google hay thậm chí là Yahoo.

  • Google

Google phiên bản sơ khai

Giao diện sử dụng hiện nay của Google khá đơn giản và tập trung vào những nội dung quan trọng. Điều thú vị là những năm đầu tiên thành lập, trang tìm kiếm sô một thế giới lại khiến người dùng cảm thấy rối mắt và rườm rà, nhưng nó vẫn giữ nguyên một vài tính năng ban đầu như hiển thị số kết quả, tính năng “I’m Feeling Lucky” đưa người dùng trở về kết quả đầu tiên trong danh sách tìm kiếm.

  • Facebook

Tại thời điểm ra mắt lần đầu tiên, Facebook vẫn được giữ nguyên tên là “Thefacebook” với diện mạo khá rối rắm bởi một trang giới thiệu lan man ở khung đăng nhập. Sau khi mạng xã hội này đạt mốc 1 triệu người dùng, Sean Parker – vị CEO đầu tiên đã gợi ý đổi tên thành Facebook để giúp mọi người dễ nhớ hơn.

  • Instagram

Cách đây 15 năm, khi Instagram bắt đầu được biết đến với cái tên Burbn, nó có giao diện tối giản và rườm rà. Đến nay, ứng dụng đã được đổi tên và sử dụng giao diện đẹp mắt khiến giới trẻ phát cuồng.

  • Yahoo

Yahoo phiên bản sơ khai

Yahoo chắc chắn là huyền thoại, là thanh xuân mà bất cứ giới trẻ 8x, 9x nào cũng từng trải qua. Vào năm 1994, ông lớn này có giao diện đơn điệu, tẻ nhạt cùng logo rối rắm ở giao diện chính website.

  • Youtube

So với “đám bạn cùng trang lứa”, Youtube ra mắt muộn hơn nhưng phần giao diện cũng không có vẻ gì là khá hơn. Đến nay, trang mạng xã hội này đã trở thành nền tảng chia sẻ video có giá trị tỷ đô trên toàn thế giới với vô số đối tác và nhà phát triển lớn.

Những xu hướng thiết kế kế website mới dành cho các doanh nghiệp

Những xu hướng thiết kế website mới dành cho các doanh nghiệp

Trang Verisign vừa đưa ra một vài xu hướng mới nhất cho các doanh nghiệp để tạo ra một website sáng tạo và hấp dẫn.

  • Reponsive web – Web đáp ứng

Trong bối cảnh kinh tế cạnh tranh như hiện nay, khi một khách hàng yêu cầu chắc chắn doanh nghiệp không thể ngồi im lặng và phải cố gắng hết mình để đáp ứng thoả mãn nhu cầu của khách hàng một cách tối đa, trang website sẽ là một phương tiện hữu ích trong trường hợp này. Do đó, yêu cầu đầu tiên, các trang website phải có khả năng tương tác với người dùng và giúp gia tăng sự gắn kết với người dùng, giúp họ cảm nhận được một trải nghiệm độc đáo và sáng tạo ở đây.

Những xu hướng thiết kế kế website mới dành cho các doanh nghiệp

  • Hạn chế chữ

Thời gian là vàng bạc nên chắc chắn các vị thượng đế sẽ không muốn dành quá nhiều thời gian vào việc đọc những hàng chữ chi chít. Các doanh nghiệp nên tập trung hơn vào hình ảnh, video hoặc theo phong cách infographics.

Mặc dù việc này có thể tốn kém hơn và mất thêm thời gian nhưng chắc chắn hiệu quả mà công ty bạn thu lại được sẽ tốt hơn nhiều lần so với phong cách truyền thống.

  • Đầu tư mạnh vào phiên bản di động

Những năm trở lại đây, cách sử dụng nội dung kỹ thuật số đang có nhiều thay đổi, đặc biệt là sự bùng nổ của điện thoại thông minh và máy tính bảng. Điều này cũng có nghĩa là smartphone đang dần dần được các doanh nghiệp coi trọng và đặt làm lựa chọn hàng đầu khi thiết kế website.

Thiết kế mobile web cần phải lấy khách hàng làm trọng tâm và tập trung nhiều vào sự tiện lợi của khách hàng. Do đó, nhiều doanh nghiệp có bản chất là kỹ thuật số thuần tuý cũng đang dần chuyển mình theo xu hướng di động này.

Những điều “tối kị” trong thiết kế website

Những điều “tối kị” trong thiết kế website

Thiết kế là một ngành có những quy chuẩn, công thức riêng mà không phải ai cũng hiểu và áp dụng thành công. Để tạo nên được một công trình nghệ thuật đúng nghĩa, bạn nhất định phải nhớ những quy tắc dưới đây.

Những điều “tối kị” trong thiết kế website

  • Đừng bỏ qua việc dùng lưới (Grid)

Sau khi hoàn thành việc phác thảo trên giấy, các nhà thiết kế website hay bỏ qua bước sắp xếp lại hay chia tỉ lệ mà bắt đầu luôn quá trình dựng khung trang web. Đừng quên tìm lại những bản thiết kế cũ trước đây, bổ sung thêm bộ lưới và cân chỉnh lại, nó sẽ mang đến một thiết kế chuyên nghiệp và tinh tế hơn nhiều.

Hiện nay có rất nhiều cộng đồng chia sẻ và bán các công cụ, giao diện cùng thành phần cấu thành một trang web, tuy nhiên, có một sự thật là không phải những thứ sẵn có sẽ phù hợp với trang web mà bạn đang muốn tạo ra, hơn nữa, việc tận dụng lại sẽ khiến chúng trở nên nhàm chán giữa vô vàn các site khác.

  • Không trau chuốt hình ảnh

Là một nhà thiết kế chắc chắn bạn sẽ hiểu rõ hơn ai hết việc một bức ảnh có độ phân giải thấp sẽ hủy hoại mọi thứ bạn cất công tạo nên. Hãy thử thuê một nhiếp ảnh gia hay tự mình đi chụp lấy những tấm ảnh nghệ thuật và chất lượng cao để tạo nên dấu ấn riêng cho chính mình.

  • Kiểu chữ và màu sắc không đồng bộ

Những nhà thiết kế nghiệp dư thường cho rằng với bất cứ phông chữ nào nhìn ổn hay màu sắc hợp là đều có thể đưa vào sử dụng. Thế nhưng, nếu biết tạo nên một quy chuẩn thiết kế (style guide) dành riêng cho website sẽ biến “đứa con tinh thần của bạn” trở nên bắt mắt và ưa nhìn hơn.

xu hướng thiết kế web

Hơi khó tin nhưng xu hướng thiết kế web đang “cố tình” làm thật xấu

Thời gian trở lại đây, rất nhiều thiết kế được xu hướng hóa một cách xấu và rối rắm đến mức khó nhìn điển hình như Hacker News, Bloomberg Businessweek, Pinboard, The drudge Report…Trong số những site kể trên, có những “anh chị” đã được vài năm tuổi, nhưng cũng có những tân binh mới trình diện không lâu, chưa tính đến hàng trăm site tương tự cũng đang tránh sử dụng template và giao diện thân thiện với người dùng – những yếu tố đã trở nên phổ biển trong ngành nhiều năm trở lại đây, thay vào đó là một phong cách thiết kế thiếu hoàn hảo, code tay HTML và mang âm hưởng thập niên 90.

xu hướng thiết kế web

Phong cách thiết kế này có tên là “web brutalism” và hầu hết những xu hướng hiện nay đều có nguồn gốc từ sản phẩm của Pascal Deville – hiện đang là Giám đốc sáng tạo của agency quảng cáo Freundliche Grusse tại Zurich, Thụy Sỹ. Vào năm 2014, Deville đã tạo ra trang brutalistwebsite.com và là nơi trưng bày những website phù hợp với thẩm mỹ của trường phái “Brutalist” – thiết kế một cách ngẫu hứng, xấu xí theo phong cách không ai hiểu.

Theo thời gian, thuật ngữ này lại rộ lên thời gian gần đây từ khi site của Deville xuất hiện trên Hacker News và dẫn dẫn trở nên phổ biến rộng rãi. Với 100.000 lượt khách ghé thăm chỉ trong 24 giờ, sự tò mò này vẫn đang tiếp tục tăng lên khi mỗi ngày Deville vẫn hào hứng nhận được khoảng 100 website mới yêu cầu được trưng bày trên trang này. Hầu hết đều muốn tự tạo ra một thứ gì đó nguyên bản và hoàn toàn khác biệt, không cần quan tâm người dùng.

Mặc dù vậy, vẫn sẽ có khá nhiều hạn chế cho lối thiết kế đi ngược chuẩn mực hiện nay, nhưng với ông chủ của “Brutalist” lại tin rằng, sẽ có một định nghĩa mới cho website mà không cần bất cứ quy tắc nào.

giao diện iPhone X

Nhà thiết kế website cần phải chỉnh sửa để thích nghi với giao diện iPhone X

Sự ra đời của iPhone X đang khiến cộng đồng công nghệ chao đảo, bởi ai cũng muốn được sở hữu chiếc smartphone sành điệu và đẳng cấp nhất hiện nay. Tuy nhiên điều này cũng khiến các nhà thiết kế website phải “trăn trở”, lý do vì họ sẽ phải tốn thêm một chút công sức mới có thể phù hợp với giao diện mới của iPhone X.

giao diện iPhone X

Chiếc điện thoại mới nhất của Apple được thiết kế không viền màn hình, do đó đã để lại một cái rãnh ở cạnh trên của máy, nơi đặt cụm cảm biến Face ID và camera trước. Tuy nhiên, điều này lại kéo thêm “phiền phức” cho những nhà phát triển ứng dụng website trên smartphone. Lý do là khi sử dụng iPhone X ở chế độ màn hình nganh, cái rãnh này đã vô tình che đi một phần màn hình hiển thị của ứng dụng và các trang web. Rất nhiều nhà phát triển đã tìm cách để thích nghi với cái rãnh này, bằng cách tùy biến giao diện cho lui vào trong một ít. Có người còn biến cái rãnh này thành một phần giao diện để có thể kéo ra và xuất hiện các tùy chọn.

Mới đây, Apple đã chính thức đưa ra hướng dẫn cho các nhà lập trình web với mong muốn giúp họ thích nghi được với màn hình của chiếc iPhone X. Bằng công cụ Webkit, Apple đã bổ sung các đoạn code và kỹ thuật để giúp giao diện mới của các trang web sẽ không bị ảnh hưởng bởi thiết kế cái rãnh trên iPhone X.

Nhờ công cụ này mà các nhà thiết kế website đã có thể tận dụng khoảng trống hai bên trên màn hình iPhone X, nội dung chính đảm bảo không bị che khuất bởi cái rãnh. Các nhà thiết kế sẽ thoải mái hiển thị những nội dung mà mình muốn truyền tải cho khách hàng. Mặc dù điều này sẽ gây tốn sức hơn cho những nhà thiết kế website, tuy nhiên người sử dụng sẽ được trải nghiệm mọi thứ một cách hoàn hảo nhất.

MakeGirls.moe

Tự tạo nhân vật anime trên MakeGirls.moe

Mới đây các nhà khoa học đến từ Đại học Fudan, Thượng Hải và ĐH Carnegie Mellon, TP. Pittsburgh, bang Pennsylvania, Mỹ đã tạo nên một trang web đặc biệt có tên MakeGirls.moe tích hợp AI sẽ cho phép mọi người có thể tự tay sáng tạo ra một nhân vật hoạt hình dễ thương theo mong muốn một cách dễ dàng, hoàn toàn tự động và đặc biệt là miễn phí hoàn toàn.

MakeGirls.moe

Theo đó, người dùng chỉ cần lựa chọn thông số, sau đó vài giây, trang web đặc biệt này sẽ tạo ra ngay cho bạn một nhân vật hoạt hình dễ thương nhờ công nghệ AI.

Một điều khá thú vị là bạn sẽ nhận được rất nhiều kết quả khác nhau dù chỉ thiết lập một thông số. Các kết quả mới được tạo ra đều rất xinh đẹp và đáng yêu, tuy nhiên mỗi nhân vật đều có đặc điểm riêng biệt và cá tính khác nhau . Với trang web này, nhóm nghiên cứu muốn hỗ trợ cho các nhà làm phim nghiệp dư hoặc các nghệ sỹ chuyên nghiệp giảm tải bớt khối lượng công việc.

Dựa trên những dữ liệu từ trang web liên quan đến các trò chơi điện tử tại Nhật Bản Getchu mà Al tạo nên các nhân vật cho website của mình. Getchu hiện đang chứa một lượng lớn các tác phẩm nghệ thuật liên quan đến phim hoạt hình (anime). Dựa trên nền tảng đó, AI sẽ xác định các yếu tố đặc trưng của những tác phẩm nghệ thuật để tạo ra một nhân vật mới. Trong MakeGirls.moe, người chơi có thể lựa chọn nhiều thuộc tính khác nhau bao gồm 13 màu tóc, 10 màu mắt và 5 kiểu tóc khác nhau. Bạn còn có thể thiết lập phụ kiện như kính, mũ hay băng đô tuỳ theo ý thích của mình.

Nếu là người đam mê hoạt hình Nhật Bản bạn nên ghé thăm trang web này ngay.

website hấp dẫn người đọc

Làm thế nào để website hấp dẫn người đọc?

Hầu hết người dùng Internet hiện nay đều không có thời gian nghiền ngẫm từng dòng một trên website, do đó nếu muốn người khác đọc và để ý các phần trên trang chủ của mình, hãy thiết kế nó theo bố cục hình chữ F.

website hấp dẫn người đọc

Đây là lối thiết kế các khối nội dung trên web theo đúng điểm nhìn trọng tâm của phần lớn người dùng online khi lướt qua các site.Nếu thiết kế theo bố cục chữ F, những khu vực mà người truy cập thường dồn hết sự chú ý vào là từ trái qua phải, phần trên cùng xuống dần phía dưới. Mở đầu, họ sẽ nhìn rộng phần đầu của site, sau đó sẽ kéo dần xuống phía dưới, cột bên trái và bắt đầu liếc qua những từ khóa hay chủ đề đang nóng. Sau khi bắt được tín hiệu đó, người dùng bắt đầu đọc một cách chậm rãi và hình thành điểm nhìn theo cột dọc. Kết quả cho thấy, cách họ liếc mắt sẽ có hình nhữ F hoặc E, do đó nếu là nhà thiết kế, bạn hãy sử dụng sơ đồ này để áp dụng cho website của mình, giống như  CNN và NYTimes đang làm.

Đối với cách design này, người dùng sẽ có được trải nghiệm tự nhiên và không gò bó, nhất là đối với những trang chứa nhiều nội dung, họ sẽ có nhu cầu nắm bắt thông tin cần một cách nhanh nhất. Bố cục dàn trang cũng sẽ không gây ảnh hưởng đến lưu lượng truy cập, do đó bạn cần phải biết cách để tạo ra những nền tảng giá trị trên những khoảng không website của mình. Phương pháp này không chỉ hiệu quả với text mà còn đối với cả các loại landing page, vì vậy nếu áp dụng bạn đừng làm theo một cách quá máy móc mà hãy tùy chỉnh theo đặc điểm và tính chất mà bạn muốn truyền tải với người đọc.

 

Threatbutt

Những Website giúp theo dõi các vụ tấn công mạng trên thế giới

Sự phát triển của công nghệ số cũng kéo theo các nguy cơ bị tấn công bởi virus và mã độc theo nhiều thủ đoạn ngày càng tinh vi hơn. Những phần mềm chống và diệt virus hiện nay được xem là phương pháp giúp người dùng yên tâm hơn chứ không đảm bảo là mọi thông tin và hệ thống của bạn được an toàn tuyệt đối. Chính vì vậy, các chuyên gia mạng đã thiết kế ra các bản đồ Malware Tracker Maps với mục đích cho phép người dùng cập nhật được những vụ tấn công mạng trên thế giới theo thời gian thực.

  1. Threatbutt

Threatbutt

Đây là website đáp ứng được yêu cầu cơ bản trên, thiết kế đơn giản nhưng đầy đủ thông tin về IP của thiết bị tấn công, thiết bị bị chọn làm mục tiêu và tên của nhóm tấn công. Tuy nhiên trang thông tin này khá rối và yêu cầu người dùng phải có đủ kiến thức để phân tích được các dữ liệu của đối tượng tấn công khi nhấp vào tên của nhóm này.

  1. FireEye Cyber ThreatMap

ireEye Cyber ThreatMap

Ngoài việc cung cấp bản đồ về các vụ tấn công mạng, FireEye còn giúp người dùng đăng nhập để nhận được thông báo khi phát hiện ra các cuộc tấn công và giữ cho dữ liệu cá nhân của người dùng được an toàn. Điểm hạn chế của website này là giao diện khá đơn giản và nếu muốn có đầy đủ các thông tin liên quan về cuộc tấn công mạng thì đây không phải lựa chọn tốt cho bạn.

  1. Kaspersky Cyberthreat Real-time Map

Kaspersky Cyberthreat Real-time Map

Là một bản đồ theo thời gian thực do ông lớn Kaspersky phát triển. Ngoài khả năng phát hiện các cuộc tấn công bằng virus, malware,…website này còn có các tính năng khác như Web Anti-virus, On-Scanner acces, On Demand Scanner,…So với hai website trên, Cyberthreat có giao diện hiện đại và bắt mắt hơn, người dùng cũng có thể nắm bắt mọi thông tin chi tiết về các cuộc tấn công trên mạng Internet.

xu hướng thiết kế website

Những xu hướng thiết kế website đang được trông đợi hiện nay

Xu hướng đọc báo điện tử thay báo giấy đang dần phổ biến, chính vì vậy các trang website cũng cần phải đầu tư để tạo cảm giác trải nghiệm dễ chịu nhất cho người đọc.

xu hướng thiết kế website

  1. Tập trung hơn vào nội dung

Thay vì thêm thắt những thứ rườm rà và gây rối mắt như header, quảng cáo banner, popup,…các nhà thiết kế nên tập hơn vào những trang web đơn giản, dễ nhìn, tập trung hơn vào nội dung muốn truyền tải, bởi đa số người đọc đều không muốn trang web mình ưa thích quá lệ thuộc vào vẻ hào nhoáng bên ngoài.

  1. Hình ảnh truyền thống sẽ được thay thế bằng animation và ảnh GIF

Nếu để ý kĩ bạn sẽ thấy Animation đang ngày được sử dụng nhiều hơn trên các website. Bằng cách này, người đọc sẽ dễ dàng thấy cách sử dụng web hay mở ra những nội dung hấp dẫn được ẩn giấu sau mỗi lần tương tác. Cách này sẽ giúp bạn truyền tải thông tin và nội dung nhanh hơn, hiệu quả hơn so với những bài viết kín đặc chữ.

  1. Tối giản nhất các thanh điều hướng

Thay vì ngồi bên máy tính, người dùng hiện nay đang ưa chuộng truy cập mạng bằng smartphone, do đó bạn cũng nên lưu ý điều chỉnh các thanh điều hướng thân thiện với nhóm người sử dụng điện thoại. Trước đây, đa số thanh điều hướng đều khá phức tạp và quá nhiều thông tin, do đó cách thông minh nhất là đơn giản hóa và chỉ để tối đa 5 mục trên thanh. Điều này sẽ giúp người đọc dễ nhìn hơn qua màn hình điện thoại

  1. Hãy cân nhắc đến những item vẽ tay

Hình ảnh trên nền website sẽ trở nên độc đáo và gây chú ý hơn nếu bạn thêm vào đó các icon, nút hay hình họa. Bạn sẽ khiến người đọc cảm thấy được thoải mái hơn đồng thời các nội dung cũng sẽ trở nên dễ ghi nhớ hơn.

Facebook tiếp tục ra mắt tính năng mới – Live Audio

Với Live Audio, Facebook từng bước đưa cuộc sống thật vào thế giới ảo!

Từng gây ấn tượng với dịch vụ Live Video, Facebook tiếp tục cho ra mắt một tính năng mới dành cho người dùng trang mạngxã hội này – Live Audio. Đây là một tính năng mới có sẵn trên ứng dụng Facebook dành cho Android và iOS, cho phép các đài truyền hình và nhà xuất bản tiến hành streaming nội dung trên trang mạng xã hội này chỉ với âm thanh mà không bao gồm hình ảnh như Live Video. Với Live Audio, người dùng Facebook có thể truyền trực tiếp những âm thanh đến từ những khu vực thiếu kết nối mạng mạnh mẽ, hoặc cũng có thể phục vụ các mục đích phát sóng những câu chuyện hay bản nhạc mà không cần đến video.

Sử dụng đơn giản, tiện lợi

Việc sử dụng Live Audio diễn ra một cách đơn giản và không cần người dùng phải thực hiện quá nhiều thao tác. Tính năng Live Auido mới cho phép người nghe có thể khám phá các nội dung streaming audio trong News Feed, nhưng họ cũng có thể đặt câu hỏi trong khi nghe một nội dung phát sóng, hoặc thậm chí gửi các phản ứng theo thời gian thực và chia sẻ nó với bạn bè.

Tính năng mới của trang mạng xã hội.

Trong thông báo của mình, Facebook cho biết: “Chúng ta biết rằng mọi người thường thích nghe âm thanh trong khi làm những việc khác. Những người sử dụng thiết bị Android có thể tiếp tục nghe một âm thanh phát sóng trực tiếp ngay cả khi họ

rời khỏi ứng dụng Facebook hoặc khóa điện thoại, trong khi các thính giả iOS cũng có thể tiếp tục lắng nghe khi duyệt qua các nội dung khác trên Facebook”. Facebook cho biết Live Audio sẽ được thử nghiệm trong một vài tuần tới với nhiều đối tác khác nhau, trong đó có BBC Brasil, LBC, Harper Collins, cũng như các tác giả như Adam Grant và Brit Bennet. Điều đó có nghĩa rằng tính năng mới sẽ đến với một lượng giới hạn người tiêu dùng, nhưng sẽ không quá bất ngờ khi Facebook sớm triển khai tính năng mới đến đông đảo người dùng cũng như mở rộng thêm các đối tác xuất bản nội dung.

Tính năng mới này được Facebook đưa ra chỉ sau khi công ty bổ sung vào Facebook Messenger một công cụ mới với các hiệu ứng cho camera cũng như thêm chức năng chat video theo nhóm. Hiện tại Facebook giới hạn cuộc gọi video nhóm là 6 người. Trong khi cuộc gọi nhóm hỗ trợ đến 50 người nhưng hình ảnh sẽ không hiển thị nữa sau khi số lượng video đạt đến giới hạn của nó. Do đó, nếu muốn mở rộng số video trong cuộc gọi nhóm người dùng phải nhờ đến một ứng dụng của bên thứ ba như Skype.