Quant-UX¶

In dit artikel

• Quant-UX Kernfuncties
• Implementatiefuncties
• Verbindingsgegevens
• Aan de slag na de Quant-UX implementatie
• Quant-UX bestellen via de API

Quant-UX Kernfuncties¶

• 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: generatie 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-schermen.
• Animaties: de Animation Composer-tool voor het maken van realistische animaties en het verhogen van de getrouwheid van het prototype.
• Rijke componentenpalet: kant-en-klare widgetsets voor WireFrame, Survey, iOS en Android—u kunt direct beginnen met ontwerpen.
• Slimme tools: rastervergroting, smart cloning en repeater grids om uw workflow te versnellen.
• A/B-testen: 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.
• Bedrijfslogica: het modelleren van logica via REST-verzoeken en beslissingselementen, verplichte velden, validatie van invoerformaten en datakoppeling voor het doorgeven van invoer tussen schermen.
• Usability-testen en analyse: verzamelen van gebruikersgedragsgegevens, heatmaps en kwantitatieve UX-metrieken voor besluitvorming op basis van gegevens.
• Integraties en Import: drag-and-drop import van afbeeldingen (.webp, .jpg, .psd) naar 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 naar het e-mailadres gestuurd dat tijdens de registratie is opgegeven zodra de server gereed 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.

De autorisatiedata zijn te vinden in de sectie Configuration >> Tags van het serverbeheerpaneel 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 voltooid is en de server gereed 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 de tab 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 volgende logins de tab Login.

   Opmerking

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

2. Na de 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 - de naam van het prototype (applicatie);
   • ScreenSize - schermgrootte: Smartphone, Smartphone (Max), Tablet (Vertical), Tablet (Horizontal), Desktop, of Custom (eigen afmetingen).

   Klik op Create — de visual designer wordt geopend.

   Opmerking

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

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

   

   Belangrijkste editor-elementen:

   • Design / Prototype mode toggle — schakelen tussen interface-ontwerp en het instellen van interactieve links;
   • Design Tokens — het maken en beheren van design tokens;
   • Export Code — het exporteren van de prototype-code;
   • 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 documentatie voor ontwikkelaars, en instructies voor self-hosted implementatie zijn beschikbaar in de GitHub-repository van het project.

Quant-UX bestellen via de API¶

Om deze software te installeren via de API, volgt u deze instructies.