2009-06-04 60 views
6

Để bắt đầu với một số bối cảnh, tôi cảm thấy khó chịu bất cứ khi nào tôi sử dụng máy tính Windows có cài đặt được điều chỉnh để "xuất hiện tốt nhất" trên "hiệu suất tốt nhất" mà tôi theo bản năng tắt tất cả mờ, chuyển đổi, hoạt ảnh, v.v. . Tôi gần như không thể tập trung cho đến khi nó thay đổi.Khi nào là giao diện người dùng kẹo mắt thích hợp trong một ứng dụng web?

Tuy nhiên, khi nói đến ứng dụng web của tôi, tôi sẽ rất thỉnh thoảng ném vào một số "kẹo mắt" - có lẽ một sự chuyển tiếp nhẹ vì quá trình chuyển đổi ngay lập tức dường như mất tập trung hoặc quá đột ngột.

Tôi cảm thấy mình giống như một kẻ đạo đức giả. Tôi không bao giờ chọn giao diện người dùng chậm hơn trên máy tính để bàn và khi tôi thay đổi cài đặt dành cho máy tính cho gia đình, bạn bè và khách hàng, không ai EVER yêu cầu chuyển về cách cũ, chậm hơn.

Vì vậy, tôi có thiên vị hoặc có một số quy tắc hợp pháp của ngón tay cái khi nó thực sự phù hợp không?

Trong tình thế tiến thoái lưỡng nan hiện tại, tôi đang sử dụng một trình chuyển trang Javascript với một mờ dần để hiển thị nội dung của trang tiếp theo trên 0,75 giây vì nếu tôi không làm điều đó, thay đổi sẽ gây ra một nhấp nháy nhỏ (làm sao lãng tôi) , nhưng có lẽ nếu tôi ở trong ghế người dùng, tôi sẽ la hét, "chỉ cho tôi xem trang đã!"

Suy nghĩ? Bất cứ ai đọc bất kỳ cuốn sách tốt về công cụ này?

Chỉnh sửa: Tôi nên đề cập trong ví dụ hiện tại của tôi, trang tiếp theo hầu như luôn sẵn sàng hiển thị ngay lập tức nếu tôi muốn. Tôi tìm nạp trước trang tiếp theo trong khi người dùng đang ở trên trang hiện tại. Đó là một khía cạnh của những gì làm cho một cái gì đó như thế này "kẹo mắt" với tôi. Tôi có thể làm điều đó nhanh hơn với gần như không có sự khác biệt nào đối với người dùng.

Chỉnh sửa lần thứ hai: Cảm ơn tất cả các đề xuất và cân nhắc. Có một số cuốn sách mà tôi mong muốn được đọc. Tôi đã đánh dấu trang web ui-patterns làm câu trả lời vì nó sẽ hữu ích nhất ngay lập tức cho loại sự cố này. Ngoài ra, không ai đề cập đến số số YUI design pattern library, nhưng sau này tôi đã xem xét nó. Đó là một tài nguyên tuyệt vời và thậm chí là địa chỉ this issue. Ngoài ra, tôi chắc chắn có ý định tìm kiếm đầu vào của người dùng khi tôi ở giai đoạn đó cho ví dụ cụ thể này.

Cuối cùng, tôi hiểu rằng lý do ban đầu của tôi về nó không tính đến sự quen thuộc của tôi với cửa sổ so với ứng dụng của tôi. Vì tôi đã quen với máy tính để bàn Windows, bây giờ tôi chỉ muốn hoàn thành công việc. Có lẽ cách quay trở lại khi tôi lần đầu tiên sử dụng xp, những chuyển đổi đó hữu ích trong một hoặc hai ngày. (Tôi không nhớ đó là trường hợp nhưng có thể.) Có lẽ điều tương tự cũng đúng với các chuyển tiếp của tôi trong ứng dụng web của tôi nếu nó được sử dụng thường xuyên đủ. Ngay sau đó tôi (và người dùng của tôi) sẽ mệt mỏi với bất kỳ kẹo mắt nào tôi thêm vào ngay cả khi nó rất ngắn gọn. Tôi sẽ xem và hỏi.

Cảm ơn mọi người!

+0

Biết đối tượng của bạn. Tại công việc của tôi, thỉnh thoảng tôi phải sử dụng một Flex GUI có phần mở rộng mờ dần. Tôi làm việc ở nhà và truy cập vào ứng dụng thông qua VPN + RDP để một thứ như mờ dần mất gần một phút để render. Nó rất đau đớn. –

+0

Trong kinh nghiệm cá nhân của tôi, .2 giây là đủ tốt để giảm nhấp nháy trong khi vẫn đẹp và linh hoạt. –

Trả lời

4

Tôi đã tìm thấy UI Patterns rất hữu ích khi đưa ra quyết định giao diện người dùng.

+0

trang web rất đẹp - tôi chưa bao giờ thấy nó trước đây, nhưng liên kết ngẫu nhiên đầu tiên mà tôi đã nhấp vào (http://ui-patterns.com/pattern/InputFeedback) cung cấp nhiều thông tin và thông tin chi tiết về rất cụ thể, rất nhiệm vụ chung - cảm ơn! –

+0

Một trang web, với tôi, minh họa cho giao diện người dùng chống mẫu lộn xộn. Trớ trêu thay. –

+0

Tôi đã tìm thấy Thư viện mẫu thiết kế YUI (http://developer.yahoo.com/ypatterns/index.php) và đã đề cập trong phần chỉnh sửa thứ hai. Nó tương tự với các mẫu ui với bố cục rõ ràng và nhiều thông tin hơn. –

1

Tôi thực sự thích 'chế độ xem băng thông thấp' mới mà MSDN hỗ trợ. Tôi muốn tưởng tượng rằng đó là một tiêu chuẩn phổ biến hơn trên các trang web.

Bằng cách đó, tôi có thể chọn trải nghiệm người dùng của mình có thể thay đổi vào những thời điểm khác nhau.

+0

Gmail có chế độ html cơ bản. Và dilbert.com có ​​một dilbert.com/fast Tôi nghĩ thật vui khi liên kết "Unix/Linux" trên liên kết dilbert.com với nó. – baudtack

7

Không có câu trả lời dễ dàng The Design of Everyday Things là một nơi tốt để bắt đầu xem xét thiết kế đơn giản. Các trang web như SO có giao diện "sạch" với một chút flash bổ sung (hình tượng không phải loại adobe) có vẻ công bằng nhất.

Chính xác không MSDN là một nơi tốt để bắt đầu ...

Cập nhật - Như đã chỉ ra bởi John trong các ý kiến ​​quan điểm băng thông thấp của MSDN thực sự là khá tốt đẹp. Cuộc gọi tốt John Weldon Tôi chưa bao giờ xem nó trước đây (và có thể sẽ không bao giờ có). Cảm ơn!

+2

Tôi đồng ý về MSDN bình thường, nhưng như một nguồn tài nguyên vô nghĩa, chế độ xem băng thông thấp của họ thực sự thực sự tốt. Bạn đã xem chế độ xem băng thông thấp chưa? –

+0

dựa trên các đánh giá amazon, điều này trông giống như một cuốn sách rất thú vị. tôi mong được đọc nó. cảm ơn! –

+1

+1 Có, vâng, có. Cuốn sách này là một trong những ví dụ tốt nhất về thiết kế thân thiện với con người. Đi và mua nó NGAY BÂY GIỜ! – Matt

1

nhưng có thể nếu tôi ở trên ghế người dùng, Tôi sẽ hét lên ", chỉ hiển thị cho tôi trang đã!"

Tôi nghĩ cách dễ nhất để tìm hiểu xem quá trình chuyển đổi của bạn có hữu ích hay không là hỏi người dùng của bạn. Tương tự cho bất kỳ kỹ thuật giao diện người dùng nào bạn muốn sử dụng để cải thiện trải nghiệm.

Tôi nghĩ Quy tắc ngón tay cái sẽ khó khăn như các ứng dụng khác nhau (dựa trên web hay không) có khán giả khác nhau, kỳ vọng sử dụng khác nhau, vv

1

Animations cũng giúp hút sự chú ý của người dùng đến một phần của màn hình . Được sử dụng cẩn thận, chúng có thể làm cho hệ thống dễ sử dụng hơn nhiều. Một số các eyecandy trong cửa sổ chỉ tồn tại để làm chậm những thứ xuống và buộc người dùng phải chờ đợi. Vấn đề lớn nhất của tôi với các menu cuộn trong cửa sổ là tôi đã biết những gì tôi đang tìm kiếm và nơi để tìm nó. Menu chỉ thêm thời gian trễ. Điều đó có thể không đúng trong ứng dụng web của bạn vì người dùng đang khám phá hệ thống của bạn.

Nếu hệ thống hấp dẫn và được trình bày tốt, nó giúp người dùng có tâm trạng tốt hơn và làm cho họ tự tin hơn rằng họ có thể giải quyết vấn đề. Khi một vấn đề trình bày chính nó "làm thế nào để tôi làm xyz" họ tìm thấy vấn đề dễ dàng hơn để giải quyết. Đặt thời gian và công sức vào việc tạo giao diện người dùng tốt đẹp sẽ trả hết cả thông qua trải nghiệm người dùng tốt hơn và cũng là hình ảnh tiếp thị tốt hơn. Nó cũng làm cho bạn tự hào làm việc trên hệ thống, đó là rất quan trọng để có một sản phẩm tuyệt vời. Dấu hiệu của một sản phẩm tuyệt vời là sản phẩm mà chính nhà phát triển sử dụng thường xuyên.

0

Tôi thích hiệu ứng ứng dụng web và kẹo mắt. Chỉ cần không làm cho nó "overkill" :)

0

Về cơ bản, nếu ứng dụng web của bạn là một trong những loại và bạn không tin rằng bạn sẽ có nhiều cạnh tranh, thì kẹo mắt hoàn toàn không cần thiết, như mọi người sẽ sử dụng dịch vụ của bạn bất kể (vì đó là dịch vụ duy nhất). Tuy nhiên, nếu bạn có nhiều cạnh tranh để giải quyết, một thiết kế đẹp và hình ảnh động đẹp chắc chắn sẽ thu hút nhiều người dùng hơn, bởi vì bạn cần một cái gì đó để gây ấn tượng với họ.

Nói chung, miễn là nó không làm tổn hại đến khả năng sử dụng, hãy thực hiện nó. :)

+0

Nếu thị trường của bạn là một trong những loại, bạn có thể vẫn cần phải thuyết phục người dùng rằng họ cần sản phẩm của bạn cả. Bạn cũng cần phải thuyết phục họ rằng bạn có thể cung cấp dịch vụ mà bạn yêu cầu một cách đáng tin cậy. –

+0

Vâng, đó là sự thật, nhưng bạn không cần nhiều kẹo mắt cho điều đó cả. Miễn là ứng dụng của bạn không giống như tổng số crap, bạn ổn. Nhưng nếu bạn đang cạnh tranh với một số cầu thủ lớn, bạn cần một cái gì đó để thu hút sự chú ý của mọi người. Đó là cách sliderocket.com trở nên phổ biến. –

+0

Trừ Google không có bất kỳ kẹo mắt (trên các tìm kiếm) và được chiến thắng bởi dặm. Tôi đã sử dụng công cụ tìm kiếm có hoạt ảnh. Tôi thấy chúng chậm và đáng ghét. Giữ nó trong tâm trí. –

0

Tùy thuộc vào những gì bạn đang cố gắng đạt được với trang web. Chúng tôi đã thực hiện một vài trang web cho các thương hiệu yêu cầu có kẹo mắt, có thể là do chi phí hiệu suất.

1

Thực sự chỉ có một quy tắc thực sự ... những người duy nhất biết câu trả lời là người dùng tiềm năng của bạn. Như vậy, bạn cần phải tắt và nhận thông tin đó từ những người dùng tiềm năng để bạn có thể được thông báo càng tốt về kỳ vọng của họ trên trang web của bạn.

Nếu đó là sản phẩm đã được phát triển, bạn luôn có thể nhận được một số người dùng và kiểm tra nội dung.

Ngoài ra, điều quan trọng cần lưu ý: Mặc dù chúng tôi giả vờ rằng các ứng dụng web cũng giống như các ứng dụng ... không, ít nhất là khái niệm trong bộ não của chúng ta. Mọi người hy vọng rằng các ứng dụng và ứng dụng web hoạt động khác nhau với nhau, ngay cả khi đó là sự khác biệt về phút. Sử dụng ví dụ về phân trang của bạn. Rất có thể, nếu bạn đã viết một ứng dụng đầy đủ với phân trang, bạn có thể mong đợi một quá trình chuyển đổi rất nhanh. Tuy nhiên, vì đó là một trang web có thứ gì đó gắn cờ trong não của bạn.

EDIT: Nếu bạn muốn đọc một số sách về thiết kế tương tác, bạn có thể dùng thử Alan Coopers Giới thiệu về khuôn mặt 2.0, Tác vụ định vị của Lucy Suchman hoặc tìm kiếm những thứ như usability.gov.

0

Giao diện người dùng kẹo mắt là rất quan trọng. Nhưng không bao giờ nên tận dụng trải nghiệm người dùng tốt. Đó là một ý kiến ​​(mà đang dần dần thay đổi) mà có kẹo mắt sẽ cung cấp cho một trải nghiệm người dùng tốt.

Kinh nghiệm sử dụng nên được thiết kế đầu tiên, sau đó thêm long lanh, nhất luôn nhớ rằng trong thiết kế 'ít hơn'

1

Sau khi kiểm tra ra một số trong những cuốn sách khác được đề cập ở đây trên amazon, tôi cũng đã xem qua "Don't Make Me Think". Trong khi tôi chưa đọc cuốn sách, tôi đã đọc nhiều bài đánh giá và trích đoạn và nó rất đẹp, vì vậy tôi sẽ thêm nó vào danh sách.

+0

Cuốn sách này, ngoài "thiết kế của những thứ hàng ngày" có niềm tự hào của cả hai nơi trên kệ sách của tôi và trong phòng tắm của tôi :) Tôi rất khuyên bạn nên đọc nó nếu bạn đang tìm kiếm một giới thiệu vô nghĩa để khả năng sử dụng web. – Matt

2

Bạn có phải giới thiệu sản phẩm của mình cho ai đó để bán không? Hay nó là một trang độc lập. Nếu bạn đang giới thiệu một sản phẩm để bán, kẹo mắt có thể giúp mọi người nhớ những gì bạn đang bán, tôi nghĩ vậy.

Tìm kiếm bóng bẩy có thể khiến mọi người nghĩ rằng sản phẩm của bạn chuyên nghiệp hơn.

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