De ce venim la wurbe?

De ce venim la wurbe?

• Pentru că facem site-uri
• Aflăm despre tool-uri şi tehnici noi
• Povestiri din tranşee
• Ne măsurăm în .vimrc-uri

Vizitatori – ce vor?

Vizitatorii. Ce vor ei?

• Să găsească informaţie
• Să cumpere ceva
• Să configureze ceva
• Să se minuneze de ce site mişto am făcut
• Să se amuze încercând să-l înţeleagă

Probleme tipice – basics #1

Poate fi accesat site-ul?

• Dns greşit?
• Apache pornit?
• Pagini care dau eroare?
• Server supraîncărcat?

Există tool-uri de monitorizare.

Probleme tipice – basics #2

Poate fi accesat site-ul?

• Certificate ssl expirate / self-signed
• Merge pe browserele comune?
• Pagini "în construcţie"

Probleme tipice ‐ conţinut #1

Informaţie corectă

Probleme tipice ‐ conţinut #2

Să nu lipsească lucruri evidente:

• locaţia unui eveniment
• telefon pentru comenzi
• informaţie la zi

Probleme tipice ‐ conţinut #3

Informaţie găsibilă:

• site organizat logic
• cât mai puţin zgomot
• aşezare în pagină
• măcar prin google search

Probleme tipice ‐ conţinut #4

Reinventatul roţii:

• elemente vizuale custom?
• vizitatorul le cunoaşte pe cele standard
• muncă şi buguri în plus
• dacă trebuie neapărat: jQuery UI, dojo, etc.
• HTML5 forms (search, focus, placeholdere, date/time, slidere)

Probleme tipice ‐ user-friendly #1

Conturi? Parole?

• OpenID
• login Twitter/Google/Facebook/etc
• parolă opţională (Instapaper, jottit, djangogigs)
• token prin mail

Probleme tipice ‐ user-friendly #2

Don't make me think!

• vizitatorul nu vrea să înţeleagă gândirea ta încâlcită
• prea multe opţiuni strică
• nu-l lua prin surprindere

Probleme tipice ‐ browsere mobile

• Use case important
• Limitări
  • ecran mic
  • lipsesc mouse-ul şi tastatura
• Cum se face
  • fără zgomot inutil (informaţie, imagini, interacţiune)
  • download mic
  • layout special - CSS media queries

Probleme tipice ‐ reclame

Reclame

• Nu incomoda vizitatorul
  • Mai ales dacă vrea să-ţi dea bani
• Poţi să-ţi vinzi încrederea (dar te costă)
  

Cum să facem

Cm să facem?

• Specificaţii
  • user stories
• UI design
  • nu e uşor
  • simplifică
• Verificare
  • hallway usability testing