Interfejs użytkownika - Inline Help Overlay

Question

Mam klienta szukającego wbudowanego systemu pomocy podobnego do typu Facebook i Google, aby podkreślić zmiany interfejsu.

Oto przykład z wzorców UI: http://ui-patterns.com/users/1/collections/38/entry/5759

Przed rozbić I niestandardowe rozwiązania, naprawdę trzeba dowiedzieć się, czy są jakieś istniejące biblioteki lub usługi za dostarczenie tego. Próbowałem kilku różnych kombinacji słów kluczowych w Stack Overflow i Google (między innymi).

Zasadniczo klient chce wybrać element interfejsu i zapewnić dodatkową pomoc, którą użytkownik może wyświetlić, np. Wybierając ikonę pomocy obok elementu.

Czy ktoś wie o istniejącej usłudze lub bibliotece z wtyczką?

Answer 1

Używam ClueTip, bardzo podobnego i działa na zwykłej semantyki HTML. Strona dokumentacji nie jest zbyt inspirująca, ale z pewnością nie ogranicza korzystania z wtyczki.

To, co jest naprawdę fajne, to to, że gra z motywami themeroller jQuery UI.

ClueTip - http://plugins.learningjquery.com/cluetip/

Demo strona tutaj - http://plugins.learningjquery.com/cluetip/demo/

Answer 2

Używam SimpleTip. Jest oparty na JQuery i pozwala na wyświetlanie dowolnych HTML w nakładce (chociaż dema na stronie internetowej dev nie wyświetlają obrazów ani fantazyjnego formatowania), a kod jest na tyle prosty, że można go dostosować, jeśli trzeba wprowadzić zmiany.

Answer 3

To jest trochę wtyczką ale Utworzyłem Overlay101 że przynosi się inline pomocy nakładki, które mogą być zarządzane przez nie programistów. Myślę, że to znacznie łatwiejsze niż utrzymanie rozszerzenia jquery.

Można wyróżnić elementy w oparciu o selektory id lub css. Po dodaniu javascriptu do strony, możesz go w zasadzie przekazać komuś, kto napisze tekst pomocy.