Archive for the 'Interactiune' Category

Visual Thinking School

Tuesday, May 22nd, 2007

Am g?sit pe “lista mare” un link la o ?coal? de gândire vizual?. E vorba, în principiu, de înv??at cum s? te exprimi mai clar folosind imagini. Pare interesant. Am s? citesc mai mult.

P.S.  ?i tot pe acolo, am g?sit un link la o scurt? prezentare amuzant? despre prezent?ri Powerpoint. Nice :)

Top 10 gafe în Utilizabilitatea din filme

Tuesday, March 13th, 2007

Articolul îl g?si?i mai jos, ?i vine (bineîn?eles?) de la Jacob Nielsen.

http://www.useit.com/alertbox/film-ui-bloopers.html

Traducere liber? a punctelor principale:

  1. Eroul principal poate imediat s? foloseasc? orice interfa??
  2. Cei care c?l?toresc în timp pot folosi sistemele actuale
  3. Interfa?a 3D
  4. Integrarea e banal?, datele interopereaz? cu u?urin??
  5. Acces respins / Acces permis
  6. Fonturi mari
  7. Calculatorul vorbitor din Start Trek
  8. Condusul prin telecomand?
  9. “Ai mesaje noi” e întotodeauna o veste bun?
  10. “?sta e Unix, e u?or!”

Internet shortcuts. Cool!

Tuesday, February 20th, 2007

Dup? atâtea articole cu p?l?vr?geal? ?i cârcoteal?, uite c? scriu ?i unul care chiar ar putea folosi unora…

?tia?i c? se pot face shortcut-uri pe desktop la adrese web?! (Dac? ?tia?i, v? pute?i opri aici din citit :D ).

Eu nu ?tiam. Azi am descoperit. Mi se pare un lucru bun de tot. Right-click pe desktop -> New-> Shortcut-> Copy-paste adresa, ?i gata, am un “Internet Shortcut”.

De-acum, pentru paginile pe care le vizitez zilnic, nu mai trebuie s? deschid întâi browserul ?i apoi s? scriu URL-ul, sau s? caut în bookmark-uri. Dublu-click ?i gata. Fain!

?i dac? mai combin?m asta cu Google Docs, de exemplu, (care are documente cu adrese “bookmarkabile”, apropo) încep s? ias? lucruri ?i mai faine. Documente online pe care le accesez cu un simplu dublu-click, ca ?i cum ar fi locale…(bine, asta dac? r?mân logat pe Google, evident) Eventual dac? mai am ?i colaboratori la documentele alea, am un panou de brainstorming sau mai ?tiu eu ce chestie colaborativ? la un dublu-click distan??…Eu unul întrev?d o gr?mad? de posibilit??i…

Cam asta e descoperirea mea, sper s? o g?si?i util?!

P.S. Dac? ?tia?i deja, l?sa?i-m? s? m? bucur c? am descoperit ?i eu ?i nu v? sup?ra?i c? spun ?i altora ;)

Yahoo! Messenger. R?u cu r?u, dar…

Thursday, January 25th, 2007

De fiecare dat? e la fel. Apare o nou? versiune. Are un “feature” nou sau dou? acolo, dar nu asta te intereseaz?. O instalezi pentru c? speri cu înfrigurare c? tura asta o s? mearg?..?i n-o s? intre în acele crize de isterie în care î?i crap? o dat? la 20 de secunde…?i, dac? e?ti mai îndr?zne?, speri c? m?car de data asta ?i-au dat seama c? nimeni nu vrea s? scrie în fereastra cu web-cam ?i o s?-?i lase cursorul la locul lui ?i n-o s? scoat? sunete ciudate când tu încerci s? scrii ?i el încearc? s? porneasc? web-camul…?i speri ca m?car tura asta s? ?in? minte c? nu vrei Inside Yahoo, ca s? nu trebuiasc? s? umbli iar la op?iuni…Dar nici o ?ans?… Nimic din ce conteaz? nu se schimb?

Dac? e?ti o fire mai perspicace, te prinzi de ?mecherie. ?i dac? e?ti o fire mai înc?p??ânat?, zici: “Nu, nu mai vreau upgrade. L?sa?i-m? în pace. Îl folosesc pe ?sta, a?a prost cum e. Nu-mi mai trebuie altul”.

Crezi c? scapi a?a u?or? Nici vorb?. Începe ?antajul emo?ional. Yahoo! nu are dreptul s? fac? ce vrea când vrea pe calculatorul t?u, ca Microsoft, dar are alt? mare for?? la dispozi?ie: Dialogul Modal. ?i a?a te ia Yahoo Messenger deoparte ?i î?i spune: “Auzi, uite care-i treaba: Dac? tu nu instalezi versiunea asta, eu de fiecare dat? când m? porne?ti am s? te bat la cap cu întrebarea asta stupid?. Nu mai bine e?ti b?iat de?tept, instalezi, ?i gata? Ce te cost?? Cinci minute ?i câteva op?iuni de setat din nou. Dup? aia te po?i bucura lini?tit de o nou? versiune instabil?. ”
Ce po?i s? mai spui?…Instalezi…

Dac? e?ti b?iat ?i mai de?tept ?i nu ai 30 de prieteni în lista de YM ?i doar 2-3 în cea de GTalk, treci pe GTalk. Dar eu am mai mult de 30 de prieteni în lista de YM. ?i nici prea de?tept nu sunt…

?i-a pl?cut articolul? Aici îl po?i vota pe Blogoree.

Situl s?pt?mânii – Infoiasi

Friday, December 1st, 2006

Am cam umblat pe coclauri în ultima vreme ?i nu prea am mai apucat s? scriu pe blog.
Acum am s? încep cu ce mai r?m?sese în coada de a?teptare. Primul la rând: Infoia?i.

Infoiasi - Pagina principala

Ca s? nu uit…Mul?umesc Dianei pentru sugestia cu Infoia?i-ul, eu nu eram la curent cu schimbarea sitului, ?i oricum, e bine s? comentez despre situri care chiar intereseaz? pe cineva.

Diana m-a rugat s? comentez despre imagine, în special. Eu deocamdat? am s? m? ab?in în privin?a asta, ?i pentru c? nu sunt cel mai avizat, ?i pentru c? a?tept întâi ?i alte comentarii.
Din ce m-am uitat pe site pân? acum, am observat cam urm?toarele probleme:

Situl doar în englez?

Nu ?tiu cum se vede la voi, dar eu nu am reu?it s? g?sesc o variant? în român? a sitului. Avem 2 posibile explica?ii pentru asta:

  1. Situl a fost f?cut doar în englez?

Sper c? nu e a?a, pentru c? ar fi de-a dreptul penibil…La urma urmei, majoritatea utilizatorilor sunt…hai s? fim serio?i..români.

  1. Situl face localizare automat?.

În alte cuvinte, asta ar însemna c? situl vede de unde încerc eu s? îl accesez, vede c? nu sunt prin România, ?i pentru c? nu ?tie finlandez? (normal) îmi serve?te varianta în englez?. Toate bune ?i frumoase, cu o singur? mare problem?: Orice sit scris în mai multe limbi trebuie s? ofere userului în orice moment posibilitatea s? schimbe manual limba utilizat?. Doar pentru c? situl crede c? poate ghici limba în care prefer s? îl citesc (lucru bun), nu înseamna c? întotdeauna ?i reu?e?te (caz în care e necesar? solu?ia de rezerv?)

DocumentDoesNotExist

Un bug pe care eu l-am g?sit în meniul din stânga, la “Recently visited”. Un link care trimite c?tre un document care nu exist?. Interesant.

Atât deocamdat?. Mai multe comentarii…în “Comentarii”.

Lumea începe s? se îndrepte

Monday, November 13th, 2006

Dup? o perioad? în care Web-ul a fost ruda mai s?rac? a aplica?iilor desktop în ce prive?te modelele de interac?iune, lucrurile parc? încep s? se îndrepte. Nu numai c? interac?iunea pe web e din ce în ce mai bine realizat?, cu ajutorul tehnologiilor ap?rute în ultima vreme, dar realizez cu pl?cere c? Web-ul începe chiar s? corecteze gre?eli de proiectare ce ne bântuie de zeci de ani în aplica?iile desktop.

Probabil sunt mai multe exemple, dar eu am s? dau doar dou?, care pe mine personal m? ung la suflet:

Google Documents, despre care am mai vorbit, a introdus op?iunea Rename în meniul File. Lucru minor, la prima vedere, dar s? ne gândim la implica?ii: Într-o aplica?ie obi?nuit? pentru documente (Microsoft Word, s? zicem), pentru o opera?ie simpl?, aceea de a redenumi un document, un user are 2 variante la dispozi?ie:

  1. S? închid? aplica?ia, cu tot cu document, apoi s? g?seasc? documentul undeva pe disc, folosind un manager de fi?iere, s? lanseze Rename, apoi s? deschid? din nou documentul.
  2. S? foloseasc? Save As pentru a salva documentul sub noul nume, apoi s? foloseasc? managerul de fi?iere pentru a ?terge vechiul document de pe disc.

Amândou? oblig? userul s? cunoasc? atât conceptul de sistem de fi?iere, cât ?i organizarea pe disc a fi?ierelor unui S.O. Banal pentru cei de la Info, dar nu la fel de banal pentru un user obi?nuit, care vrea doar s? editeze un document. Nu mai vorbim de num?rul de pa?i necesari pentru o opera?ie a?a simpl?.

Yahoo Photos (probabil ?i alte aplica?ii dar eu aici am observat) a f?cut ?i ea un pas pe care aplica?iile desktop nu prea sunt în stare s?-l fac?: editarea pe loc, sau in-place editing. Ce înseamn? asta? Înseamn? c? acum nu trebuie s? ne mai cerem voie prin 3-4 click-uri de la pream?rita aplica?ie pentru a schimba un titlu sau o descriere. În Yahoo Photos, pe pagina unui album, trebuie doar s? dau click pe titlul sau pe descrierea albumului ?i ele devin editabile. Editez, dau Enter ?i am salvat. A?a da!

Probabil mai sunt destule exemple din astea, ?i vor fi din ce în ce mai multe. Important e c? s-a început.
Concluzia? Web-ul e ceva înc? nou ?i se mi?c? repede: locul perfect pentru a o lua de la cap?t, ?i de a înlocui unele standarde proaste mo?tenite de pe vremea cartelelor magnetice, cu standarde noi, mai potrivite publicului larg.

Avem o nou? ?ans?!

?i-a pl?cut articolul? Aici îl po?i vota pe Blogoree.

Situl s?pt?mânii: Por?i de Emigrare

Thursday, November 9th, 2006

M-a rugat cineva sa îmi dau pu?in cu p?rerea despre un sit care în prezent e în construc?ie, anume Por?i de Emigrare. Întrucât situl e în construc?ie, nu am s? fiu nici prea dur, nici prea ironic (cel pu?in am s? încerc). O s? fie doar un alt post plictisitor, cu (sper eu) câteva sfaturi utile pe ici pe colo.

Observa?ie: Ce e scris mai jos e valabil doar la data la care scriu articolul, adic? 9 noiembrie 2006. Pagina fiind în construc?ie, unele lucruri probabil se vor mai schimba între timp.

Observa?ie 2: Când am publicat postul prima oar?, mi s-a atras aten?ia c? nu am vorbit deloc de p?r?ile bune ale sitului. Inten?ia mea nu a fost în nici un caz s? “desfiin?ez” situl, ci pur ?i simplu s? scriu despre câteva lucruri care mi-au s?rit în ochi ?i la care cred c? mai trebuie lucrat. Dac? nu am spus nimic despre con?inut, de exemplu, e pentru c?, la prima vedere, este bine structurat ?i accesibil (?i con?inutul conteaz? mult ;) ). În?eleg c? s-a muncit mult la sit ?i c? mai este de munc?. ?i le urez autorilor spor la treab? ?i s? ias? un sit la care s? nu mai am ce cârcoti nici m?car eu.
A?a, hai s? vedem:

Pagina de intro

În general cam orice sit care începe cu o pagin? de selec?ie a limbii creeaz? o impresie negativ? înc? de la început. Eu în?eleg c? s-a lucrat la anima?ia pus? acolo deasupra steagurilor ?i mai atenueaz? din efect, dar oricum…O astfel de pagin? în general nu e o idee bun?.

Selec?ia limbii trebuie s? poat? fi f?cut? din orice pagin? a sitului, nu din „prima pagin?”. S? nu uit?m c? folosind un motor de c?utare cineva poate „nimeri” la un momentdat pe orice pagin? a sitului. Dac? persoana vorbe?te doar englez? ?i a nimerit pe o pagin? în român? ?i nu g?se?te imediat un mod de a schimba pe englez?, va presupune c? situl e doar în român? ?i va merge în alt? parte. Tot efortul de traducere a con?inutului în 2 limbi este astfel aproape inutil.

E de preferat, bineîn?eles, ca schimbarea limbii s? nu schimbe ?i pagina (userul s? nu fie trimis „acas?” adic?, ci s? r?mân? pe pagina curent?). E un pic mai mult de munc?, dar dac? se merit? s? traduci, se merit? s? oferi ?i acces a?a cum trebuie la traducere.

Bineîn?eles, prin antetul Http (dac? nu m? în?el) se cam poate descoperi ?i loca?ia de unde e accesat? pagina ?i se poate folosi automat limba potrivit?. Rezolvarea asta e mai dificil de implementat totu?i, pentru c? trebuie neap?rat evitat riscul de a bloca un user într-o anumit? limb? (el trebuie s? aib? în continuare posibilitatea de a schimba limba, iar dac? a ales o dat? englez?, englez? r?mâne, indiferent c? e el din România sau din Italia).

A?adar, varianta precedent? r?mâne cea mai la îndemân? ?i cea mai sigur?, a? zice eu.

De v?zut ?i ?ablonul de interfa?? corespunz?tor

Meniul

  • Submeniurile într-un meniu în cascad? se deschid la mouse over, nu la click.
  • Din câte în?eleg eu uitându-m? acolo, meniul era gata f?cut vertical ?i s-a ales pozi?ionarea curent? pentru ca meniul s? aib? loc s? se „deschid?” f?r? a acoperi nimic altceva. În plus, folosirea meniului în stânga paginii ar fi consumat mai mult spa?iu decât a?a cum este acum. De?i nu va prezenta dificult??i în utilizare, mie mi se pare totu?i cam ciudat? a?ezarea. Pentru a se face acest loc meniului, a fost sacrificat spa?iu de branding; sigla st? acum izolat? în centrul header-ului ?i nu prea se leag? cu titlul sitului ca pozi?ionare.

Un meniu orizontal mi s-ar fi p?rut mai potrivit. Dac? g?sirea unuia gata f?cut ar fi o problem?, a? sugera COOLjsMenu. , sau, dac? nu, Google(nu m-am putut ab?ine :D )

  • Triunghiul care apare la mouse-over pe elementele din meniu nu merge prea bine acolo. Se schimb? deja culoarea la hover, butonul se apas? la click, ceea ce e foarte bine ?i suficient. Nu ?tiu cum s? explic, dar triunghiul ?la la hover mi se pare în plus.

Cuvinte în englez?

Nu face?i ca la mine pe blog! Dac? pagina e în român?, atunci în român? s? fie. „Powered by” nu are ce c?uta acolo, ?i nici „Home”, ?i nici „Link-uri” sau „Newsletter”.

De altfel, „powered by” oricum nu ar avea ce c?uta acolo. „Powered by” spui când ceva se mi?c? pe situl t?u ?i a fost f?cut de altcineva. Se refer? în general la firme de design sau dezvoltare web. De exemplu când ai luat un forum de pe net trebuie s? scrii „powered by PhpBB”, pentru c? a?a zic ei. Sau când iei un meniu, scrii „powered by COOLjsMenu ”. Powered by Caritas? Nu e o imagine prea bun?, nu? Caritas nu face nici design, nici programare :p Dar probabil “powered by” a fost doar uitat acolo ?i oricum urma s? fie scos ?i eu vorbesc aiurea acuma..:|

SEO (sau „dac? vrei s? ai vreo ?ans? s? te g?seasc? Google, cite?te aici”)

Aten?ie! Titlul paginii ?i sigla Caritas sunt într-un obiect Flash, împreun? cu meniul, unde nu vor fi g?site de Google. Dac? trebuie musai ca pagina s? aib? Flash (eu am o antipatie a?a pentru Flash, pentru cei care nu ?tiu), ave?i grij? ca titlul ?i sigla s? fie disponibile în mod text.
?i eventual citi?i aici despre cum se pot face obiectele programatice accesibile

Observa?ie: meniul pe care l-am men?ionat eu mai sus e meniu javascript ?i nu va fi v?zut nici el de motoarele de c?utare. Eu nu l-am folosit, dar b?nuiesc c? e ok pentru cazurile când nu te intereseaz? SEO sau nu ai cuvinte cheie în meniu.

M? opresc aici. Dac? sunt lucruri pe care le-am uitat, sper c? le observ? altcineva ?i ni le spune ?i nou?.

În rest, spor la instalarea forumului! ;)

Un touch-screen mai special. Demo

Thursday, November 2nd, 2006

http://ted.com/tedtalks/tedtalksplayer.cfm?key=j_han

Nu e chiar “interface free” a?a cum î?i fac ei reclam?, dar oricum, o prezentare care mie mi-a pl?cut. ?i o tehnologie care promite mult. Sper s? mearg? mai departe cu proiectul.

Google Docs and Spreadsheets

Wednesday, October 25th, 2006

Probabil mul?i ?ti?i dinaintea mea, dar eu am aflat recent ?i sunt extaziat: Google Docs!!!

Gata, nu mai trebuie s? îmi trimit singur fi?iere pe mail s? le am ?i acas?. Nu mai trebuie s? merg cu cd-ul dup? mine dac? vreau s? lucrez la un document ?i la serviciu. Google a f?cut un Word ?i un Excell online. Ideal pentru ciorne ?i documente în lucru, îndr?znesc s? spun. Ca s? nu mai spunem de posibilit??i de publicare ?i colaborare. Ce s? mai cerem?
Interac?iunea ?i interfa?a…marca Google, bineîn?eles. Simplu, concis, puternic. Google mai are ?i sc?p?ri din când în când la capitolul ?sta, dar din ce v?d eu pân? acum, aplica?ia asta au construit-o cu mult? grij?, ?i pare foarte reu?it?.
De remarcat op?iunea Rename din meniul File: o op?iune care a ap?rut acolo cu 20 de ani mai târziu, dar în sfâr?it a ap?rut.

Deci, dac? nu a?i încercat înc? Google Docs, ?ine?i minte c? e acolo. S-ar putea s? ave?i nevoie de el destul de curând.

Spor!

?i-a pl?cut articolul? Aici îl po?i vota pe Blogoree.

Situl saptamanii – Politehnica Iasi

Tuesday, October 10th, 2006

Header Sit Poli Iasi

Am intrat mai demult pe situl Poli Ia?i, pentru c? eram ?i eu curios cam ce sit are echipa ora?ului nostru. ?i nu c? a? fi subiectiv, dar am fost pl?cut surprins.

Pagina principal? e curat?, strucurat?, echilibrat?, robust?. Culorilor clubului sunt folosite inteligent în crearea elementelor grafice ?i interactive. Sigla e a?ezat? cu grij?, la loc de cinste (?i f?r? probleme de decupaj ;) ) , dar brandul este sus?inut ?i înt?rit de toate elementele paginii.

Meniul

Meniul pe 2 nivele este potrivit pentru cantitatea de informa?ie existent?.
Decalarea de 2 secunde pân? la dispari?ia submeniului evit? “pierderea” accidental? a selec?iei curente.
Butonul “Contact”, care este link în sine ?i nu are un submeniu, comunic? acest lucru în 2 feluri: cursorul diferit ?i culoarea u?or diferit?.

Pagina principal? – con?inut

Con?inutul primei pagini, organizat pe 3 coloane, mi s-a p?rut suficient de util:

  1. Coloana din stânga
  • Sec?iune de C?utare în stânga sus
  • Etapa precedent? – rezultatul Politehnicii în prim plan, ?i celelalte rezultate pe scurt
  • Etapa viitoare – meciul Politehnicii în prim plan ?i celelalte meciuri pe scurt
  1. Coloana din centru:
  • ?tiri ?i evenimente
  • Clasament.
  1. Coloana din dreapta – în special pentru utilizatori înregistra?i:
  • Newsletter, Sondaj, Chat, Forum

Pân? acum am spus numai lucruri bune. Dar ar fi suspect s? fie chiar a?a. Mai sunt ?i probleme, ?i o s? începem s? le g?sim, încet-încet.

C?utarea

C?utarea func?ioneaz?, ?i prezint? rezultatele organizate dup? tipul lor: ?tiri, Meciuri, Juc?tori etc. Num?rul de rezultate g?site eu l-a? fi pus la început: “Am g?sit x rezultate în y categorii”. La urm? nu are nici o relevan??, mai ales c? toate cele x rezultate sunt afi?ate.

Un lucru de l?udat este apari?ia formularului de c?utare avansat?, pe lâng? rezultatele în sine. Din p?cate, aceast? zon? nu este îngrijit? aproape deloc: alinierea nu e corect? ?i spa?iul ocupat ar fi putut fi mai mic f?r? a afecta claritatea.

O filtrare … “inedit?”

Problema mea cea mai mare este totu?i…chiar în mijlocul paginii principale!

Con?inutul este organizat în dou? categorii: ?tiri ?i Evenimente. Cam discret? diferen?a, dup? p?rerea mea. Dar ce e mai ciudat e un lucru pe care nu l-am mai v?zut în nici un alt loc: Butoanele care selecteaz? cele 2 categorii sunt…în mijlocul con?inutului!! Pagina începe cu un articol, care e probabil articolul zilei, urmeaz? o scurt? zon? de “pronostic” pentru meciul urm?tor, apoi cele 2 butoane, apoi restul articolelor. M-am uitat atent: articolul “principal” se schimb? ?i el în func?ie de categorie. Deci nu exist? scuza c? butoanele ar fi doar pentru restul articolelor. Nu, ele schimb? tot, deasupra ori dedesubt. Interesant.

În partea de jos mai este un filtru pentru articole, de data asta dup? subiect. Un lucru bun, dar dup? p?rerea mea locul filtrului era tot în partea de sus – eventual ni?te taburi sau ceva similar.

Clasamentul

Ca s? termin?m cu coloana din mijloc, nu prea am în?eles culorile alese pentru clasament. Contrastul e slab, ?i clasamentul face not? discordant? cu restul designului. Cel pu?in a?a mi se pare mie.

Pagina principal? = Pagin? de ?tiri?

Un alt lucru care nu mi-a pl?cut a fost c? pagina principal? seam?n? izbitor de mult cu sec?iunile de ?tiri. Din punctul meu de vedere, ar fi fost suficient ca pe pagina principal?, în zona central?, s? apar? articolul zilei, link la ?tiri, sec?iunea de pronostic ?i clasamentul – adic? s? fie eliminate celalte ?tiri (sau cel mult foarte condensate) În felul ?sta ar urca ?i clasamentul mai sus, nu ar fi la dou? ecrane distan??.

În rest – con?inut bun, cu mici probleme de prezentare

Am aruncat o privire ?i pe restul paginilor. Cantitatea de informa?ii este mai mult decât satisf?c?toare ca s? nu zic impresionant?, dar probleme mai apar pe alocuri: probleme de aliniere la sec?iunile de meciuri, CAPS la numele juc?torilor ?i a?ezare mai pu?in îngrijit?.

Înregistrarea – inten?ii bune, realizare slab?

Mi-au pl?cut inten?iile bune din sec?iunea de Înregistrare. Situl chiar vorbe?te cu userul ?i îl trateaz? “uman”, explicându-i cu r?bdare procesul ce va urma. Aceast? abordare a dialogului contribuie pozitiv la experien?a utilizator, dar modul de realizare în aceast? situa?ie nu e prea reu?it: Textul e prea amplu ?i trimite controalele înafara p?r?ii vizibile a ecranului. Astfel, la orice problem? în verificarea formularului, userul este întors la pagin?, dar problema nu este vizibil?. De-abia dac? intuie?te c? ceva nu a mers bine, va da scroll pân? în josul paginii ?i va putea vedea eroarea: “User deja existent”.

În plus, mesajul de eroare are aceea?i culoare ca restul textului de pe pagin? ?i este cu atât mai greu de distins.

Concluzii

M? opresc aici. Probabil ar mai fi de spus, dar deja cred c? am spus prea multe. R?mân la impresia mea bun? despre acest sit. Nu pentru c? ar avea ceva spectaculos sau o interac?iune extraordinar?. Ci doar pentru c? e mult mai mult decât a?teptam de la situl unei echipe de mijlocul clasamentului (?i asta în vremurile bune) de la noi.

P.S. Era s? uit: Am fost informat c? situl a fost f?cut de New Flavour.

?i-a pl?cut articolul? Aici îl po?i vota pe Blogoree.