UX-KALENDER – 15 – 12 DECEMBER AI-versnelde tools voor UX/UI-ontwerpers

We hebben allemaal op sociale media de lanceringen gezien van nieuwe beeldgenererende AI's zoals DALL-E-2, Beeld, Stabiele diffusie ou halverwege de reis. Deze AI's die vanuit een korte tekst afbeeldingen creëren, ongeacht de gewenste stijl. Sommigen hebben zelfs prijzen ontvangen voor hun artistieke creaties! Gezien het gebruik van kunstmatige intelligentie in de wereld van kunst en grafisch ontwerp, is dit een gelegenheid om de vraag te stellen naar het gebruik ervan in onze beroepen. Deze technologie zal ongetwijfeld veel van ons gebruik opschudden, te beginnen met de tools die we gebruiken. Als hulpmiddel stelt kunstmatige intelligentie ons al in staat om bepaalde aspecten van interface-ontwerp te verkennen en te stroomlijnen. Ik bied je een korte selectie van tools die interessant kunnen zijn om te testen om ons interface-ontwerp te versnellen.

Interfaces genereren

Gebruiker

Uizard is een tool voor het maken van Wireframes en mockups. Het bevat een AI-versnelde service om papieren wireframes om te zetten in bewerkbare mockups. Verschillende stijlen kunnen snel worden getest dankzij een module voor het extraheren van stijlen uit screenshots. Hun diensten, hoewel betaald, lijken interessant voor het snel prototypen van oplossingen binnen kleine teams die niet noodzakelijkerwijs een UI-ontwerper bevatten of voor projecten met zeer korte deadlines door toenemende co-constructieworkshops. Computervisie gebruiken (detectie en interpretatie van beelden door een AI) en natuurlijke taalverwerking (begrip van een reeks woorden door een AI) in hun oplossing is een interessant voorbeeld van de potentiële versnellingen in onze bedrijven voor het ontwerp van interfaces.

Prijs: ggratis (binnen de limiet van 3 projecten en 10 sjablonen) daarna betaalde formules

Genereer afbeeldingen

 

Stabiele diffusie

Stable Diffusion is een AI voor het maken van afbeeldingen. Het heeft het voordeel dat het een van de zeldzame oplossingen is onder de Creative ML OpenRAIL-M-licentie, wat betekent dat het vrij en gratis kan worden gebruikt voor commercieel of niet-commercieel gebruik. Een ander voordeel is dat dit platform het meest laagdrempelig en volledig gratis is. Maar wat is het nut van deze tool voor onze beroepen? 

We kunnen interfaces genereren om inspiratie te halen uit bepaalde elementen of uit een gepresenteerde gebruikersinterface.

Reeks interfaces en interface-elementen verkregen met het verzoek "bordspel e-commerce landingspagina" op Stable Diffusion

We kunnen foto's en illustraties genereren als aanvulling op onze bestaande bronnen:

  • Foto's van persona's met controle over de verschillende eigenschappen van de persona (bijv. een foto van een 35-jarige man die een trui draagt)

 

  • Tijdelijke illustraties en foto's voor royaltyvrije modellen (bijv. bord met gezonde groenten)

 

 

 

 

 

 

  • Experimenteer met verschillende generaties afbeeldingen om inspiratie op te doen (bijv. een foto van een telefoonmodel van een app voor het bestellen van eten)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Prijs: en is gratis

Verwerk een afbeelding

Vance AI

Vance AI is een set tools voor het optimaliseren en verbeteren van AI-afbeeldingen. Met deze reeks hulpprogramma's kunt u:

  • Verbeter de resolutie en scherpte van een afbeelding
  • Achtergrond verwijderen uit een afbeelding
  • Digitale ruis uit een afbeelding verwijderen
  • Pas complexe filters toe op een afbeelding

Al deze functies zijn geautomatiseerd en kunnen tot op zekere hoogte worden aangepast. Hoewel de proefversie vrij beperkt is, is de beeldverwerking interessant en kan via een API worden geautomatiseerd op een platform van derden. Dit maakt deze tool nuttig voor zowel ontwerpers als ontwikkelaars die deze service in hun platform willen opnemen.

Prijs: betaald (prijzen met credits)

Alternatieven voor Vance AI

Remove.bg

Remove BG is een snelle en handige tool om achtergronden uit afbeeldingen te verwijderen dankzij hun AI. Deze oplossing maakt een snelle verwerking van dit type retouchering mogelijk zonder een passage in Photoshop (of alternatieven van derden).

Prijs: gratis + betaalde credits voor HD-download

 

 

Laten we verbeteren

Let's Enhance is een effectief hulpmiddel om de resolutie van afbeeldingen te verhogen zonder kwaliteitsverlies. 100% automatisch en snel. Het is dus mogelijk om de resolutie van het lage-definitiebeeld snel te verhogen, hetzij in afwachting van het hoge-definitiebeeld, hetzij als correctie voor een beeld van een te lage essentiële kwaliteit.

Prijs: 10 gratis foto's + betaalde credits.

Bewerk de interfaces

 

SEO voor Figma
De standaardtekst voor bijna alle mockups is "Lorem Ipsum….". Het vinden van de juiste tekst om in tekstvakken te plaatsen is niet altijd gemakkelijk. Met deze plug-in kan men snel tekst van een gekozen lengte genereren met behulp van trefwoorden en snel beschrijven waar de tekst over zou moeten gaan. Hoewel de plug-in voornamelijk wordt gebruikt om te controleren of de inhoud in overeenstemming is met een SEO-strategie, kan deze specifieke functie praktisch zijn wanneer u verder moet gaan dan "Lorem Ipsum", zonder enige specifieke inspiratie voor de te implementeren tekst.
⚠️ Genereert alleen teksten in het Engels. 
Prijs: en is gratis

Ando

Ando is een Figma-plug-in waarmee afbeeldingen kunnen worden gegenereerd van middelen die al aanwezig zijn in de interfaces die we rechtstreeks in Figma hebben gemaakt. Teken de vorm van wat u in de interface wilt zien of neem een ​​illustratie die lijkt op wat u zoekt. Voeg een korte omschrijving toe om uw verzoek te verduidelijken. Ando zorgt voor de rest. We kunnen zelfs specificeren welk element belangrijker is tussen onze instap en het inspiratie-element. Alsof dat nog niet genoeg is, stelt Ando ons ook in staat om de grootte te vergroten of de achtergrond te verwijderen van afbeeldingen die al aanwezig zijn in ons Figma-bestand. De plug-in is daarom behoorlijk compleet en blijft zich uitbreiden om zo goed mogelijk te voldoen aan de verschillende behoeften van visuals in onze modellen.

Prijs: gratis (42 ontwerpen aan het begin van elke maand + 20 ontwerpen per dagelijkse aanmelding) en onbeperkt betaald abonnement

Goochelaar

Hoewel met beperkte toegang, is deze plug-in veelbelovend. Om pictogrammen, teksten en afbeeldingen te genereren, lijkt het de alles-in-één plug-in te zijn om de implementatie van inhoud voor UX/UI-ontwerpers te vergemakkelijken. De studio, Diagram, die deze plug-in heeft ontwikkeld, lijkt een goede bron van plug-ins te zijn om de verschillende taken van ontwerpers te vergemakkelijken, van mockup tot geavanceerde prototyping. Helaas zullen we geduld moeten hebben om meer complete demo's van deze plug-in te zien dan een groot deel van de gemeenschap van ontwerpers op Figma verwacht.

Prijs: tot op heden onbepaald (volgens de prijzen van eerdere plug-ins van dit bedrijf: gratis voor beperkt gebruik + abonnement voor onbeperkt gebruik)

Figma Autonaam

We hebben altijd het probleem gehad om modellen te hebben waarvan de elementen een goede naam hebben. Het hernoemen van de elementen van een model kost echter tijd en energie. Het zijn net zoveel kleine seconden die hier en daar worden besteed aan het hebben van een schoon document of het opschonen van een verstrekte bron. Zo kunt u met Figma Autoname, een Figma-plug-in, frames en modelelementen automatisch hernoemen met behulp van AI.

Prix: Gratis

Figma ML

Het verifiëren van het juiste gebruik van een ontwerpsysteem in mockups kan behoorlijk complex zijn wanneer vergelijkbare elementen worden gebruikt. Elk element moet worden gecontroleerd om er zeker van te zijn dat de link met het ontwerpsysteem niet is verbroken of dat het geen lokale implementatie is. Deze verificaties zijn echter noodzakelijk om een ​​goede evolutie van de modellen te verzekeren door de implementatie en de wijzigingen van het ontwerpsysteem te volgen. Met Figma ML kunnen ontwerpers snel en visueel controleren of de elementen die in de modellen zijn geïmplementeerd, deel uitmaken van de bibliotheken die in het project zijn geïmporteerd. De plug-in geeft visueel de fouten in de modellen aan en geeft de positionering van de te corrigeren elementen in het lagenpaneel.

Prijs: en is gratis

Test de interfaces

 

Aandacht Inzicht

Attention Insight is een oplossing voor het simuleren van tests van een interface met een eyetracker. Ze trainden AI's om de heatmap te simuleren die een eye-tracker-test zou produceren zonder de apparatuur en rekrutering die voor dit type test nodig zou zijn. Eye-trackingtests zijn een geweldige manier om vast te stellen hoe gebruikers omgaan met een interface. Deze tests zijn echter geen vervanging voor gebruikerstesten zoals enquêtes en interviews om te bepalen waarom gebruikers zich gedragen zoals ze doen. Deze tool zou daarom naast gebruikerstesten worden geplaatst bij een projectbeperking in termen van budget, tijd of aantal betrokken ontwerpers.

Prijs: 7 dagen gratis proefversie daarna verschillende formules afhankelijk van de grootte van de organisatie

 

concluderen

Door middel van deze verschillende tools zien we hoeveel artificiële intelligentie het werk van UX/UI Designers kan vergemakkelijken. Hoewel ze nog steeds onvolmaakt zijn, zijn deze door AI mogelijk gemaakte automatiseringen in de loop der jaren gediversifieerd en voldoen ze aan steeds meer uiteenlopende behoeften. Geconfronteerd met deze automatisering van taken en de groeiende capaciteiten van kunstmatige intelligentie om nieuwe uitdagingen aan te gaan, kunnen we ons de vraag stellen naar de toekomst van ons beroep in het licht van dergelijke concurrentie. Deze vraag is belangrijk om de toekomst van onze beroepen beter te begrijpen, maar ook om de eigenheid van onze capaciteiten tegenover de machine te begrijpen.

AI, een bedreiging of een kans voor digitaal ontwerp? Dit zal het onderwerp zijn van een toekomstig artikel dat in januari op onze blog zal verschijnen.
VOLGENS DISTRIBUTIESCHEMA

 

 

Martin AUBAILLY, UX-ontwerper @UX-Republic

 

Onze volgende trainingen