Ferragosto, dopo pranzo un giro veloce a Curtatone per vedere il 38° Incontro Nazionale dei Madonnari; colta impreparata non avevo con me la “cucciola”, mi sono arrangiata con iPhone.

Poche chiacchere guardiamoci le foto!

Ecco il video e la presentazione ufficiali della 12° serate delle Girl Geek Dinner Milano.

Sullo stesso argomento è possibile leggere anche l’articolo che ho scritto per Girl Geek Life, con tutti i link e i dettagli.

Prima o poi per lavoro doveva capitarmi, ormai siamo nel pieno boom delle applicazioni per smartphone, siti fruibili anche da cellulare e connettività in movimento.

Pertanto un web designer deve imparare nuove regole, nuovi schemi e nuovi approcci di user experience.

La mia avventura, come dicevo, è iniziata quando un cliente dell’agenzia ha manifestato l’esigenza di voler mettere a disposizione dei suoi utenti un’applicazione per iPhone, con gli stessi servizi forniti sul sito.

La prima cosa che ho fatto, non avendo né esperienza in merito, né abbastanza conoscenze della realtà mobile, è stata quella di cercare in rete informazioni sul mondo delle applicazioni per smartphone.

Posso dire che sono stata  fortunata, perché nello stesso periodo ho trovato un paio di seminari da seguire, utili per farmi una prima idea del settore e per raccogliere qualche informazione e link da approfondire cercando su internet.

Le mie ricerche in rete mi hanno fatto notare che le informazioni presenti sugli aspetti grafici per un’applicazione iPhone sono nettamente scarse in confronto a quelle invece legate alla programmazione. Nell’affrontare questa esperienza mi sono infatti sentita un po’ come una pioniera, verso l’ignoto armata solo dei miei studi sulla grafica e il web, verso un mondo nuovo.

Ho deciso così di mettere in pratica le stesse tecniche professionali che utilizzo tutti i giorni per la realizzazione di un sito; pertanto il primo approccio non è stato quello di mettersi al PC e iniziare a disegnare, ma quello di pensare alla progettazione.

Step 1  – studiare:

- quali interazioni e funzionalità si vuole che l’applicazione abbia

- quali esperienze d’uso si vuole che l’utente sperimenti con l’applicazione

- se l’applicazione deve funzionare off-line o online

- se l’applicazione deve avere al suo interno un database completo di informazioni o solo parziale

- se l’applicazione deve funzionare solo a schermo verticale o si può adattare anche nella versione orizzontale.

Messe giù le idee nere su bianco, l’immagine del risultato finale cominciava a farsi largo nella mia mente. Ancora non era il momento di aprire Photoshop.  Prima bisognava passare alla penna, per scrivere le idee, e alla matita per mettere su carta la grafica che si stava affacciando alla mia mente, in modo da non farla fuggire via come il vento.

Step 2 – disegnare:

Ecco che mi sono venuti in aiuto i wireframe trovati in rete

Ho iniziato così disegnare una bozza delle varie schermate dell’applicazione, della navigazione e le interazioni che mi aspettavo di ottenere. Tutto questo sapendo che ci sono alcuni punti fissi da tenere in considerazione:

NavBar Controller: l’area dove vanno posizionati il nome dell’applicazione o della schermata che si sta visualizzando e due bottoni di navigazione. Un esempio, sulla NavBar ci può essere un bottone che riporta al passaggio precedente, il nome della schermata e il bottone per comandi opzionali.

TabBar Controller: l’area dove vanno posizionate le icone dei controlli e delle funzioni che vogliamo creare per l’applicazione.

Un esempio, potremmo inserire un icona che:

- ci riporti all’inizio dell’applicazione

- apra una schermata di ricerca

- permetta di mandare un messaggio di quello che stiamo vedendo o leggendo

- consenta di  memorizzare un’informazione come preferita

e così via.

Misure Schermo: le misure in pixel dello schermo dell’iPhone sono 320×480 in verticale e 480×320 in orizzontale.

Fantasia: tanta e a piacimento, ma se dovesse scarseggia non preoccupatevi in soccorso c’è Apple Store su iTunes. Andate a sbirciare tra le applicazioni disponibili, troverete tanti screenshot utili per imparare e prendere spunto.

Sicuramente quello che fa la differenza è scaricare le applicazioni e provarle, un po’ come andare a guardare i siti della concorrenza per studiare le scelte grafiche, comunicative e di navigazione.

Step 3 -  realizzare:

A questo punto siamo pronti per aprire il nostro amato Photoshop e dare vita alle nostre idee su pixel. Anche in questo caso la rete è stata lì pronta a darmi una mano grazie un utilissimo kit in PSD, dove ci sono la schermata del telefono come base, la tastiera, alcuni bottoni, oggetti e altro ancora .

A questo punto posso solo dirvi lanciatevi e fatemi sapere come va.

Non vi lascio a bocca asciutta, ecco alcuni link per approfondire l’argomento.

Video per come migliorare graficamente un’applicazione

Fireworks – link 1

Fireworks – link 2

Fireworks – link 3

Fireworks – link 4

Grafica – link 1

Grafica – link 2

Grafica – link3

Cammino per le vie di Milano, sempre con lo sguardo di una bambina che scopre sempre con gioia quante cose belle nasconde questa città, che sembra così tanto grigia e sgobbona per chi viene da fuori.

Devo muovermi c’è un aperitivo chiccoso che mi aspetta, in una location famosa per l’arte e il design; allungo il passo, perchè non è il caso di arrivare in ritardo al Camparitivo alla Triennale con Campari e Matteo Ragni che ci farà scoprire questo nuovo bar tra arte e natura.

Muoversi, sono curiosa di vedere cosa mi aspetta!

Attraverso l’ingresso e giù per le scale si accede al giardino della Triennale dove una bottiglia di Campari avvolta in un globo rosso è li per accoglierti, ma il mio sguardo viene subito attratto da altro.

Nel giardino ci sono ben 10 telescopi proiettati verso un Futuro Meraviglioso, verso direzioni diverse per 10 diverse riflessioni verso il domani, ma anche verso noi stessi.
Ogni telescopio nasconde al suo interno un messaggio, io nei mie scatti ve ne svelo qualcuno, ma lascio a voi la curiosità di andare al Camparitivo per scoprire cosa c’è nei restanti telescopi.

Dopo tutto questa filosofia, non c’è niente di meglio che buttarsi tra tavoli 2.0, lampade leggere come nuvole, sedie comunicative, banconi digitali e giochi di specchi, per prendere un aperitivo in uno luogo che sembra fatto apposta per dare spazio alle persone di parlare tra di loro.

Tavoli 2.0 fatti per condividere, scambiare, dividere, ciò che si beve grazie allo spazio centrale che ospita bottiglia e bicchieri e gira tra gli amici.
Sedie Camparine fatte per comunicare, girarsi in completa comodità verso chi ci sta accanto attraverso gli angoli smussati come se fossero degli scivoli.
Specchi che riflettono noi, gli altri e ciò che ci circonda, fatti per spiare, per guardare, per corteggiare, per riflettere ancora una volta sul Futuro Meraviglioso.

Mi fermo qui, perchè svelarvi tutto, quando potete approfittare di queste serate del Fuorisalone per rilassarvi e godervi un aperitivo all’aperto, sotto una magica atmosfera?

Sponsored Post

Sono un pochino in ritardo con questa recensione, è un periodaccio incasinata tra mille cose, ma ho cercato di approfittare del ponte Pasquale per recuperare un pò.

Passiamo subito al libro, dal titolo mi aspettavo forse qualcosa di più “markettaro” e di comunicazione, invece sono rimasta piacevolmente stupita del quadro globale sull’ecologia, dei dati, delle case history e del tanto tanto verde che ci ho trovato.

Credo che sia un il libro da far leggere alle gente che al marketing aziendale in specifico, più andava avanti la mia lettura più pensavo che può essere un buon punto di partenza per risvegliare la coscienza della gente. E’ di facile comprensione e scorrevole, inoltre per i termini meno conosciuti ci arriva in aiuto il glossario in fondo al libro. Certo non è  la nuova bibbia per una filosofia di vita per il pianeta, ma sicuramente i casi pratici hanno più impatto ed efficacia di tanta filosofia.

La parte della Sitografia è molto utile e interessante con tanti siti con consigli per come risparmiare energia, rendere la nostra vita più eco-sostenibile, consumare meno e sprecare meno.

Ecco quelli che mi sono piaciuti di più:

http://www.reusablebags.com
http://www.greenchoices.com/
http://earth911.com/
http://www.1world2wheels.org/
http://www.eartheasy.com/
http://100milediet.org/
http://www.sustainabletable.org/home.php
http://www.goodguide.com/

Leggi le prime pagine del libro

Dati libro:
Titolo: “Go green. Il nuovo trend della comunicazione”
Autore: Diego Masi
Editore: Fausto Lupetti Editore
ISBN: 978-8895962-38-2
Anno: 2010
Pagine 209

Blog: http://gogreen.myblog.it/

Devo davvero ringraziare tutti coloro che mi hanno mandato email di ringraziamento, segnalazione di errori e commenti. In particolare tutti quelli che si sono offerti per rileggerlo come: Sharon Sala…

Qui potete scaricare la terza versione dell’ebook: Personal Branding con i Social Medi

Sul sito di Luigi Centenaro, potete trovare informazioni sul libro Personal Branding online per la HOEPLI di prossimo uscita.

Stamattina la mia distrazione sono stati alcuni libri scovati un pò per caso, ma che hanno stimolato la mia curiosità a tal punto da inserirle nella lista delle future letture, e sono:

Il manuale della marca. Consumatore cultura società

Di Laura Minestroni

Si tratta di un volume di oltre 400 pagine suddiviso in 17 capitoli che vanno dal significato della marca postmoderna alla sua storia, tra numerosi passaggi osservabili solo dagli argomenti trattati che qui riportiamo.

Scheda del libro
Indice del libro

—————————————————-

Branding. Una visione design oriented

Di Elio Carmi, E. I. Wegher

Oggi come non mai è utile allora ritornare ad un saggio che ci orienti in un campo che diamo per scontato. Questo libro, Branding Design Oriented, ci ricorda che il mestiere di chi si occupa di comunicazione creativa ha infinite possibilit‡, ma che prima di tutto deve basarsi su una capacità di leggere, di essere sensibile al reale.

Scheda del libro
Indice del libro

——————————————————

Logomania Mini

Di Promopress

E’ finalmente disponibile l’edizione tascabile di “Logomania”; il best seller RED -uscito nel 2006- è esaurito ormai da oltre un anno. Abbiamo pensato di ristamparlo in due tempi, reimpaginandolo e dividendo i contenuti in due volumi.
Questo primo libro comprende le sezioni “Freshly Made” e “Lifting” di Logomania, ovvero i loghi nuovi e i restyiling di loghi da attualizzare.

Scheda del libro

Realizzato da H5