2010-03-23 28 views
14

Tôi cần trợ giúp giải thích cho sếp của tôi tại sao thiết kế của cô ấy kém trên trang web của khách hàng. Cô ấy không có kiến ​​thức về web, và nó có thể là khó khăn như một nhà phát triển web làm việc với một người phụ nữ là một nhà thiết kế đồ họa (thậm chí không phải là một nhà thiết kế web thực sự). Trên trang web hiện tại, cô đã thiết kế, thanh hình ảnh "cần" phải là ~ 1200px theo cô, mặc dù không cần thiết với nội dung. Một phác thảo nhanh chóng để minh họa những gì đang xảy ra:Giải thích sự cần thiết phải tránh di chuyển ngang

Như bạn thấy, các biểu ngữ tràn ra quá khứ 960px của nội dung và rộng như 1200px. Điều này tạo ra một cuộn ngang khi tất cả nội dung có thể xem được trong khung nhìn rộng 960px. Tôi cần phải thực hiện điều này là < img> chứ không phải nền CSS vì đó là trình chiếu jQuery mờ dần từ hình ảnh sang hình ảnh.

Tôi nghĩ rằng đây là một vấn đề lớn bởi vì nhiều người sẽ nhận được thanh cuộn ngang được áp dụng trong trình duyệt của họ khi họ vẫn có thể xem tất cả nội dung có liên quan. Cô ấy nghĩ không ai sẽ chú ý và nó sẽ ổn thôi; Tôi nghĩ rằng đó là thực hành rất xấu và gây nhầm lẫn cho người dùng cuối.

Làm cách nào để giải thích sự cố cho cô ấy?

+0

Điều này không trả lời câu hỏi, nhưng có thể đáng để làm việc với "chiều rộng tối đa" thay vì chiều rộng. Bằng cách đó bạn có thể làm hài lòng sếp của bạn và phần còn lại của thế giới nếu bạn may mắn. Việc thay đổi hình nền có thể được thực hiện thông qua JQuery, vì vậy hiệu ứng của bạn vẫn có thể thực hiện được.:) – Amadiere

+0

Tôi biết bạn có thể thay đổi hình nền nhưng không thể mờ dần từ hình nền sang hình nền một cách dễ dàng. –

+0

Bạn có thể sử dụng .fadeIn()/.fadeOut()/.fadeTo() trong jQuery. Tôi sẽ nói phai sang màu đồng nhất như màu trắng, sau đó đến hình ảnh tiếp theo, sau đó là màu trắng, sau đó đến hình ảnh tiếp theo, v.v. –

Trả lời

18

Hỏi xem liệu cô ấy có muốn mở một cuốn sách nhỏ để chỉ thấy một trong các nếp gấp không cần thiết vì nó chỉ có một số hình ảnh tiêu đề tràn vào nó (nhưng không có nội dung).

XXXXXXX|XXXXXXX 
XIMAGEX|XIMAGEX 
XXXXXXX|XXXXXXX 
     | 
Some | (but 
content| this 
here | is 
     | blank) 
+2

+1 - ý tưởng hay ... – DVK

+0

@DVK cảm ơn! :) –

1

Hai điểm tôi sẽ thực hiện:

  1. NO website lớn sử dụng cuộn ngang. Không một. Điều này có nghĩa, bất kể những gì cô cho là thiết kế "tốt", 100% người dùng sẽ bị nhầm lẫn và có thể sẽ không bao giờ thấy nội dung ở bên phải màn hình.
  2. Cuộn ngang là bản in tương đương với kiểu trang gấp hoặc kiểu trang "centerfold". Bạn sẽ làm cho mọi trang trong một tạp chí như thế này?
+0

Vấn đề lớn nhất không nhất thiết là họ cần phải cuộn để xem nội dung, mà nó không phải là nội dung. Biểu ngữ chỉ có một khuôn mặt bên phải của menu phụ, do đó, hoàn toàn không cần thiết để cuộn qua để xem phần bên phải của someones phải đối mặt mà họ không quan tâm về anyway. –

+0

Trong trường hợp đó, hãy chỉ cho cô ấy biết rằng cô ấy đang lãng phí không gian dọc bằng cách buộc thanh cuộn ngang không cần thiết ở dưới cùng. –

+0

Đã thử nó ... Cô ấy không nghĩ đó là vấn đề gì cả và tôi chỉ là một kỹ sư hậu môn (đây là cùng một người phụ nữ tức giận khi tôi nói cô ấy làm tất cả các hình ảnh văn bản để phông chữ có thể là Futura hoàn toàn vô lý). –

15

Đưa cô ấy đến Nielsen - trên các chuyên gia khả năng sử dụng web nổi tiếng và hàng đầu nhất.

"ngang cuộn" là lỗi # 3 trong "Top Ten Web-Design Mistakes of 2002" Điều

Ngoài ra, chỉ ra (không chắc chắn nếu Nielsen thực hiện) mà đại đa số những con chuột không có ngang bánh xe cuộn (đó là một điểm được đưa ra trong ý kiến ​​của một bài viết thảo luận về bài viết của Nielsen).

Ngoài ra, hãy làm điều UI thông thường - KIỂM TRA!

Chọn 5 người ngẫu nhiên phù hợp với hồ sơ người dùng mong muốn.Yêu cầu họ sử dụng bản mock-up có và không có cảnh báo và quan sát mà người ta dễ dàng hơn/nhanh hơn (và yêu cầu, mà còn obseve mà không hỏi)

+0

Không có bánh xe cuộn ngang? hoặc có bánh xe cuộn VERTICAL? –

+1

Oupsie :) Đã sửa lỗi – DVK

+1

2002? Trong khi tôi yêu thích những loại nghiên cứu này, năm 2002 vẫn tồn tại lâu đời về mặt internet. Chắc chắn họ có một phiên bản mới hơn? –

0

Hãy thử hai điểm này để thuyết phục cô:

  • Hiện cô một số dữ liệu về hầu hết các độ phân giải của trình duyệt đã sử dụng (vẫn còn 20% người dùng internet có độ phân giải màn hình 1024x768)

  • Có một số phần của trang web không hiển thị khi trang được tải không "thân thiện với người dùng" (người dùng có thể bỏ sót một số thông tin quan trọng)

+0

Phần đang giết tôi là không có thông tin nào bị cắt bỏ ... Tất cả nội dung thực tế vẫn hiển thị và trong giới hạn 960px, nó chỉ là một hình ảnh ngu ngốc tràn ra khỏi trang. –

+1

Tôi có màn hình rộng với chiều rộng 1600px, nhưng cửa sổ nội dung trình duyệt thường có kích thước khoảng 800x600. (Tôi có thể, và thường làm, phù hợp với bốn cửa sổ --- trình soạn thảo văn bản, trình duyệt, trò chuyện, thiết bị đầu cuối, trình đọc nguồn cấp dữ liệu, email, thư mục, ...--- ở độ phân giải đó và vẫn là tất cả.) cân bằng độ phân giải màn hình với độ phân giải trang. –

+1

@rogerpate Tôi đồng ý với bạn 100%. Cô ấy "tích cực" về 2 điều. Hầu hết người dùng của chúng tôi sẽ có màn hình màn ảnh rộng như chúng tôi (mặc dù tôi đã cho thấy bằng chứng trái ngược của cô ấy). Thứ hai, không có người dùng trung bình nào sẽ nhận thấy một thanh cuộn ngang, vì vậy thực tế là nó cuộn để tiết lộ không có nội dung nào không phải là vấn đề ... Tôi rõ ràng đang thua trận này - Nếu bạn tham gia vào một cuộc tranh cãi với kẻ ngốc, bạn đã bị mất. –

1

Mọi người đọc từ trái sang phải, từ trên xuống dưới (hoặc từ phải sang trái ở một số quốc gia). Bởi vì điều này họ có thể đọc nhiều nội dung hơn trước khi họ cần phải bắt đầu cuộn vì họ chỉ phải cuộn theo chiều dọc.

Nếu bạn giới thiệu cuộn ngang thì người dùng phải có khả năng cuộn ở cuối mỗi dòng thay vì ở cuối mỗi trang.

1

Hầu như mọi người đều có con chuột bánh xe ngay bây giờ, nhưng chỉ có rất ít người có chuột bánh xe di chuyển. Và thậm chí ít người thậm chí còn biết bánh xe có thể cuộn bên!

Hãy để cô ấy nhai trên đó.

+0

Tôi không nghĩ rằng bánh xe cuộn chuột rất nhai, mặc dù con tôi không đồng ý khi chúng còn nhỏ hơn – DVK

0

Bạn nên đưa ra các ví dụ của cô ấy và cho cô ấy xem cô ấy đang cố gắng làm gì. Bạn có thực sự muốn cuộn theo chiều ngang để xem thông tin ở phía bên kia của trang hay không.

http://www.badwebsiteideas.com/horizontal.htm

+0

Có vẻ như một câu trả lời hay, nhưng liên kết bị tắt ... :( –

0

toàn bộ biểu ngữ và tất cả những hình ảnh thành phần bên trong nó có thể được thu nhỏ lại là hẹp? (thừa nhận rằng nó cũng ngắn hơn, có thể khó đọc hơn). Sau đó, nếu khuôn mặt bên phải là thực sự quan trọng nó woudl vẫn còn có thể nhìn thấy ... Cuộn ngang chỉ thực sự thực sự xấu. Nhưng tôi đoán bạn (và mọi người khác) đã biết điều đó :)

+0

Tôi có thể giảm kích thước xuống, nhưng chúng ta cần khuôn mặt được đẩy xa đủ đến mức menu con nổi trong đó có màu trắng trơn và không bị che khuất bởi khuôn mặt –

+0

Khu vực nội dung chính có thể hẹp hơn để chứa nó không? Nhưng sau đó một lần nữa, bây giờ bạn đang nói về việc giảm tỷ lệ Bạn đang bơi ngược dòng nước ở đây, tôi cảm thấy nỗi đau của bạn :) – odavy

3

Hmm. Có vẻ như các bạn cần một nhà phân tích yêu cầu để bước vào giữa ở đây. Quyết định về một đặc điểm kỹ thuật broswer & độ phân giải mà bạn sẽ phù hợp với là một điều công bằng để yêu cầu, tôi nghĩ. Chỉ cần giả định rằng người dùng 'nhiều nhất' sẽ có màn hình rộng là không đủ cho hầu hết các ứng dụng. Có vẻ như cô ấy sẽ rất khó giải thích tại sao cô ấy không thể thiết kế lại biểu ngữ của mình để nhỏ hơn & phù hợp với kích thước mong muốn.

Tôi nghĩ rằng người dùng sẽ hoàn toàn nhận thấy thanh cuộn ngang và bị làm phiền bởi nó. Bởi vì nó không phải là một cái gì đó hầu hết người dùng được sử dụng để nhìn thấy (không thể nghĩ ra bất kỳ trang web lớn có một), họ sẽ có (có hiệu lực) học một cái gì đó mới để sử dụng trang web của bạn, đó là không tốt. Họ sẽ có thể xem một trang web và có thể sử dụng nó ngay lập tức, không dành một vài giây để biết rằng thanh cuộn không hiển thị cho bạn bất kỳ nội dung mới nào, chỉ là đồ họa bổ sung từ tiêu đề - vài giây nơi bạn mất người.

Tôi tự hỏi, nếu có bất kỳ hướng dẫn nào trong phần 508 về thanh cuộn ngang. Điều đó có thể không quan trọng đối với các bạn, nhưng tôi đang phát triển các trang web của chính phủ, vì vậy 508 là một vấn đề lớn đối với chúng tôi hàng ngày. Nếu bạn có người dùng chỉ bằng bàn phím hoặc trình đọc màn hình, thanh cuộn đó không chỉ gây phiền nhiễu.

Các vấn đề liên quan