Archive for the 'Interactiune' Category

Cosmote dă cu virgulă

Monday, May 10th, 2010

Am fost azi să îi plătesc o factură maică-mii – factură la Cosmote, ultima, după ce își închisese abonamentul.
Factura costa 121,5 RON, sau ceva de genul ăsta. Când să plătesc, băiatul de acolo îmi zice:

Pot să vă iau 122? Îmi dă eroare dacă pun cu virgulă

și o altă angajată de acolo completează:

Chiar, am primit ieri un mail să nu mai luăm deloc cu virgulă, că dă eroare

Am plătit fără virgulă, ce să fac. Te pui cu virgula? :)

E fain să fii acasă. Găsești atâtea momente care să te facă să zâmbești…Nu, pe bune, când sistemul merge strună parcă prea e plictisitor. Aici nu te plictisești niciodată…

Microsoft SecondLight

Friday, October 31st, 2008

O chestie destul de interesantă, Microsoft SecondLight ăsta. Mulţumesc Bogdan!

Filmuleţul aici.

Situl săptămânii – iLeo blog

Thursday, March 13th, 2008

Mă uitam azi pe la ce bloguri sunt pe la RoBlogFest anul ăsta, ca să am ce îmi pune şi eu în Google Reader.

Am văzut bloguri şi mai arătoase şi mai puţin arătoase, şi mai îngrijite şi mai puţin îngrijite, dar cum pe mine mă interesa mai mult conţinutul, n-am dat prea multă atenţie şi mi-am văzut de văzut.

Asta până am dat de blogul iLeo, care…m-a pus un pic în dificultate. Aş zice fără comentarii, dar nu mă pot abţine. Poate au vrut un design deosebit, poate au vrut un blog care să iasă în evidenţă…Nu ştiu. Dar le-au reuşit pe amândouă. E de departe cel mai greu de utilizat blog peste care am dat în toată căutarea asta a mea. Flash-ul se mişcă extrem de încet (mai există şi html, remember?!), designul nu îşi comunică eficient funcţia, şi îţi ia câteva minute bune să te prinzi cam ce au vrut ei să facă acolo.

Blog iLeo

Numele îmi părea cunoscut, aşa că am căutat repede pe Google şi am găsit în articolul ăsta: iLeo e agentie interactiva parte a grupului Leo Burnett. Nu ştiu eu multe, dar parcă şi de Leo Burnett am auzit. Agenţie de publicitate de tradiţie. Bun. Mă întorc la articolul de mai sus. Zice aşa:

“Am ales un tratament si o tehnologie flash care ne permite crearea unei functionalitati si a unei experiente mai bune pentru vizitatori”, spune un anume domn Mugur Patrascu.

Expresie faină asta cu experienţa utilizator, sau experienţa vizitator în cazul de faţă. Dar din păcate, pe la noi nimeni nu prea ştie exact ce înseamnă şi cum se face bine. Dar mai ştii? Poate cândva o să înveţe.

Ok, poate am exagerat un pic cu critica. Dar ce vrei, la nume mare, pretenţii mari. Şi la urma urmei, blogul e în beta. Mai ştii, poate aşa află oamenii suficient de repede că design de interacţiune nu e acelaşi lucru cu flash show-off şi mai încearcă o tură.

Baftă!

Interaction 2008 Savannah

Wednesday, February 20th, 2008

ixda08.png

A trecut vreo săptămână de când s-a terminat prima conferinţă internaţională pe tema Interaction Design organizată vreodată. A fost în America, şi n-am putut să merg, normal, dar tot am parte de nişte bunătăţi de acolo, bunătăţi disponibile pentru oricine e interesat.

Mai jos e o listă cu înregistrări video de la toate prezentările din cadrul conferinţei. Multe din ele sunt interesante. Din ce am văzut până acum, cea a lui Cooper şi cea a lui Buxton mi-au plăcut cel mai mult.  Şi mi-a plăcut şi proiectul lui Carl DiSalvo. Normal, fiecare cu gusturile lui, deci puteţi să vă ghidaţi după titlu şi să vedeţi ce vă interesează. Enjoy!

Concept Ideation and IxD, Gretchen Anderson
http://www.brightcove.tv/title.jsp?title=1414319101&channel=1274129191

Experience Design, Convergence + The Digital Agency, David Armano
http://www.brightcove.tv/title.jsp?title=1414319087&channel=1274129191

Effective Prototyping Methods, Jonathan Arnowitz
http://www.brightcove.tv/title.jsp?title=1414319296&channel=1274129191

Classic Design Movements and IxD: Kissing Cousins?, Chris Bernard
http://www.brightcove.tv/title.jsp?title=1414319111&channel=1274129191

Help Me! A New Approach to Support Interactions, Doug Bolin
http://www.brightcove.tv/title.jsp?title=1414319281&channel=1274129191

Concept Models: A Tool for Planning Interaction, Dan Brown
http://www.brightcove.tv/title.jsp?title=1414289526&channel=1274129191

An Insurgency of Quality, Alan Cooper
http://www.brightcove.tv/title.jsp?title=1416866797&channel=1274129191

New IxDA Board, Dave Malouf
http://www.brightcove.tv/title.jsp?title=1415621296&channel=1274129191

IxD for Community Empowerment, Carl DiSalvo

http://www.brightcove.tv/title.jsp?title=1411851460&channel=1274129191

Self-Conscious Gaming, Andrew Hieronymi
http://www.brightcove.tv/title.jsp?title=1415631211&channel=1274129191

Designing for the Other 99%, Morten Hjerde
http://www.brightcove.tv/title.jsp?title=1414281550&channel=1274129191

Designing for SpaceTime, Building in No-Time, Matt Jones
http://www.brightcove.tv/title.jsp?title=1414327695&channel=1274129191

Redesigning Sony-Ericsson’s Product Catalog, Saskia Idzerda
http://www.brightcove.tv/title.jsp?title=1415631194&channel=1274129191

Intervention-Interaction, Sigi Moeslinger
http://www.brightcove.tv/title.jsp?title=1414327646&channel=1274129191

New Interaction Model for a Modular Personal Infotainment System,
Sajid Saiyed
http://www.brightcove.tv/title.jsp?title=1414327521&channel=1274129191

Strategic Boredom, Molly Wright Steenson
http://www.brightcove.tv/title.jsp?title=1414319103&channel=1274129191

Interaction Across Disciplines, Michele Tepper
http://www.brightcove.tv/title.jsp?title=1414319228&channel=1274129191

Ethics of Everyday Design, Gabriel White
http://www.brightcove.tv/title.jsp?title=1414319098&channel=1274129191

User Interface Design in an Agile Environment: Enter the Design
Studio, Jeff White and Jim Unger
http://www.brightcove.tv/title.jsp?title=1414319116&channel=1274129191

Fieldwork and Sketching: Translating Research Themes into Conceptual
Designs, Susan Wyche
http://www.brightcove.tv/title.jsp?title=1414289497&channel=1274129191

Cinematic Interaction Design, Sarah Allen
http://www.brightcove.tv/title.jsp?title=1418571177&channel=1274129191

Experience Design, Convergence + The Digital Agency, David Armano
http://www.brightcove.tv/title.jsp?title=1418571183&channel=1274129191

The Design Ecosystem, Bill Buxton
http://www.brightcove.tv/title.jsp?title=1418571118&channel=1274129191

Design for Flow, Dave Cronin
http://www.brightcove.tv/title.jsp?title=1418571288&channel=1274129191

Device Art, Regine Debatty
http://www.brightcove.tv/title.jsp?title=1417315546&channel=1274129191

Conversations with Everyday Objects, Bill DeRouchey
http://www.brightcove.tv/title.jsp?title=1418571283&channel=1274129191

Hit It with the Pretty Stick, Jenny Lam
http://www.brightcove.tv/title.jsp?title=1417300539&channel=1274129191

Don’t Make Me Click, Aza Raskin
http://www.brightcove.tv/title.jsp?title=1418562142&channel=1274129191

Closing Remarks, Dan Saffer
http://www.brightcove.tv/title.jsp?title=1417300534&channel=1274129191

“UI design patterns” – o resursa valoroasa

Wednesday, February 6th, 2008

Cei care am trecut pe la Info ştim cam ce e ăla un pattern de proiectare: Eşti pus în faţă cu o problemă, care, în forme niţel diferite, a mai fost rezolvată de zeci alţii înaintea ta. În loc să te apuci să gândeşti problema de la început şi să o întorci pe toate feţele, apelezi la un design pattern: o abordare generală şi de succes pentru problemele de tipul ăsta, care, adaptată la contextul tău, îţi pot oferi o soluţie bună într-un timp relativ scurt. Cele mai cunoscute printre programatori, sunt, bineînţeles, şabloanele de proiectare a arhitecturii unei aplicaţii – softare design patterns. Dar mai există o clasă de patternuri, puţin mai tânără probabil, care poate fi de mare folos în special web designerilor şi designerilor de interfeţe-utilizator. Se cheamă UI design patterns.

UI = User Interface, deci un UI design pattern trebuie să fie un mod de rezolvare a unei probleme de design de interfaţă, prin folosirea unei soluţii standard care “a mers” în situaţii similare. Multe astfel de patternuri sunt deja folosite de designeri, chiar dacă nu întotdeauna în mod conştient. Altele le-ar putea fi de folos, dacă ar şti de ele şi ar şti cum să le aplice.

Aşadar, am ajuns la partea cu bunătătţi. Colecţii de UI/IxD/IA design patterns care merită văzute şi folosite:

Welie.com

Designing Interfaces

Yahoo Design Pattern Library

Mai sunt şi altele, şi sunt uşor de găsit. Mie astea îmi sunt de ajuns. Dacă eşti designer, sper să îţi fie de folos.

Prototipuri pe hartie

Tuesday, January 8th, 2008

Prototipurile pe hartie, sau paper prototypes, sunt folosite ca metodă extrem de ieftină (cu avantajele şi dezavantajele ei) de a concepe şi comunica alcătuirea şi funcţionarea unui produs interactiv.

Dacă tot aplic iar la programul de Interaction Design din Malmo (printre altele), am făcut şi eu câteva prototipuri de hârtie, ca parte din soluţia la tema propusă de ei. (mai sunt şi alte documente care alcătuiesc soluţia, şi pe prototipuri urmează să pun post-it-uri despre cum funcţionează)

Pentru cei interesaţi de exemple cu ce mi-a ieşit, am făcut câteva poze:

Proto devicePrototip default viewPrototip Calling…Prototip InboxPrototip mesaj nouPrototip 2 ferestrePrototip history

Design de interacţiune – definiţie

Wednesday, January 2nd, 2008

Probabil mulţi dintre voi se întreabă, când mai citesc unele articole de-ale mele: “Ce naiba mai scrie ăsta acolo? Ce design? Ce interacţiune?”

Ca să nu mai zic, sunt întrebat de multe ori ce vreau să mă fac. (“La vârsta asta?!” Păi… da, se mai întâmplă). Şi răspund: “-Păi…Interaction Designer”. “-Aha. Şi ce e aia?”.

Şi încerc să răspund, dar nu e uşor. Dacă sunt în formă şi în dispoziţia potrivită, reuşesc să explic şi omul înţelege cât de cât. Dacă nu, nu.

Deci ce e aia Interaction Design, sau Design de Interacţiune, sau Proiectare de Interacţiune? Hai să încerc şi în scris…

Încep cu definiţiile altora:

Wikipedia:

Interaction Design (IxD or IaD) is the discipline of defining the behavior of products and systems that a user can interact with. (definiţia completă pe Wikipedia)

“Proiectarea Interacţiunii este disciplina definirii comportamentului produselor şi sistemelor cu care un utilizator poate interacţiona.”

Interaction Design Association:

Interaction design (IxD) is the branch of user experience design that illuminates the relationship between people and the interactive products they use. [...] In summary, interaction design defines

  • the structure and behaviors of interactive products and services

Proiectarea interacţiunii este ramura proiectării experienţei utilizator care iluminează relaţia dintre oameni şi produsele interactive pe care ei le folosesc. [...] Pe scurt, proiectarea interacţiunii defineşte

  • structura şi comportamentul diferitelor produse şi servicii interactive
  • interacţiuni ale utilizatorilor cu acele produse şi servicii.

A. Cooper & R. Reimann (About Face 2.0):

Interaction design is the definition and design of the behavior of artifacts, environments, and
systems, as well as the formal elements that communicate that behavior.

“Proiectarea interacţiunii înseamnă definirea şi proiectarea comportamentului artefactelor, mediilor şi sistemelor, şi de asemenea a elementelor formale ce comunică acel comportament.”

Dan Saffer (Designing for Interaction) :

Interaction design is the art of facilitating interactions between humans through products and services.

Proiectarea interacţiunii este arta facilitării interacţiunii dintre oameni cu ajutorul produselor şi serviciilor.

Avem deci 4 definiţii. Sper ca una din ele măcar să sune ceva clopoţei. Mie personal îmi plac cea de la Wikipedia (cea mai clară şi bine formulată) şi cea din About Face (cea mai completă, pentru că vorbeşte şi de comunicarea soluţiei, nu doar de găsirea ei).

Sunt şi diverse diagrame care încearcă să prezinte locul IxD în relaţie cu alte discipline. Probabil cea mai cunoscută astfel de diagramă (cel puţin mie) e cea a lui Saffer. Sper să vedeţi ceva cuvinte cheie cunoscute pe acolo.

Cam atât cu definiţia IxD. Sper că m-am exprimat mai bine în scris :) . Am să revin cu detalii în alte articole.

Situl săptămânii: 360city.ro

Saturday, December 1st, 2007

360city s-a lansat recent, din câte îmi dau seama. Ideea principală sunt imaginile panoramice cu oraşul Iaşi, realizate de Panovision, firma care a creat şi situl.

Ideea e bună, intenţiile onorabile (promovarea oraşului Iaşi, şi, pe viitor, şi a altor oraşe din România), panoramele faine.

Din păcate, realizarea sitului cam scârţâie. Cel puţin până acum.

Meniul principal are o animaţie de vreo 2 secunde, în care toate opţiunile apar, una câte una, de la stânga la dreapta. Animaţia e faină, dar potrivită doar pentru prima încărcare. Din păcate, aceeaşi animaţie se repetă la fiecare selectare de opţiune din meniu (mai exact, la încărcarea oricărei pagini a sitului). Asta, normal, înşeală aşteptările (de ce aş vrea să mai încarc o dată meniul încărcat deja şi care stătea bine acolo?) şi deranjează (animaţia nu e tocmai discretă).

Partea cea mai interesantă, din punct de vedere al conţinutului, e, deocamdată, “360 IS“: acolo sunt până acum 7 panorame, cu locaţii interesante din Iaşi. Şi aici se putea şi mai bine, în ce priveşte situl. Flow-ul normal, în situaţia asta, e acelaşi cu într-o galerie de fotografii: deschid prima panoramă, o văd, apoi trec la a doua. Şi aşa mai departe. Din păcate, nu s-a avut în vedere asta, şi pentru fiecare panoramă e nevoie de un click în plus (de revenire la pagina anterioară). Acuma, puteţi să ziceţi că un click nu e mare lucru…Dar la 7 panorame, deja se simte. Imaginaţi-vă dacă ar fi vreo 30. Ca să nu zic că mai e şi meniul care porneşte de fiecare dată :) . Oricum, problema s-ar putea rezolva destul de uşor. Există şi un design pattern pentru asta.

În meniul din stânga, la Baruri şi Cafenele, am găsit Sage Cafe. Nimic de comentat aici, doar mă bucur că autorii au gust la cafenele :) . În rest, toate celelalte secţiuni din acest meniu afişează: “! NU A FOST GASIT NICI UN REZULTAT”. Cu siguranţă se putea găsi o cu totul altă formulare. Cum ar fi: “Suntem pe drum la făcut poze. Reveniţi în curând, pentru a găsi şi alte panorame cu locaţii faine din Iaşi”. Ca să nu mai zic: când o să ne învăţăm şi noi SĂ NU MAI ŢIPĂM LA UTILIZATOR, mai ales atunci când problema e de partea noastră?

Am fost puţin şi în secţiunea Contact. Asta pentru că sunt sadic şi ştiu că acolo întotdeauna găsesc probleme… Ce-am găsit aici, pe scurt: steluţele din dreptul câmpurilor din formular lipsesc (sau lipseşte fraza “vă rugăm completaţi toate câmpurile!” la începutul formularului). Bineînţeles, în caz de necompletare, mesajul de eroare nu lipseşte: “NU ATI COMPLETAT TOATE CAMPURILE”. Şi doar ştim regulile: erorile se previn, nu se tratează şi oferă feedback imediat şi util. Ideal ar fi fost, normal, şi puţin ajutor de la Javascript, de genul background galben pentru câmpurile necompletate şi verde pentru cele completate. Dar nu era obligatoriu, dacă aveam măcar nişte steluţe.

Tot la contact, formularea “Validare imagine” mi se pare un pic amuzantă. Doar e validat user-ul, nu imaginea, nu? :) . Mai simplu ar fi fost de găsit un captcha şi de tradus de acolo. Ar fi venit ceva de genul: “Introduceţi cuvântul din imagine”.

…Acuma să nu mă înţelegeţi greşit: situl arată bine, e închegat, e atractiv. E destul de curat şi organizat, şi făcut cu bun gust. Ideea e foarte bună, panoramele reuşite, şi sper să le meargă bine. Buba e tocmai la …interacţiune.

Şi dacă tot m-am luat de săracii oameni, hai măcar să fac şi eu un pic de promovare cu o imagine din secţiunea Promo:

Vizitează-mi oraşul

Succes!

Trecerea de pietoni

Saturday, November 17th, 2007

Acasă în Iaşi, pe Independenţei, e o trecere de pietoni. E o trecere mai specială: pietonii trec, şoferii claxonează.

Om trecând strada, printre maşini

De ce claxonează şoferii? ne întrebăm. Păi pentru ei, trecerea nu mai există. Indicatoarele sunt scoase, trecerea e mutată mai încolo. Atunci…de ce trec pietonii? Ce e în mintea lor?!

Păi nu ştiu, uitaţi-vă şi voi în poză şi spuneţi: e trecere sau nu e trecere? Eu aş spune că este. Şi aşa ar spune şi bieţii oameni care încearcă să treacă strada pe acolo (cam câte un om la 2 minute,aşa), şi primesc claxoane iritate de la şoferi, enervaţi că “ăştia tot n-au învăţat”.

img_0077.jpg

Ce s-a întâmplat de fapt? Păi simplu: cine a mutat trecerea mai încolo, s-a gândit că un indicator de 20 pe 50 de centimetri amplasat la 20 de metri de pieton în direcţia în care acesta priveşte (direcţia trecerii străzii) e suficient să anuleze semnalul clar de trecere de pietoni transmis de zebra de zeci de metri pătraţi vopsită pe şosea.

Indicatorul, de aproape

Greşit!

Stimaţi domni responsabili de această schimbare, oricine aţi fi, soluţia era evidentă şi obligatorie: daţi cu smoală pe zebră! Vopsiţi-o în gri, anulaţi-o, daţi cu diluant în vopsea! Ceva în genul ăsta, aţi prins ideea…Şi nu mai puneţi în pericol viaţa a zeci de oameni zilnic, şi nu mai încurcaţi circulaţia şi enervaţi şoferii şi pietonii, şi nu mai trimiteţi agenţi de circulaţie doar ca să stea să dirijeze o trecere de pietoni care nu mai există…

Pietoni pe trecerePietoni pe trecerePietoni pe trecere

Semafoare noi în Anglia

Thursday, November 8th, 2007

Azi m-am distrat citind un articol (în engleză) despre noile semafoare din unele oraşe din Anglia.

Designerii semafoarelor s-au gândit că ar fi o idee bună să inoveze, fără să se deranjeze să înţeleagă designul semafoarelor clasice (ca să ştie măcar ce aruncă la gunoi), sau cel puţin să testeze designul cu niscaiva oameni înainte să îl pună pe străzi…