Skocz do linków, Skocz do treści

Dwie niezbędne (!) książki o wzorcach projektowych

25 września 2009 16:18. Autor: Robert Drózd. Komentarze (5) »

Projektowanie to w 90% kopiowanie, w 10% tworzenie nowego. Kopiowanie nie oznacza plagiatowania, a po prostu korzystanie z tych dobrych wzorów, które wypracowali inni.

Pytanie jednak, na czym się będziemy wzorować i czy wzorujemy się dobrze. Bardzo często spotykam się z takim podejściem: mają tak w Merlinie, Agito, czy Amazonie ? zróbmy i my. Brakuje tu refleksji, czy takie popularne rozwiązanie akurat pasuje w naszej sytuacji.

Różne publikacje i serwisy internetowe starają się takie wzorce zebrać, kilka dobrych adresów podał niedawno Bartek Dymecki.

Ja jednak opiszę dwie książki ze wzorcami. Jest ich więcej, ale te są najlepsze. Dlaczego książki? Projektowanie zaczyna się od koncepcji i kartki papieru. Odejście od komputera i zajrzenie do książki daje niezbędny dystans, aby kopiować – ale z głową.

The Design of Sites: Patterns for Creating Winning Web Sites

Okładka Design of Sites

Od paru lat, gdy zaczynam projektować jakiś serwis, sięgam do tej książki. Niemal zawsze trafiam na pomysł, który mogę wykorzystać.

„The Design of Sites” to praca trzech autorów, która budzi respekt swoimi rozmiarami: 1024 strony!

Książka jest dosyć stara. Pierwsze wydanie wyszło w 2003, drugie pod koniec 2006. Jednak nie o aktualność zrzutów ekranowych chodzi. Wzorce i sposoby myślenia są na tyle uniwersalne, że da się je zastosować i w 2010. A ? co ciekawe ? przy każdym wzorcu jest jego odręczna ilustracja, tak aby pokazać koncepcję, a nie tylko obrazki, które zwykle dezaktualizują się już w momencie wydania.

Kilkadziesiąt wzorców przedstawionych zostało jako rozwiązania dla różnych problemów projektowych.

  • Najpierw mamy zdefiniowanie problemu.
  • Następnie różne warianty problemu z jego analizą. Książka nastawia się na uczenie myślenia. Projektujemy w taki sposób nie dlatego, że musimy to zrobić, tylko bo chcemy osiągnąć określony efekt.
  • Potem rozwiązanie ilustrowane, jak wspomniałem, ręcznie
  • Na końcu listę innych wzorców, które trzeba rozważyć przy danym problemie.

Na stronie książki można przeglądać wszystkie wzorce wraz z krótkimi opisami. Na przykład sposoby szybkiego wyboru opcji zamówienia. (Tak, to jest aż tak szczegółowe). Oczywiście ten tysiąc stron będzie trudny do przeczytania w całości, więc najlepiej książkę potraktować jako poradnik, do którego sięgamy kiedy trzeba.

Przydałoby się tylko uzupełnić wiedzę z tej książki o wzorce nowsze ? i temu służy doskonale druga pozycja.

Designing Web Interfaces: Principles and Patterns for Rich Interactions

Okładka Designing Web Interfaces Internet to nie tylko statyczne strony. Ostatnie parę lat to gwałtowny rozwój tzw. Rich Internet Applications oraz wykorzystania wszędzie gdzie się da różnych kontrolek javascriptowych czy ajaksowych. Jak się w tym wszystkim nie zagubić? Kiedy dla wyświetlenia komunikatu użyć lightboksa, kiedy okienka pop-up, a kiedy powinien on wysuwać się spod tekstu?

Pozycja „Designing Web Interfaces” ze stycznia 2009, której autorami są Bill Scott i Theresa Neil zawiera to, czego brakowało mi we wszystkich starszych książkach, a jednocześnie nie powtarza tego, co możemy przeczytać w „Design of Sites”. Są tu wzorce nowe i dotyczące rzeczy nowych.

Książka podzielona jest na 6 części, które są jednocześnie głównymi zasadami projektowymi:

  1. „Make It Direct” – zrób to bezpośrednio. Znajdziemy tu podpowiedzi jak zoptymalizować okienka edycyjne, drag&drop, oraz różne możliwości zaznaczania obiektów.
  2. „Keep It Lightweight” – jak utrzymać „lekkość” strony, na której chcemy mieć wiele funkcji. Rozdział omawia różne sposoby pokazania narzędzi kontekstowych – i pokazywania ich w odpowiednim momencie.
  3. „Stay on the Page” – pozostań na stronie. Tu przede wszystkim komunikaty i etapy procesów, które nie powodują przeładowania strony.
  4. „Provide an Invitation” – zapewnij zaproszenie do interakcji. Pisałem jakiś czas temu jak ważne są afordancje. Skąd użytkownik ma wiedzieć o tym, że zapewniamy mu jakąś funkcjonalność?
  5. „Use transitions” – używaj przejść. Jak poprawnie robić te wszystkie animacje, zwinięcia, rozwinięcia, które upodobali sobie projektanci?
  6. „React Immediately” – reaguj natychmiast. W jaki sposób serwis ma reagować na działania użytkownika. Tu między innymi sposoby walidacji czy podpowiadania, tak aby zachować właściwy „przepływ”.

300 stron  w pełnym kolorze – to nie jest pozycja do przeczytania na wieczór, ale układ sprawia że czyta się szybko i równie szybko zapamiętuje. W szczególności podoba mi się, że są przykłady jak nie używać omawianych wzorców. Gdy mamy jakiś problem projektowy zawsze można wrócić do odpowiedniego fragmentu, sam indeks tematyczny to 11 stron.

Kupić nie kupić?

Obie pozycje, choć nie najtańsze są moim zdaniem obowiązkowe dla każdego, kto poważniej chce się zabierać za projektowanie architektury i interakcji. Jeśli chcesz kupić tylko jedną ? polecam jednak „Designing Web Interfaces”, szczególnie jeśli projektujesz interakcje. Jest to książka nowsza, na pewno znajdziesz tam więcej inspiracji do rozwiązywania problemów, które kilka lat temu nawet nie istniały.

Obie książki niestety nie wyszły dotąd po polsku, wersje oryginalne kosztują po 30 kilka dolarów.

Linki do Amazona:

Mała uwaga, jeśli kupicie klikając na te linki, będę mógł zrecenzować więcej książek. :-)

Podobne artykuły:

Być może zainteresują Cię następujące artykuły:

Zapisz się na kanał RSS bloga i dołącz do ponad 1500 czytelników RSS.

Zostań fanem WebAudit na Facebooku.

Komentarze czytelników

Śledź komentarze do tego artykułu: format RSS
  1. Mikołaj Pastuszko

    Drobny chochlik w ostatnim akapicie – „Designing Web Interactions” zamiast „Designing Web Interfaces” :)

  2. Robert Drózd

    Poprawione, dzięki. :)

  3. Wojtek Chojnacki

    Design of sites – bardzo solidna pozycja i faktycznie poradnikowa. Czytałem ją ciągiem i ilość wskazywanych powiązań i odwołań między wzorcami wręcz przeszkadzała w takiej lekturze.
    Trochę jedynie szkoda, że książka jest wydana w miękkiej okładce.

    Na Designing Web Interfaces czaję się od jakiegoś czasu :-)

Komentarze z innych blogów

  1. Ankiety na ósmy UX Book Club : WebAudit Blog

    […] Web Interfaces: Principles and Patterns for Rich Interactions – Bill Scott  (tę książkę recenzowałem we wrześniu […]

  2. UX LX 2010 – relacja: Peter Merholz, Bill Scott, Dan Saffer : WebAudit Blog

    […] Bill Scott jest współautorem bardzo dobrej książki „Designing Web Interfaces”, którą już na blogu polecałem. […]

Zostaw komentarz

W komentarzu można (choć nie trzeba) używać podstawowych znaczników XHTML. Komentarze zawierające w podpisie słowa kluczowe mogą zostać potraktowane jako spam i usunięte.