--- title: "Neue Funktionen für das Design von App-Benutzeroberflächen" date: "2016-04-13" categories: - "applications" - "development" - "mobile" tags: - "app-development" - "apps" - "mobiletogether" - "ui-design" description: Entdecken Sie die neuesten Entwicklungen im Bereich der Benutzeroberflächendesign für Apps mit MobileTogether. Die Plattform bietet neue Steuerelemente und verbesserte Funktionen für eine nahtlose mobile Entwicklung auf verschiedenen Plattformen. --- Status: #blog Tags: #app-development #apps #mobiletogether #ui-design Categories: [low-code+no-code](/blog/de/category/low-codeno-code.md) | [mobile-development](/blog/de/category/mobile-development.md) # Neue Funktionen für das Design von App-Benutzeroberflächen Wie der Spruch sagt: "Man hat nur eine Chance, einen ersten Eindruck zu hinterlassen." Dieser uralte Ratschlag gilt auch heute noch in vielen Bereichen – selbst wenn man über mobile Apps nachdenkt. Eine erfolgreiche App ist eine Erweiterung der Hand des Nutzers, und eine ansprechende, funktionale Benutzeroberfläche sorgt dafür, dass diese Verbindung nahtlos funktioniert. [MobileTogether](https://www.altova.com/de/mobiletogether.html) macht es einfacher denn je, ausgefeilte Benutzeroberflächen zu entwickeln, die komplexe Programmlogik verwalten. In der neuesten Version haben wir noch mehr Optionen hinzugefügt, um intuitive Oberflächen für native iOS-, Android- und Windows-Apps zu entwickeln. ![Mobile App](/blog/images/shutterstock_107715224.jpg) ### Benutzeroberflächendesign für Anwendungen Das UI-Design in MobileTogether ist sehr speziell: Ihr einmaliges Layout wird gleichzeitig für alle Plattformen angepasst, und Sie können Code für native iOS-, Android-, Windows Phone- und Windows 8/10-Anwendungen generieren – alles basierend auf diesem einen Design. Sie können Ihr Design für jedes Betriebssystem individuell anpassen oder auch nicht. In jedem Fall rendert MobileTogether Ihre Designelemente automatisch für jedes Betriebssystem und die jeweilige Gerätegröße. Während Sie arbeiten, ermöglicht der integrierte Simulator Ihnen zu sehen, wie Ihre Benutzeroberfläche auf jeder Plattform und auf Geräteebene aussehen wird:   ![App-Entwicklungs-Simulator](/blog/images/app-simulator.png)   Sie können mit dem UI-Design beginnen, indem Sie eine der vielen integrierten Steuerelemente per Drag-and-Drop auf das Designfenster ziehen und anschließend die Backend-Daten verbinden sowie die Verarbeitung dieser Daten definieren.   ![Steuerung über mobile App](/blog/images/mobiletogether-controls.png)   ### Neue Benutzeroberflächenelemente Mit jeder neuen Produktversion fügen wir eine Vielzahl von Funktionen hinzu, die von Entwicklern gewünscht wurden. Die [neueste Version von MobileTogether](https://www.altova.com/de/whatsnew_mobiletogether.html) bietet über 30 neue Funktionen, darunter einige neue Benutzeroberflächenelemente: #### **Vertikale Linie** Die neue vertikale Linienfunktion ergänzt die bestehende horizontale Linienfunktion und kann in Tabellen verwendet werden, um die Spaltentrennung und -ausrichtung hervorzuheben, wie im folgenden Beispiel gezeigt. Dies ist nur eine von zahlreichen neuen Funktionen für.. [Erstellung und Anzeige von Tabellen in mobilen Anwendungen](https://www.altova.com/blog/scrolling-tables-data-driven-mobile-apps/) wir kürzlich eingeführt haben.   ![Mobiler Tisch ](/blog/images/landscape-50.png)   Es ist einfach, vertikale Linien zu erstellen, indem man einfach den Steuerelement an den gewünschten Einfügepunkt in der Benutzeroberfläche zieht. #### **Schieberegler** Der üblicherweise horizontale Schieberegler wird typischerweise verwendet, um Endbenutzern die Auswahl eines Wertes innerhalb eines vordefinierten Minimums und Maximums zu ermöglichen. Die Position des Markers gibt einen allgemeinen Hinweis auf die Eingabe des Benutzers, selbst ohne eine Skala von Werten, wie beispielsweise der Schieberegler zur Anzeige des Schadensausmaßes in der unten gezeigten App für die Paketlieferung.   ![Horizontaler Schieberegler](/blog/images/slider-1.png)   #### **E-Mail- und Teilen-Buttons** Mit der neuen "Share Action", die in MobileTogether 2.1 eingeführt wurde, können Entwickler jetzt Schaltflächen mit E-Mail- und Teilen-Symbolen definieren, die Benutzer sofort erkennen. Im Folgenden sehen Sie Screenshots derselben App auf iOS und Android. Beachten Sie, dass die nativen Symbole für Teilen und E-Mail automatisch für jede Plattform verwendet werden.   ![E-Mail- und Teilen-Buttons](/blog/images/share-button.png)   Diese neuen Funktionen ergänzen die bereits vorhandenen Möglichkeiten, um ansprechende Benutzeroberflächen für Ihre datenzentrierten mobilen Anwendungen in [MobileTogether](https://www.altova.com/de/mobiletogether.html) zu erstellen. In Kombination mit der hochentwickelten Backend-Programmierung, die dieses Framework ermöglicht, wird Ihre mobile App bei den Endbenutzern sicherlich einen ausgezeichneten Eindruck hinterlassen.   MobileTogether Designer ist kostenlos – [Probieren Sie es jetzt aus](https://www.altova.com/de/download/mobiletogether.html)