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?…

Filmule?ul aici.

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.

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?!

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 = 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.

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:

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

• user interactions with those products and services (defini?ia complet? pe ixda.org)

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.

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:

Succes!

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”.

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.

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?…

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…