Post on 09-Jan-2017
Trend (UX UI) 2015
1. Material design2. Menu nascosti (hamburger button)3. Menu a tutta pagina4. Barra di navigazione skinny5. Card grid design6. Slippy7. Micro-interazioni8. Design come commodity9. Facebook per le piccole attivit commerciali10.AI Design
http://bit.ly/2cMMEYi
Design for software
https://mattermark.com/wp-content/uploads/2015/06/startups.jpg
51 miliardi $Trasporti
Hotel
Denaro
Musica
25 miliardi $
9 miliardi $
5 miliardi $
VALUTAZIONE
Software is still eating the world
Project managament
Digital fundraising
Privacy policy generator
Email marketing
Sales CRM
Software is still eating the world
?
Software is still eating the world
Software is still eating the world
Verticale, spesso single featureProdotto
Distribuzione
Personalizzazioni
Focus
Cloud (+ online desktop app)
User Experience
Piattaforma per developere applicatori (Public API)
SAAS B2B STARTUP
Design for B2B Software
(Software-as-a-Service)
UX Global Trend
Acquisizione Attivazione FidelizzazioneBounce rate
Conversione rate (free trial)
Conversion rate(customer)
ARR o MRRChurn rate
Acquisizione Attivazione FidelizzazioneBounce rate
Conversion rate(free trial)
Conversion rate(customer)
ARR o MRRChurn rate
1. SaaSLanding Page
SaaS Landing Page
1. Menu a due voci: login e registrazione (menu completo nascosto, hamburger, e nel footer)
2. Singolo obiettivo: farti registrare al free trial
3. Blocchi (scroll verticale)a. Unique Selling Proposition + form email o link al
form di registrazioneb. Proof of performance (esperienza + integrazioni)c. Richiamo all software (con video o gif animata)d. Richiamo della call to action (registrati)
Acquisizione Attivazione FidelizzazioneBounce rate
Conversion rateConversion rate
(customer)ARR o MRRChurn rate
2. Onboarding design
Obiettivo: aumentare il numero di utenti che restano iscritti dopo il free trial
IDENTIFICARE I MOMENTI CHIAVE NEL COINVOLGIMENTO DEI NUOVI UTENTI
Momento 1 Momento 2 Momento 3 Momento 4 Conversion in cliente pagante
Attivazione Benvenuto(email, notifiche in app,
percorso guidato)
Personalizzazione
Inattivo
Poco attivo
Attivo
Coltivazione
WELCOME EXPERIENCE
1. Zero dati presenti
2. Zero conoscenza del software
3. Zero utilit iniziale
Design degli spazi vuoti
Design degli spazi vuoti
Design degli spazi vuoti
Importazione dati
Integrazione con altrisoftware
Primo accesso -> CTA
Tour guidati (tutorial)
IL SITO
Notifiche
Messaggistica in-app)
Ciao, sai che potresti creare un nuovo progetto partendo da uno gi esistente?
Rispondi a Mara
Interazione in tempo reale
e/o
Interazioneposticipata(tramite email)
Documentazione
Acquisizione Attivazione FidelizzazioneBounce rate
Conversion rateBounce rate
Conversion rateARR o MRRChurn rate
3. Crea delleabitudini
Crea delle abitudini
1. Parti dalle abitudini attuali dei tuoi utenti
2. Semplicit e focus
3. Design for triggers
4. Ricompensa gli utenti
5. Sorprendi
6. Lock-in: tempo dedicato, analisi dati e performance, personalizzazioni
THANK YOU!
@andrealandini@coppalandini
Slide Number 1Slide Number 2Slide Number 3Design for softwareSlide Number 5Slide Number 6Slide Number 7Slide Number 8Slide Number 9Slide Number 10Slide Number 11Slide Number 121. SaaSLanding PageSlide Number 14Slide Number 15Slide Number 16Slide Number 172. Onboarding designSlide Number 19Slide Number 20Slide Number 21Slide Number 22Slide Number 23Slide Number 24Slide Number 25Slide Number 26Slide Number 27Slide Number 28Slide Number 293. Crea delle abitudiniSlide Number 31THANK YOU!@andrealandini@coppalandini