• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Usabilità e form: un punto cruciale per l’esperienza d’uso e il coinvolgimento
 

Usabilità e form: un punto cruciale per l’esperienza d’uso e il coinvolgimento

on

  • 1,507 views

 

Statistics

Views

Total Views
1,507
Views on SlideShare
1,505
Embed Views
2

Actions

Likes
2
Downloads
11
Comments
0

1 Embed 2

http://localhost 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Usabilità e form: un punto cruciale per l’esperienza d’uso e il coinvolgimento Usabilità e form: un punto cruciale per l’esperienza d’uso e il coinvolgimento Presentation Transcript

    • UX conference 2010 FILF FORMS IʼD LIKE TO FILL Nicola Bonora
    • Nicola Bonora MENTINE.NET aka Nicola Bonora Bologna
    • IL SUONO DI UNA SOLA MANO
    • FORM “moduli” etichette campi di input azioni messaggi
    • WEB FORM DESIGN Filling the blanks Luke Wroblewski Rosenfeld
    • IL LA test clinici friendfeed google
    • IMPORTA perché • un sito ha obiettivi... • vendita • servizi • social • blogging • ... “conversione”
    • IMPORTA perché • le form ci parlano • le form parlano di noi • le form vendono
    • SCENARIO • 500 (ad oggi) milioni di utenti di Facebook • acquistare un libro su punto nevralgico Amazon dellʼesperienza utente • pagare un f24 on line esperienza mediata • commentare un post • web app: 70% form differenza tra (fonte: a naso) eccellenza e mediocrità • un tweet, un update, un feed...
    • INFOGRAFICHE http://semanticstudios.com/publications/semantics/000029.php
    • INFOGRAFICHE http://semanticstudios.com/publications/semantics/000228.php
    • INFOGRAFICHE http://userexperienceproject.blogspot.com/2007/04/user-experience-wheel.html
    • INFOGRAFICHE http://www.poetpainter.com/thoughts/article/ia-summit-2009-the-fundamentals-of-experience-design-
    • INFOGRAFICHE http://www.paznow.com/ucd/
    • COSA MANCA? la clessidra se ne sentiva proprio della UX la mancanza
    • UX HOURGLASS spread TW fidelize satisfy pain level verify purchase decide choose explore information wideness 2010 CC NICOLA BONORA se proprio ne volete parlare, citate la fonte! :D
    • E POI? la piramide anche di questa si della BX sentiva la mancanza
    • BX PYRAMID BILLING EXPERIENCE YOU bill HER :) USER CUSTOMER EXPERIENCE FORM sell PROSPECT EXPERIENCE engage USER EXPERIENCE 2010 CC NICOLA BONORA se proprio ne volete parlare, citate la fonte! :D
    • IMPORTA perché una form ben progettata può portare ad un aumento delle conversioni tra il 10 e il 40%
    • COME si progetta una buona • considerare il form? contesto • comunicare in modo coerente dipende... • minimizzare gli stati dʼansia • chiarire il percorso che si sta per fare
    • LE PAROLE SONO IMPORTANTI
    • COSA ci metto iniziare da PERSONE e RELAZIONI dentro? • perché gli utenti compilano questa form? • qual è il loro rapporto con la dipende... vostra azienda? • cosa è per loro questa form?
    • COSA ci metto dentro? rimuovere quanto NON strettamente necessario ... ma non dimenticare lʼindispensabile (per Bilanciare il vostro punto lʼutente) di vista con il loro: UX is a win-win le persone sono sensibili situation ai dati che vengono loro richiesti
    • “People before pixel” Caroline Jarret
    • CHECKPOINT
    • COME organizzo i dati? • raggrupparli • creare pagine multiple 1 • convenzioni
    • COME allineo i campi? • in alto • a sinistra • a destra 2 • dentro
    • http://www.flickr.com/photos/rosenfeldmedia/2367261378/sizes/o/in/set-72157604272550634/
    • sinistra (32) alto (22) destra (21) alto bold (14) http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php
    • AZIONI primarie e secondarie 3
    • http://www.flickr.com/photos/rosenfeldmedia/2367266922
    • http://www.flickr.com/photos/rosenfeldmedia/2366430857/sizes/o/in/photostream/
    • FEED • con parsimonia BACK • possibilmente empatici messaggi di (conversation...) errore • dove? • come evitarli? (campi chiusi, libertà limitata) • la form perfetta 4 non ne avrebbe :)
    • http://www.flickr.com/photos/rosenfeldmedia/2367269446/sizes/o/in/photostream/
    • http://mentine.net/contatti :)
    • FEED BACK messaggi di successo • dare loro un seguito (“so what?”...) 5 • opportunità
    • UX HOURGLASS spread TW fidelize satisfy pain level verify purchase decide choose explore information wideness 2010 CC NICOLA BONORA se proprio ne volete parlare, citate la fonte! :D
    • http://www.flickr.com/photos/rosenfeldmedia/2367269044/sizes/o/in/photostream/
    • http://mentine.net/contatti :)
    • LESS IS MORE even less is even more :)
    • posterous.com
    • TENETEVI SEMPRE IN FORM
    • grazie! Nicola Bonora