---
title: "Nieuwe functies voor het ontwerpen van de gebruikersinterface van apps"
date: "2016-04-13"
categories: 
  - "applications"
  - "development"
  - "mobile"
tags: 
  - "app-development"
  - "apps"
  - "mobiletogether"
  - "ui-design"
description: Ontdek de nieuwste ontwikkelingen op het gebied van app-interfaceontwerp met MobileTogether, met nieuwe besturingselementen en verbeterde functionaliteit voor een naadloze mobiele ontwikkeling op verschillende platforms.
---
Status: #blog

Tags:  #app-development #apps #mobiletogether #ui-design

Categories: [low-code+no-code](/blog/nl/category/low-codeno-code.md) | [mobile-development](/blog/nl/category/mobile-development.md)
# Nieuwe functies voor het ontwerpen van de gebruikersinterface van apps

Zoals het gezegde luidt: "Je krijgt maar één kans om een eerste indruk te maken." Dit eeuwenoude advies is nog steeds relevant, zelfs als we denken aan mobiele apps. Een succesvolle app is een verlengstuk van de hand van de gebruiker, en een aantrekkelijke, functionele gebruikersinterface is wat die verbinding naadloos maakt. [MobileTogether](https://www.altova.com/nl/mobiletogether.html) maakt het nu gemakkelijker dan ooit om geavanceerde gebruikersinterfaces te ontwikkelen voor complexe programmeerlogica. In de nieuwste versie hebben we nog meer opties toegevoegd voor het ontwikkelen van intuïtieve interfaces voor native iOS-, Android- en Windows-apps.

![Mobiele app](/blog/images/shutterstock_107715224.jpg)

<!--more-->

### Ontwerp van de gebruikersinterface voor mobiele applicaties

Het UI-ontwerp in MobileTogether is uniek: uw enkele lay-out wordt tegelijkertijd vertaald voor alle platforms, en u kunt code genereren voor native iOS-, Android-, Windows Phone- en Windows 8/10-apps – allemaal gebaseerd op dat ene ontwerp. U kunt uw ontwerp per besturingssysteem aanpassen, of niet. Hoe dan ook, MobileTogether rendert automatisch uw ontwerpelementen voor elk besturingssysteem en de grootte van het apparaat. Tijdens het werken kunt u met de ingebouwde simulator zien hoe uw gebruikersinterface eruit zal zien op elk platform, tot op apparaatniveau:

 

![Simulator voor het ontwikkelen van apps](/blog/images/app-simulator.png)

 

U kunt uw gebruikersinterfaceontwerp starten door een van de vele ingebouwde elementen naar het ontwerpvenster te slepen, en vervolgens de benodigde gegevens van de backend te koppelen en de verwerking van die gegevens te definiëren.

 

![Bediening via mobiele app](/blog/images/mobiletogether-controls.png)

 

### Nieuwe gebruikersinterface-elementen

Bij elke nieuwe productversie voegen we een reeks functionaliteiten toe die door ontwikkelaars zijn aangevraagd. De [nieuwste versie van MobileTogether](https://www.altova.com/nl/whatsnew_mobiletogether.html) introduceert meer dan 30 nieuwe functies, waaronder enkele nieuwe gebruikersinterface-elementen:

#### **Verticale lijn**

De nieuwe verticale lijncontrole vult de bestaande horizontale lijncontrole aan en kan in tabellen worden gebruikt om de scheiding en uitlijning van kolommen te benadrukken, zoals hieronder te zien is. Dit is slechts één van de vele nieuwe functies voor [het maken en weergeven van tabellen in mobiele apps](https://www.altova.com/blog/scrolling-tables-data-driven-mobile-apps/) die we recentelijk hebben geïntroduceerd.

 

![Mobiele tafel ](/blog/images/landscape-50.png)

 

Het is eenvoudig om verticale lijnen te definiëren door de controle simpelweg naar het gewenste punt in uw gebruikersinterface te slepen.

#### **Schuifregelaar**

De bekende horizontale schuifregelaar wordt meestal gebruikt om eindgebruikers in staat te stellen een bepaalde waarde te selecteren binnen een vooraf gedefinieerd minimum en maximum. De positie van de indicator geeft een algemene indicatie van de invoer van de gebruiker, zelfs zonder een schaal van waarden, zoals de schuifregelaar voor het aangeven van de mate van schade in de pakketbezorg-app die hieronder wordt weergegeven.

 

![Horizontale schuifregelaar](/blog/images/slider-1.png)

 

#### **E-mail- en deelknoppen**

Om te passen bij de nieuwe deeloptie die is geïntroduceerd in MobileTogether 2.1, kunnen ontwikkelaars nu knoppen definiëren met e-mail- en deeliconen die gebruikers direct herkennen. Hieronder een screenshot van dezelfde app op iOS en Android. Let op dat de standaard deel- en e-mailiconen automatisch worden gebruikt voor elk platform.

 

![E-mail- en deelknoppen](/blog/images/share-button.png)

 

Deze nieuwe functies komen bovenop de bestaande mogelijkheden om prachtige gebruikersinterfaces te creëren voor uw mobiele apps die gericht zijn op data, in [MobileTogether](https://www.altova.com/nl/mobiletogether.html). In combinatie met de geavanceerde backend-programmering die dit framework mogelijk maakt, zal uw mobiele app zeker een uitstekende indruk maken bij de eindgebruikers.

 

MobileTogether Designer is gratis - [probeer het nu](https://www.altova.com/nl/download/mobiletogether.html)
