{"id":4254,"date":"2021-02-02T00:22:44","date_gmt":"2021-02-02T00:22:44","guid":{"rendered":"https:\/\/swisstomato.ch\/2021\/02\/02\/app-und-web-prototyping\/"},"modified":"2021-02-02T00:22:44","modified_gmt":"2021-02-02T00:22:44","slug":"app-und-web-prototyping","status":"publish","type":"post","link":"https:\/\/swisstomato.ch\/de\/2021\/02\/02\/app-und-web-prototyping\/","title":{"rendered":"App- und Web-Prototyping"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Ein Prototyping-Tool l\u00e4sst Webdesign Agentur, Designer, Kunden und Projektmanager effektiver zusammenarbeiten. Die Beratung zu einem Wireframe oder Design war vor dem Aufkommen von Live-Prototyping-Tools ein sehr umst\u00e4ndlicher und zeitaufw\u00e4ndiger Prozess. Reihenweise Besprechungen, E-Mails oder Telefongespr\u00e4chen waren n\u00f6tig, bis das endg\u00fcltige Design stand. Jetzt k\u00f6nnen wir auf sehr einfache Weise an Prototypen zusammenarbeiten und haben einen riesigen Vorteil: Bei einem Fehlschlag mit einem Teil des Mockup bzw. Modells k\u00f6nnen wir sanft landen \u2013 es besteht immer die M\u00f6glichkeit, Wireframe und Design zu \u00fcberarbeiten oder zu verbessern.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>InVision \u2013 das Tool, das wir als Webdesign Agentur nutzen<\/h2>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.invisionapp.com\/\" target=\"_blank\" rel=\"noopener\">InVision<\/a> ist mit Abstand das beliebteste Prototyping-Tool der Welt. Wir denken, dass es das effektivste Prototyping-Tool auf dem Markt ist. Die besten Funktionen sind die folgenden:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><i><span style=\"font-weight: 400;\">Einfach zu benutzen: <\/span><\/i><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Da sich alle Tools voneinander unterscheiden und verschiedene Funktionen bieten, w\u00fcrde das Erlernen des Tools viel Zeit in Anspruch nehmen. InVision bietet zum Gl\u00fcck eine grossartige Benutzeroberfl\u00e4che und das ist wichtig, da Kunden schnell verstehen, wie es funktioniert. <\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><i><span style=\"font-weight: 400;\">Sharing:<\/span><\/i><span style=\"font-weight: 400;\"><br \/>\n<\/span>Die Zusammenarbeit von Kunden, Designern und Projektmanagern ist der Schl\u00fcssel f\u00fcr das Design. InVision bietet die M\u00f6glichkeit zur Sharing, sodass mehrere Personen synchronisiert zusammenarbeiten k\u00f6nnen.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><i><span style=\"font-weight: 400;\">Qualit\u00e4t:<\/span><\/i><span style=\"font-weight: 400;\"><br \/>\n<\/span>F\u00fcr Projekte k\u00f6nnen unterschiedliche Anforderungen gelten, die in niedrige, mittlere und hohe Wiedergabetreue unterteilt werden k\u00f6nnten. Egal, ob es sich bei dem Projekt nur um ein Wireframe, eine vollst\u00e4ndige Website oder ein App-Design handelt, ist InVision eine Anwendung, die alle Anforderungen erf\u00fcllt.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Eine einfacher Leitfaden zur Funktionsweise<\/h3>\n<p>Wir brauchen unseren Kunden keine wortgewaltige Anleitung zur Funktionsweise dieses Prototyping-Tools geben. Wir bieten in unseren Pr\u00e4sentationen nur einen einfachen Link oder eine Schaltfl\u00e4che, um die Demo auszuprobieren. Es ist f\u00fcr den ersten Gebrauch leicht zu verstehen. Hier ein \u00dcberblick \u00fcber die Customer Journey, die Kundenreise:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17661\" src=\"https:\/\/swisstomato.ch\/wp-content\/uploads\/2021\/02\/Img-01.jpg\" alt=\"prototyping\" width=\"1200\" height=\"673\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Der Kunde erh\u00e4lt einen einfachen Link oder einen Button, der zur Demo f\u00fchrt. Der Link kann auch gesperrt und nur f\u00fcr zugelassene Personen ge\u00f6ffnet werden.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><i><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17664\" src=\"https:\/\/swisstomato.ch\/wp-content\/uploads\/2021\/02\/Img-02.jpg\" alt=\"\" width=\"1200\" height=\"744\" \/><\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">Wenn die Demo geladen wurde, kann der Kunde das Design wie in echt ausprobieren. Wir k\u00f6nnen auch Animationen und Navigationsinteraktionen einf\u00fcgen. Die Prototypen k\u00f6nnen auf mobile Ger\u00e4te gespiegelt werden. Wenn Ihr Projekt eine App ist, k\u00f6nnen Sie die Demo auf Ihrem Telefon ausprobieren, falls es sich um eine Website handelt, k\u00f6nnen Sie die Responsive-Versionen (Tablet, Handy) auf Mobilger\u00e4ten ausprobieren.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Nach dem \u00dcberpr\u00fcfen der Demo k\u00f6nnen auf Seiten des Kunden jedem Element Kommentare hinzugef\u00fcgt werden (nat\u00fcrlich k\u00f6nnen mehrere Benutzer Kommentare hinterlassen).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sobald Kommentare hinzugef\u00fcgt wurden, werden der Designer und der Projektmanager benachrichtigt und die Zusammenarbeit kann sofort beginnen. Bei Bedarf besteht die M\u00f6glichkeit, die Kommentare auf Seiten der Designer aufzul\u00f6sen, w\u00e4hrend der Kunde die Demo kommentiert. Das macht den Kollaborationsprozess sehr schnell.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3>Zusatzfunktionen<\/h3>\n<p><span style=\"font-weight: 400;\">Nach Abschluss des Demo-Kommentierungsprozesses kann die Entwurfsphase des Projekts mit einer detaillierten Website-\/App-Designrichtlinie abgeschlossen werden \u2013 ebenfalls in InVision.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17667\" src=\"https:\/\/swisstomato.ch\/wp-content\/uploads\/2021\/02\/Img-03.jpg\" alt=\"\" width=\"1200\" height=\"613\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Alle Designelemente \u2013 Schriftarten, Farben, Abmessungen, Bildschirme \u2013 werden auf einer einfachen interaktiven Seite gesammelt und k\u00f6nnen so k\u00fcnftig leicht verwendet werden. Dieses Vorgehen macht die zus\u00e4tzliche Arbeit einfach und effektiv. Vor allem, da die Mitarbeiter unserer Agentur f\u00fcr Webdesign in Z\u00fcrich sich bestens mit InVision auskennen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Zusammenfassend l\u00e4sst sich sagen, dass ein Prototyping-Tool seine eigenen besonderen Vorteile, Besonderheiten und unterschiedlichen Anforderungen hat. Die Zusammenarbeit bei Wireframe und Design ist viel einfacher als zuvor, sodass Zeit umgeleitet werden kann, um das Design perfekter und genauer zu gestalten. Dies wiederum f\u00fchrt zu einem besseren Endprodukt bei weniger Zeit- und Energieaufwand und macht den Kunden zufriedener.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ein Prototyping-Tool l\u00e4sst Webdesign Agentur, Designer, Kunden und Projektmanager effektiver zusammenarbeiten. Die Beratung zu einem Wireframe oder Design war vor dem Aufkommen von Live-Prototyping-Tools ein sehr umst\u00e4ndlicher und zeitaufw\u00e4ndiger Prozess. Reihenweise Besprechungen, E-Mails oder Telefongespr\u00e4chen waren n\u00f6tig, bis das endg\u00fcltige Design stand. Jetzt k\u00f6nnen wir auf sehr einfache Weise an Prototypen zusammenarbeiten und haben einen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1665,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"acf":{"first_post_thumbnail":4258,"post_thumbnail":4264,"home_slider_image":4270,"custom_class":""},"featured_image_big_url":"https:\/\/swisstomato.ch\/wp-content\/uploads\/2022\/06\/App-web-prototyping-3.jpg","featured_image_url":"https:\/\/swisstomato.ch\/wp-content\/uploads\/2022\/06\/App-web-prototyping-3.jpg","date_formatted":" 02, 2021","month_number":"2","_links":{"self":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/posts\/4254"}],"collection":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/comments?post=4254"}],"version-history":[{"count":0,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/posts\/4254\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/media\/1665"}],"wp:attachment":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/media?parent=4254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/categories?post=4254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/tags?post=4254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}