June 14, 2018

Jurnalul unui designer UX/UI

๐—แดœส€ษดแด€สŸแดœสŸ แดœษดแดœษช แด…แด‡๐˜€ษชษขษดแด‡ส€ ๐—จ๐—ซ/๐—จ๐—œ แด˜ส€แด‡แดขษชษดแด›แด€ แดแดแด…แดœสŸ แด…แด‡ แด€ส™แดส€แด…แด€ส€แด‡ แด€สŸ แด…แด‡sษชษขษด-แดœสŸแดœษช แดส€ษชแด‡ษดแด›แด€แด› แด„แด€แด›ส€แด‡ ๐—จsแด‡ส€ ๐—˜๐˜…แด˜แด‡ส€ษชแด‡ษดแด„แด‡ sษช แด˜ส€แดษชแด‡แด„แด›แด€ส€แด‡แด€ ษชษดแด›แด‡ส€๊œฐแด‡แด›แด‡สŸแดส€ ษขส€แด€๊œฐษชแด„แด‡ [๐—จ๐—œ ๐——แด‡sษชษขษด] แด…ษชษดแด›ส€-แดœษด แด€สŸแด›๊œฐแด‡สŸ แด…แด‡ แด˜แดœษดแด„แด› แด…แด‡ แด แด‡แด…แด‡ส€แด‡

Daca analizam putin trecutul, vom observa un trend al carui inertie radiaza pana in zilele noastre. Si anume orientarea catre tehnologie.

Ce inseamna orientarea catre tehnologie? Orientarea catre tehnologie inseamna atentia exclusiva asupra partii tehnice, asupra tehnologiilor software, sistemului de operare, mediului de dezvoltare si limbajului de programare.

๐—”๐˜€๐˜๐—ฎ ๐—ฎ ๐—ฑ๐˜‚๐˜€ ๐—น๐—ฎ ๐—ผ ๐—บ๐˜‚๐—น๐˜๐—ถ๐—บ๐—ฒ ๐—ฑ๐—ฒ ๐—ณ๐—น๐—ฎ๐—บ๐—ฒ ๐˜„๐—ฎ๐—ฟ๐˜€ ๐—ถ๐—ป๐˜๐—ฟ๐—ฒ ๐—ฑ๐—ถ๐—ณ๐—ฒ๐—ฟ๐—ถ๐˜๐—ถ ๐˜€๐˜‚๐˜€๐˜๐—ถ๐—ป๐—ฎ๐˜๐—ผ๐—ฟ๐—ถ ๐—ฎ๐—ถ ๐—ฑ๐—ถ๐—ณ๐—ฒ๐—ฟ๐—ถ๐˜๐—ฒ๐—น๐—ผ๐—ฟ ๐˜๐—ฒ๐—ต๐—ป๐—ผ๐—น๐—ผ๐—ด๐—ถ๐—ถ ๐˜€๐—ผ๐—ณ๐˜๐˜„๐—ฎ๐—ฟ๐—ฒ.

Clientul era undeva la mijlocul acestui razboi high-tech, de asemenea devenind si elementul asupra caruia se rasfrangeau in final toate aspectele negative ale acestor versus-uri inutile.

Target-ul final era de fapt castigarea unui razboi surd intre sustinatorii diferitelor tehnologii, limbaje de programare si sisteme de operare, in nici un caz satisfactia consumatorului.

Asta pentru ca dezvoltatorii erau pur tehnici si orgoliosi iar utilizatorii erau nimic altceva decat niste nefericiti neinitiati pentru care tehnologia era un rau necesar doar pentru a-si duce treaba la bun sfarsit.

๐——๐—ฒ๐˜‡๐˜ƒ๐—ผ๐—น๐˜๐—ฎ๐—ฟ๐—ฒ๐—ฎ ๐˜‚๐—ป๐—ฒ๐—ถ ๐—ฎ๐—ฝ๐—น๐—ถ๐—ฐ๐—ฎ๐˜๐—ถ๐—ถ ๐—ป๐˜‚ ๐—ฝ๐˜‚๐—ป๐—ฒ๐—ฎ ๐—ฐ๐—น๐—ถ๐—ฒ๐—ป๐˜๐˜‚๐—น ๐—ณ๐—ถ๐—ป๐—ฎ๐—น ๐—ถ๐—ป ๐—ฐ๐—ฒ๐—ป๐˜๐—ฟ๐˜‚๐—น ๐—ฑ๐—ถ๐—ฟ๐—ฒ๐—ฐ๐˜๐—ถ๐—ฒ๐—ถ ๐—ฑ๐—ฒ ๐—ฑ๐—ฒ๐˜‡๐˜ƒ๐—ผ๐—น๐˜๐—ฎ๐—ฟ๐—ฒ, ๐—ฐ๐—ถ ๐˜๐—ฒ๐—ต๐—ป๐—ผ๐—น๐—ผ๐—ด๐—ถ๐—ฎ ๐˜€๐—ผ๐—ณ๐˜๐˜„๐—ฎ๐—ฟ๐—ฒ ๐—ณ๐—ผ๐—น๐—ผ๐˜€๐—ถ๐˜๐—ฎ ๐˜€๐—ถ ๐—ฒ๐˜ƒ๐—ฒ๐—ป๐˜๐˜‚๐—ฎ๐—น ๐˜€๐˜‚๐—ฏ๐˜๐—ถ๐—น๐—ฎ ๐˜‚๐—บ๐—ถ๐—น๐—ถ๐—ฟ๐—ฒ ๐—ฎ ๐—ฐ๐—ฒ๐—น๐—ผ๐—ฟ ๐—ฐ๐—ฎ๐—ฟ๐—ฒ ๐—ณ๐—ผ๐—น๐—ผ๐˜€๐—ฒ๐—ฎ๐˜‚ ๐˜๐—ฒ๐—ต๐—ป๐—ผ๐—น๐—ผ๐—ด๐—ถ๐—ถ ๐—ฐ๐—ผ๐—ป๐—ฐ๐˜‚๐—ฟ๐—ฒ๐—ป๐˜๐—ฒ!

Astfel s-a declansat un razvboi de care nimeni nu vroia sa vorbeasca, pe care nimeni nu vroia sa il recunoasca dar pe care toti il purtau, intre Java si C++, intre J2EE si .Net, intre Visual Basic si Delphi, intre Linux si Windows, intre Microsoft si Apple, intre Oracle si SQL Server, intre open source si closed source, iar lista poate continua la nesfarsit.

Ca atare, nimeni nu dadea doi bani pe client. El trebuia suportat cat timp isi prezenta cerintele si era bun cand semna cecurile [substantiale desigur] in momentul livrarii aplicatiei. Interfetele grafice erau dezvoltate de programatori care in cele mai multe cazuri nu aveau cunostinte avansate de proiectare a interfetelor grafice sau concepte de Design UX. Concepte care chiar daca existau atunci, in foarte multe cazuri erau complet ignorate.

๐—–๐˜‚ ๐˜๐—ถ๐—บ๐—ฝ๐˜‚๐—น, ๐—ฑ๐—ฎ๐˜๐—ผ๐—ฟ๐—ถ๐˜๐—ฎ ๐— ๐—ถ๐—ฐ๐—ฟ๐—ผ๐˜€๐—ผ๐—ณ๐˜ ๐˜€๐—ถ ๐—”๐—ฝ๐—ฝ๐—น๐—ฒ, ๐—น๐˜‚๐—บ๐—ฒ๐—ฎ ๐—ฎ ๐—ถ๐—ป๐—ฐ๐—ฒ๐—ฝ๐˜‚๐˜ ๐˜€๐—ฎ ๐—ฝ๐˜‚๐—ป๐—ฎ ๐˜๐—ผ๐˜ ๐—บ๐—ฎ๐—ถ ๐—บ๐˜‚๐—น๐˜ ๐—ฎ๐—ฐ๐—ฐ๐—ฒ๐—ป๐˜ ๐—ฝ๐—ฒ ๐—จ๐˜€๐—ฒ๐—ฟ ๐—˜๐˜…๐—ฝ๐—ฒ๐—ฟ๐—ถ๐—ฒ๐—ป๐—ฐ๐—ฒ ๐˜€๐—ถ ๐—ฝ๐—ฒ ๐—จ๐—œ ๐——๐—ฒ๐˜€๐—ถ๐—ด๐—ป. ๐——๐—ฎ๐—ฟ ๐—ฟ๐—ฒ๐—บ๐—ถ๐—ป๐—ฒ๐˜€๐—ฐ๐—ฒ๐—ป๐˜๐—ฒ ๐—ฎ๐—น๐—ฒ ๐—ฟ๐—ฎ๐˜‡๐—ฏ๐—ผ๐—ถ๐˜‚๐—น๐˜‚๐—ถ ๐˜๐—ฒ๐—ต๐—ป๐—ผ๐—น๐—ผ๐—ด๐—ถ๐—ฐ ๐—ฑ๐—ฒ ๐—ฎ๐—ฐ๐˜‚๐—บ ๐—ฐ๐—ฎ๐˜๐—ถ๐˜ƒ๐—ฎ ๐—ฎ๐—ป๐—ถ ๐—ฎ๐˜‚ ๐—ฟ๐—ฎ๐—บ๐—ฎ๐˜€ ๐˜€๐—ถ ๐—ถ๐—ป ๐˜‡๐—ถ๐—น๐—ฒ๐—น๐—ฒ ๐—ป๐—ผ๐—ฎ๐˜€๐˜๐—ฟ๐—ฒ!

Pentru noi ca dezvoltatori, arhitecti software, designeri UX/UI, manageri IT, CTO, sau ce functii mai detinem in cadrul companiilor pentru care lucram, nu mai conteaza atat de mult tehnologia in sine. Trebuie sa privim lucrurile โ€œdiferitโ€.

Tehnologia in sine nu este decat o unealta, nu este un scop. Nu este target-ul final, este doar o modalitate prin care putem obtine ceva, in cazul nostru, un produs software.

๐—ฃ๐—ฒ๐—ป๐˜๐—ฟ๐˜‚ ๐˜‚๐˜๐—ถ๐—น๐—ถ๐˜‡๐—ฎ๐˜๐—ผ๐—ฟ๐˜‚๐—น ๐—ณ๐—ถ๐—ป๐—ฎ๐—น ๐—ฐ๐—ผ๐—ป๐˜๐—ฒ๐—ฎ๐˜‡๐—ฎ ๐˜€๐—ฎ ๐—ผ ๐—ฝ๐—ผ๐—ฎ๐˜๐—ฎ ๐—ณ๐—ผ๐—น๐—ผ๐˜€๐—ถ ๐—™๐—”๐—ฅ๐—” ๐— ๐—”๐—ก๐—จ๐—”๐—Ÿ ๐——๐—˜ ๐—จ๐—ง๐—œ๐—Ÿ๐—œ๐—ญ๐—”๐—ฅ๐—˜. ๐—จ๐˜๐—ถ๐—น๐—ถ๐˜‡๐—ฎ๐˜๐—ผ๐—ฟ๐˜‚๐—น ๐—ป๐˜‚ ๐—ฐ๐—ถ๐˜๐—ฒ๐˜€๐˜๐—ฒ!

Nu citeste nici mesajele de eroare, nu citeste nici help-ul, nu citeste nici manualul de utilizare. Pentru ca nu are timp sa citeasca o documentatie a ceva care ar trebui sa functioneze de la sine, fara efort din partea lui.

El vrea sa porneasca telefonul mobil si sa faca un apel. Cat de mult credeti ca il va interesa in ce limbaj de programare e scrisa aplicatia de Dialer, pe ce sistem de operare ruleaza si ce framework foloseste? Cat de mult credeti ca va citi documentatia tehnica a aplicatiei si instructiunile de utilizare?

Pe acest principiu gandesc absolut toti utilizatorii. Fie ca e vorba de aplicatii folosite in scop personal, de divertisment sau pentru business. Nimeni nu vrea o aplicatie pentru care trebuie sa citeasca documentatia tehnica sau manualul de utilizare. Acest lucru ii frustreaza iar daca maine concurenta va oferi un produs software care sa le satisfaca aceste simple cerinte, vor deveni clientii lor. Iar noi nu vrem asta, nu?

๐—ก๐˜‚ ๐—บ๐—ฎ๐—ถ ๐—ฐ๐—ผ๐—ป๐˜๐—ฒ๐—ฎ๐˜‡๐—ฎ ๐˜€๐—ถ๐˜€๐˜๐—ฒ๐—บ๐˜‚๐—น ๐—ฑ๐—ฒ ๐—ผ๐—ฝ๐—ฒ๐—ฟ๐—ฎ๐—ฟ๐—ฒ ๐˜€๐—ถ ๐˜๐—ฒ๐—ต๐—ป๐—ผ๐—น๐—ผ๐—ด๐—ถ๐—ฎ ๐—ฝ๐—ฒ ๐—ฐ๐—ฎ๐—ฟ๐—ฒ ๐—ผ ๐—ณ๐—ผ๐—น๐—ผ๐˜€๐—ถ๐—บ!

Sistemul de operare il alegem in functie de target-ul audientei. Nu alegem sistemul de operare apoi fortam audienta sa il foloseasca. Lasam utilizatorul sa foloseasca mediul in care se simte confortabil. Daca foloseste produse Apple de o vreme, nu il vom obliga sa isi achizitioneze un smartphone cu Android.

De asemenea daca utilizatorul doreste mobilitate si accesarea aplicatiei dintr-un portal WEB, nu vom incerca sa il convingem sa foloseasca o aplicatie desktop din simplu motiv ca noi stim prea bine ca WEB sucks si WPF rulz and Desktop rocks.

Vom studia mediul in care utilizatorul se simte โ€œacasaโ€. Vom analiza ce foloseste, cu ce este familiarizat, daca prefera un Desktop sau poate tot timpul lucreaza pe un laptop, daca prefera tableta sau smartphone-ul. In functie de stilul de viata al acestuia vom trece la proiectarea solutiei de care are nevoie. Ulterior, vom stabili sistemul de operare target si in functie de sistemul de operare, vom alege mediul de dezvoltare, framework-ul si limbajul de programare.

๐—ข ๐—ฒ๐˜…๐—ฝ๐—ฒ๐—ฟ๐—ถ๐—ฒ๐—ป๐˜๐—ฎ ๐—ฝ๐—น๐—ฎ๐—ฐ๐˜‚๐˜๐—ฎ ๐—ฝ๐—ฒ๐—ป๐˜๐—ฟ๐˜‚ ๐˜‚๐˜๐—ถ๐—น๐—ถ๐˜‡๐—ฎ๐˜๐—ผ๐—ฟ ๐—ฒ๐˜€๐˜๐—ฒ ๐—ถ๐—ป ๐—บ๐—ผ๐—บ๐—ฒ๐—ป๐˜๐˜‚๐—น ๐—ถ๐—ป ๐—ฐ๐—ฎ๐—ฟ๐—ฒ ๐—ฎ๐—ฝ๐—น๐—ถ๐—ฐ๐—ฎ๐˜๐—ถ๐—ฎ ๐—ฟ๐˜‚๐—น๐—ฒ๐—ฎ๐˜‡๐—ฎ ๐—ถ๐—ป ๐—บ๐—ฒ๐—ฑ๐—ถ๐˜‚๐—น ๐—ถ๐—ป ๐—ฐ๐—ฎ๐—ฟ๐—ฒ ๐—ฒ๐—น ๐˜€๐—ฒ ๐˜€๐—ถ๐—บ๐˜๐—ฒ ๐—ฐ๐—ฒ๐—น ๐—บ๐—ฎ๐—ถ ๐—ฐ๐—ผ๐—ป๐—ณ๐—ผ๐—ฟ๐˜๐—ฎ๐—ฏ๐—ถ๐—น!

Este in momentul in care nu mai are nevoie de manual de utilizare, in momentul in care interfata grafica este intuitiva si placuta ochiului, in momentul in care aplicatia este logica iar pasii pe care trebuie sa ii urmeze sunt naturali, in momentul in care simte ca utilizand-o isi creste productivitatea si devine mai eficient.

๐‘ฌ๐’—๐’†๐’“๐’š๐’•๐’‰๐’Š๐’๐’ˆ ๐’”๐’‰๐’๐’–๐’๐’… ๐’ƒ๐’† ๐’Ž๐’‚๐’…๐’† ๐’‚๐’” ๐’”๐’Š๐’Ž๐’‘๐’๐’† ๐’‚๐’” ๐’‘๐’๐’”๐’”๐’Š๐’ƒ๐’๐’†, ๐’ƒ๐’–๐’• ๐’๐’ ๐’”๐’Š๐’Ž๐’‘๐’๐’†๐’“. [๐‘จ๐’๐’ƒ๐’†๐’“๐’• ๐‘ฌ๐’Š๐’๐’”๐’•๐’†๐’Š๐’]

Complexitatea unei aplicatii se muta. Se muta de la utilizator la programator. Se muta din interfata grafica in codul sursa. Poate ca pentru a face viata utilizatorului mai usoara o ingreunam pe cea a dezvoltatorilor.

๐—ง๐—ฒ๐—ต๐—ป๐—ผ๐—น๐—ผ๐—ด๐—ถ๐—ฎ ๐˜๐—ฟ๐—ฒ๐—ฏ๐˜‚๐—ถ๐—ฒ ๐˜€๐—ฎ ๐—ฑ๐—ฒ๐˜€๐—ฒ๐—ฟ๐˜ƒ๐—ฒ๐—ฎ๐˜€๐—ฐ๐—ฎ ๐˜‚๐˜๐—ถ๐—น๐—ถ๐˜‡๐—ฎ๐˜๐—ผ๐—ฟ๐˜‚๐—น ๐˜€๐—ถ ๐—ป๐˜‚ ๐—ถ๐—ป๐˜ƒ๐—ฒ๐—ฟ๐˜€!

Tehnologia trebuie sa fie o extensie naturala a individului, indiferent ca vorbim de un PC sau de un smartphone. Utilizatorul nu trebuie sa fie sclavul tehnologiei, ci stapanul ei, trebuie sa simta ca o are sub control, nu ca este controlat de ea.

Orientarea corecta este catre utilizator si catre nevoile acestuia. Aplicatia pe care o construim nu este decat un tool care sa ii faca viata mai usoara, cu ajutorul careia sa isi termine cat mai rapid treaba pentru a se putea dedica lucrurilor cu adevarat importante โ€“ familia, pasiunile, prietenii.

๐—ฆ๐—ฐ๐—ผ๐—ฝ๐˜‚๐—น ๐˜ƒ๐—ถ๐—ฒ๐˜๐—ถ๐—ถ ๐˜‚๐—ป๐˜‚๐—ถ ๐˜‚๐˜๐—ถ๐—น๐—ถ๐˜‡๐—ฎ๐˜๐—ผ๐—ฟ ๐—ป๐˜‚ ๐—ฒ๐˜€๐˜๐—ฒ ๐—ฎ๐—ฐ๐—ฒ๐—น๐—ฎ ๐—ฑ๐—ฒ ๐—ฝ๐—ถ๐—ฒ๐—ฟ๐—ฑ๐—ฒ ๐˜๐—ถ๐—บ๐—ฝ ๐—ถ๐—ป๐˜ƒ๐—ฎ๐˜๐—ฎ๐—ป๐—ฑ ๐—ฎ๐—ฝ๐—น๐—ถ๐—ฐ๐—ฎ๐˜๐—ถ๐—ฎ ๐—ป๐—ผ๐—ฎ๐˜€๐˜๐—ฟ๐—ฎ!

Dimpotriva, este acela de a scapa cat mai repede de ea… V-ati facut treaba in momentul in care utilizatorul doreste sa mai deschida o data aplicatia voastra, pentru simplu motiv ca ii place.

๐‘ซ๐’†๐’”๐’Š๐’ˆ๐’ ๐’Š๐’” ๐’๐’๐’• ๐’‹๐’–๐’”๐’• ๐’˜๐’‰๐’‚๐’• ๐’Š๐’• ๐’๐’๐’๐’Œ๐’” ๐’๐’Š๐’Œ๐’† ๐’‚๐’๐’… ๐’‡๐’†๐’†๐’๐’” ๐’๐’Š๐’Œ๐’†. ๐‘ซ๐’†๐’”๐’Š๐’ˆ๐’ ๐’Š๐’” ๐’‰๐’๐’˜ ๐’Š๐’• ๐’˜๐’๐’“๐’Œ๐’”. [๐‘บ๐’•๐’†๐’—๐’† ๐‘ฑ๐’๐’ƒ๐’”]

Am inventat computerele personale acum multi ani cu scopul de a ne face viata mai usoara, noua si tuturor celor care le folosesc. Dar in loc sa facem viata oamenilor mai usoara, am sfarsit prin a obliga toti utilizatorii de tehnologie sa devina mini-technicus.

E timpul sa ne regandim strategia si sa facem tehnologia sa isi indeplineasca scopul pentru care a fost creata, acela de a face viata oamenilor mai simpla, nu de a o transforma intr-un calvar.

๐‘‡๐‘Ÿ๐‘Ž๐‘–๐‘š, ๐‘”๐‘Ž๐‘›๐‘‘๐‘–๐‘š ๐‘ ๐‘– ๐‘ฃ๐‘–๐‘ ๐‘Ž๐‘š ๐‘–๐‘› ๐‘๐‘ข๐‘™๐‘œ๐‘Ÿ๐‘–. ๐ผ๐‘Ž๐‘Ÿ ๐‘’๐‘ข ๐‘๐‘Ÿ๐‘’๐‘‘ ๐‘๐‘Ž ๐‘ƒ๐ถ-๐‘ข๐‘™, ๐‘ก๐‘Ž๐‘๐‘™๐‘’๐‘ก๐‘Ž ๐‘ ๐‘– ๐‘ ๐‘š๐‘Ž๐‘Ÿ๐‘ก๐‘โ„Ž๐‘œ๐‘›๐‘’-๐‘ข๐‘™ ๐‘ก๐‘Ÿ๐‘’๐‘๐‘ข๐‘–๐‘’ ๐‘ ๐‘Ž ๐‘“๐‘Ž๐‘๐‘Ž ๐‘™๐‘Ž ๐‘“๐‘’๐‘™. ๐‘‡๐‘’โ„Ž๐‘›๐‘œ๐‘™๐‘œ๐‘”๐‘–๐‘Ž ๐‘ก๐‘Ÿ๐‘’๐‘๐‘ข๐‘–๐‘’ ๐‘ ๐‘Ž ๐‘‘๐‘’๐‘ฃ๐‘–๐‘›๐‘Ž ๐‘œ ๐‘๐‘Ž๐‘Ÿ๐‘ก๐‘’ ๐‘‘๐‘–๐‘› ๐‘›๐‘œ๐‘–, ๐‘ ๐‘Ž ๐‘›๐‘’ ๐‘๐‘œ๐‘›๐‘’๐‘๐‘ก๐‘’๐‘ง๐‘’ ๐‘๐‘Ž ๐‘–๐‘›๐‘‘๐‘–๐‘ฃ๐‘–๐‘ง๐‘–, ๐‘๐‘Ž ๐‘œ๐‘Ž๐‘š๐‘’๐‘›๐‘–, ๐‘๐‘Ž ๐‘ ๐‘œ๐‘๐‘–๐‘’๐‘ก๐‘Ž๐‘ก๐‘’. ๐‘†๐‘– ๐‘๐‘’๐‘™ ๐‘š๐‘Ž๐‘– ๐‘–๐‘š๐‘๐‘œ๐‘Ÿ๐‘ก๐‘Ž๐‘›๐‘ก, ๐‘ ๐‘Ž ๐‘›๐‘’ ๐‘Ž๐‘ก๐‘–๐‘›๐‘”๐‘Ž ๐‘–๐‘›๐‘–๐‘š๐‘–๐‘™๐‘’. ๐‘ƒ๐‘’๐‘›๐‘ก๐‘Ÿ๐‘ข ๐‘๐‘Ž ๐‘‘๐‘Ž๐‘๐‘Ž ๐‘๐‘œ๐‘ก๐‘– ๐‘Ž๐‘ก๐‘–๐‘›๐‘”๐‘’ ๐‘–๐‘›๐‘–๐‘š๐‘Ž ๐‘๐‘ข๐‘–๐‘ฃ๐‘Ž, ๐‘๐‘œ๐‘ ๐‘–๐‘๐‘–๐‘™๐‘–๐‘ก๐‘Ž๐‘ก๐‘–๐‘™๐‘’ ๐‘ ๐‘ข๐‘›๐‘ก ๐‘›๐‘’๐‘™๐‘–๐‘š๐‘–๐‘ก๐‘Ž๐‘ก๐‘’.