Pana azi, lista de colectii online de pattern-uri pentru interfete utilizator pe care as fi recomandat-o cuiva interesat de subiect ar fi fost destul de scurta si compusa din Yahoo! Design Pattern Library si UI-Patterns (iar offline Designing interfaces si Designing Web Navigation ).

La aceasta lista tocmai s-a mai adaugat inca o colectie online foarte utila, bine organizata si cu cea mai frumusica interfata (merita sa imi instalez Silverlight special pentru asta :) ) - Quince, cea mai noua productie Infragistics (de care am aflat prin intermediul blogului lui Chris).

Imi place foarte mult navigatia care permite gasirea unui pattern fie prin cautare dupa cuvinte cheie sau explorarea patternurilor in functie de ce incearca utilizatorul sa obtina (User tasks), dupa tag-uri ( cu o interfata foarte sugestiva) sau dupa schita (wireframe).








Mult mai multe detalii si explicatii pe blogul Infragistics.

Via Design vs Art blog am aflat de Balsamiq,o aplicatie AIR foarte utila celor care lucreaza in web.

Intotdeauna pentru orice site sau orice aplicatie care necesita o interfata, va fi nevoie de o modalitate cat mai usoara pentru a arata clientilor o schita a acesteia si a ilustra vizual componentele principale alea acesteia.
Din cate aplicatii am incercat pana acum in acest sens, am constatat ca PowerPoint si Word sunt destul de rudimentare in timp ce Visio si Photoshop au dezavantajul ca necesita destul de mult timp si munca atat pentru a invata cat si pentru a obtine rezultatul dorit.

Balsamiq in schimb pare solutia ideala :
- usor de invatat
- usor de folosit
- dedicata domeniului web, cu o multitudine de componente specifice
- ieftina

Exemple realizate cu Balsamiq (mai multe pe pagina lor de exemple)






Aspectul nefinisat este intentionat, pentru ca atentia sa se concentreze asupra functionalitatii si nu a graficii.
Balsamiq va scuti ore intregi de munca si modificari ale designului , va clarifica de la inceput un numar suficient de mare de dileme si intrebari; in plus imi pare a fi solutia ideala si pentru teste de utilizabilitate.

Mai multe detalii in articolul original si pe pagina oficiala (demo disponibil cu toate optiunile activate cu exceptia celei de salvare).

Me likey.

Am descoperit un post foarte interesant despre evolutia a 10 mari site-uri (precum Apple,Yahoo!, Amazon, CNN,Microsoft) de-a lungul ultimilor 12 ani - aici

Unele au trecut prin schimbari radicale (precum Apple, Microsoft si Adobe), altii au fost destul de cool inca de la inceputuri (Nike).
Sunt curioasa daca peste 10 ani designul gen Web 2.0 (colturi rotunjite, detalii lucioase) va parea la fel de demodat ca fontul Times New Roman din acest design Yahoo! al anilor '96.

Via Kinecto, am gasit Bad usability calendar 2008 - care prezinta intr-un mod absolut simpatic, cele mai agasante 12 greseli de design pentru interfete utilizator specifice maniei web 2.0 a ultimului an.
Daca va plictisesc zecile de iconite pentru sharing (Digg, Furl, Stumble upon, reddit), tab-urile numeroase sau ilustratiile lucioase, cu siguranta va va distra acest calendar.

Versiunile anterioare pot fi gasite pe site-ul dedicat.

Pentru download, click aici (a fost downloadat de 40 000 de ori de pe data de 16 ianuarie, that's gotta mean something!).
Mie imi place foarte mult si calendarul din 2007

Din 2008 luna mea preferata este noiembrie.

Freelancing-ul este un lucru la care viseaza multi dintre cei care isi petrec cel putin 8 ore pe zi intr-un cubical.
Si cred ca orice programator (sau marea majoritate a progamatorilor/designerilor) a lucrat macar un proiect pe cont propriu (fie gasit pe scriptlance, freelance sau alte site-uri de genul, fie gasit prin cunostinte).

Din pacate inceputul este pentru un freelancer mult mai greu decat intr-un job obisnuit si multi renunta destul de repede din diferite motive (lipsa de bani, lipsa de proiecte)
Din fericire exista site-uri cu sfaturi speciale si oameni care doresc sa ii ajute pe cei care lucreaza on their own.

Put things off - un blog foarte bun plin de articole si tips-uri.
Top 10 greseli pentru incepatorii in web-design freelance - un articol foarte simpatic si din pacate, extrem de adevarat.

Un articol excelent despre designul interfetelor
si inca 2 (unul aici si altul aici) despre usabilitate.

Am gasit o lista foarte simpatica : 10 juicy website designs

O sa pun doar 2 care mi-au placut (restul va las sa le studiati singuri)

Fully Illustrated


Rasteroids

Un articol excelent de pe iqads.ro.
Citez concluzia:

Lasand la o parte problemele angajatorilor – (se descurca ei! ;) ), imi permit sa dau cateva sfaturi celor care vor sa lucreze in industria asta:
1. Specializati-va! – epoca celor care stiau de toate, de la C++, Photoshop, php la Corel si Dreamweaver a trecut de mult.
2. Jucati-va cu un blog, site, reclama contextuala etc. INAINTE sa aplicati la un job.
3. Cautati informatii despre specializarile din online si intelegeti ce inseamna fiecare INAINTE sa aplicati. Nu ai foarte multe sanse sa fii chemat la interviu daca aplici si pentru programator, designer, account si project manager la aceeasi companie.
4. Cititi. Mult. In fiecare zi. Internetul e plin de chestii cool din domeniu.
5. Invatati engleza. Serios, nu e o gluma. Trebuie sa fii capabil sa intelegi o prezentare a lui Steve Jobs fara subtitrare. Si cei mai multi dintre aplicanti in prezent ar avea probleme sa inteleaga pana si un film cu Van Damme.
6. Daca sunteti intr-adevar buni, daca aveti experienta si sunteti siguri pe valoarea voastra, cereti mult! Fiti obraznici, plusati la maxim, intindeti coarda, jupuiti companiile! Angajatii fac regulile in piata asta, pentru moment. Daca va tine, profitati!

Via Toni (multumesc mult!), o lista cu topul cartilor despre interfete utilizator si usabilitate

In urma studierii listei din postul anterior, am descoperit un site foarte simpatic pe teme de design si resurse gratis pentru un look web 2.0 - deziner folio.
M-am jucat un pic cu web 2.0 badges si gradienturile oferite, am citit un articol interesant despre design si l-am marcat in lista de favorite!
Rezultatul : mai jos si in coloana din dreapta


Durata : 5 min
Pre-requisites: Adobe Photoshop

Resurse online pentru un look Web 2.0 - 13 Online Generators for Web 2.0 Design - foarte bun

Parcurgand presa de dimineata (ca orice bun inceput de nou an la servici), am gasit acest articol despre tendintele din dezvoltarea de soft pentru 2008, dupa parerea unor experti in domeniu.
Printre tendintele enumerate gasim : adoptarea masiva a outsourcingului de catre marile companii de soft, adoptarea metodologiilor Agile, dezvoltarea analizei business...
Foarte interesant ( si site-ul contine multe alte articole utile).

Alte cateva linkuri interesante pentru inceputul de an:
- o lista foarte luuunga dar extrem de utila 100 opensource/free tools
- Tribler - un proiect peer to peer dezvoltat de Harvard
- lista de tips pentru a promova un site (atentie concurenta :))
- resurse pentru web design si web development (ATENTIE - LISTA IMENSA)

Ca pastiluta fun...Evolutia unui programator

Am citit de curand un articol al lui Matthew Smith legat de web-design.

El descrie in acel articol modalitati de extindere a spectrului de design sugerand ca un bun web-designer va analiza in permanenta design-urile altor colegi de breasla cu speranta de a gasi o cale de integrare in propria lui creatie.


Matthew defineste 3 etape in acest proces:
1. Integrarea (colectarea modelelor de site-uri) : prin colectarea a cat mai multe tipusri de site-uri (design-uri diferite) web-designerul este capabil sa identifice tendinta actuala pe web.
2. Analiza specimenelor colectate: web-designerul trebuie sa analizeze critic alte modele de patternuri pentru a identifica care dintre ele vor rezista in timp si care nu.
3. Crearea design-urilor: este momentul in care web-designerul este constient de ce exista pe piata la ora actuala, a analizat si a decis care dintre modele sunt interesante si trece la etapa de creatie a porpriului design.

Matthew da si cateva sfaturi legate de niste template-uri aratand utilitatea lor legata de subiectul site-ului.

Iata linkul pentru articol:
www.digital-web.com/articles/collecting_for_design