User eXperience – Strategia conținutului

Am învățat astăzi câteva lucruri despre experiența utilizatorilor (User Experience – UX) despre conținutul paginilor web.

Pentru construirea unui site web este nevoie de un plan, altfel se risipesc bani degeaba. Din păcate și eu am început prost, fără niciun plan, construiam site-uri și ce ieșea, ieșea. Pe primul plan mă interesa satisfacerea clientului și nu neapărat rezultatele. După câțiva ani de muncă în domeniu (și o pauză de cel puțin trei ani în colaborarea directă cu clienții), mi-am dat seama că nu e bine cum procedez și, pentru că de ceva timp pe internet există o abundență de materiale de studiu și mentorat și muuuulte altele, am început să mă dezvolt din punct de vedere profesional. Până acum doi-trei ani, dacă mă întreba cineva ce serviciu am, spuneam scurt: sunt web designer, dar în ziua de azi nu aș putea să spun ce anume sunt: web designer, user experience designer, web developer, front-end web developer… sunt multe. Acum am pus un nou început din punct de vedere profesional. Vreau să fiu web designer însă acel web designer care știe despre ce este vorba într-un site: cercetare, planificare, design și programare web.

Cum spuneam, azi am învățat despre strategia conținutului:

  • informația trebuie să fie prezentată la timpul potrivit, în locul potrivit
  • dispozitivele mobile au devenit mai importante ca niciodată și foarte variate (smartwatch, smartphone, tablet, smart-tv, ecrane în mașini etc); în consecință, conținutul trebuie să fie flexibil
  • precum fiecare dintre noi are o voce și o anumită tonalitate, la fel și site-urile trebuie să aibă o „voce” și un „ton” al conținutului. Adică, într-un fel va fi scris conținutul pentru prezentarea unei grădinițe și în altfel pentru prezentarea unui birou de avocatură. „Vocea” trebuie să fie consistentă pe tot parcursul site-ului, pe când „tonalitatea” poate varia
  • conținutul trebuie să prezinte ceva și să genereze ceva (cumpărături, abonări etc.)

Pentru a avea succes de pe urma site-ului, trebuie analizată audiența (sau posibila audiență, vizitatorii site-ului) dup care se stabilește ce anume vrea site-ul să comunice sau să prezinte și în final care sunt așteptările.

Pe scurt:

Profilul Audienței -> Prezentarea Conținutului -> Obiective.

Uneltele nu te fac mai bun, ci pot doar să-ți ușureze munca

Titlul este adevărat. Trist este faptul că deși alții au experimentat și au ajuns la unele concluzii, există o categorie de oameni din care fac și eu parte  în care este reprezentativ faptul că dorim să ne lovim și noi cu capul de ce s-au lovit alții și nu prea vrem să învățăm din experiențele altora.

Uneltele sau orice altceva folosim în muncă, nu ne fac mai buni ci, în cel mai bun caz, ne pot ușura munca. Este o mare iluzie (cel puțin în IT) în care cădem mulți – aceea că dacă suntem la zi cu tendințele și tehnologia, automat suntem și buni și profesioniști.

De multe ori mă gânesc la o frază pe care am auzit-o într-un video de pe internet: „Start Small”

Bonfire: Check for Palindromes

Am obiceiul să complic lucrurile dar uite că acest bonfire a fost relativ usor. Codul original era putin mai lung (mai alex regexp) dar am văzut că cineva de pe gitter a sugerat doar \W|_ care înseamnă toate caracterele care nu sunt litere sau (|) underscore _

RegExp de la Mozilla e bun tare https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp

function palindrome(str) {
str = str.replace(/\W|_/g, '').toLowerCase();
return str == str.split('').reverse().join('');
}

palindrome("eye");

Update: Se mai poate și [\W_] sau [^a-zA-Z0-9]

Bonfire: Binary Agents

Mi-a mai revenit puțin moralul. Mai jos este soluția pe care am găsit-o eu la acest bonfire:

function binaryAgent(str) {
str = str.replace(/([0-9]+)(\s)?/g, function(match, p1, p2){ p1 = String.fromCharCode(parseInt(p1, 2)); p2 = ''; return p1+p2; });
return str;
}

console.log(binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111"));

Spor 🙂

Spațiul de muncă pentru web design și web development

Spațiul de unde îmi desfășor munca de zi cu zi

IMG_5155

Programele principale pe care le folosesc in web design și web development sunt: Adobe Photoshop, JetBrains PhpStorm, Firefox și Chrome, Greenshot. Am cheltuit ceva bănuți pe sistem deoarece folosesc și mașini virtuale (Oracle VM VirtualBox) care necesită resurse. Am cumpărat și o placă video puțin mai bună (un ASUS GTX 970 OC DirectCU II) deoarece voiam să mă și joc însă jocurile astea nu sunt chiar atât de bune (cel puțin pentru mine). Dacă stai să te gândești câte ai putea să faci cu timpul care se duce degeaba în timpul jocului nu prea îți mai arde de joacă. M-am jucat foarte mult (nu exagerat) și îmi plăceau foarte mult jocurile cu mașini (seria NFS, în special Underground 1 și 2 și Most Wanted) iar pe lângă ele mai jucam Counter-Strike (1.6 și GO), Fifa, DotA. Dar toate mănâncă timp. Orice pierzi pe lumea asta, poți recupera sau înlocui mai puțin timpul. Acum, aruncând o privire din punct de vedere creștin ortodox, timpul ne-a fost lăsat de Dumnezeu spre a ne desăvârși iar noi îl irosim foarte ușor ca și cum am fi stăpâni peste el. Dar despre acest aspect voi mai deschide un subiect puțin mai târziu în care să îmi expun gândurile.

Revenim.

De ceva s-a stabilit un trend printre web designeri de a realiza designul siteurilor direct în browser iar în acest caz nu prea mai este nevoie de Photoshop. Alții creează layouturi în Fireworks sau Illustrator / Sketch (pentru Mac). Într-adevăr, crearea unui site direct in browser salvează timp și este mai ușor de prezentat funcționalitatea lui, urmând ca ajustările legate de grafică / aspect să fie realizate ulterior. Adobe oferă posibilitatea achiziționării unui pachet photography pentru aprox. 50lei/lună în care ai inclus photoshop și ligthroom ceea ce e suficient.

Astăzi ca web designer trebuie să știi: Adobe Photoshop, HTML(5) + CSS(3), JavaScript și ceva legat de backend web development cum ar fi PHP și MySQL sau Ruby și PostgreSQL sau MongoDB plus cunoștințe de github. Pe mine m-au ajutat foarte mult cursurile de pe Code School apoi cele de pe codeacademy.com iar pe lângă ele sunt de folos și cele de pe lynda.com.

Mie personal nu mi se pare nimic complicat în programare (cel puțin pe front-end) dacă ai timp să aloci studiului și practicii. Studiul fără multă practică nu duce nicăieri, la fel cam ca peste tot, chiar și în viața creștină. Degeaba mergi la biserică dacă tu nu pui în practică ce auzi acolo. Așa și în programare, degeaba citești și mergi la conferințe sau cine știe ce mai faci dacă nu practici, dacă nu începi să încerci diferite probleme.

Nu toți sunt făcuți pentru a munci din fața calculatorului însă toți pot învăța să lucreze cu el dacă au nevoie.