it-swarm-eu.dev

Tools zum Erstellen von Modellen für Benutzeroberflächen mobiler Geräte

Ich suche nach Tools, mit denen ich UI-Modelle für verschiedene Mobiltelefone wie iPhone, Android und Windows Phone 7-Geräte) erstellen kann. Gibt es eine Anwendung, die dies kann?

26
gyurisc

Wenn Sie Prototypen für das iPhone erstellen möchten, gibt es ein sehr interessantes iPhone-Mockup-Tool , das ich kürzlich gefunden habe.

Vielleicht möchten Sie auch die Auflistung in diesem Artikel berücksichtigen . Sie enthält viele Schablonen und Werkzeuge zu diesem Thema.

16
Pam Rdz

Gute Frage - Balsamiq Mockups ist vielleicht die beste Wahl. Sie haben iPhone-Steuerelemente eingebaut, und jemand hat dazu beigetragen Steuerelemente für Windows Phone 7 . Sie haben auch Sachen für Nokia-Plattformen usw. Sie sind sich nicht sicher über Android Optionen hier. Behalten Sie Balsamiqs Mockups To Go-Blog für weitere Beiträge der Balsamiq-Community im Auge.

Ich habe auch zwei Listen auf Twitter erstellt, die den Tools Wireframing und Prototyping folgen, die Sie möglicherweise in Betracht ziehen, um festzustellen, ob diese Unternehmen die Unterstützung für diese Plattformen integrieren. Da Windows Phone 7 noch nicht gestartet wurde, sind viele von ihnen noch nicht in diesen Bereich umgezogen.

8
Rahul

Schauen Sie sich auch Pencil für Firefox .. und die Android Schablonen bei Android-ui-utils Open Source-Projekt ( Blogbeitrag hier ).

Ich habe auch gehört, dass Adobe Fireworks sehr gut für das UI-Prototyping geeignet ist (offenbar mit Unterstützung für interaktive Mocks und 9-Slice-Formen) ... Ich habe es jedoch nicht selbst ausprobiert.

7
Roman Nurik

Es gibt ein spezielles Tool für das iPhone (und iPad), das tatsächlich auf dem iPhone ausgeführt wird - Schnittstelle.

Wie Rahul betonte, ist Balsamiq eine gute Wahl und Axure hat auch dedizierte Bibliotheken (zumindest für das iPhone - ich habe für den Rest nicht überprüft).

5
Dan Barak

Ich möchte das WireframeSketcher Eclipse-Plugin zur Liste hinzufügen. Eine sehr nette und einfach zu verwendende Prototyping-Anwendung, die auch von Nicht-Programmierern direkt aus dem IDE] heraus verwendet werden kann.

Ein netter Vorteil von WFS ist, dass die Bildschirme als XML-Dateien gespeichert werden, wodurch sie einfach in einem Versionskontrollsystem gespeichert und differenziert und zusammengeführt werden können, um Änderungen zu organisieren.

Während es ursprünglich zum Verspotten "normaler" Anwendungen erstellt wurde, haben einige Benutzer Modellkomponenten - sogenannte "Schablonen" - für iPad/iPhone/Android-Apps beigesteuert (siehe WFS Mockupgallery ).

2
Baelnorn

Ich benutze oft GDOCs. Ich bin am flexibelsten damit und ich bin daran gewöhnt. Ich mag die Art und Weise, wie Sie die Skizzen teilen, diskutieren und zusammenarbeiten können. Siehe hier zum Beispiel: Auswahl in zwei Schritten in Windows Phone 7

1
OneWorld

Sie können auch Fireworks verwenden oder versuchen, diese App zu überprüfen http://www.fluidui.com/ ausschließlich für das iPhone und Android zum Erstellen von Modellen). :) :)

1
UXgirl

Für iPhone/iPad verwende ich Folgendes: App Cooker und iMockups

Beide sind iPad-Apps.

0
ScottK

Axure den ganzen Weg! Ich habe unzählige Stunden damit verbracht, einen Prototyp auf Mobilgeräten zum Laufen zu bringen. Das Problem mit jedem anderen Programm, das ich verwendet habe, ist, dass sie keine detaillierten Formulare verarbeiten. Ich musste ein Trainingsformular am Telefon prototypisieren. Axure könnte das Formular "Erinnern" an die Benutzerauswahl beim Herumhüpfen von Bildschirm zu Bildschirm verarbeiten. (dh: Wenn der Benutzer "Aktivität" ausgewählt hat und zum nächsten Bildschirm mit der Liste der Aktivitäten wechselt, kann er "Ausführen" auswählen und diese auf dem vorherigen Bildschirm mit "Vorgefüllt" zurückspringen lassen. Anschließend können sie die auswählen Unteraktivität, sagen wir 'Laufbandlauf'. Es würde mich dann wieder auf dem ursprünglichen Formularbildschirm mit 'Ausführen' und 'Laufbandlauf' auf dem Formular anzeigen.) Einige andere Programme würden dies als Dropdown behandeln, aber natürlich Dies wird am Telefon anders gehandhabt. Axure ist das einzige Programm, das dies unterstützen würde.

In der neueren Version der Software gibt es auch eine Einstellung, mit der Sie den Ansichtsbereich des Prototyps so anpassen können, dass er wie eine tatsächliche App auf dem Telefon aussieht. Es unterstützt Funktionen wie "Tippen", die mobile Funktionen sind.

Auf der Website gibt es eine kostenlose Testversion. Es gibt viele unterstützte Widget-Bibliotheken, sogar Elemente der mobilen Benutzeroberfläche.

Ich kann dieses Programm nur empfehlen!

0
Christie Day

Hier ist ein weiteres Tool, das Ihnen helfen kann iPhone Wireframe Kit - Google Docs

0
vladocar

Bitte fügen Sie dieses Tool auch Ihren Ressourcen hinzu.

DesignerVista 4.0 für iPhone, Windows Phone 7 und Android Mobile GUI Mockups

http://www.designervista.com

0
user3335

Ich habe Fireworks schon lange bevorzugt, bin aber kürzlich zu OmniGraffle gewechselt (seit Fireworks auf meinem Mac richtig fehlerhaft und langsam wird). Ich bin bisher ziemlich zufrieden mit der Wahl. Hier sind einige sehr schöne Schablonen für iPhone und iPad , die sowohl echte Grafiken als auch Graustufenversionen für OmniGraffle enthalten.

Normalerweise beginnen Sie mit Graustufen-Drahtgittern und fügen bei Bedarf einige Grafiken hinzu. Persönlich arbeite ich schneller mit Graustufen und dadurch bleiben die Drahtgitter bei der Beschreibung von Funktionen und Navigation, nicht bei Farben.

0
user3337

Ich habe einige Methoden ausprobiert. Kommentare und Links sind wie folgt;

  • Photoshop oder Feuerwerk mit diesem http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/ Standardmäßig dauert die Feinabstimmung von Layouts etwas länger.

  • Schnittstelle App für iPhone Nimmt zu viel Zeit in Anspruch, ist aber auch perfekt für Prototypen und Produktion .. =

  • Keynote Kungf - Keynote, PowerPoint-Vorlage für das Prototyping von iOS Die bisher beste, schnell wie Keynote viel Hand gibt , mehrere Exportoptionen.

0
Yunus

Ich liebe Cacoo ; Es ist meine Anlaufstelle für einfaches Wire-Framing und sie bieten großartige Optionen für iPhone, Android usw. Ich habe andere Tools verwendet, aber dies war das Beste für mich, um etwas zu verspotten, bevor ich es selbst oder mit meinen Freunden aufbaue .

0
user3358

Sie sehen, es gibt viele Werkzeuge. Die richtige Wahl hängt immer von Ihren bisherigen Erfahrungen und Fähigkeiten und natürlich vom Kontext Ihrer Aufgabe ab. Was willst du zeigen und und wem?.

Zusätzlich zu der Liste kann ich empfehlen: - Wenn Sie alle Arten von Übergängen untersuchen möchten, überprüfen Sie Adobe Catalyst (oder Flash). - Wenn Sie anschließend Spezifikationen erstellen müssen, lautet der Benchmark derzeit Axure RP6

Eigentlich kannst du alles verwenden, was du hast, solange du weißt, was du tun willst und wer das Publikum deines Ergebnisses ist;)

0
Wolo

Ich kann Rahuls Beitrag nicht kommentieren, daher werde ich hier erwähnen, dass die benutzerdefinierte Mockups-Site von Balsamiq hier verschoben wird https://mockupstogo.mybalsamiq.com/projects und in einem viel schöneren Format als die Posterous-Site.

@OneWorld können Sie http://mybalsamiq.com für 12 USD pro Monat abonnieren. Aber Sie sind besser dran, die Desktop-Version IMHO zu kaufen.

0
saybeano