Opprett og rediger Dynamics CRM-mobilskjemaer for Express-telefoner. Bruk tilstrekkelige utvalgslister

I følge din forespørsel skjema for mobilnettsted funnet 2833 resultater

Å utvikle god navigasjon for en nettside er en av de nøkkel faktorer god utvikling prosjektet og det faktum at besøkende begynner å utforske siden for å sjekke alle kriker og kroker (bokmerker, bilder, tekst osv.) for informasjon. Se og bli inspirert til dine egne flotte prosjekter.

Samsvar: 7
Når man designer mobilapplikasjoner, står en utvikler overfor ulike fallgruver som kan ødelegge all innsats. I denne leksjonen vi vil beskrive de 6 mest lumske og typiske feil når du jobber med versjoner for mobile enheter.

Samsvar: 7
I denne leksjonen vil vi finne ut hvordan du lager et originalt meldingsskjema i form av en skrivemaskin. Alle hovedfunksjonene til denne enheten, som har gått ut av bruk, vil bli nøye gjenopprettet med bruker CSS og jQuery.

Samsvar: 7
Her vil du finne ut hele sannheten om nettstedene e-handel: I følge den nyeste forskningen på dette området, ifølge i det minste 59,8% potensielle kjøpere nekter å betale for det de har lagt i handlekurven sin (MarketingSherpa 59,8 %, SeeWhy 83 % og MarketLive 62,14 %). Hovedspørsmålet: Hvorfor forlater kunder kjøp så ofte? Faktum er at det er noen grunnleggende feil som utviklere av e-handelsnettsteder gjør veldig ofte. Om det er en generelle prinsipper som gjør det vanskelig for brukere å kjøpe produktene våre? Og er det noen meningsfull måte å forbedre salgsytelsen til det vi selger?

Samsvar: 7
Den fineste nye funksjonen i HTML5 er muligheten til å legge til standardtekst i skjemafelt. Plassholderattributtet lar skjemafelt vise spesifikk tekst mens de er tomme eller ikke i fokus (når feltet har fokus, slettes det). Dette er en stilig funksjon, men den støttes likevel ikke av alle nettlesere. I denne opplæringen skal jeg vise deg hvordan du bruker Modernizr for å finne ut om den støttes av en gitt nettleser, og hvis ikke, fylle ut skjemafelt med standardtekst dynamisk ved å bruke jQuery.

Samsvar: 7
Modulært rutenett kan gi betydelig hjelp når du oppretter en nettside. Hun gir begge deler visuell struktur for nettstedselementer og miljøet for innhold. Det er hun tilfeldigvis på en enkel måte lage en balansert og enhetlig nettside.

Samsvar: 7
Når du utvikler et prosjektgrensesnitt, vil du alltid at det skal være enkelt og forståelig for brukeren. Uansett hva nettstedet ditt tilbyr, må du finne en balanse mellom enkelhet og funksjonalitet. Det er veldig viktig å sikre at brukeren enkelt kan finne og forstå alle funksjoner i prosjektet ditt, ideelt sett uten å laste inn andre sider.

Samsvar: 7
Se for deg den følelsesmessige uroen til en bruker som trenger å legge til bare et par tegn for å sende inn et skjema med et stort antall manuelt utfylte felt, og plutselig går all data tapt. Fryktelig. Med mindre det selvfølgelig er en måte å gjenopprette dataene for å unngå skjebnen til Sisyfos.

Denne artikkelen er en kunngjøring om ny funksjonalitet.
Det anbefales ikke å bruke innholdet i denne artikkelen for å lære ny funksjonalitet.
Full beskrivelse ny funksjonalitet vil bli gitt i dokumentasjonen for den tilsvarende versjonen.
Full liste endringer i ny verson finnes i filen v8Update.htm.

Implementert i versjon 8.3.11.2867.

Vi fortsetter å utvikle den mobile plattformen, og legger til funksjonalitet som allerede er tilgjengelig i plattformen for personlige datamaskiner. I tillegg utvikler vi spesifikke plattformfunksjoner som kun er relevante for mobile enheter. Vi vil nå fortelle deg om noen av de viktigste forbedringene.

Planlegger

Objektmodellen til den "mobile" planleggeren har ikke endret seg, men måten brukeren samhandler med planleggeren på har endret seg, siden metodene for å legge inn informasjon på mobile enheter er forskjellige fra de som brukes på stasjonære datamaskiner.

For eksempel utføres rask redigering av et element ved et enkelt klikk på elementet. Langt trykk på samtaler kontekstmenyen, og til utseendet til markører som lar deg strekke elementet. Dra gjøres ved å trykke lenge og deretter bevege fingeren.

Rulling av hele planleggeren gjøres ved å bla med én finger, zoome med to fingre, og så videre.

En funksjon ved den nåværende implementeringen av den "mobile" planleggeren er at den ennå ikke støtter utskrift.

Formatert dokument

Et annet "nytt" objekt som vi har lagt til den mobile plattformen er Formatert dokument. Fra brukerens synspunkt skiller et "mobil" formatert dokument seg bare ved at redigeringspanelet er innebygd i selve kontrollen, og er en logisk del virtuelt tastatur. Du, som utviklere, er ikke pålagt å legge den til separat i konfigurasjonen. Redigeringspanelet har et annet utseende avhengig av typen mobilenhet (telefon eller nettbrett).

Forhåndsvisning av "mobil"-skjemaet i konfiguratoren

I konfiguratoren, når vi utviklet et skjema, la vi til muligheten til å se hvordan skjemaet ditt vil se ut på mobil enhet.

I kommandopanelet kan du velge et grensesnittalternativ Mobil enhet, og se hvordan skjemaet vil se ut i standardretning.

Her kan du rotere mobilenheten din.

I tillegg har vi gitt deg muligheten til å velge mellom stort nummer vanlige enheter.

I tillegg kan du se mobilskjemaer i tre forskjellige skalaer:

Piksel til piksel- når en skjermpiksel for en mobilenhet tilsvarer en piksel for forhåndsvisningsvindu;
Faktisk størrelse - når størrelsen på mobilenheten på skjermen stemmer geometriske dimensjoner enheter;
Etter vindusstørrelse- når visningsskalaen er valgt på en slik måte at "mobil" visningsområdet passer inn i forhåndsvisningsvinduet uten å rulle.

Batchbehandling av regnearkdokumenter

Vi har lagt til en rekke nye objekter til mobilplattformen som lar deg lage pakker med viste dokumenter. Denne funksjonaliteten ligner den som finnes i PC-plattformen. Dermed kan du nå for eksempel sende flere dokumenter til utskrift samtidig.

Utvikling av leveringsbare varsler

Vi har implementert støtte for Windows push-varslingstjeneste (WNS, Windows Notification Services). Nå kan du bruke funksjonaliteten til leverte varsler når du kjører en mobilapplikasjon på plattformer i Windows-familien.

Vi har også omarbeidet feilhåndteringssystemet for sending av leverte varsler. I situasjoner der en feil tidligere ble kastet som et unntak, kastes den nå som en verdi som du kan håndtere i det innebygde språket.

Maskinvareakselerasjon i Android-operativsystemet

På driftsversjoner Android-systemer 4.4.2 og høyere den mobile plattformen nå bruker maskinvareakselerasjon. Dette tillot oss å øke grensesnittets gjengivelseshastighet med 1,5 – 3 ganger.

Gjelder: Dynamics 365 (online), Dynamics 365 (on-premises), Dynamics CRM 2016, Dynamics CRM Online

Microsoft Dynamics 365 for Phone Express bruker et skjema som er optimalisert for bruk med en telefon. Når du redigerer et skjema velger du hvilke felt som skal vises og i hvilken rekkefølge. Du kan gjøre enkelte felt skrivebeskyttet, men du kan ikke bruke skjemaskript i CRM-skjemaer for ekspresstelefoner.

CRM for Express-telefoner er forrige versjon telefonapplikasjon for Microsoft Dynamics 365 Siste versjon telefon-app - Microsoft Dynamics 365 for telefoner - gir samme funksjonalitet som Microsoft-applikasjon Dynamics 365 for nettbrett. For informasjon om hvordan du konfigurerer Dynamics 365 for telefoner og nettbrett, se Konfigurere Dynamics 365 for telefoner og nettbrett.

Hvis du har flere skjemaer, må du omorganisere rekkefølgen på skjemaene og tildele de riktige sikkerhetsrollene slik at brukerne ser skjemaene de trenger for å fullføre oppgavene sine.

I denne seksjonen

Se skjema Mobile Express

Opprette et mobilekspressskjema

Se Mobile Express-skjemaet

Det første trinnet i å sette opp et mobilskjema er å forstå hvordan det ser ut. Start Express Phone CRM-appen på telefonen din og logg på organisasjonen din.

Herfra finner du enheten som har skjemaet du trenger for å redigere og åpne eksisterende oppføring eller opprette en ny.

Som du kan se, er skjemaet en liste over felt.

Merk

Bare felt som inneholder data vises.

For å redigere data, klikk på ikonet Endring nederst i skjemaet. Feltetiketter flyttes for å gi mer plass til redigering. Alle feltene vises nå. Hvis du blar nedover, kan du se en liste over alle relaterte enheter som definert i de tilsvarende enhetsrelasjonsdefinisjonene.

Opprette et mobilekspressskjema

Hvis det er behov for flere mobile skjemaer, opprett en ny på samme måte som du ville opprettet en hvilken som helst annen type skjema. Når du oppretter flere skjemaer, må du angi rekkefølgen på skjemaene og sikkerhetsrollene for skjemaet. Brukere kan navigere mellom skjemaer i Express-telefon CRM-appen; de ser den første formen i den rekkefølgen av skjemaer som sikkerhetsrollene deres tillater dem å se. For et eksempel, se Flere skjemaer.

Gå til seksjon Alternativer > Innstillinger. Plukke ut Sett opp systemet.

Utvid noden Enheter og velg enheten du vil opprette et nytt mobilskjema for.

Utvid enheten og velg en node Skjemaer.

Plukke ut Skape Og Mobil-Express.

Hvis denne kommandoen ikke vises, er ikke enheten aktivert for CRM-støtte for Express-telefoner. For noen enheter kan dette endres. For mer informasjon, se Aktivere eller deaktivere enhetsinnstillinger.

Mobile Express-skjemanavn trenger ikke å være unike, men de må være meningsfulle slik at de kan skilles fra andre Mobile Express-skjemaer i listen. Dette er viktig når du skal angi rekkefølgen på skjemaene.

Nå kan du endre formen eller velge Lagre og lukk for å lukke det.Mer informasjon:Rediger et Mobile Express-skjema

Angi rekkefølgen på skjemaene

Velg fra listen over skjemaer for enheten Rekkefølge av skjemaer og velg Mobil - Express.

I dialogboksen Rekkefølge av skjemaer velg en form og bruk de grønne pilene for å flytte figuren opp eller ned i formrekkefølgen.

Det vil være praktisk at hver mobilform har sitt eget meningsfylte navn.

Plukke ut OK for å lukke dialogboksen Rekkefølge av skjemaer.

Merk

Du, som bærer av rollen" Systemadministrator" eller "System Customizer", har du tilgang til alle skjemaer. Den eneste måten å se innstillingene som er brukt på Mobile Express-skjemaer i Express Phone CRM-appen er å bestille skjemaene slik at skjemaet du nettopp har laget er øverst.

Endre Mobile Express-skjemaet

I motsetning til andre enhetsskjemaer, kan du ikke opprette nye enhetsrelasjonsattributter i Mobile Express-skjemaredigereren. Du kan imidlertid alltid endre Mobile Express-skjemaet i standardløsningen.

I standardløsningen bruker du Solution Explorer for å utvide Enheter og velg mobilskjemaenheten du vil redigere.

I listen over skjemaer velger du skjemaet med kolonne Skjematype verdi tilstede Mobil - Express.

Redigeren for mobilskjemaer åpnes.

Med et så enkelt skjema er oppsettsoppgavene som følger.

Velg felt som skal inkluderes i skjemaet.

Velge plasseringen av feltene.

Beslutningen om å gi skrivebeskyttet tilgang til enkelte felt.

Publiser innstillinger etter fullføring. For mer informasjon, se Publiseringsinnstillinger.

Som standard er alle felt som kreves av virksomheten eller systemet inkludert i skjemaet og kan ikke fjernes. Hvis du gjør et obligatorisk felt skrivebeskyttet, vil ikke brukere kunne redigere feltet. Mens du lager Ny inngang et skrivebeskyttet felt vil ikke vises, men brukeren vil fortsatt kunne lagre posten uten disse dataene. Hvis du endrer den samme posten i nettet eller Dynamics 365-appen for telefoner og nettbrett, må brukeren angi denne verdien før endringene lagres.

se også

Spør enhver voksen hvilken gjenstand de ikke kan forlate hjemmet uten, og de vil svare deg: nøkler, lommebok, mobil. Med veksten av produsenter av mobilenheter og utgivelsen av nye og forbedrede modeller, er det rett og slett umulig å ikke bukke under for denne voksende trenden.

Data fra 2014 viser at i USA alene har 90 % av voksne en mobiltelefon, hvorav 58 % er smarttelefoneiere. 42 % av amerikanerne eier nettbrett. I en rapport spådde eMarketer at innen utgangen av 2014 vil folk bruke rundt 1,75 milliarder smarttelefoner over hele verden.

Disse tallene bekrefter bare at mobile enheter i dag har forvandlet seg fra luksusvarer til vår daglige nødvendighet. Hvis tidligere telefoner bare var et kommunikasjonsverktøy, stoler vi nå på dem når vi jobber, slapper av eller handler.

Optimalisering av skjemaer for mobile enheter

Fremveksten av smarttelefoner gjør ikke bare shopping enklere for forbrukerne. Dette er et velkomment tillegg til den allerede voksende netthandelsbransjen. Over tid begynte ikke bare online, men også offline virksomheter å forstå viktigheten mobiltelefoner, sammen med andre kampanjekanaler, for å skaffe kunder.

Skjemaer tilbakemelding spiller en stor rolle i netthandel, de er også et kjerneelement i den mobile plattformen. Vi støter vanligvis på dem når vi foretar et kjøp og nettstedet ber oss om å oppgi spesifikk informasjon som navn, adresse, telefonnummer og kredittkortinformasjon. Imidlertid synes mange kjøpere å fylle ut skjemaer som en kjedelig oppgave, som kan ødelegge interessen deres. I tillegg møter nettkunder vanligvis utfordringer som mangel på tid eller dårlig internettforbindelse, noe som kan påvirke mobilnettstedets konverteringsfrekvens negativt.

Nedenfor er 10 måter å øke hastigheten på kundenes mobiltransaksjonsytelse på og også gjøre deres netthandelsopplevelse hyggelig.

1. Inkluder bare det meste viktige detaljer inn i skjemaet ditt

Hvis du ikke har tålmodighet til å fylle ut tonnevis av skjemaer på en nettside mens du handler på nettet, føler kundene dine sannsynligvis det samme. Det er forskjell på å fylle ut et Full-On-skjema og å fylle ut et enkelt skjema for å kjøpe noe fra en nettbutikk. Sammenlignet med sistnevnte kan den første versjonen av skjemaet være ganske irriterende, og du risikerer å miste klienten når han blir lei av å fylle ut skjemaet, spesielt hvis han ser at han må oppgi tre forskjellige telefonnumre.

Gjør nettbasert mobilhandel praktisk ved å gi kundene dine et enkelt, men komplett bestillingsskjema. Bare spør brukere om gyldig viktig informasjon, som for eksempel fullt navn, adresse E-post, telefonnummer, fraktinformasjon og kredittkortinformasjon. Du kan også inkludere en rullegardinliste over stater eller land du sender til, eller enda bedre, har din mobilapp ber om geolokalisering fra klienter. På denne måten kan du få adressen deres raskt og nøyaktig.

2. Bruk høydejustering for etiketter og inndatafelt.

Smarttelefoner har et begrenset visningsområde sammenlignet med PC-er, så det er viktig at du designer en form som maksimerer dette området. En måte å gjøre dette på er å bruke vertikal justering for skjemafeltene dine. Du skjønner, når det brukes til et skjema horisontal justering, er det en mulighet for at ikke all informasjon får plass på smarttelefonskjermen, og en etikett eller et inndatafelt kan gå tapt. Slike bestillingsskjemaer kan se tungvinte ut for kjøpere, noe som kan redusere interessen deres.

På den annen side, hvis etiketter og inndatafelt er plassert vertikalt, vil det være lettere for kundene dine å umiddelbart se informasjonen de ber om, inkludert hva de trenger å fylle ut. Dette vil hjelpe dem med å være trygge på sikkerheten til transaksjonen. Denne utformingen vil også forhindre at kjøpere går glipp av inndatafelter, eller enda verre, fyller ut skjemaet på nytt.

I tillegg vil det minimere det visuelle rotet i formene dine. "Hva er dette" og "Flere detaljer"-knapper kan plasseres på mobilversjonen av nettstedet ditt. Hvis disse knappene må plasseres på et skjema, plasser dem slik at kundene ikke blir distrahert fra å foreta et kjøp.

3. Bruk nedtrekksmenyer og nedtrekkslister

En annen begrensning forårsaket av det begrensede visningsområdet på en mobilenhet er uendelig scrolling, som vi må gjøre for å se hele siden eller fylle ut et skjema. Selv om rulling er en vanlig forekomst, foretrekker smarttelefonbrukere å ha en rask måte å kjøpe produkter på nettet.

Ved å bruke rullegardinmenyer og nedtrekkslister kan du redusere tiden kundene bruker på å fylle ut skjemaer. I stedet for å tvinge kjøpere til å velge mellom stor mengde alternativer, kan du gruppere individuelle produkter i kategorier. Nedtrekksmenyer er også nyttige for å koble sammen beskrivelser av nøkkelproduktene dine som du vil ha på én side. Bare husk å ikke begynne å beskrive dem mens menyen utvides.

4. Bruk tilstrekkelige utvalgslister

Når rullegardinlister eller rullegardinmenyer ikke passer til mobilnettstedets skjemaer, har du to gode alternativer for mobilskjemaer: prediktivt søkefelt og private rullegardinlister.

Inndatafelt for prediktiv søk lar kundene dine søke etter produktet eller tjenesten de trenger søkeord, og viser også en liste over alle lignende resultater. Denne typen skjema er ideell i tilfeller hvor søket forventes å ta lang tid, eller når det er en rekke produkter som ikke faller inn under separate kategorier. Lukkede rullegardinlister, derimot, fungerer godt for lister over spesifikke menyelementer ordnet i en bestemt rekkefølge, for eksempel alfabetisk eller kronologisk rekkefølge.

5. Enkel input data

Du har sannsynligvis kommet over inndatafelt på skjemaer på både nett- og mobilsider. Noen ganger er de delt inn i 2-3 deler, som navn, adresse, telefonnummer. Og selv om dette fungerer på nettsteder, på deres mobilversjoner Denne bruken av skjemaer er ikke alltid hensiktsmessig.

Oftest krever splitting av inngangsdata mobilkunder, fyll ut alle tre (eller to) inndatafeltene for ganske enkelt å svare på én etikett. Hvis du skal overdrive det i samme form, kan kundene dine miste interessen for prosessen. I tillegg kan separasjonen av inputdata bli oppfattet tvetydig av klienter, eller til og med forvirre dem. Ved utforming av skjemaer for mobile plattformer, bruk enklere inndatafelt i stedet for å skille dem. For eksempel, i stedet for å ha to separate felt for for- og etternavn, bruk ett. Dette vil hjelpe kundene dine med å fylle ut skjemaet raskere.

6. Formater skjemaknappene

"Bekreft"-knappen er siste steg i netthandel, samt de fleste viktig knapp i formen av. I så fall bør du ordne det på en slik måte at kundene dine forblir involvert i prosessen med å fylle ut skjemaet.

Gjør "Bekreft"-knappen attraktiv ved å sette bredden til 1/3 av skjemaet ditt, eller ved å male den i en lys farge. Og i stedet for bare å bruke ordene «Bekreft» eller «Send inn», bruk mer veltalende oppfordringer til handling, for eksempel «Registrer deg nå» eller «Send inn søknaden din».

Unngå imidlertid å bruke for lyse farger eller lage knapper som beveger seg for mye, da dette vil distrahere kundene dine fra å klikke. Du kan bruke subtile fargeendringer eller sveve når en knapp trykkes, slik at kundene dine vet at de er ferdige med transaksjonen.

7. Still inn zoom ved å bruke viewport-metakoden

Å surfe på en mobilenhet kan enten passe kunder eller de må kanskje fortsette å zoome inn på siden, men hvis de gjør dette ved et uhell, kan de gå seg vill på siden. Du vil kunne kontrollere dette ved å bruke viewport-metakoden i skjemaene dine. Dette vil tillate kundene dine å unngå å skalere siden ved et uhell, eller enda verre, å miste skjemaet av syne.

8. Gi muligheten til å lagre data

Shopping ved hjelp av mobiltelefoner kan være utfordrende oppgave for noen kunder, fordi det er en risiko for å klikke på "Tilbake"-knappen eller ved et uhell laste inn siden på nytt, og hvis all den utfylte informasjonen forsvinner, vil kjøperen sannsynligvis nekte transaksjonen. Du kan unngå denne muligheten ved å gi kundene dine et "Åpne i ny fane"-alternativ når de klikker på en lenke utenfor skjemaet.

I tillegg, i tilfeller der brukere ikke lenger kan gå tilbake til tidligere sider, lag et vindu med en advarsel og knapper som "Godta", "OK" eller "Avbryt". Ved å gjøre dette kan du varsle kundene dine om deres data er lagret på siden eller i nettleseren, og dermed hjelpe dem å bestemme seg for å gå videre til kassen.

9. Hjelp kundene med å spore fremgangen deres

Ikke alle kjøpere er interessert i å fylle ut tilbakemeldingsskjemaer. I dette tilfellet vil det være nyttig for deg å komme opp med en måte å vise kundene at de nesten er helt på slutten av å fylle ut den. Du kan gjøre dette ved å plassere en innlastingslinje øverst i skjemaet, eller ved å bruke en enkel tidslinje og prosenter for å vise hvilket trinn de er på. Husk å begrense antallet av disse trinnene for å spare tid for kundene dine.

10. Få skjemaet til å lastes raskt

En annen faktor du ikke bør glemme er lastehastigheten til mobilskjemaet ditt. Hvis siden tar en stund å laste inn, kan det hende at kunden din er ute av kroken. Selve det faktum at brukerne dine har nådd punktet med å fylle ut skjemaet viser at de er klare til å legge inn en bestilling. Ikke skuffe dem med dårlig innlasting av sider. Lastehastigheten til skjemaene dine avhenger også av antall elementer du legger på siden, så vær forsiktig når du bruker store bilder.

Og som alltid, test skjemaene dine på alle systemer og enheter

I dag krever variasjonen av mobile enheter og deres grensesnitt at vi designer skjemaer for hver av dem. Så sørg for at du tester skjemaene dine mot forskjellige typer mobile enheter, med tanke på forskjellene operativsystemer, størrelser og nettlesere. Med testing kan du ikke bare forbedre skjemaet ditt, men også sørge for at det fungerer på alle tilgjengelige enheter.

Folk som bruker mobilappen eller nettstedet ditt har et bestemt formål. Typisk er det form som står mellom brukeren og hans mål. Faktisk regnes skjemaer som det siste trinnet i prosessen med å nå brukermål. Derfor er det så viktig at brukeren fyller ut skjemaet så raskt som mulig og uten hindringer.

Følg disse syv reglene for å lage enkle, klare skjemaer:

Regel #1: Skjemaer må være kompatible med måten brukeren legger inn dataene sine på

Pass på at skjemafelt ikke skjules av grensesnittelementer (som tastaturet). Når brukeren fyller ut skjemafeltene, flyttes feltene automatisk oppover.

Regel #2: Minimer antall inndatafelt og brukerens behov for å skrive

Jo lengre og mer kompleks et skjema ser ut, jo mindre sannsynlig er det at brukerne vil fylle ut de tomme feltene, spesielt på små skjermer. Å redusere antall inndatafelt vil gjøre skjemaet mindre opptatt, spesielt når du spør brukeren et stort nummer av informasjon.

Gjør skjemaet så enkelt og kort som mulig

Men å redusere antall felt er ikke nok. Du bør også være oppmerksom på innsatsen brukeren bruker på å legge inn data. Utskrift kreves høy grad interaksjoner; det er stor sannsynlighet for feil, selv ved inntasting fra et tastatur i full størrelse (spesielt på en berøringsskjerm).

Prøv derfor å minimere behovet for skrive- og brukerfeil.

Smarte standardinnstillinger

Smarte standardinnstillinger hjelper brukere med å fylle ut alle skjemafelt raskere og mer nøyaktig. Du kan for eksempel forhåndsvelge en brukers bostedsland basert på deres geolokaliseringsdata.

Automatisk deteksjon plassering vil spare brukeren tid på å søke etter et hotellrom

Radioknapper for lignende, men gjensidig utelukkende valg

Når brukeren står overfor å velge fra en liste med alternativer, bør du vurdere å bruke en horisontal liste med tagger. Dette lar deg bruke den tilgjengelige skjermplassen mer effektivt.

Skyveknapper for min/maks pris eller budsjettområde

Vurder å bruke glidebrytere for felt som inneholder priser eller budsjett. På denne måten kan brukeren flytte glidebryteren til minimum/maksimum verdi. Skyveknappen er lett å flytte horisontalt, og du kan enkelt tilpasse denne handlingen ved å bruke visuelle signaler. Men husk at tallene ikke skal skjules når du samhandler med skyveknappen (spesielt når du bruker tomlene).

AirBnB-glidebryter for å velge pris

Regel nr. 3: Skjemaoverskrifter må enten være over selve feltene eller flytende

Overskrifter forteller brukeren hovedformålet med et felt, og klartekst er en av hovedmåtene for å gjøre et brukergrensesnitt mer tilgjengelig.

Hvorfor du aldri bør bruke tekstoverskrifter i et felt

In-field headers (eller plassholdere) er tekst som sitter inne i et skjemafelt som forsvinner så snart brukeren begynner å skrive inn dataene sine.

Overskrifter inne i feltet
Selv om overskrifter i boksen ser bra ut fra et estetisk synspunkt, er denne fordelen ofte overvurdert. Den største feilen er å miste kontekst. Etter at brukeren klikker på feltet, forsvinner påskriften. Og følgelig kan han ikke bekrefte at han skrev nøyaktig det som trengs.

Teksten inne i feltet er ikke den mest beste erstatning visuell overskrift

Noen brukere som ser at noe allerede er skrevet i et felt kan også tro at feltet allerede er forhåndsutfylt og de trenger ikke å angi noe annet og kan ignorere utfylling.

Hvorfor venstrejusterte feltoverskrifter er dårlig for mobile enheter

Det viktigste å vurdere når du bruker venstrejusterte overskrifter på en mobilenhet er skjermstørrelsen og sideforholdet. Hvis tittelen til venstre er motsatt av feltet, vil du med en vertikal skjermorientering ha svært lite plass igjen for selve feltet. Dette skaper noen problemer i bruk fordi det ikke er nok plass igjen til å vise hva brukeren skriver. Å ikke kunne se teksten som er skrevet inn, skaper et problem for brukerne fordi det hindrer dem i å raskt legge merke til en inntastingsfeil før de sender inn skjemaet.

Det er svært vanskelig å legge merke til en feil hvis dataene ikke er helt synlige

Topphode eller responsiv overskrift

Skjematitler bør stå øverst i skjemafeltene slik at brukerne kan se hva de fyller ut og hvordan. Den største fordelen med å plassere skjemaoverskrifter over skjemaet er at du kan strekke skjemaet over hele skjermens bredde og gjøre det stort nok for dataregistrering (for eksempel med en skriftstørrelse på 16 piksler). Ekstra fordel Det vil være mulig å skrive klare og forståelige overskrifter (ikke begrenset til 1-2 ord).

Den største ulempen med å plassere overskrifter over feltene er at hele skjemaet tar opp mer vertikal plass, noe som betyr at brukeren må rulle på skjermen. Dette er imidlertid ikke et veldig alvorlig problem - i dag er alle vant til å rulle.

Alternativt kan du bruke responsive overskrifter for å sikre at brukerne har fylt ut feltet riktig. Plassholderteksten vises som standard, men etter å ha trykket på feltet og skrevet inn tekst, flyttes plassholderteksten til toppen av feltet, som vist nedenfor.

Regel #4: Skjemafeltvalidering skal skje i sanntid

I en ideell verden ville brukere fylle ut skjemaet nødvendig informasjon og vil fullføre denne oppgaven. I den virkelige verden gjør brukere ofte feil. Samtidig liker ikke brukere det faktum at etter hele prosessen med å fylle ut feltene, kommer de til "send"-knappen og oppdager at de har gjort en feil. Det er riktig å informere bruker om suksess/feil i feltet umiddelbart etter utfylling. Valideringsmeldingen informerer umiddelbart brukeren om at informasjonen som er lagt inn er korrekt. Denne tilnærmingen lar brukere fikse feil raskere og uten å måtte vente på at feilene skal vises etter å ha klikket på send-knappen.

Hvis du forventer konkrete svar på spørsmål, må du umiddelbart vise hva som skal legges inn og i hvilken form.

Strengvalidering kan også være en løsning. I eksemplet nedenfor kan du se godt eksempel, hvordan du kan rette en potensiell feil.

Regel #5: Vis tastaturoppsettet i henhold til inndataene

Brukere foretrekker det tilsvarende tastaturoppsettet i applikasjonen. For eksempel når brukeren trenger å taste inn et tall kredittkort, vis kun tallinntasting slik at brukeren legger inn tall og ikke symboler. Dette vil øke påfyllingshastigheten og redusere mengden mulige feil input.

Det må du sørge for denne sjansen implementert på hele applikasjonen, og ikke på dens individuelle deler.

Regel #6: Gi nyttig informasjon i sammenheng

Noen ganger er det behov for å gi relevante og nyttig informasjon for å forenkle prosessen for brukeren å fylle ut skjemaet. Men slik medfølgende tekst bør bare brukes der det virkelig er nødvendig:

Når du planlegger datoer, setter brukere pris på kontekst som en innebygd kalender for å bestemme ukedagene. Dette reduserer behovet for å avslutte appen for å se kalenderen, og reduserer risikoen for at brukeren blir distrahert fra hovedoppgaven sin.

Folk kan være bekymret for sikkerheten til dataene deres, så du må vise dem at dataene deres ikke vil bli delt med tredjeparter.

Som regel for god oppførsel bør du ikke strekke forklaringen til 100 tegn.

Regel #7: Bruk et fleksibelt format

Noen oppgaver krever svært presis informasjon fra brukeren. Men samtidig kan det å kreve at brukeren oppgir informasjon i en bestemt form gå i strid med prinsippene om god brukervennlighet. Hvis du ber brukeren legge inn digital informasjon (som et telefonnummer) i et skjema, vær fleksibel og lag skjermer som kan støtte forskjellige formater legge inn og vise informasjon i den mest brukervennlige formen for å forhindre feil.

Ikke bruk et fast dataregistreringsformat

Konklusjon

Brukeren kan ha all slags tvil når du fyller ut skjemaet, så du bør prøve å gjøre prosessen så enkel som mulig. Alle tipsene beskrevet i denne artikkelen kan forbedre brukervennligheten til skjemaer betydelig.