A tervezési minták - design patterns kifejezés eredetileg az építészetből ered, ahol egy rendszerbe fogták össze a gyakran előforduló problémákra alkalmazott leggyakoribb, és optimálisan működő megoldásokat. Az építészeten túl a szoftverfejlesztésben is hasonló módon alkalmazzák ezeket, hiszen a már jól bevált mintákkal lerövidíthető a tervezési idő, kevesebb tesztelésre van szükség, így a használatuk időt, energiát, és sokszor nem kevés pénzt takarít meg a fejlesztő cégeknek.
Nemrég egy másik írásomban utaltam arra, hogy a fejlesztés során vannak olyan funkciók, amiket rendszeresen elfelejtünk. Az állandó, kötelező elemek, amelyek olyan egyértelműek.
"Legyen egy egyszerű regisztrációs form. Csak a szokásos kapcsolat panel... Hozzászólásnál? Áhh, csak név, komment, elküld."
Aztán kiderül, hogy az egyszerű formnál bekérjük a user anyósa születési dátumát, és a legutóbbi laboreredményeit is, a kapcsolat panelen az összes cégadatot, és számos kérdésre is válaszolnia kell, majd ha esetleg kedve támadna hozzászólni, előbb mégiscsak elő kellene kotornia a mama születési anyakönyvét, hogy átessen a szuperbiztonságossá bonyolított regisztráción...
Rengeteg design galéria létezik, melyek a legjobb munkákat gyűjtik össze a világ minden tájáról. Ezek nagyon jók, én is órákig tudok bogarászni közöttük, azoban a szép honlapok megítélése természetesen elsősorban a fej-tor-potroh, vagyis fejléc-tartalom és lábléc triumvirátusra korlátozódik.
Viszonylag kevés helyen vannak összegyűjtve azonban a legötletesebb funkciójú galériák, a legegyszerűbb regisztrációk, a könnyen használható webáruházak, ízléses űrlapok, érdekes címkefelhők.. melyek támpontként, tervezési mintaként szolgálhatnak számunkra, ha tudni szeretnénk mik a leggyakoribb, működő megoldások.
A következő oldalakon különféle variációkat találunk segítségül mindenféle funkció megtervezéséhez pl: naptár, különféle formok, listázások, profil oldalak, bevásárló kosarak, galéria megoldások...stb.
Némelyik bagatellnek tűnik, de rengeteg ötletet lehet belőlük meríteni - ami természetesen nem keverendő össze a szemérmetlen kopizással.
Tehát a TOP7 UI Design Pattern site:
- Patterntap
- Welie.com
- UI-patterns
- UI-pattern Factory - ugyanez a Flickr-en
- Web Patterns
- Design Patterns Flickr
- Functioning Form
Az utolsó kicsit kilóg a sorból, hisz az összecsoportosított minták helyett konkrét tervezési tippeket, cikkeket olvashatunk.
Terveim szerint szeretnék minden funkciót körüljárni egy kicsit, hol találkozunk velük, milyen formái léteznek, mire jó figyelni a tervezésükkor, az oldalon elhelyezéskor.
Így indulás után januárban a Regisztráció folyamata lesz az első...
folyt. köv.
