23
10 CONSIGLI INDISPENSABILI PER RIMANERE A PASSO CON I TEMPI E LE ABITUDINI DEI CONSUMATORI PMIdigitali | Consulenza e Formazione | pmidigitali.it | [email protected]

Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

Embed Size (px)

DESCRIPTION

Le 10 caratteristiche fondamentali che il tuo ♣ SITO ♣ aziendale deve avere per essere "trend" nel 2015. 10 semplici passi da seguire nella progettazione di un nuovo sito web o nel restyling dell'attuale da PMIdigitali®

Citation preview

Page 1: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

10 CONSIGLI INDISPENSABILIPER RIMANERE A PASSO CON I TEMPI

E LE ABITUDINI DEI CONSUMATORI

PMIdigitali  |  Consulenza  e  Formazione  |  pmidigitali.it  |  [email protected]  

Page 2: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

1 MOBILE, O SEI OUT! Non  più  un  plus….  Ma  un  must!  Responsive  e  Mobile  oriented  le  parole  d’ordine  per  tu<  i  si=  che  vogliono  o@enere  veri  risulta=.    Il  consumatore  è  mul6channel  e,  se  può,  preferisce  addiri@ura  una  comoda  App!    

Page 3: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

http://wearesocial.it • @wearesocialit

UTENTI INTERNET ATTIVI

POPOLAZIONE TOTALE

ACCOUNT SOCIAL MEDIA ATTIVI

UTENTI MOBILE UNICI ATTIVI

ACCOUNT SOCIAL MOBILE ATTIVI

GLOBAL DIGITAL STATISTICS OTT 2014

3.600 MILIARDI PENETRAZIONE: 50% NB: UTENTI MOBILE ATTIVI UNICI

2.016 MILIARDI PENETRAZIONE: 28% NB: ACCOUNT UNICI, NON UTENTI UNICI

1.589 MILIARDI PENETRAZIONE: 22% NB: ACCOUNT UNICI, NON UTENTI UNICI

7.266 MILIARDI URBANIZZAZIONE: 53% NB: POPOLAZIONE TOTALE, INCLUSI BAMBINI

2.986 MILIARDI

PENETRAZIONE: 41%

NB: UTENTI INTERNET CHE ACCEDONO DA CONNESSIONI FISSE

We Are Social • FONTE: World Population Clock, InternetLiveStats, Facebook, Tencent, VKontakte, GSMA Intelligence

Page 4: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

Per  ogni  disposi=vo  il  massimo  delle  performance!  Nessun  problema!  Immagini,  bo@oni  e  tes=  o<mizza=  per  navigare  con  facilità  e  reperire  tu@e  le  informazioni!    

Page 5: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

2 BASTA CLICK, SCROLLA. Mai  così  facile:  basta  la  punta  di  un  dito  per  scorrere  tra  le  pagine  di  un  sito.    Il  web  design  migliora  l’esperienza  utente  rendendo  la  navigazione  più  intui6va  e  intera=va,  più  facile,  riducendo  inoltre    i  tempi  di  caricamento    

Page 6: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso
Page 7: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

3 GHOST BUTTONS Minimali,  elegan6,  so=li,  ed  eventualmente  con  l'animazione  hover…sono  un  piacere  da  usare!    Questo  trend  con=nuerà  sicuramente  per  tu@o  il  2015    sopra@u@o  se  si  considera  quanto  bene  si  accoppiano  con  le  grandi  immagini  di  sfondo…  

Page 8: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

QUESTI SONO BOTTONI

FANTASMA!

Page 9: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

FOTO E VIDEO DI SFONDO Di  grande  successo  sono  le  grandi  e  belle  immagini  di  sfondo  e  video.  Uno  dei  modi  più  semplici  per  aiutare  il  vostro  sito  a  non  passare  inosservato  e  dis=nguersi.    

A@enzione  però!  La  qualità  dei  file  deve  essere  al=ssima  e  in  qualche  modo  iden6fica6vi.  

4

Page 10: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso
Page 11: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

L’IMPORTANZA DEI FONT Scegliere  un  buon  font,  originale,  può  dare  cara@ere  al  proprio  sito,  rendendolo  unico  ed  impaBante.    Inoltre,  a  Google  piace  se  vengono  usa=  i  suoi  font!    (hBp://www.google.com/fonts)  

5

Page 12: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

L’u=lizzo  dei  Google  Fonts  me@e  d’accordo  SEO  e  Web  Designer!  I  webfonts  consentono  ai  proge<s=  di  mantenere  il  massimo  livello  di  SEO,  dando  allo  stesso  tempo  un’este6ca  unica  al  sito.      Google  infa<  riesce  a  comprendere  tes=  scri<  anche  con  i  cara@eri  più  «ar=s=ci»,  senza  correre  il  rischio  che  parte  dei  contenu=  non  venga  indicizzato  corre@amente!  

Page 13: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

6 I BLOCCHI FUNZIONANO! Già  molto  u=lizzata  nel  2014,  la  suddivisione  dei  contenu=  in  blocchi  piace  e  perme@e  grandi  prestazioni  del  sito.    Le  schede  sono  pulite  e  semplici,  altamente  versa6li,  o=me  per  il  mobile!    Esa@amente  quello  di  cui  ha  bisogno  il  web.  

Page 14: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

Il  blog  aziendale  in  schede  La  suddivisione  in  blocchi  può  essere  ado@ata  anche  all’interno  del  proprio  blog  aziendale  per  organizzare  gli  argomen6  in  maniera  modulare,  renderlo  più  intera=vo  e  visivamente  più  aBraente.  A@enzione:  importan6ssime  le  immagini!  Procurarsene  di  buona  qualità.  

Page 15: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

TUTTO MOLTO PIATTO… 7 Luminoso  e  vibrante  con=nua  a  vincere  il  Flat  Design.  Il  suo  punto  di  forza  la  semplicita’!    Niente  effe<  speciali.  Un  semplice  colore  di  sfondo  ed  un  testo  sono  sufficien6.    Regine  del  flat  rimangono  le  icone,  o<me  per  sinte=zzare  conce<  e  sos=tuire  i  soli=  bo@oni…    

Page 16: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso
Page 17: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

MICROINTERAZIONI 8 State  sincronizzando  un  disposi=vo,  impostando  un’allarme,  scegliendo  una  password,  il  login,  scrivendo  un  messaggio  di  stato….      Ecco,  siete  impegna=  in  una  «microinterac6on».  Piccole  azioni  che  vi  coinvolgono.  

Page 18: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

Microinterazioni  u=li  al  marke=ng    A@raverso  boBoni  e  popoup  è  possibile  a=rare  l’aBenzione  dell’utente  perché  interagisca  con  il  nostro  sito.  Ciò  aumenterà  il  coinvolgimento  degli  uten6  o@enendo  i  risulta6  di  marke6ng  desidera=  (nuovi  iscri<  alla  Newsle@er,  condivisione  di  un  post,  Like  alla  propria  pagina  Facebook…)  

Page 19: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

SEMPLICITA’! 9 Un  sito  semplice  e  pulito  vince  sempre.  Troppi  colori,  troppe  scri@e,  troppe  immagini  possono  creare  confusione  nella  mente  dell’utente.    Più  è  fluida  e  chiara  la  navigabilità,  più  si  alzerà  il  tempo  trascorso  all’interno  del  sito.  

Page 20: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

Pensa  alla  tua  esperienza  utente!  Fondamentale  è  proge@are  il  layout  semplice  e  lineare,  che  consenta  di  trovare  l’informazione  di  interesse  subito  e  senza  troppi  clic  o  scrolling.  Anche  i  tes6  devono  essere  semplici,  di  facile  e  veloce  le@ura,  proponendo  solo  le  informazioni  principali.      L’obie<vo  sono  le  CONVERSIONI!  

Page 21: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

STORY TELLING 1 0  

Raccontare  una  bella  storia  diventa  il  miglior  metodo  per  coinvolgere  le  persone.  

Il  vostro  marchio  è  cos=tuito  da  una  serie  di  conce=  e  valori  che  vanno  racconta=  per  trasme@ere  il  valore  aggiunto  e  i  vantaggi  all’utente  che  vi  sceglie.    

Page 22: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

I  valori  dis6n6vi  dell’azienda  come  l’eleganza,  crea=vità,  semplicità…  ,  il  layout  di  pagina,  la  scelta  di  un  determinato  font,  le  immagini,  le  microinterazioni  s6molate….  Sono  tu=  strumen6  narra6vi  con  i  quali  si  può  raccontare  storie  e  comunicare  con  l’utente.  

Page 23: Digital web trends 2015 | Il Sito web del 2015 | Istruzioni per l'uso

PER  OGNI  INFO  E  CURIOSITÀ  POTETE  CONTATTARCI  SU

[email protected]  

www.pmidigitali.it  

It.linkedin.com/in/mircocervi