This is the second episode of #VDT presented in Sofia in 2014.
Visual Design Thinking (#VDT) is a prototyping, cooperative methodology and a set of tools.
It is a work-in-progress project, a process you should try in order to create more empathy and more co-creation with your clients, but also with your team. Customer cooperation over contract negotiation as the Agile Manifesto says.
VDT is an experience - centered method with a focus on visual languages and techniques, our interdisciplinary approach to visual web design.
Nel 2012 avere un'app è una necessità per ogni azienda, figurarsi per una delle ONG più importanti del mondo: Medici Senza Frontiere.
Ottimizzare gli sforzi di budget in una organizzazione come questa è un dovere, così come dare la possibilità a tutti i sostenitori di farlo indipendentemente dalla propria piattaforma di riferimento: iOS o Android ma senza dimenticare le altre.
La parola d'ordine è allora sviluppo Crossplatform: il panorama dei framework per questo è variegato. Uno dei più famosi e potenti è Titanium Appcelerator di cui abbiamo parlato lo scorso anno in MobileD!
In questo talk parleremo meglio di alcuni rudimenti e approcci tipici di Titanium per poi capire come l'integrazione con Drupal è stata realizzata e come aver garantito una sola code base Drupal che alimenti le app (iOS e Android) e il sito mobile per le altre piattaforme.
This is where everything started, 3 day after the birth of www.nois3.it.
And this is the methodology we're applying right now, most of the times is common says; but we like to call it digital design thinking.
Un breve ex-cursus su alcune interfacce mobili e i loro limiti, con dei piccoli take away. 15' di talk intensi su User Experience, User Interface e Feedback agli utenti!
Social by web design - #7formazione GTMasterClubGiorgia Pallaro
1. La navigazione tra canali
2. Un sito a prova di social
3. Un sito social oriented: perchè? con quali obiettivi?
4. Un sito social oriented. Chi se ne occupa?
5. Social VS Sito web
6. Integrazione dei loghi social nel sito
7. I widget ufficiali
8. I plugin per Wordpress
9. Come realizzare un social wall senza dover
passare dal codice
10. Social login: dati a go go
11. Condividi, ma con una strategia
Tecnologie indossabili oltre i bracciali, smart watch e quant'altro con alcuni piccoli - e magari ovvi - consigli sull'esperienza utente e la progettazione.
This is the second episode of #VDT presented in Sofia in 2014.
Visual Design Thinking (#VDT) is a prototyping, cooperative methodology and a set of tools.
It is a work-in-progress project, a process you should try in order to create more empathy and more co-creation with your clients, but also with your team. Customer cooperation over contract negotiation as the Agile Manifesto says.
VDT is an experience - centered method with a focus on visual languages and techniques, our interdisciplinary approach to visual web design.
Nel 2012 avere un'app è una necessità per ogni azienda, figurarsi per una delle ONG più importanti del mondo: Medici Senza Frontiere.
Ottimizzare gli sforzi di budget in una organizzazione come questa è un dovere, così come dare la possibilità a tutti i sostenitori di farlo indipendentemente dalla propria piattaforma di riferimento: iOS o Android ma senza dimenticare le altre.
La parola d'ordine è allora sviluppo Crossplatform: il panorama dei framework per questo è variegato. Uno dei più famosi e potenti è Titanium Appcelerator di cui abbiamo parlato lo scorso anno in MobileD!
In questo talk parleremo meglio di alcuni rudimenti e approcci tipici di Titanium per poi capire come l'integrazione con Drupal è stata realizzata e come aver garantito una sola code base Drupal che alimenti le app (iOS e Android) e il sito mobile per le altre piattaforme.
This is where everything started, 3 day after the birth of www.nois3.it.
And this is the methodology we're applying right now, most of the times is common says; but we like to call it digital design thinking.
Un breve ex-cursus su alcune interfacce mobili e i loro limiti, con dei piccoli take away. 15' di talk intensi su User Experience, User Interface e Feedback agli utenti!
Social by web design - #7formazione GTMasterClubGiorgia Pallaro
1. La navigazione tra canali
2. Un sito a prova di social
3. Un sito social oriented: perchè? con quali obiettivi?
4. Un sito social oriented. Chi se ne occupa?
5. Social VS Sito web
6. Integrazione dei loghi social nel sito
7. I widget ufficiali
8. I plugin per Wordpress
9. Come realizzare un social wall senza dover
passare dal codice
10. Social login: dati a go go
11. Condividi, ma con una strategia
Tecnologie indossabili oltre i bracciali, smart watch e quant'altro con alcuni piccoli - e magari ovvi - consigli sull'esperienza utente e la progettazione.
Il responsive design è un concetto relativamente nuovo, ma è figlio di idee che conosciamo bene: le declinazioni e l'adattamento di un prodotto al contesto d'uso. In queste slide affrontiamo il punto di vista progettuale, prima che tecnico sul RWD e il web, a partire dal branding.
Nois3 is a creative web agency based in Rome, Italy that designs responsive websites and digital strategies. They focus on understanding customer needs and continuous delivery of valuable software. Nois3's services include brand identity and strategy, experience design, front-end development, event management, and training. They provide examples of websites and apps they developed for various clients.
Nel 2015 è morto il web design?
Più probabilmente penso che sia morto un approccio serializzato e sconnesso dal resto.
In fondo parliamo di progettare non di disegnare.
Data Driven UX - Un caso di studio - TIM IS UX? Mobile Tea #Unconference @Cod...Carlo Frinolli Puzzilli
Abbiamo preso come scusa il concorso di TIM Impresa Semplice per sperimentare un metodo di lavoro che parta da un'analisi di sfondo sui social network, tramite monitoring, per arrivare ad informazioni utili sulla ricerca qualitativa sulla quale basare una progettazione per l'esperienza utente del nuovo sito di ImpresaSemplice.it
[#CaseStudy] Quel giorno in cui sono diventato @ilWinnerTaco su TwitterGiuliano Ambrosio
Articolo completo su http://bit.ly/ilwinnertaco-su-twitter
L’unico scopo di questo esperimento è stato mettere alla prova Twitter in quanto canale di comunicazione, presidiando il canale senza danneggiare la marca e ingaggiando followers spontanei.
Scarica questa presentazione per ottenere tutti gli asset grafici. Da questo link trovi la presentazione in PowerPoint e Keynote. Post: http://www.juliusdesign.net/30073/instagram-free-template-powerpoint-keynote-per-creare-presentazioni/
ABC: Come rendere un Post Blog su WordPress ottimizzato per i Social MediaGiuliano Ambrosio
Quando scriviamo un articolo sul nostro blog WordPress non possiamo più solo pensare all'ottimizzazione del testo, ma dobbiamo essere preparanti anche alla condivisione del post sui Social Media.
Analizzeremo insieme l’ABC di come rendere un post blog ottimizzato social, dalla scelta dei social button, all'integrazione dei Social Meta Tags di Facebook e Custom Cards di Twitter. Tecniche utili e consigli per rendere appetibile lato social il contenuto del post blog.
Ideas on how to create powerful presentationsCiprian Rusen
A guide for Project Managers on how to create great presentations.
Handouts plus other information can be found here:
http://corporategeek.info/how-to-create-powerful-presentations
Lezione 1 del corso Web Design from Ground to TopSkillsAndMore
In questa lezione fatta per la scuola DoLab spieghiamo i principi fondamentali per lo sviluppo di un sito web. Lo scopo di questa presentazione è quello di spiegare agli studenti quale sia la differenza tra il disegno e il codice necessario a costruire la propria pagina web.
Oltre a questo verranno presentate le conoscenze base per comprendere il funzionamento di Internet e del protocollo HTTP necessario alla corretta comunicazione tra i vari computer.
Vengono introdotti anche i migliori browser da utilizzare all'interno del proprio sviluppo con gli strumenti da developer necessari.
La carriera di uno sviluppatore web non riguarda soltanto gli editor di testo o le linee di comando. Essere in grado di trovare nuovi clienti è importante quanto mantenere le proprie conoscenze aggiornate e in questa presentazione, usata all'interno del nostro ultimo webinar (http://skillsandmore.org/promozione-sviluppatore), condividiamo con te alcuni consigli da mettere in pratica per poter migliorare questa situazione.
Con questa stiamo presentando un argomento molto complesso che approfondiremo all'interno di futuri webinar e presentazioni dove entreremo nel dettaglio dei singoli aspetti che ti abbiamo proposto.
Ti consiglio di consultare il webinar collegato a questa presentazione dato che ti permetterà di aggiungere contesto alle slide e di ascoltare i nostri feedback dal vivo.
Sfruttare il Potenziale Nativo di WordPress - WordCamp Bologna 2013Giuliano Ambrosio
WordPress è un utile strumento per creare prototipi di progetti web, vediamo come sfruttare il Potenziale Nativo di questo CMS ottimizzando i tempi, e senza appesantire la velocità da plugin che possono essere rimpiazzati dalle natività interne.
Video Lezione: http://wordpress.tv/2013/03/07/giuliano-ambrosio-sfruttare-il-potenziale-nativo-di-wordpress/
Snapchat - Funzionalità e utilizzo per le Aziende Case Study & Best PracticeGiuliano Ambrosio
Vediamo insieme le sue funzionalità e ultime novità della piattaforma e come le aziende in Italia e nel Mondo stanno utilizzando le funzionalità del fantasmino. Snapchat non è per tutti e può diventare un nuovo media efficace per intercettare un pubblico moto giovane.
This is a sample Website proposal that anyone can use for sending it to client. The context for this sample website was an airline client that wanted a new mini-site developed for their Chinese market. Please feel free to reach out for more information by emailing us at: info@digitaljungle.agency
Il responsive design è un concetto relativamente nuovo, ma è figlio di idee che conosciamo bene: le declinazioni e l'adattamento di un prodotto al contesto d'uso. In queste slide affrontiamo il punto di vista progettuale, prima che tecnico sul RWD e il web, a partire dal branding.
Nois3 is a creative web agency based in Rome, Italy that designs responsive websites and digital strategies. They focus on understanding customer needs and continuous delivery of valuable software. Nois3's services include brand identity and strategy, experience design, front-end development, event management, and training. They provide examples of websites and apps they developed for various clients.
Nel 2015 è morto il web design?
Più probabilmente penso che sia morto un approccio serializzato e sconnesso dal resto.
In fondo parliamo di progettare non di disegnare.
Data Driven UX - Un caso di studio - TIM IS UX? Mobile Tea #Unconference @Cod...Carlo Frinolli Puzzilli
Abbiamo preso come scusa il concorso di TIM Impresa Semplice per sperimentare un metodo di lavoro che parta da un'analisi di sfondo sui social network, tramite monitoring, per arrivare ad informazioni utili sulla ricerca qualitativa sulla quale basare una progettazione per l'esperienza utente del nuovo sito di ImpresaSemplice.it
[#CaseStudy] Quel giorno in cui sono diventato @ilWinnerTaco su TwitterGiuliano Ambrosio
Articolo completo su http://bit.ly/ilwinnertaco-su-twitter
L’unico scopo di questo esperimento è stato mettere alla prova Twitter in quanto canale di comunicazione, presidiando il canale senza danneggiare la marca e ingaggiando followers spontanei.
Scarica questa presentazione per ottenere tutti gli asset grafici. Da questo link trovi la presentazione in PowerPoint e Keynote. Post: http://www.juliusdesign.net/30073/instagram-free-template-powerpoint-keynote-per-creare-presentazioni/
ABC: Come rendere un Post Blog su WordPress ottimizzato per i Social MediaGiuliano Ambrosio
Quando scriviamo un articolo sul nostro blog WordPress non possiamo più solo pensare all'ottimizzazione del testo, ma dobbiamo essere preparanti anche alla condivisione del post sui Social Media.
Analizzeremo insieme l’ABC di come rendere un post blog ottimizzato social, dalla scelta dei social button, all'integrazione dei Social Meta Tags di Facebook e Custom Cards di Twitter. Tecniche utili e consigli per rendere appetibile lato social il contenuto del post blog.
Ideas on how to create powerful presentationsCiprian Rusen
A guide for Project Managers on how to create great presentations.
Handouts plus other information can be found here:
http://corporategeek.info/how-to-create-powerful-presentations
Lezione 1 del corso Web Design from Ground to TopSkillsAndMore
In questa lezione fatta per la scuola DoLab spieghiamo i principi fondamentali per lo sviluppo di un sito web. Lo scopo di questa presentazione è quello di spiegare agli studenti quale sia la differenza tra il disegno e il codice necessario a costruire la propria pagina web.
Oltre a questo verranno presentate le conoscenze base per comprendere il funzionamento di Internet e del protocollo HTTP necessario alla corretta comunicazione tra i vari computer.
Vengono introdotti anche i migliori browser da utilizzare all'interno del proprio sviluppo con gli strumenti da developer necessari.
La carriera di uno sviluppatore web non riguarda soltanto gli editor di testo o le linee di comando. Essere in grado di trovare nuovi clienti è importante quanto mantenere le proprie conoscenze aggiornate e in questa presentazione, usata all'interno del nostro ultimo webinar (http://skillsandmore.org/promozione-sviluppatore), condividiamo con te alcuni consigli da mettere in pratica per poter migliorare questa situazione.
Con questa stiamo presentando un argomento molto complesso che approfondiremo all'interno di futuri webinar e presentazioni dove entreremo nel dettaglio dei singoli aspetti che ti abbiamo proposto.
Ti consiglio di consultare il webinar collegato a questa presentazione dato che ti permetterà di aggiungere contesto alle slide e di ascoltare i nostri feedback dal vivo.
Sfruttare il Potenziale Nativo di WordPress - WordCamp Bologna 2013Giuliano Ambrosio
WordPress è un utile strumento per creare prototipi di progetti web, vediamo come sfruttare il Potenziale Nativo di questo CMS ottimizzando i tempi, e senza appesantire la velocità da plugin che possono essere rimpiazzati dalle natività interne.
Video Lezione: http://wordpress.tv/2013/03/07/giuliano-ambrosio-sfruttare-il-potenziale-nativo-di-wordpress/
Snapchat - Funzionalità e utilizzo per le Aziende Case Study & Best PracticeGiuliano Ambrosio
Vediamo insieme le sue funzionalità e ultime novità della piattaforma e come le aziende in Italia e nel Mondo stanno utilizzando le funzionalità del fantasmino. Snapchat non è per tutti e può diventare un nuovo media efficace per intercettare un pubblico moto giovane.
This is a sample Website proposal that anyone can use for sending it to client. The context for this sample website was an airline client that wanted a new mini-site developed for their Chinese market. Please feel free to reach out for more information by emailing us at: info@digitaljungle.agency
Presentazione del sito del Centro Grandi Attrezzature (10 dic 2014)
1.
2. Grande Attrezzatura
infrastrutture di ricerca caratterizzate dalla vocazione alla multiutenza interna tra i Dipartimenti ed esterna all’Ateneo
3. Una piattaforma per:
ottenere informazioni sugli strumenti, sui servizi e sulle condizioni di utilizzo
prenotare uno strumento e/o chiedere maggiori informazioni
gestire le richieste fatte
aggiornare le informazioni sugli strumenti
analizzare l’utilizzo degli strumenti
5. Elenco strumenti
Gli strumenti sono suddivisi per categorie.
Uno strumento può essere associato a più di una categoria.
•nel menù in testata
•nel menù a sinistra
Sempre disponibile
6. Presentazione strumento
•Immagini dello strumento
•Informazioni di contatto : referenti, indirizzo, telefono
•Descrizione dello strumento
•Condizioni di utilizzo
•Calendario con giorni prenotati
7. L’utente compila il
form di prenotazione.
Riceve email con i dati della richiesta (e credenziali per
la prima richiesta fatta)
Riceve un’email di conferma / risposta del referente
Segue online le principali modifiche alla richiesta.
Il referente dello strumento riceve un’email con i dati della richiesta
Conferma, modifica o annulla
la prenotazione
e fornisce le informazioni richieste.
Apporta online modifiche e integrazioni alla richiesta.
Aggiunge note per i collaboratori
1
2
3
4
5
Utente
Referente strumento
Come funziona la prenotazione
8. Form di prenotazione (1) Richiesta informazioni
DATI PERSONALI Utente non loggato
•Nome, Cognome,
•Organizzazione / Università,
•Email, Telefono
DATI RICHIESTA
•Strumento
•Motivo: Informazione / Prenotazione
•Periodo (solo per prenotazioni)
•Dettagli
SEZIONE FINALE Utente non loggato
•Trattamento dati personali
•Regolamento
•Captcha
9. Form prenotazione (2) Sezione prenotazione strumento
Assistenza tecnica è consigliata (messaggio di allerta).
Il referente ha comunque diritto di imporre l’assistenza tecnica.
Il calendario mostra le date già occupate dello strumento selezionato.
Possibilità di indicare le date compilando i campi
oppure usando il calendario
10. Pagina prenotazione (versione utente)
SEZIONE RIEPILOGO
Tutti i dati della richiesta
SEZIONE PER NUOVE ANNOTAZIONI
Es. specifiche, domande,… successive alla prenotazione
Invia email ai referenti
PRENOTAZIONE INIZIALE
ANNOTAZIONI E AGGIORNAMENTI
«Storico» delle annotazioni dei referenti e dell’utente
11. Pagina «Le mie prenotazioni» in Area Privata
Elenco di tutte le prenotazioni dell’utente
Per monitorare lo stato delle richieste fatte
Con link alle singole prenotazioni
Widget Avvisi (utente) nella barra laterale di ogni pagina
Ricorda quante richieste di informazioni e prenotazioni sono in attesa di risposta.
Link alla pagina «Le mie prenotazioni»
12. «Il mio profilo» in Area privata
Permette di modificare
i dati personali
inseriti durante
la prima prenotazione.
14. Pagina Strumento Sezione Prenotazioni
Tabella con tutte le richieste
relative allo strumento
La tabella è ordinabile
e filtrabile
15. Pagina Strumento Sezione Modifica
Permette ai referenti di modificare:
CONTATTI
•Numero di telefono
•Indirizzo
REFERENTI
•Eliminare / aggiungere referenti
DESCRIZIONI
•Tipologia
•Descrizione
•Condizioni di utilizzo
ALLEGATI
•Aggiungere / eliminare immagini
•Caricare / eliminare documenti
16. Pagina Strumento Sezione Statistiche
Fornisce statistiche relative alle prenotazioni confermate relative allo strumento
1.Visualizza una tabella riepilogativa mensile per tipologia utente
2.Scarica un file excel con tutte le prenotazioni confermate
17. Form di prenotazione per referenti
Per i referenti:
•possibile prenotare per una terza persona : clicco su (1) e si apre una sezione (2) con i dati personali
•Oltre a informazioni e prenotazioni, possibile segnalare giorni di chiusura (3) per ferie o manutenzione
•Tutte le richieste sono automaticamente confermate.
18. Pagina Prenotazioni (versione referente)
Aggiorna i dati della richiesta
DATI GENERALI
•Status, Tipo, Data, Assistenza tecnica
•Invio email all’utente
NOTE AD USO INTERNO
visibili solo ai referenti dello strumento
ANNOTAZIONI E RISPOSTE
visibili anche all’utente
Il sistema aggiunge in automatico le modifiche inserite in «Dati generali».
19. Pagina «Le mie attrezzature» in Area Privata
Elenco degli strumenti di cui si è referente
Evidenzia le richieste di informazioni e di prenotazione in attesa di risposta
Segnala se è necessario aggiornare le informazioni
Link diretto alle pagine degli strumenti e ai tab specifici (calendario, gestisci prenotazioni, modifica, statistiche…)
20. Riepilogo
Utente
Referente
Funz. aggiuntive per referenti
Elenco strumenti
Pagina strumento
con schede Modifica / Statistiche / Gestione prenotazioni
Form di prenotazione
(se loggato form è semplificato)
con prenotazione per terzi, automaticamente confermata
Richiesta
(solo persona loggata)
con sezione di modifica dei dati generali e annotazioni ad uso interno
Il mio profilo (solo persona loggata)
Le mie prenotazioni (solo persona loggata)
Le mie attrezzature
(solo persona loggata)