dBlog CMS Open Source: italiano - english - español - français - deutsch | Laboratorio: template - plug in - translation - extra | Forum | Licenza | Newsletter | Contatti

Clicca sulle stelline per votare
Attualmente voti: 0 media: 0  

WhyMCA 2010 live blogging (appunti): dall'idea al design dell'interfaccia mobile

Di Daniele Vietri | Twitter Twitter @marlenek | Facebook Facebook danielevietri
21/05/2010 - in Web Development - Commenti (0)
Questo post è stato letto 1638 volte in 631 giorni.
 


Dall'idea al design dell'interfaccia mobile step by step, Ilaria Mauric

Esercizio di stile personale, analisi di un servizio online che utilizza (non realizzato da lei) e progetto di porting su mobile.

Ilaria fa' una breve analisi dell'interfaccia web del servizio Monthlyinfo.com, per monitorare il ciclo. Mostra lo stesso sito su mobile: uguale, ma molto piu' piccolo e quindi impossibile da utilizzare con le dita (tap). Utilizza il sito come utente, ma vorrebbe un'esperienza utente su mobile piu' comoda per cui decide di progettarla.

Confronto tra web e applicazione. L'applicazione deve offrire risposte piu' velocemente, avere funzionalita' minime e semplici da utilizzare (per gli sviluppatori e' svantaggioso perche' bisogna riscrivere molto). Context is king. Il porting di alcune funzionalita' non ha piu' senso sul mobile, ad esempio i reminders diventano push notification.

Inizia a progettare con i wireframe tutte le varie schermate. Sceglie la piattaforma di sviluppo e quindi consulta le guidelines e l'SDK per ottenere le specifiche di progettazione (schermo, risoluzione, colori, etc). Poi interfaccia via PhotoShop con librerie.

Dubbi e discussioni con gli sviluppatori: c'e' spazio nella schermata, aggiungiamo informazioni e funzionalita'? La scelta e' stata negativa per non complicare l'interfaccia. Piu' si aggiunge piu' servono test con utenti. Altro dubbio: i colori aiutano davvero? Se la funzionalita' e' simile e porta alla stessa sezione dell'applicazione conviene mantenere lo stesso colore per una questione di usabilita'. Dubbio sulla risoluzione: 72dpi e 8bit e' quella corretta? iPad ad esempio accetta 180dpi con profondita' colore 16bit, ma per gli smartphone non ha trovato risposta.

Nuovi dispositivi = nuovi scenari = nuovi contesti = nuove interfacce.



Questo articolo ti è piaciuto?



Se desideri stamparlo clicca qui oppure potresti essere interessato alla sottoscrizione del feed RSS per ricevere gratuitamente nel tuo aggregatore tutti gli aggiornamenti di questo blog.

< Vai al post precedente
Vai al post successivo >

 

Commenti


Nessun commento trovato. Vuoi essere il primo a scrivere un commento? Fammi sapere la tua opinione scrivendola nel modulo qui sotto!
 

Nuovo commento

Non inserire testo nel campo sotto (altrimenti non riuscirai a commentare)

Testo (max 1000 caratteri)

Nome

e-Mail / Link ("nofollow", "no-rel", non pubblicato)



Disclaimer
L'indirizzo IP del mittente viene registrato, in ogni caso si raccomanda la buona educazione.

Marlenek

Daniele Vietri - Milano, IT

Web Project Manager di sistemi e-Commerce e community, autore di dBlog CMS... [continua]


x Feed RSS dei post
Iscritti su FeedBurner

Daniele Vietri

LinkedIN Twitter Facebook

Il mio libro sull'e-Commerce (ed. Hoepli, 09/2011)

Libro Hoepli e-Commerce

e-Commerce
Come avviare, gestire e fare profitto con il vostro negozio online


Autori D. Vietri, G. Cappellotto
Collana Informatica, ed. Hoepli
Acquista ora cartaceo | e-book

> www.libroecommerce.it <

Corso siti web, in aula a Milano (o altrove, su richiesta)

Dall'autore di questo blog un corso completo per sviluppare semplici siti web e diventare webmaster:
Corso di HTML

Scopri: Info | Date e città | Argomenti | Destinatari | Blog