Designing User Interfaces for Web Applications Using Popular Design Patterns for Rich Interactions

Designing the user interface in web applications using the popular design patterns

Praca podejmuje temat wzorców projektowych w tworzeniu graficznych interfejsów użytkownika w aplikacjach webowych. Omówiono technologie, które otworzyły nowe możliwości na tym polu, wyjaśnio genezę terminu "wzorzec" w kontekście web designu. Wzorce, podzielone na sześć głównych zasad (Bezpośredniość, Prostota, Zachowanie kontekstu, Zaproszenie, Użycie przejść, Natychmiastowa reakcja), zostały omówione na przykładzie aplikacji "Owlet" - aplikacji zaimplementwanej w języku Python, służącej do katalogowania książek i filmów z możliwością współdzielenia powstałego katalogu. Opis każdego z dziewiętnastu użytych w "Owlet" wzorców wyjaśnia jego działanie na przykładzie z aplikacji, omawia domenę problemów, które wzorzec rozwiązuje oraz w niektórych przypadkach zwraca uwagę na anty-wzorce.

The document covers design patterns for rich interactions in web applications. It discusses the technologies that opened the door for interaction design in the Internet and the origins of the term "pattern" on the field of web design. Patterns, divided into six main principles (Make It Direct, Keep It Lightweight, Stay on the Page, Provide an Invitation, Use Transitions, React Immediately), are presented using "Owlet" - an application for cataloguing books and films implemented in Python. Each of nineteen used patterns is shown using an example from "Owlet". The pattern problem domain and possible anti-patterns are also discussed.