it-swarm.it

Strumenti per la creazione di modelli per le interfacce utente dei dispositivi mobili

Sto cercando strumenti che possano aiutarmi a creare modelli di interfaccia utente per diversi telefoni cellulari come iPhone, Android e Windows Phone 7. Esiste qualche applicazione in grado di farlo?

26
gyurisc

Se stai per prototipare per iPhone, c'è un interessante strumento iPhone Mockup che ho trovato di recente.

Potresti anche considerare la lista fornita da questo articolo , ha molti stampini e strumenti sull'argomento.

16
Pam Rdz

Buona domanda - Balsamiq Mockups potrebbe essere la soluzione migliore. Hanno controlli iPhone integrati e qualcuno ha contribuito controlli per Windows Phone 7 . Hanno anche roba per piattaforme Nokia, ecc. Non sono sicuro di Android qui. Tieni d'occhio Blog di Malsup To Go di Balsamiq per ulteriori contributi dalla community di Balsamiq.

Ho anche creato due elenchi su Twitter seguendo gli strumenti wireframing e prototipazione , che potresti considerare di seguito per vedere se quelle aziende integrano il supporto per quelle piattaforme. Dal momento che Windows Phone 7 non è stato ancora lanciato, molti di loro non si sono ancora spostati in quello spazio.

8
Rahul

Controlla anche Pencil per Firefox .. e il Android stencil al progetto open source Android-ui-utils ( post del blog qui ).

Ho anche sentito che Adobe Fireworks è molto buono per la prototipazione dell'interfaccia utente (apaprently con supporto per simulazioni interattive e forme a 9 sezioni) ... Non l'ho provato io stesso.

7
Roman Nurik

Esiste uno strumento dedicato per iPhone (e iPad) che in realtà funziona su iPhone - Interfaccia.

Come ha sottolineato Rahul, Balsamiq è una buona scelta e Axure ha anche librerie dedicate (almeno per l'iPhone - I haven non ho controllato per il resto).

5
Dan Barak

Vorrei aggiungere il plugin WireframeSketcher Eclipse all'elenco. Un'applicazione di prototipazione molto piacevole e facile da usare che può essere utilizzata fin dal IDE anche da non programmatori.

Un bel vantaggio di WFS è che le schermate vengono salvate come file XML, il che consente di memorizzarle facilmente in un sistema di controllo della versione e di diffonderle e unirle per mantenere organizzate le modifiche.

Mentre inizialmente è stato creato per deridere applicazioni "normali", alcuni utenti hanno contribuito con componenti di mockup - chiamati "stencil" - per app per iPad/iPhone/Android (vedere WFS Mockupgallery ).

2
Baelnorn

Uso spesso gdocs. Sono molto flessibile e ci sono abituato. Adoro il modo in cui puoi condividere, discutere e collaborare agli schizzi. Vedi qui per esempio: Selezione in due passaggi in Windows Phone 7

1
OneWorld

È inoltre possibile utilizzare Fireworks oppure provare a controllare questa app http://www.fluidui.com/ dedicata esclusivamente su iPhone e Android per la creazione di modelli). :)

1
UXgirl

Per iPhone/iPad utilizzo quanto segue: App Cooker e iMockups

Entrambe sono app per iPad.

0
ScottK

Axure fino in fondo! Ho trascorso innumerevoli ore a far funzionare un prototipo su cellulare. Il problema con ogni altro programma che ho usato è che non gestiscono moduli dettagliati. Ho dovuto prototipare un modulo di allenamento al telefono. Axure è in grado di gestire il modulo "ricordando" le scelte degli utenti quando rimbalza da uno schermo all'altro. (vale a dire: quando l'utente seleziona "attività" e passa alla schermata successiva con l'elenco delle attività, può scegliere "Esegui" e fare in modo che le rimbalzi sulla schermata precedente con "Esegui" precompilato. sub-attività, diciamo "corsa sul tapis roulant". Mi riporterebbe indietro nella schermata del modulo originale con "Esegui" e "Treadmill Run" compilati nel modulo.) Alcuni altri programmi lo gestiscono come un menu a discesa, ma ovviamente questo è gestito in modo diverso al telefono. Axure è l'unico programma a supportarlo.

C'è anche un'impostazione nella versione più recente del software che consente di regolare il riquadro di visualizzazione del prototipo in modo che appaia come un'app reale sul telefono. Supporta funzioni come 'tap' che sono funzioni mobili.

Sul sito è disponibile una prova gratuita. Esistono molte librerie di widget supportate, anche elementi dell'interfaccia utente mobile.

Consiglio vivamente questo programma!

0
Christie Day

Ecco un altro strumento che può aiutarti iPhone Wireframe Kit - Google Docs

0
vladocar

Inoltre, aggiungi questo strumento nelle tue risorse.

DesignerVista 4.0 per iPhone, Windows Phone 7 e Android Mobile GUI Mockup

http://www.designervista.com

0
user3335

Ho preferito Fireworks da molto tempo ormai, ma recentemente mi sono trasferito su OmniGraffle (da quando Fireworks ha iniziato a diventare veramente difettoso e lento sul mio Mac). Sono abbastanza soddisfatto della scelta finora. Ecco alcuni stencil molto belli per iPhone e iPad che include sia la grafica reale sia le versioni in scala di grigi per OmniGraffle.

In genere si inizia con wireframe in scala di grigi e si aggiungono alcuni elementi grafici se davvero necessari. Personalmente lavoro più velocemente con la scala di grigi e fa in modo che i wireframe si attengano alla descrizione delle funzionalità e della navigazione, non ai colori.

0
user3337

Ho provato un paio di metodi. Commenti e collegamenti sono i seguenti;

  • Photoshop o Fireworks con questo http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/ Modo standard, richiede un po 'più di tempo per ottimizzare i layout.

  • Interfaccia app per iPhone Richiede troppo tempo ma perfetto anche per prototipo e produzione .. =

  • Keynote Kungf - Keynote, modello di PowerPoint per la prototipazione di iOS Il migliore in assoluto, veloce come keynote dà molta mano , più opzioni di esportazione.

0
Yunus

Adoro Cacoo ; è il mio go-to per la semplice wireframing e hanno ottime opzioni per iPhone, Android, ecc. Ho usato altri strumenti, ma questo è stato il migliore per me, per deridere qualcosa prima di costruirlo da solo o con i miei amici .

0
user3358

Vedi, ci sono molti strumenti. La scelta giusta dipende sempre dalla tua esperienza e abilità precedenti e ovviamente dal contesto del tuo compito. Cosa vuoi mostrare e a chi.

Oltre all'elenco che posso consigliare: - se si desidera esplorare tutti i tipi di transizioni, selezionare Adobe Catalyst (o Flash) - se in seguito è necessario creare specifiche, il benchmark attualmente è Axure RP6

In realtà, puoi usare tutto ciò che hai, purché tu sappia cosa vuoi fare e chi è il pubblico del tuo deliverable;)

0
Wolo

Non posso aggiungere un commento al post di Rahul, quindi menzionerò qui che il sito di mockup personalizzati di Balsamiq si sta trasferendo qui https://mockupstogo.mybalsamiq.com/projects ed è in un formato molto più bello del sito Posterous.

@OneWorld puoi iscriverti a http://mybalsamiq.com per $ 12 al mese. Ma stai meglio acquistando la versione desktop IMHO.

0
saybeano