Talegjenkjenning i Adobe XD: Slik implementerer du det med suksess

AdobeXDhar blitt et kraftig verktøy for prototyping. Spesielt interessant er muligheten til å integrere stemmestyring. Denne funksjonen lar deg designe interaksjoner med prototypen din gjennom verbale kommandoer. I denne guiden lærer du hvordan du kan implementere stemmestyring i Adobe XD. Dermed blir prototypen din ikke bare mer brukervennlig, men hever også interaktiviteten til et nytt nivå.

Viktigste funn

• Stemmestyring muliggjør interaksjon med objekter gjennom talekommandoer.
• Visuelle hint er avgjørende for å gjøre det klart for brukerne at talekommandoer kan brukes.
• Du kan definere egne talekommandoer og bestemme reaksjonene i prototypen.

Trinn-for-trinn-guide

Lag din artboard

Start med å opprette en ny artboard. Velger du en passende bakgrunnsfarge, gir du prototypen din et moderne utseende. Her kan du for eksempel velge en myk nyanse for å skape et behagelig miljø.

Legg til tekst

Nå er det på tide å kommunisere relevant. Bruk tekstverktøyet til å legge til et tekstfelt, hvor du plasserer spørsmålet "Hva kan jeg gjøre for deg?". Formatér teksten tiltalende for å fremheve den. En skriftstørrelse på 90 punkter er ideell for å være iøynefallende uten å bli overfylt.

Visuelle hint for stemmestyring

For å signalisere til brukeren at talekommandoer er tilgjengelige, bør du lage et mikrofon-symbol. Du kan lage et illustrativt mikrofon ved å tegne et avrundet rektangel og bruke sirkelverktøyet. Sørg for å kombinere dekorative elementer slik at de gir et tiltalende design.

Legg til det andre tekstfeltet

Nå legger du til et annet tekstfelt som viser meldinger som "Lukk denne appen". Velg en passende tekstformatering for å fremheve det. Målet er å aktivt vise brukerne hvilke talekommandoer de kan gi.

Lag animasjoner

For å legge til dynamiske elementer i appen din, bør du opprette flere artboards. Disse vil vise de forskjellige tilstandene av prototypen din under interaktiv bruk. Du kan definere strukturen av animasjonene i prototypen, slik at en flytende animasjon startes når en talekommando gis.

Synkroniser animasjonene

Bruk animasjonsinnstillinger for å definere overganger mellom skjermene. Du kan bruke Auto-Animate for å sikre at animasjonen for lastetrinnene skjer sømløst. Dette gir en positiv brukeropplevelse mens brukerne venter på sine innganger.

Bruk talekommandoer i prototype-modus

Nå bytter du til prototype-modus og definerer overgangen for stemmestyring. Triggeren bør være satt på stemmestyring, ikke på pekeren. Sett kommandoen "Lukk denne appen" som trigger for neste handling. Hver kommando må tildeles en spesifikk animasjon og varighet.

Test prototypen

Når alt er satt opp, går du til forhåndsvisningspanelet og tester applikasjonen din. Hold mellomromstasten nede under testen for å gi talekommandoer. Sjekk om prototypen din reagerer korrekt på talemeldinger og om animasjonene fungerer. Test kommandoen "Lukk denne appen" og observer forløpet.

Oppsummering - Bruk stemmestyring effektivt i Adobe XD

I denne guiden har du lært hvordan du implementerer stemmestyring i Adobe XD. Du har gått gjennom trinnene for å lage en prototype, legge til tekstfelt og visuelle hint samt definere animasjoner og overganger. Denne teknikken vil hjelpe deg med å forbedre brukerinteraksjonen og gjøre prototypen din mer attraktiv.