Có chuyện gì với mốt thiết kế trang web một trang?


10

Tôi đã thấy một loạt các trang web đặt tất cả nội dung của họ trên một trang, ala trang web này . Ngay cả các trang web trong một số danh sách tôi thấy trong Tạp chí Smashing cũng làm điều này ( như trang này, với hàng trăm trang web, phần lớn trong số đó sử dụng nó).

Là một lập trình viên, phong cách này làm tôi khó chịu (vì nhiều lý do, chủ yếu là kỹ thuật, không phải là ít nhất bao gồm bảo trì, SEO, thời gian tải, v.v.), nhưng quan trọng hơn, tôi tò mò về lý do tại sao nó trở nên phổ biến Nhà thiết kế bắt đầu với?


2
Ồ Tôi chưa thấy điều đó - nhưng tôi thực sự sẽ ghét nó.
Farray

Hiệu ứng trong liên kết đầu tiên đó được gọi là parralax . Một vài trang web đã làm điều đó một cách sành điệu (ví dụ như Nike Better World nổi tiếng nhất ), chắc chắn sẽ dẫn đến một nhóm người nói rằng "TÔI MUỐN MỘT TRONG NHỮNG" mà không nghĩ liệu nó có phù hợp trong trường hợp của họ không. Khi có một trường hợp hợp pháp cho một thứ tự đọc từ trên xuống cố định cho nhiều nội dung trên một loạt các chủ đề và khi có các công cụ hỗ trợ điều hướng liên kết nhảy tốt, nó có thể hoạt động.
user56reinstatemonica8

Câu trả lời:


9

Có hai xu hướng riêng biệt liên quan.

Đầu tiên là xu hướng có một trang web đơn giản. Nếu đó là một trang tài liệu, thì có thể nó không cần bốn trang riêng biệt. Một trang cuộn dễ sử dụng, điều hướng và bảo trì hơn. Rất nhiều trang web ứng dụng iPhone sử dụng mô hình này. Cũng như rất nhiều doanh nghiệp nhỏ. Rất nhiều trang web có thể được hưởng lợi từ điều này.

Xu hướng khác là các nhà phát triển Flash cuối cùng đã khám phá ra HTML, jQuery và AJAX và vẫn đang suy nghĩ bên trong mô hình Flash cũ của 'một tệp = một trang web'. Điều này khác với xu hướng đầu tiên ở chỗ đây là một trang web lớn với nhiều nội dung được nén vào một trang dữ liệu / tương tác. Như bạn nêu, phương pháp này có tất cả các loại nhược điểm, mặc dù chúng có thể vượt qua với mã đúng (đảm bảo URL thay đổi / có thể đánh dấu, Google có thể điều hướng nội dung, thời gian tải được quản lý thông qua AJAX, v.v.).


3

Tôi nghĩ rằng một trong những ý tưởng tốt nhất đằng sau một trang web là có nhiều khía cạnh tường thuật hơn về nó. Ví dụ tốt nhất tôi có thể nghĩ đến là trang này : Một trang web đính hôn / lời mời đám cưới. Đây là một trang web đáng kinh ngạc, và nó hoạt động vì rất nhiều lý do, một là mọi thứ đều rất hợp nhau. Nó sẽ không có tác động tương tự trải rộng trên một tập hợp các trang.

Bản demo này ban đầu được thực hiện để thể hiện IE9 là tất cả về cách kể chuyện . Gần giống như một cuốn sách ảnh, nhưng với cuộn thay vì lật trang. Và bởi vì nó thực sự liền mạch và mát mẻ. Không thực sự thiết thực để tạo một trang web kinh doanh, nhưng nó làm nổi bật một lý do tại sao sự rung cảm một trang là hữu ích.

Nó cũng hoạt động với các trang nhỏ hơn không có nhiều nội dung . Khi tôi kết hôn, tôi có tất cả thông tin của chúng tôi trên một trang web vì không có đủ nội dung để đảm bảo đi từ trang này sang trang khác. Việc xây dựng và duy trì một trang web dễ dàng hơn và thời gian tải không thực sự đáng lo ngại.

Khi nói đến kinh doanh, tôi nghĩ đó là một trường hợp khó khăn hơn. Tôi nghĩ một ví dụ đáng nhớ là khi Google ra mắt điện thoại Nexus - họ đã làm điều đó trên một trang web. Vì họ đã ra mắt máy tính bảng của họ và thông báo Q của họ không còn như vậy nữa nên tôi không thể liên kết, nhưng thật tuyệt khi thấy mọi thứ ở một nơi. Bạn giảm số lần nhấp và tạo trải nghiệm nhập vai hơn .

Tôi nghĩ rằng bạn sẽ thấy nhiều ví dụ về những người làm việc đó chỉ để uốn cơ bắp mã hóa của họ hoặc cố gắng tận dụng xu hướng. Nhưng điều đó xảy ra mọi lúc trong thế giới thiết kế. Giữ nó trên bàn khi bạn xem xét mục đích trang web của bạn và sử dụng nó khi thích hợp!


2

Có một mặt trái của điều này (chỉ có một điều tôi có thể nghĩ ra!), Đó là nếu bạn muốn tìm kiếm bằng Ctrl+ F, tất cả nội dung nằm trên một trang để bạn có thể tìm kiếm toàn bộ trang web cùng một lúc (giả sử nội dung có thể tìm kiếm được) .

Tôi nghĩ rằng nó một phần xuất phát từ khái niệm "Đừng khiến người dùng yêu cầu thêm nội dung - chỉ cần cung cấp cho họ". Giống như Google, Twitter, v.v ... tự động cho nhiều kết quả hơn khi bạn cuộn xuống.

Thật đáng để xem cuộc nói chuyện trên GoogleTech của Aza Raskin từ năm 2008, "Đừng bắt tôi phải bấm" .

Toàn bộ cuộc nói chuyện rất thú vị, nhưng bit liên quan ở đây bắt đầu từ 29 phút. Tại đây, anh ta đã hack Firefox để bạn có được tất cả các tab trình duyệt của mình trên một trang cuộn dọc liên tục.

Tôi tự hỏi nếu đây là tiền thân cho những gì bạn đang thấy bây giờ.


1

Hai từ: Trải nghiệm người dùng.

Các trang web danh mục đầu tư cơ bản không nên yêu cầu người dùng nhấp vào một vài trang để xem những gì họ cung cấp nếu nội dung đơn giản và dễ hiểu.

Hay cụ thể hơn, lời kêu gọi hành động là số ít. Khi mục tiêu của trang là: "thuê tôi", trang web có thể phản tác dụng khi sơ đồ trang web phức tạp không cần thiết.

EDIT: một số ví dụ dưới đây ...

http://joelglovier.com/

http://pixelightcreative.com/

http://www.tinybigstudio.com/

http://www.charleselena.com /

http://joshhemsley.com/

http://www.digitallabs.tv/


2
Tôi sẽ đồng ý nhiều hơn với điều này nếu tất cả chúng có thể cuộn xuống, nhưng đó không phải là chức năng chung hay mục đích của chúng. Một số cuộn sang một bên, và nhiều người không cho thấy bằng chứng về việc có thể cuộn được và trên thực tế, được thiết kế trông giống như nhiều trang, ném lý thuyết của bạn ra khỏi cửa sổ.
Shauna

Shauna, trong khi tôi quen thuộc với các trang web cuộn theo chiều ngang, tôi không quen thuộc với các trang web khác mà bạn đang đề cập. Tuy nhiên tôi có thể chỉ cho bạn một nửa tá những người tôi đang nói về đỉnh đầu của tôi. (xem các chỉnh sửa ở trên)
Joel Glovier

1

Từ quan điểm SEO, thiết kế trang web một trang là một mốt.

Đó là một cái gì đó có thể sẽ làm hỏng hiệu suất SEO của bạn, đặc biệt là khi bạn làm việc trong một nền tảng kinh doanh cạnh tranh cao. Tôi biết các nhà thiết kế đồ họa hiếm khi cân nhắc điều này và mặt khác, khách hàng không có đủ kiến ​​thức về SEO, nhưng nếu bạn hỏi bất kỳ chuyên gia SEO nào, họ sẽ nói như vậy.

Mẹo của tôi? Yêu cầu chuyên gia SEO của bạn thực hiện một nghiên cứu từ khóa và cung cấp cho bạn một phác thảo về cấu trúc trang web của bạn.

Bạn có thể đọc thêm trên Search Engine Land, những người này biết rất rõ về SEO;) https://searchengineland.com/single-page-websites-seo-182506


0

Có vẻ như đó là một nỗ lực để có được mọi thứ "trên màn hình đầu tiên" - khu vực quý giá, nơi người xem có sự chú ý ngắn trung bình ở lại. Các nghiên cứu khả năng sử dụng khác nhau đã chỉ ra điều này vì vậy mọi người cố gắng đặt những thứ "quan trọng" ở đó. Có vẻ như nhà thiết kế này cảm thấy như "mọi thứ đều quan trọng".


Điều gây trở ngại cho tôi là số lượng trang web tôi đã thấy làm điều này. Đây là một trong những danh sách của Tạp chí Smashing mà tôi đã đề cập, tôi đã từ bỏ khoảng một phần ba đường xuống vì tất cả đều như vậy: smashingmagazine.com/2011/04/19/ Khăn
Shauna

0

Tôi không nghĩ nó là bất cứ điều gì nhiều hơn ai đó sử dụng thủ thuật bắt mắt mới nhất để khiến mọi người đọc một trang web.

Lấy ví dụ, trang Nike trong bài viết được liên kết của @ Shauna. Thành thật mà nói, có nhiều sự đổi mới trong thiết kế giày chạy bộ và trong quảng cáo của những đôi giày chạy đó? Nội dung đó có thể dễ dàng được đặt trong một tập tài liệu hoặc trong Flash nếu họ muốn thị sai. Thay vào đó, họ có thể thêm hiệu ứng thị sai tiện lợi do kết quả của sơ đồ điều hướng mới mà không phải chịu gánh nặng của Flash.

Tôi thậm chí sẽ đi xa hơn để đoán có một hướng dẫn HTML5 / CSS trên trang web Tạp chí Smashing cho thấy cách thực hiện điều này đã sinh ra các trang web được hiển thị.


Các downvote? Vâng, đó là công bằng. Không phải là một trong những câu trả lời tốt nhất của tôi. Tôi nghĩ rằng tôi đã có một chút đấm khi tôi viết điều đó.
Philip Regan

Nhún vai tôi không có đủ đại diện trên trang này để tải xuống, vì vậy đó không phải là tôi.
Shauna

Tôi đã cho nó một upvote để hủy bỏ nó vì bạn dường như đến từ một nơi tốt;)
thomasrutter

0

Tôi thực sự nghĩ rằng mục đầu tiên (thanh trôi) mà bạn liên kết có một yếu tố thú vị: nó có vẻ tốt trong chuyển động.

Nó không có ý nghĩa với tôi cho đến khi tôi thực sự nhấp vào một trong các liên kết menu, và bây giờ tôi thấy rằng hình ảnh động là động lực duy nhất cho toàn bộ ý tưởng. Nó giống như hiệu ứng máy ảnh 3 mặt phẳng của trường học cũ như phim hoạt hình Popeye hoặc Disney cũ.

Tôi nghĩ rằng khả năng cuộn trên trang đó là một lỗi hoặc một tính năng mà họ không thể loại bỏ.


0

Một vấn đề là nó có thể phổ biến với khách hàng! Các trang web này quay trở lại thời của flash microsites cho một sản phẩm mới được phát hành, thị sai dường như đang làm công việc này vào lúc này. Đối với một microsite sản phẩm tôi nghĩ rằng họ ổn, đối với một trang web thực sự có nội dung họ chắc chắn không phù hợp. Tôi nghĩ một điều nữa là các nhà thiết kế muốn cho thấy họ cập nhật và 'theo xu hướng', có một trang web trong một kỹ thuật mốt mới phổ biến có thể trông có lợi. Tất cả các bên trên bao gồm internet trong các trang web tương tự.


0

Tôi nghĩ rằng bạn đã trả lời khá nhiều câu hỏi của bạn trong tiêu đề - đó là một mốt nhất thời.

Giống như khi Javascript (và sau đó là AJAX) xuất hiện nhiều năm trước và mọi người đang làm mọi thứ lạ mắt với nó, hỗ trợ tốt hơn cho Jquery và CSS 2/3 và tốc độ kết xuất tốt hơn trong trình duyệt đã thúc đẩy một vòng thử nghiệm hoàn toàn mới với những cách mới về việc đặt ra các trang web có thể không thực tế trong quá khứ do một số trình duyệt cũ hơn.

Nhưng cũng giống như với CSS, Javascript và AJAX, nhà mốt sẽ trưởng thành và êm dịu hơn, và trở nên mài giũa, dễ chịu và hữu ích hơn theo thời gian. Ví dụ đầu tiên của bạn là gây đau đầu đơn giản với việc cuộn rời rạc điên rồ của nó (nếu bạn là, giả sử, khi bắt đầu và bạn nhấn "Thư viện"). Theo ý kiến ​​khiêm tốn của tôi, nó đã đi quá xa, và đó không phải là một trải nghiệm đủ mượt mà để biện minh cho việc chia tay với người bình thường. Điều này không có nghĩa là tất cả các trang web sử dụng các kỹ thuật tương tự sẽ xấu.

Điều quan trọng là các nhà thiết kế thử nghiệm các cách thức mới để làm mọi thứ với các công nghệ mới. Tôi sẽ không cho rằng điều này không bao giờ nên được thử. Nhưng đó là những gì nó là - thử nghiệm.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.