SlideShare a Scribd company logo
1 of 16
Download to read offline
MOBILE UX: DALL’ IDEA AL
DESIGN FINO ALLA
CREAZIONE DI UN
INTERFACCIA MOBILE.

 IDmeet Creativity
 Milano 4 dicembre 2012
CHI SONO?
              25 ANNI, MI OCCUPO DI UX/UI PER
              DISPOSITIVI MOBILE DAL 2008. HO
              FONDATO LA MIA SOFTWARE HOUSE
              KFLAB.COM (2008).
              CEO DI GIUMIK.IT (ECOMMERCE DI
              ACCESSORI PER DISPOSITIVI MOBILE)
              FOUNDER DI COSMEETI.CO (STARTUP
              SETTORE COSMETICI)




      IDmeet Creativity
      Milano 4 dicembre 2012
ESISTE UNA FORMULA MAGICA?


                                CERTO!!
                                VUOI SAPERE COME
                                    FACCIO IO
                                 PERSONALMENTE?




       IDmeet Creativity
       Milano 4 dicembre 2012
ESISTE UNA FORMULA MAGICA?


“DISEGNO A CASACCIO, FACCIO COSE,
           VEDO GENTE…”




        IDmeet Creativity
        Milano 4 dicembre 2012
DISCLAIMER:

L’ INTERFACCIA DI UN'APP MOBILE NON
    SEGUE GLI STESSI PATTERN DI UN’
           INTERFACCIA WEB!
  REGOLE UX DIVERSE, NUOVI SCHERMI, RAGIONAMENTI E TESTING DIVERSI ECC.




                 IDmeet Creativity
                 Milano 4 dicembre 2012
ESEMPI SBAGLIATI




       •    TROPPE INFORMAZIONI
       •    PULSANTI TROPPO PICCOLI
       •    PROBLEMI DI LEGGIBILITA’
       •    POCO APPEAL GRAFICO
        IDmeet Creativity
        Milano 4 dicembre 2012
D’ACCORDO, CHE PASSI DEVO FARE?
       OTTIMIZZAZIONE
           LAYOUT


        TESTING

      PROTOTIPO
        DESIGN APP
       (WIREFRAME)

      SCELTA SETTORE
          MOBILE
      STUDIO TARGET
         MERCATO

          IDEA

         IDmeet Creativity
         Milano 4 dicembre 2012
CONSIGLI


 IDENTIFICA BENE IL TUO TARGET:
STUDIALO, INTERROGALO, SCOPRI
         LE SUE ESIGENZE



          IDmeet Creativity
                                   1
          Milano 4 dicembre 2012
CONSIGLI



RIDUCI AL MINIMO I PASSAGGI DA
      FAR FARE ALL’ UTENTE




        IDmeet Creativity
                                 2
        Milano 4 dicembre 2012
CONSIGLI


  PENSA LA GRANDEZZA DEGLI
  ELEMENTI IN BASE ANCHE AL
TARGET ED IN CHE CONDIZIONI SI
        UTILIZZA L’APP


          IDmeet Creativity
                                   3
          Milano 4 dicembre 2012
CONSIGLI




                                 4
   REGOLA 80/20!
80% PERSONE USA IL 20% DELLE
     FUNZIONI DI UN APP
 FAI FOCUS ED ELIMINA O DAI
MENO SPAZIO ALLE COSE MENO
  UTILIZZATE PER AUMENTARE
  L’USABILITA’ DELLA TUA APP
        IDmeet Creativity
        Milano 4 dicembre 2012
CONSIGLI



    LESS IS MORE!


       IDmeet Creativity
                                5
       Milano 4 dicembre 2012
CONSIGLI




                                 6
    SE L’UTENZA LO RICHIEDE
    (ESIGENZE PARTICOLARI)
 LA PRIMA VOLTA CHE SCARICA
L’APP COSTRUISCI UN TOUR PER
         NON PERDERLA
DIMINUISCI COSI’ LA % DI
     ABBANDONO!!
        IDmeet Creativity
        Milano 4 dicembre 2012
CONSIGLI




                                    7
            ABOVE ALL!
CERCA DI UTILIZZARE AL MASSIMO LO
   SPAZIO A DISPOSIZIONE NON
FRAMMENTARE LE NOTIZIE DA DARE AL
              CLIENTE.
   GIUSTO EQUILIBRIO TRA UX E
            CONTENUTI

           IDmeet Creativity
           Milano 4 dicembre 2012
CONSIGLI

 TESTARE, TESTARE, TESTARE, TESTARE!
DIALOGA CON IL TUO GRUPPO DI TEST
   E OTTIMIZZA SEGUENDO I LORO
             CONSIGLI!!




           IDmeet Creativity
                                    8
           Milano 4 dicembre 2012
GRAZIE PER L’ATTENZIONE
               PER APPROFONDIMENTI:


                           FACEBOOK.COM/RICCIOMICHELE



                           TWITTER.COM/MICHELERICCIO



                           IT.LINKEDIN.COM/IN/MICHELE-RICCIO

       IDmeet Creativity
       Milano 4 dicembre 2012

More Related Content

Similar to Mobile UX: dall'idea al design fino alla reazione di un' interfaccia mobile

Customer experience - un nuovo modo di fare web!
Customer experience - un nuovo modo di fare web!Customer experience - un nuovo modo di fare web!
Customer experience - un nuovo modo di fare web!AFB Net
 
Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012Marzia Bianchi
 
Venezia Camp 2012 - Working Digital
Venezia Camp 2012 - Working DigitalVenezia Camp 2012 - Working Digital
Venezia Camp 2012 - Working DigitalGiorgio Marandola
 
Roberta Rizzo - Design Thinking: il processo human centered per innovare part...
Roberta Rizzo - Design Thinking: il processo human centered per innovare part...Roberta Rizzo - Design Thinking: il processo human centered per innovare part...
Roberta Rizzo - Design Thinking: il processo human centered per innovare part...Stefano Saladino
 
#Maker | Webinar con Stefano Schiavo
#Maker | Webinar con Stefano Schiavo#Maker | Webinar con Stefano Schiavo
#Maker | Webinar con Stefano SchiavoFrancoAngeli
 
Strategia azienda digitale-feb2012
Strategia azienda digitale-feb2012Strategia azienda digitale-feb2012
Strategia azienda digitale-feb2012Nicola Silvestri
 
Sole24ore - Master in comunicazione e media digitali - strategia azienda digi...
Sole24ore - Master in comunicazione e media digitali - strategia azienda digi...Sole24ore - Master in comunicazione e media digitali - strategia azienda digi...
Sole24ore - Master in comunicazione e media digitali - strategia azienda digi...Nicola Silvestri
 
Fdc 2012 10-18 igf torino6x
Fdc 2012 10-18 igf torino6xFdc 2012 10-18 igf torino6x
Fdc 2012 10-18 igf torino6xFranco Marra
 
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...IQUII
 
Social media: rules of the game
Social media: rules of the gameSocial media: rules of the game
Social media: rules of the gameFederico Ruberti
 
Mobile app-process-design
Mobile app-process-designMobile app-process-design
Mobile app-process-designDML Srl
 
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...Alessio Garbin
 
#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015Todi Appy Days
 
#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015Carlo Frinolli Puzzilli
 
Università di Pavia_User Experience Facebook
Università di Pavia_User Experience FacebookUniversità di Pavia_User Experience Facebook
Università di Pavia_User Experience FacebookCultura Digitale
 
Codesign: progettazione collaborativa con gli utenti, i committenti e gli alt...
Codesign: progettazione collaborativa con gli utenti, i committenti e gli alt...Codesign: progettazione collaborativa con gli utenti, i committenti e gli alt...
Codesign: progettazione collaborativa con gli utenti, i committenti e gli alt...Maria Cristina Lavazza
 
Start Small Get Big Night partendo da Brescia
Start Small Get Big Night partendo da BresciaStart Small Get Big Night partendo da Brescia
Start Small Get Big Night partendo da BresciaMassimo Sgrelli
 
Personas map (pillola)
Personas map (pillola)Personas map (pillola)
Personas map (pillola)Daniele Iori
 

Similar to Mobile UX: dall'idea al design fino alla reazione di un' interfaccia mobile (20)

Customer experience - un nuovo modo di fare web!
Customer experience - un nuovo modo di fare web!Customer experience - un nuovo modo di fare web!
Customer experience - un nuovo modo di fare web!
 
Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012
 
Venezia Camp 2012 - Working Digital
Venezia Camp 2012 - Working DigitalVenezia Camp 2012 - Working Digital
Venezia Camp 2012 - Working Digital
 
Roberta Rizzo - Design Thinking: il processo human centered per innovare part...
Roberta Rizzo - Design Thinking: il processo human centered per innovare part...Roberta Rizzo - Design Thinking: il processo human centered per innovare part...
Roberta Rizzo - Design Thinking: il processo human centered per innovare part...
 
#Maker | Webinar con Stefano Schiavo
#Maker | Webinar con Stefano Schiavo#Maker | Webinar con Stefano Schiavo
#Maker | Webinar con Stefano Schiavo
 
Strategia azienda digitale-feb2012
Strategia azienda digitale-feb2012Strategia azienda digitale-feb2012
Strategia azienda digitale-feb2012
 
Sole24ore - Master in comunicazione e media digitali - strategia azienda digi...
Sole24ore - Master in comunicazione e media digitali - strategia azienda digi...Sole24ore - Master in comunicazione e media digitali - strategia azienda digi...
Sole24ore - Master in comunicazione e media digitali - strategia azienda digi...
 
Fdc 2012 10-18 igf torino6x
Fdc 2012 10-18 igf torino6xFdc 2012 10-18 igf torino6x
Fdc 2012 10-18 igf torino6x
 
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...
Progettazione Mobile: come pubblicare la tua app sullo Store in 12 step [#ope...
 
Ecommerce trends 2012
Ecommerce trends 2012Ecommerce trends 2012
Ecommerce trends 2012
 
Social media: rules of the game
Social media: rules of the gameSocial media: rules of the game
Social media: rules of the game
 
Mobile app-process-design
Mobile app-process-designMobile app-process-design
Mobile app-process-design
 
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
 
#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015
 
#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015
 
Università di Pavia_User Experience Facebook
Università di Pavia_User Experience FacebookUniversità di Pavia_User Experience Facebook
Università di Pavia_User Experience Facebook
 
Comunicazione efficace online
Comunicazione efficace onlineComunicazione efficace online
Comunicazione efficace online
 
Codesign: progettazione collaborativa con gli utenti, i committenti e gli alt...
Codesign: progettazione collaborativa con gli utenti, i committenti e gli alt...Codesign: progettazione collaborativa con gli utenti, i committenti e gli alt...
Codesign: progettazione collaborativa con gli utenti, i committenti e gli alt...
 
Start Small Get Big Night partendo da Brescia
Start Small Get Big Night partendo da BresciaStart Small Get Big Night partendo da Brescia
Start Small Get Big Night partendo da Brescia
 
Personas map (pillola)
Personas map (pillola)Personas map (pillola)
Personas map (pillola)
 

Mobile UX: dall'idea al design fino alla reazione di un' interfaccia mobile

  • 1. MOBILE UX: DALL’ IDEA AL DESIGN FINO ALLA CREAZIONE DI UN INTERFACCIA MOBILE. IDmeet Creativity Milano 4 dicembre 2012
  • 2. CHI SONO? 25 ANNI, MI OCCUPO DI UX/UI PER DISPOSITIVI MOBILE DAL 2008. HO FONDATO LA MIA SOFTWARE HOUSE KFLAB.COM (2008). CEO DI GIUMIK.IT (ECOMMERCE DI ACCESSORI PER DISPOSITIVI MOBILE) FOUNDER DI COSMEETI.CO (STARTUP SETTORE COSMETICI) IDmeet Creativity Milano 4 dicembre 2012
  • 3. ESISTE UNA FORMULA MAGICA? CERTO!! VUOI SAPERE COME FACCIO IO PERSONALMENTE? IDmeet Creativity Milano 4 dicembre 2012
  • 4. ESISTE UNA FORMULA MAGICA? “DISEGNO A CASACCIO, FACCIO COSE, VEDO GENTE…” IDmeet Creativity Milano 4 dicembre 2012
  • 5. DISCLAIMER: L’ INTERFACCIA DI UN'APP MOBILE NON SEGUE GLI STESSI PATTERN DI UN’ INTERFACCIA WEB! REGOLE UX DIVERSE, NUOVI SCHERMI, RAGIONAMENTI E TESTING DIVERSI ECC. IDmeet Creativity Milano 4 dicembre 2012
  • 6. ESEMPI SBAGLIATI •  TROPPE INFORMAZIONI •  PULSANTI TROPPO PICCOLI •  PROBLEMI DI LEGGIBILITA’ •  POCO APPEAL GRAFICO IDmeet Creativity Milano 4 dicembre 2012
  • 7. D’ACCORDO, CHE PASSI DEVO FARE? OTTIMIZZAZIONE LAYOUT TESTING PROTOTIPO DESIGN APP (WIREFRAME) SCELTA SETTORE MOBILE STUDIO TARGET MERCATO IDEA IDmeet Creativity Milano 4 dicembre 2012
  • 8. CONSIGLI IDENTIFICA BENE IL TUO TARGET: STUDIALO, INTERROGALO, SCOPRI LE SUE ESIGENZE IDmeet Creativity 1 Milano 4 dicembre 2012
  • 9. CONSIGLI RIDUCI AL MINIMO I PASSAGGI DA FAR FARE ALL’ UTENTE IDmeet Creativity 2 Milano 4 dicembre 2012
  • 10. CONSIGLI PENSA LA GRANDEZZA DEGLI ELEMENTI IN BASE ANCHE AL TARGET ED IN CHE CONDIZIONI SI UTILIZZA L’APP IDmeet Creativity 3 Milano 4 dicembre 2012
  • 11. CONSIGLI 4 REGOLA 80/20! 80% PERSONE USA IL 20% DELLE FUNZIONI DI UN APP FAI FOCUS ED ELIMINA O DAI MENO SPAZIO ALLE COSE MENO UTILIZZATE PER AUMENTARE L’USABILITA’ DELLA TUA APP IDmeet Creativity Milano 4 dicembre 2012
  • 12. CONSIGLI LESS IS MORE! IDmeet Creativity 5 Milano 4 dicembre 2012
  • 13. CONSIGLI 6 SE L’UTENZA LO RICHIEDE (ESIGENZE PARTICOLARI) LA PRIMA VOLTA CHE SCARICA L’APP COSTRUISCI UN TOUR PER NON PERDERLA DIMINUISCI COSI’ LA % DI ABBANDONO!! IDmeet Creativity Milano 4 dicembre 2012
  • 14. CONSIGLI 7 ABOVE ALL! CERCA DI UTILIZZARE AL MASSIMO LO SPAZIO A DISPOSIZIONE NON FRAMMENTARE LE NOTIZIE DA DARE AL CLIENTE. GIUSTO EQUILIBRIO TRA UX E CONTENUTI IDmeet Creativity Milano 4 dicembre 2012
  • 15. CONSIGLI TESTARE, TESTARE, TESTARE, TESTARE! DIALOGA CON IL TUO GRUPPO DI TEST E OTTIMIZZA SEGUENDO I LORO CONSIGLI!! IDmeet Creativity 8 Milano 4 dicembre 2012
  • 16. GRAZIE PER L’ATTENZIONE PER APPROFONDIMENTI: FACEBOOK.COM/RICCIOMICHELE TWITTER.COM/MICHELERICCIO IT.LINKEDIN.COM/IN/MICHELE-RICCIO IDmeet Creativity Milano 4 dicembre 2012