Se afișează postările cu eticheta design. Afișați toate postările
Se afișează postările cu eticheta design. Afișați toate postările

duminică, 11 ianuarie 2009

Cat de Edison esti?


Thomas Alva Edison a fost unul din marile genii ale lumii. Va invit sa intrati pe thomasedison.org pentru a invata cate putin despre inventiile sale sau despre viata sa. Site-ul include si un experiment in sectiunea "Educational Programs". (nu vreau sa distrug surpriza)


Site-ul este facut in intregime in flash, iar efectele vizuale sunt pe masura.

sâmbătă, 6 decembrie 2008

Cum ma jucam ieri...cum ma joc azi si cum ma voi juca maine

Ca orice student la calculatoare care se respecta imi plac jocurile :) De-a lungul timpului am apucat sa ma joc multe jocuri pe diferite dispozitive. Din fericire jocurile au evoluat incredibil de mult, mai ales la capitolul interfata cu utilizatorul.
Primul joc incercat se numea Tai Pan. L-am incercat pe un Hc cumparat dintr-un bazar rusesc. Jocul era incarcat de pe o caseta audio si ecranul era repezentat de televizor. Tot ce trebuia sa fac era sa apas pe 3 butoane de pe tastatura. Era de vis :) Ma uitam la un ecran negru cu puncte galbene.
Apoi a aparut Nintendo. Cine poate uita pad-urile de control cu butonasele colorate de care ma foloseam sa il fac pe Mario sa sara in sus si in jos pe ecran. Ecranul care acum era viu colorat si jocul se desfasura pe o muzica care intretinea suspansul.
Urmatorul joc care m-a marcat a fost Wolf 3d. Aparusera pc-urile si eu am avut norocul sa imi cupar unu. Interactiunea era una extrem de palpitanta . Controlam personajul destul de bine din taste si sunetul jocului mentinea o tensiune extraordinara pentru acea vreme. Impuscam si sufeream cand eram impuscat.
Apoi a aparut joystick-ul, Simulatoare de avioane... F22. Joystick-ul oferea un control realist asupra avionului. Aspectul vizual al unui cockpit era extrem de bine detaliat pe ecran si puteam controla orice dispozitiv din avion.
Au aparut apoi shooterele serioase...Half life. Din taste si din mouse puteai controla orice miscare a personajului. Totul era extrem de realist, efectele vizuale si auditive. Sunetul in "surround" era incredibil, pasii se auzeau in boxe diferite. Fiecare glont lasa o urma. Utilizatorul era implicat in activitati complexe in mediul jocului: putea sa care obiecte, trebuia sa rezolve puzzel-uri.
Apoi a aparut volanul. Jocuri de genul Colin Mcrae Rally sunt extrem de realiste. Userul are un control aproape real asupra masinii. Efectele volanului (force feed back) dau un feeling extrem de realist asupra condusului. Masina are o dinamica reala.
Ultimele lucruri care m-au impresionat au fost consolele de jocuri. Interfata cea mai spectaculoasa o are WII. Utilizatorul poate juca golf, tenis, box sau orice altceva utlizand telecomenzile cu accelerometre. Feeling-ul este unul foarte realist user-ul obosind la propriu jucand tenis, un tenis solicintant fizic.
Viitorul suna bine :)

Evolutia interfetelor telefoanelor mobile

Telefonul mobil a devenit unul din cela mai importante accesorii din viata noastra cotidiana. Ca orice tehnologie telefonul mobil a evoluat mult dea lungul timpului, si o data cu aceasta evolutie au aparut noi interfete cu utilizatorul.
Probabil toti ne aducem aminte primele interfete ale telefoanelor. Un ecran cu un fundal monocolor si cu textul negru. Intereactiunea utilizatorului cu telefonul se facea greoi. Afisarea meniurilor se realiza prin text, iar utilizatorul trebuia sa apese pe butoane pentru a parcurge un meniu intreg, acesta fiind prea mare pentru a fi afisat pe un singur ecran.
Prima evolutie importanta in interfata cu utilizatorul a fost aparitia ecranelor color. Acestea au permis afisarea meniurilor sub o forma intuitiva. Un atribut al unui meniu este acum afisat ca o iconita, parcurgerea meniurilor de catre utilizator devenind intuitiva si mult mai usoara.
In opinia mea, a doua evolutie importanta este aparitia facilitatilor de voice recognition. Un utilizator poate accesa anumite funtionalitati ale telefonului printr-o simpla comanda vocala. Astfel in timpul condusului un utilizator nu mai este fortat sa apese pe butoane pentru a cauta un numar de telefon, ci poate "vorbi" cu telefonul pentru a face un apel.
Ultima dezvotare notabila in domeniul telefoanelor este aparitia touch screen-urilor. Acesta permite o interactiune extrem de rapida cu utilizatorul care nu mai este obligat sa apese o groaza de butoane mici pentru a utiliza telefonul. Touch screen-ul a permis aparitia multor aplicatii pentru telefoane care pe un telefon vechi cu butoane ar fi fost mult prea greu de folosit.
Telefoanele mobile sunt un subiect "hot" in IT iar dezvoltarea lor este extrem de rapida. Viitorul suna bine :)

Personalizarea unui select box

Tehnologia HTML si CSS ne permite azi sa dam site-ului nostru un design complex si cat mai aproape de viziunea noastra artistica. Putem folosi, mai greu sau mai usor, diverse forme si culori pentru a da paginilor noastre o imagine deosebita.

In acest proces de personalizare si infrumusetare va veti lovi insa de un element rigid care va tine neaparat sa strige armonia intregului design. Este vorba, desigur, de un "Select box". Desi putem schimba culoarea textului din el, este imposibil sa-l determinam sa-si schimbe border-ul, backgroundul etc., el ramanand fidel librariilor grafice aferente browser-ului.

Singura solutie pe care am gasit-o este construirea un select din div-uri, css si javascript. E o sarcina dificila, si nu neaparat fiindca trebuie sa lucrezi cu handlere in javascript, ci pt ca este o bataie mare de cap sa faci o varianta acceptata de toate browserele. Ca idee, odata ce am gasit o solutie cat de cat acceptabila, vine IE8 si ... iarasi de la capat.

Personalizarea unui selectbox este o problema de a alege intre functionalitate (care poate fi afectata prin trecerea la javascript) si design (care poate suferi din cauza inflexibilitatii sale grafice) . Pana cand? Acest lucru il hotaresc dezvoltatorii de browsere. Ramane insa o curiozitate cum un element asa comun intr-o pagina a fost ocolit de valul de diversificare a imaginii web-ului.

miercuri, 26 noiembrie 2008

Remarci asupra impactului vizual al unei pagini

Ca orice student in anul 4 la automatica am destula experienta de google-ing. De-a lungul timpul a trebuit sa caut cele mai neimportante informatii pe net. In felu asta am intrat pe cele mai obscure site-uri. Am putut sa vad multe site-uri care pur si simplu sunt deranjante vederii. Am facut o lista de cateva lucruri care nu ar trebui sa se regaseasca in designul unei interfete web.

Care este primul lucru care ne izbeste atunci cand deschidem o pagina web? Culoarea paginii :) E un aspect care inconstient ne face sa avem o anumita senzatie fata de respectiva interfata. Culorile sunt mult mai importante decat am crede. Ele au anumite implicatii psihologice.
De exemplu o pagina pe un fundal albastru deschis, evoca calm,liniste si nu te face sa cauti disperat combinatia alt+tab pentru a schimba pagina.
Pe de alta parte o interfata cu un rosu aprins pe fundal evoca agresivitate si iti "invadeaza" linistea din fata monitorului. Un alt lucru pe care il regasesc deranjant la anumite pagini este o "salata" de culori. Aceasta diversitate iti atrage atentia dintr-o parte in alta a
paginii, ingreunand urmarirea paginii.

Dupa ce trecem de prima impresie data de culoarea paginii, incepem sa cautam informatia prin textul expus pe site. Astfel, ajungem la alt capitol important pentru o pagina, textul. Pentu mine un lucru important este dimensiunea textului. Urasc site-urile care ma fac sa imi pun
ochelarii. La fel de mult urasc site-urile care nu aleg bine culoarea textului pentru fundalul paginii. O combinatie "perfecta" este un text rosu pe un fundal verde, sau orice combinatie de doua culori deschise sau inchise. O sugestie ar fi existenta unei modalitati de highlight a unor
cuvinte cheie pentru a nu forta utilizatorul sa apese ctrl+f. De asemenea, sugerez ca in design-ul unei interfete sa se foloseasca capital letters doar pentru titluri si nu pentru text normal.

Cam astea ar fi lucrurile care ma deranjeaza cel mai tare la paginile web. Am exclus din discutie flash-urile(gasesti un articol mai jos).

luni, 17 noiembrie 2008

Fara click-uri

Petrecem foarte mult timp in fata calculatorului. Tastam mii de caractere, dam mii de click-uri. Pe mine unul ma deranjeaza aceste click-uri intr-o oarecare masura deoarece folosesc mousepad-ul, iar acesta adauga un grad de discomfort. Cei mai carcotasi veti spune sa imi iau un mouse. Dar nu poti tot timpul folosi un mouse (un exemplu ar fi cand, in lipsa unei mese (a se citi suprafata plana), stai cu laptop-ul pe genunchi). Mi-ar fi mult mai usor daca as putea atat sa navighez atat pe internet, cat si in propriul sistem de operare folosind doar miscari de mouse (mouse gestures).


Mozilla a pus la dispozitia clientilor un add-on ce inregistreaza miscarile de mouse, si indeplineste o anumita sarcina, pe baza acestor miscari. Insa pentru a-l activa trebuie tinut apasat click-dreapta, ceea ce din nou este putin dificil pe un mousepad. Add-on-ul se numeste FireGestures si il gasiti aici.


Don't click.it este un site cu o interfata deosebita. Navigarea in cadrul acestui site se face cu doar un singur click (cel de intrare pe site). Site-ul este construit in intregime in flash si inregistreaza miscarile mouse-ului. Va invit sa experimentati acest site atat cu mouse-ul cat si cu mousepad-ul si sa decideti singuri daca e mai bine fara click-uri.