Quant-UX¶

In dit artikel

• Belangrijkste functies van Quant-UX
• Implementatiefuncties
• Verbindingsgegevens
• Aan de slag na de Quant-UX implementatie
• Quant-UX bestellen via API

Belangrijkste functies van Quant-UX¶

• Interactieve prototypes: alle widgets zijn volledig functioneel—gebruikers kunnen gegevens invoeren, selectievakjes aanvinken en interactie hebben met elementen. In combinatie met animaties en gegevensverwerking gedraagt het prototype zich als een echte applicatie.
• Visual Designer: een handig canvas voor het maken van schermen, het toevoegen van componenten en het bouwen van overgangen tussen schermen via links.
• AI Assistant: genereren van prototypefragmenten op basis van tekstprompts (bijv. "maak een inlogformulier") met daaropvolgende mogelijkheden voor verfijning en styling.
• Design Systems: het bouwen van schaalbare design systems op basis van componenten, design tokens en master screens.
• Animaties: de Animation Composer tool voor het maken van realistische animaties en het verhogen van de getrouwheid (fidelity) van het prototype.
• Rijke componentenpalet: kant-en-klare widgetsets voor WireFrame, Survey, iOS en Android—je kunt direct beginnen met ontwerpen.
• Slimme tools: grid resizing, smart cloning en repeater grids om je workflow te versnellen.
• A/B Testing: het vergelijken van meerdere ontwerpvarianten binnen één enkel prototype met behulp van de A/B operator—koppel simpelweg een element aan een test en specificeer twee varianten.
• Business Logic: logica modelleren via REST-verzoeken en beslissingselementen, verplichte velden, validatie van invoerformaten en datakoppeling voor het doorgeven van invoer tussen schermen.
• Usability testing en analytics: verzamelen van gebruikersgedragsgegevens, heatmaps en kwantitatieve UX-metrieken voor datagestuurde besluitvorming.
• Integraties en Import: drag-and-drop import van afbeeldingen (.webp, .jpg, .psd) op het canvas, evenals het importeren van lay-outs uit Figma.
• Open Source: self-hosted implementatie zonder de projectlimieten op het aantal projecten en gebruikers die in cloud SaaS-versies aanwezig zijn.

Implementatiefuncties¶

Verbindingsgegevens¶

Na betaling van de bestelling wordt er een melding gestuurd naar het e-mailadres dat tijdens de registratie is opgegeven zodra de server klaar is voor gebruik. Deze bevat het VPS IP-adres, evenals de login en het wachtwoord voor de verbinding.

Beheer van de service wordt uitgevoerd via de Quant-UX webinterface, waarvan de link te vinden is in Invapi.

Autorisatiegegevens zijn te vinden in de sectie Configuration >> Tags van het serverbeheerderspaneel of in de verzonden e-mail:

• Link: in de webpanel; tag;
• Login en Password voor serverbeheer: verzonden via e-mail naar uw adres zodra de software-implementatie is voltooid en de server klaar is. Accountgegevens binnen de applicatie zelf (e-mail en wachtwoord) worden apart aangemaakt tijdens de registratie bij uw eerste bezoek aan de link van de webinterface.

De webinterface is beschikbaar op: https://quantux{Server_ID_from_Invapi}.hostkey.in

grep -rE "QUX_JWT_PASSWORD|QUX_MONGO_CONNECTION_STRING|QUX_MAIL_" /opt/quantux/

Aan de slag na de Quant-UX implementatie¶

1. Ga voor de eerste keer naar een link zoals https://quantux<Server_ID>.hostkey.in. Er wordt een inlogscherm geopend met de tabs Login en Sign Up. Om een account aan te maken, gaat u naar het tabblad Sign Up.

   

   Vul de registratievelden in:

   • Email - uw e-mailadres (wordt ook als uw gebruikersnaam gebruikt);
   • Password - uw wachtwoord.

   Vink het selectievakje I accept the terms of service aan en klik op SignUp. Gebruik voor de volgende keren het tabblad Login.

   Opmerking

   Standaard wordt er geen apart administrator account aangemaakt—tijdens de registratie wordt een standaard gebruikersaccount (rol user) aangemaakt, die eigenaar wordt van zijn eigen prototypes en teams. E-mailadresbevestiging voor het inloggen is niet vereist. De mogelijkheid tot zelfregistratie wordt beheerd door de variabele QUX_USER_ALLOW_SIGNUP, en de lijst met toegestane e-maildomeinen wordt beheerd door de variabele QUX_USER_ALLOWED_DOMAINS in het /opt/quantux/quantux-compose.yml implementatiebestand. Voor meer details over het beheren van gebruikers en teams, zie de developer documentation.

2. Na registratie wordt u automatisch ingelogd en wordt het Quant-UX bureaublad met een welkomstbericht geopend.

   

   Belangrijkste interface-elementen:

   • + Create - maak een nieuw prototype;
   • Recent Prototypes - een lijst van uw recente prototypes;
   • Updates - updates en meldingen;
   • Documentation - ga naar de officiële Quant-UX documentatie;
   • Contact - contactinformatie en feedback;
   • My Account - accountinstellingen.

3. Om een prototype te maken, klikt u op Create. In het venster Create a new prototype dat wordt geopend, specificeert u de parameters:

   

   • Name - naam van het prototype (applicatie);
   • ScreenSize - schermgrootte: Smartphone, Smartphone (Max), Tablet (Vertical), Tablet (Horizontal), Desktop, of Custom (aangepaste afmetingen).

   Klik op Create — de visual designer wordt geopend.

   Opmerking

   Schermgrootte wordt aangegeven in punten (points), niet in pixels.

4. In de visual designer maakt u het prototype-ontwerp: schermen, widgets en overgangen daartussen.

   

   Belangrijkste editor-elementen:

   • Design / Prototype mode toggle — schakelen tussen interface-ontwerp en interactieve link-instelling;
   • Design Tokens — het maken en beheren van design tokens;
   • Export Code — het exporteren van de prototypecode;
   • Share knop — het publiceren van het prototype en het verstrekken van toegang via een link;
   • Zoom-controle (100 %) en actieve prototype selectie in de linkerbovenhoek.

   Opmerking

   Gedetailleerde informatie over het werken met Quant-UX is te vinden in de developer documentation, en instructies voor self-hosted implementatie zijn beschikbaar in de GitHub-repository van het project.

Quant-UX bestellen via API¶

Om deze software te installeren met behulp van de API, volgt u deze instructies.