{"id":1582,"date":"2015-12-01T11:44:38","date_gmt":"2015-12-01T09:44:38","guid":{"rendered":"https:\/\/yeeply.com\/de\/blog\/?p=1582"},"modified":"2023-12-11T13:23:43","modified_gmt":"2023-12-11T11:23:43","slug":"die-bedeutung-von-prototypen-beim-app-entwickeln","status":"publish","type":"post","link":"https:\/\/yeeply.com\/de\/blog\/app-entwicklung\/die-bedeutung-von-prototypen-beim-app-entwickeln\/","title":{"rendered":"Die Bedeutung von Prototypen beim App Entwickeln"},"content":{"rendered":"

Wer eine App entwickeln m\u00f6chte, muss sehr viele Dinge beachten. Aber um Erfolg zu haben, muss jeder Punkt akkurat beachtet werden. Einer der wichtigsten Schritte im Entwicklungsprozess \u00fcberhaupt ist die Pr\u00e4zisierung der Idee<\/strong>. Dies gilt wenn Sie ein Entwickler sind und die Idee eines Kunden umsetzen m\u00f6chten genauso, wie wenn Sie eine Idee haben und eine Mobile App entwickeln<\/a> lassen m\u00f6chten.<\/p>\n

Beim fixieren des UX, UI und IxD<\/a>, bei der Bestimmung der ben\u00f6tigten Funktionen und \u00fcberall, wo der Kunde eine einzigartige L\u00f6sung w\u00fcnscht, ist es wichtig, ausreichend Zeit f\u00fcr die Erstellung von Mockups und Prototypen<\/strong> zu investieren. Die Entwicklung eines guten Prototyps ist recht aufw\u00e4ndig und verlangt einige Zeit.<\/p>\n

Aber im Endeffekt ist es elementar, diese Zeit aufzuwenden, wenn man einen reibungslosen Entwicklungsprozess w\u00fcnscht. Denn beim Prototyp k\u00f6nnen bereits Missverst\u00e4ndnisse und Fragen zwischen Entwickler und Auftraggeber ausger\u00e4umt werden. Insgesamt kann so einiges an Zeit, M\u00fche, \u00c4rger und Geld gespart werden.<\/p>\n

M\u00d6CHTEN SIE EINE APP ERSTELLEN? BESCHREIBEN SIE UNS IHR PROJEKT!<\/a><\/div>\n

Der Schl\u00fcssel zum Erfolg: Ein guter Prototyp<\/h2>\n

Ein spanisches Sprichwort besagt: Beginne den Hausbau nicht am Dach! Auch beim App Programmieren<\/a>\u00a0gilt diese Weisheit. Um ein perfektes Ergebnis zu erhalten, muss ein solides Fundament stehen. D.h. Sie ben\u00f6tigen eine gut definierte Projektbeschreibung<\/strong>, bevor Sie auch nur eine einzige Zeile programmieren. Genau das ist das Mantra unseres Projektmanagers bei Yeeply.<\/p>\n

\n

\u201cEs ist Zeitverschwendung zu programmieren, solange wir keinen Prototypen oder gute Mockups haben\u201d.<\/em><\/p>\n<\/blockquote>\n

Wenn die App Entwicklung startet, bevor ein Konzept steht, dass vom Entwickler und vom Kunden gleicherma\u00dfen gepr\u00fcft und verstanden wurde, wird der Entwickler h\u00f6chstwahrscheinlich im Nachhinein so gut wie jeden Screen der Mobile App \u00e4ndern m\u00fcssen. Dies bedeutet eine teure und unn\u00f6tige Zeitverschwendung.<\/p>\n

Doch auch wenn Entwicklungszeit immer Geld kostet, gilt die Devise: Langsam aber sicher. Oft stehen Entwickler und Kunden unter Zeitdruck. Aber meistens erreicht man genau das Gegenteil, wenn man versucht an den falschen Stellen Zeit einzusparen.<\/p>\n

Dar\u00fcber hinaus kann das Erstellen eines Prototyps<\/a> das finale Ergebnis auch sehr bereichern. Mit relativ geringem Arbeitseinsatz kann der Kunde, aber auch der App Programmierer, ein Ergebnis sehen und gegebenenfalls \u00c4nderungen vornehmen, die ihm durch die Visualisierung der Idee \u00fcberhaupt erst in den Sinn kommen. Oft erkennt man auch, dass einige Funktionen, die man sich vorher vorgestellt hat, gar nicht zielf\u00fchrend sind.<\/p>\n

Bevor es weitergeht\u2026<\/h3>\n

Bisher haben wir die Worte Prototyp, Mockup und Wireframe beinahe als Synonyme verwendet, obwohl es drei sehr unterschiedliche Dinge sind. Auch wenn wir uns in diesem Artikel auf Prototypen konzentrieren, weil sie aus den Mockups und Wireframes resultieren, m\u00f6chten wir alle drei kurz vorstellen:
\n<\/strong><\/p>\n

Wireframe<\/strong> \u2013 Wir k\u00f6nnen Wireframes als so etwas wie den ersten Schritt bezeichnen. Hier wird das Design und der Style festgelegt, in denen die App erscheinen soll. Au\u00dferdem enth\u00e4lt es eine visuelle Beschreibung, wie die Interaktion der App mit dem User ablaufen soll. Es ist sehr wichtig, das Wireframe sorgf\u00e4ltig auszuarbeiten, weil es das Ger\u00fcst der App Entwicklung darstellt. Doch stellt eine einfache Skizze bei weitem keine solide Basis dar, damit wir anfangen k\u00f6nnen zu arbeiten.<\/p>\n

\"wireframes<\/a><\/p>\n

Mockup <\/strong>\u2013 Ein Mockup wird erstellt, um die Struktur, die Informationen und den Inhalt einer App visuell und statisch zu zeigen. So bekommt ein Entwickler eine gute Idee der Vorstellungen eines Kunden, ohne dass so viel Arbeit investiert werden muss, wie bei der Erstellung eines Prototyps.<\/p>\n

Prototyp <\/strong>\u2013 Wenn wir uns mit der Erstellung eines Prototyps besch\u00e4ftigen, begeben wir uns schon ein wenig in den Entwicklungsprozess der Anwendung hinein. Hier verwenden wir ein geeignetes Tool, um dem Wireframe Leben einzuhauchen. Die Idee ist, dass wir eine einfache Darstellung der Interaktion programmieren, um eine Vorstellung davon zu bekommen, wie die geplanten Funktionen in der Mobile App einmal aussehen werden. Dies ist sehr n\u00fctzlich, um die Usability zu testen.<\/p>\n

\"prototyp<\/a><\/p>\n

F\u00fcr jeden dieser Arbeitsschritte existiert eine Unmenge an Programmen, die wir verwenden k\u00f6nnen, wie wir Ihnen in fr\u00fcheren Artikeln bereits gezeigt haben.<\/p>\n

\"E7<\/a><\/p>\n

Die wichtigsten Punkte beim Prototypen<\/h2>\n

Nat\u00fcrlich geht jeder Entwickler auf seine eigene Art vor, wenn er ein Projekt vorbereitet. Au\u00dferdem sind Kunden auch immer unterschiedlich weit im Planungsprozess, wenn sie App Entwickler kontaktieren<\/a>. Dennoch m\u00f6chten wir Ihnen im Folgenden die wichtigsten Punkte aufz\u00e4hlen, die beim Planungsprozess eine Rolle spielen:<\/p>\n