Everyday things in use

Jakiś czas temu pojawiły się u mnie na blogu wpisy z cyklu biblioteka interfejsów użytkownika. Opisywałem w nich wzorce projektowe elementów interfejsu użytkowniku. Od niedawna pracuję nad rozwojem tego projektu ale już w zawodowym kontekście. Poniżej przedstawiam krótkie wprowadzenie do wzorców.

Czym jest wzorzec projektowy. Wg Christophera Alexandera architekta, który wprowadził pojęcie wzorca. Wzorzec projektowy to konkretne rozwiązanie danego problemu projektowego w określonym kontekście. Składa się z czterech części :

• Opis konkretnego problemu z punktu widzenia użytkownika, np: użytkownik zapomniał hasło do konta, jak należy przeprowadzić procedurę odzyskania hasła.
• Kontekst, miejsce czas gdzie powinien być zastosowany dany wzorzec,
• Rozwiązanie, sprawdzone rozwiązanie problemu, potwierdzone heurystyką badaniem eyetracking, poparte wskazówkami zgodnymi z projektowanie zorientowanym na użytkownika.
• Przykłady: kluczowa cześć wzorca, pokazująca dobre rozwiązanie w określonym kontekście, w formie zrzutu ekranu, odnośnika, animacji flash, diagramy działania obrazujące interakcję.
  

Celem korzystania z wzorców projektowych jest uproszczenie procesu projektowego , poprzez dostarczenie zbioru rozwiązań dobrych praktyk stosowanych w projektowaniu serwisów www. Mówiąc prościej projektanci „nie muszą wymyślać na nowo koła”. Gdy mają dostęp do gotowego wzorca wdrażają go, dostosowując wizualnie do własnego projektu. Wzorzec nie jest graficznym rozwiązaniem lecz interakcyjnym, nie narzuca projektantowi wyglądu elementu a jedynie sposób działania elementu w kontekście.

Najpopularniejsze w sieci wzorce projektowe:

• Yahoo
• Welle
• Jenny Tidwell
• UI design
• Project Fluid zawiera odnośniki do zebranych stron z wzorcami.

Mały update warto posłuchać nowego spoolcast i wzorcach i antywzorcach

AKTUALIZACJA  Pojawiły się wzorniki dla wzorców projektowych yahoo