Web Design - Connessi con il Mondo

WEB DESIGN - CONNESSI CON IL MONDO Codebue Fabio - P-Soft www.p-soft.biz [email protected] +39.348.3515786

MOBILE DRIVES DESKTOP DESIGN

Il traffico mobile è arrivato all’ 88% nel 2014.Source: Mary Meeker’s legendary Internet trends 2014 report

Le vendite tramite e-commerce cresce-ranno in tutto il 2014, con la previsione di

toccare i 25 miliardi € (+10%)Source: casaleggioassociati 2014

1/3 delle attività online è fatto da dispo-sitivi mobile

La conversione in vendite:

55% degli utenti effettuano almeno un acquisto

77% utenti di smartphone completano l’acquisto personalmenteSource: 2014 Ad/Telmetrics Mobile Path to Purchase Study: Understanding Mobile’s Role in the Consumer Path to Purchase - Retail Edition

SAPETE...COSA SIGNIFICA ?

RESPONSIVE Il design responsivo, o responsive web design (RWD), indica una tecnica di web design per la realizzazione di siti in grado di adat-tarsi graficamente in modo automatico al dispositivo coi quali vengono visualizzati (computer con diverse risoluzioni, tablet,smartphone, cellulari, web tv), riducendo al minimo lanecessità per l’utente di ridimensionamento e scorrimento dei contenuti.

ADAPTIVEEvoluzione del RWD Responsive Design + Progressive EnhancementLo scopo dell’Adaptive Design è quello di fornire all’utente lamiglior esperienza utente possibile su ogni schermo e device.

http://www.p-soft.biz/


MINIMAL...O TROPPO MINIMAL?

...LA VERITÀ STA SEMPRE NEL MEZZO.

COSA FUNZIONA

SPETTACOLARI... ANCHE IN PICCOLO

MENÙ PULLDOWN RICCHI

MENÙ A SCOMPARSA A SINISTRA

INFORMAZIONI IN ALTO A SINISTRA,SEARCH-BAR IN ALTO A DESTRA

MENÙ PROGETTATI PER I MOBILE



VISUAL WEB

Il paradigma si sposta dall’utilizzo di media (immagini, video, gif) per semplice supporto, all’utilizzo dei media come metodo primario per veicolare i contenuti.

30–40% della superficie del cervello è dedicata all’elaborazione dell’immagine: possiamo elaborare un’immagine molto più velocemente di qualsiasi pagina conte-nente testo!

PINTEREST LO HA CAPITO ED ORA È ...UNO STILE DI VENDITA (EFFICACE).

PULIZIA, FOTO IN GRAN-DE E DETTAGLI: ECCO LA RICETTA PER VENDERE!

UN TOCCO DI CLASSE?l’INFINITE SCROLL... PER UNA NAVIGAZIONE ININTERROTTA



FLAT DESIGN

FLAT DESIGN

• Colori pastello, vivaci • Creare contrasto• Rainbow color matching• Psicologia dei colori• Elementi chiari e leggibili

DYNAMIC GRID

• Disegno schematico• Eredità Microsoft Metro• Facilmente responsive• Facilmente adaptive• Contenuto separato in modo

univoco• Lettura facilitata

TYPOGRAPHY

• Elemento essenziale del Flat design

• Diventano il centro focale del design

• Espressione minimal

FLAT ICONS

• Icone rappresentative• Assieme agli spazi colorati,

identificano univocamente le sezioni e i contenuti

COSA CI CHIEDONO I TABLET

IMMAGINI IN ALTA RISULUZIONE

PIÙ ICONE E MENO CROUSEL...

VIDEO... MA MAI IN AUTOPLAY!

ALTO CONTRASTO...

... E TUTTO DEVE FUNZIONARE ANCHE SUL TELEFONO!



NATIVE ADVERTISING

Native advertising è una forma di advertising online che assume l’aspetto dei contenuti del sito sul quale è ospitata, cercando di generare interesse negli utenti.L’obiettivo è riprodurre l’esperienza utente del contesto in cui è posizionata, sia nell’aspetto che nel contenuto.

70% Preferisce conoscere una società tramite articoli piuttosto che pubblicità

60% Si sente più sicuro di una società dopo aver letto contenuti personalizzati sul sito

67% Si fida di contenuti editoriali

56% Agirà secondo il contenuto native advertising molto di più di ogni altra forma di pubblicità

LATI POSITIVI

• Adeguato• Creato ad hoc• Mette in primo piano i

lettori

LATI NEGATIVI

• Publiredazionale vecchio stampo

• Programmatico, automatico• Il brand al centro

FUNZIONA PER...

• Più facile da condividere (32% vs 19%)

• 18% in più di interesse all’acquisto

• 73% degli editori online offrono native advertising

• il trend lo vede raddoppiare entro il 2017

COSA È REALMENTE

• Addio ai banner ads?• Progettato per il web• Parla univocamente al mobile• Supremazia dei contenuti e del

contesto


Web Design - Connessi con il Mondo

Internet

Transcript of Web Design - Connessi con il Mondo