Di Daniele Vietri | Twitter
@marlenek | 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?
Web Project Manager di sistemi e-Commerce e community, autore di dBlog CMS... [continua]
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
e-Commerce: è sufficiente una versione mobile?
06/12/2011 - in eCommerce - Commenti (0)
Web A(p)Punti: Test A/B, Microconversioni, Call-to-action, Newsletter, navigazione Mobile e no-profit
25/11/2011 - in Web appunti - Commenti (0)
e-Commerce: come le persone utilizzano gli smartphone
03/05/2011 - in eCommerce - Commenti (0)
WhyMCA 2010 live blogging (appunti): design per iPad
21/05/2010 - in Web Development - Commenti (2)
WhyMCA 2010 live blogging (appunti): HTML5 come strumento per lo sviluppo mobile
21/05/2010 - in Web Development - Commenti (5)
Scopri:
Info |
Date e città |
Argomenti |
Destinatari |
Blog