UX-ontwerper van IBM Zoltan Collin.

Bladwijzers

Zoltan Collin

Dropdown-formulieren lijken een voor de hand liggende ontwerpkeuze: ze zijn gemakkelijk en goedkoop te maken, ze nemen niet te veel ruimte in beslag, ze bevestigen automatisch ingevoerde informatie, ze worden ondersteund in alle browsers en platforms, en gebruikers worden al gebruikt aan hen.

Dropdowns zijn het meest voorkomende gebruik van dropdowns door ontwerpers, en volgens Google Product Director Luke Wroblewski mag dit patroon alleen als laatste redmiddel worden gebruikt.

Laten we eens kijken naar enkele beperkingen:

• De vervolgkeuzelijsten zijn onzichtbaar totdat de gebruiker op het formulier klikt of tikt. Bovendien is het op het eerste gezicht onmogelijk om te voorspellen hoeveel regels er in de lijst zullen staan: twee of vijftig.
• Het selecteren van een optie uit een vervolgkeuzelijst is een proces dat uit meerdere stappen bestaat, vooral op mobiele apparaten: de gebruiker moet eerst op het formulier tikken en de opties openen, naar beneden scrollen en de gewenste optie vinden, deze selecteren en de lijst sluiten.
• Keuzelijsten maken ontwerpers lui omdat het zo gemakkelijk is om alle mogelijke opties aan één lijst toe te voegen, zonder enige prioriteit. Hierdoor lijkt de vervolgkeuzelijst sterk op een andere sjabloon: het "hamburger"-menu.
• Door lange lijsten scrollen, zoals het selecteren van een land, is een nachtmerrie. Vooral op mobiele apparaten, waar toetsenbordzoeken meestal niet beschikbaar is.
• Op sommige apparaten is het veld voor de weergave van opties erg klein, dus vegen kan een nachtmerrie zijn.

Het aantal zichtbare lijstopties op iOS lijkt misschien extreem klein

Het goede nieuws is dat er veel alternatieve gegevensinvoerelementen zijn die in veel gevallen beter zullen werken dan vervolgkeuzelijsten.

Schat het aantal opties

U mag geen vervolgkeuzelijsten gebruiken voor beslissingen waarbij u een van de twee opties moet kiezen. Probeer in plaats daarvan een selectievakje of keuzerondje.

Voor een klein aantal elkaar uitsluitende opties is een formulier in de vorm van keuzerondjes of gesegmenteerde bedieningsknoppen geschikt. De gebruiker krijgt direct alle beschikbare opties te zien en hoeft de lijst niet uit te vouwen.

Voorbeeld van het gebruik van gesegmenteerde bedieningsknoppen

Het aantal zichtbare opties is afhankelijk van de schermbreedte en tekstlengte. U mag echter niet meer dan vijf opties gebruiken

Gebruik een invoerformulier met een gefilterde vervolgkeuzelijst voor een groot aantal duidelijk gedefinieerde opties waarbij de gebruiker precies weet wat hij moet vinden.

In plaats van door de hele lijst te scrollen, kunnen gebruikers de eerste letters invoeren en gefilterde opties selecteren

Voor grote en diverse lijsten is het beter om bestaande gebruikersgegevens te gebruiken om ervoor te zorgen dat populaire antwoordopties in de lijst worden opgenomen. In dit geval kan 90% van de gebruikers onmiddellijk de gewenste optie selecteren en de resterende 10% klikt op de optie 'Anders', wat in de volgende vraag zal worden verduidelijkt.

En hoewel 'Overig' niet de meest elegante oplossing is, kan het stellen van prioriteiten de UX voor de meeste gebruikers verbeteren.

Beoordeel uw favoriete invoerformulier

Een van de voordelen van een vervolgkeuzelijst is dat gebruikers minder hoeven te typen. Als u echter maar een klein beetje hoeft te typen en de gegevens vrij vaak worden opgevraagd (bijvoorbeeld persoonlijke informatie), dan is het handiger om deze in te voeren in plaats van deze uit een lijst te selecteren.

Op mobiele apparaten is de eenvoudigste manier om uw geboortejaar in te voeren het gebruik van het numerieke toetsenbord in plaats van de vervolgkeuzelijst

Over het algemeen is het numerieke toetsenbord de meest efficiënte manier om een ​​numerieke waarde in te voeren.

​Zelfs als de lijstwaarden op volgorde zijn gesorteerd, kan het voor gebruikers gemakkelijker zijn om ze met de hand in te typen in plaats van er doorheen te scrollen.

Als het voor u belangrijk is om de gegevens die iemand invoert te bevestigen, gebruikt u een invoerformulier met een gefilterde vervolgkeuzelijst.

Wanneer een gebruiker bijvoorbeeld een staat moet opgeven, kan slechts één letter de lijst met beschikbare opties filteren

Dit is vooral belangrijk als de sorteervolgorde van de lijstelementen niet helemaal duidelijk is.

Gebruikers begrijpen bijvoorbeeld niet volgens welk principe valuta's worden gesorteerd. Zorg ervoor dat ze zowel op de naam als op de afkorting kunnen zoeken

Hetzelfde geldt voor de lijst met landen.

Voor gehele getallen – zoals het aantal passagiers of spullen in een karretje – kun je het beste een stepper gebruiken. Hiermee kunnen gebruikers de waarde met één klik verhogen of verlagen.

Voor breuken of variabelen die zich op een schaal bevinden, kunt u het beste een schuifregelaar gebruiken.

Een vervolgkeuzelijst verwijst naar de inhoud van meerdere waarden in één cel. Wanneer de gebruiker op de pijl aan de rechterkant klikt, verschijnt een specifieke lijst. U kunt een specifieke kiezen.

Een zeer handige Excel-tool voor het controleren van ingevoerde gegevens. Met de mogelijkheden van vervolgkeuzelijsten kunt u het comfort van het werken met gegevens vergroten: gegevensvervanging, weergave van gegevens uit een ander blad of bestand, de aanwezigheid van een zoekfunctie en afhankelijkheden.

Een vervolgkeuzelijst maken

Pad: Menu Gegevens - Hulpmiddel Gegevensvalidatie - Tabblad Opties. Gegevenstype – “Lijst”.

U kunt op verschillende manieren de waarden invoeren waaruit de vervolgkeuzelijst wordt samengesteld:

Elk van de opties zal hetzelfde resultaat opleveren.

Vervolgkeuzelijst in Excel met gegevensvervanging

U moet een vervolgkeuzelijst maken met waarden uit het dynamische bereik. Als er wijzigingen worden aangebracht in het bestaande bereik (gegevens worden toegevoegd of verwijderd), worden deze automatisch weergegeven in de vervolgkeuzelijst.

Laten we het testen. Hier is onze tabel met de lijst op één blad:

Laten we een nieuwe waarde 'Kerstboom' aan de tabel toevoegen.

Laten we nu de waarde "berk" verwijderen.

De ‘slimme tafel’, die gemakkelijk ‘uitbreidt’ en verandert, heeft ons geholpen onze plannen te realiseren.

Laten we het nu mogelijk maken om nieuwe waarden rechtstreeks in de cel met deze lijst in te voeren. En de gegevens werden automatisch aan het bereik toegevoegd.

Wanneer we een nieuwe naam invoeren in een lege cel van de vervolgkeuzelijst, verschijnt er een bericht: “Voeg de ingevoerde naam baobab toe aan de vervolgkeuzelijst?”

Klik op “Ja” en voeg nog een regel toe met de waarde “baobab”.

Dropdownlijst in Excel met gegevens uit een ander werkblad/bestand

Wanneer de waarden voor de vervolgkeuzelijst zich op een ander blad of in een andere werkmap bevinden, werkt de standaardmethode niet. U kunt het probleem oplossen met de functie INDIRECT: deze genereert de juiste link naar een externe informatiebron.

1. We maken de cel actief waarin we de vervolgkeuzelijst willen plaatsen.
2. Opties voor gegevensverificatie openen. Voer in het veld “Bron” de formule in: =INDIRECT(“[Lijst1.xlsx]Blad1!$A$1:$A$9”).

De naam van het bestand waaruit de informatie voor de lijst is gehaald, staat tussen vierkante haken. Dit bestand moet geopend zijn. Als het boek met de vereiste waarden zich in een andere map bevindt, moet u het volledige pad opgeven.

Afhankelijke vervolgkeuzelijsten maken

Laten we drie benoemde bereiken nemen:

Dit is een must. Het bovenstaande beschrijft hoe u van een gewone lijst een benoemd bereik kunt maken (met behulp van de "Name Manager"). Houd er rekening mee dat de naam geen spaties of leestekens mag bevatten.

1. Laten we de eerste vervolgkeuzelijst maken, die de namen van de bereiken bevat.

2. Wanneer u de cursor in het veld “Bron” hebt geplaatst, gaat u naar het blad en selecteert u de gewenste cellen één voor één.


3. Laten we nu een tweede vervolgkeuzelijst maken. Het moet de woorden weerspiegelen die overeenkomen met de naam die in de eerste lijst is geselecteerd. Als “Bomen”, dan “haagbeuk”, “eik”, enz. Voer in het veld “Bron” een functie in van de vorm =INDIRECT(E3). E3 – cel met de naam van het eerste bereik.


Meerdere waarden selecteren uit een Excel-vervolgkeuzelijst

Dit gebeurt wanneer u meerdere items tegelijk uit een vervolgkeuzelijst moet selecteren. Laten we manieren overwegen om de taak uit te voeren.

1. Met behulp van de Data Validation tool maken wij een standaardlijst. We voegen een kant-en-klare macro toe aan de broncode van het blad. Hoe u dit doet, wordt hierboven beschreven. Met zijn hulp worden de geselecteerde waarden rechts van de vervolgkeuzelijst toegevoegd.
Private Sub Worksheet_Change(ByVal Target As Range) Bij fout Hervatten Volgende Indien niet doorsnijden (Target, Range("E2:E9")) Is niets en Target.Cells.Count = 1 Dan Application.EnableEvents = False If Len(Target.Offset (0, 1)) = 0 Then Target.Offset(0, 1) = Target Else Target.End (xlToRight).Offset(0, 1) = Doeleinde If Target.ClearContents Application.EnableEvents = True End If End Sub
2. Om de geselecteerde waarden hieronder te laten verschijnen, voegen we nog een handlercode in.
Private Sub Worksheet_Change (ByVal Target As Range) Bij fout Hervatten Volgende Indien niet doorsnijden (Target, Range ("H2:K2")) Is niets en Target.Cells.Count = 1 Dan Application.EnableEvents = False If Len (Target.Offset (1, 0)) = 0 Then Target.Offset(1, 0) = Target Else Target.End (xlDown).Offset(1, 0) = Target End If Target.ClearContents Application.EnableEvents = True End If End Sub
3. Gebruik de volgende module om de geselecteerde waarden in één cel weer te geven, gescheiden door een eventueel leesteken.


Private Sub Worksheet_Change (ByVal Target As Range)
Bij fout Hervat volgende
Indien niet Intersect(Doel, Bereik("C2:C5")) Is niets en Target.Cells.Count = 1 Dan
Application.EnableEvents = Onwaar
newVal = Doel
Toepassing.Ongedaan maken
oldval = Doel
Als Len(oldval)<>0 En oudval<>nieuwValDan
Doel = Doel & "," & newVal
Anders
Doel = nieuweWaarde
Einde Als
Als Len(nieuweWaarde) = 0 Dan Target.ClearContents
Application.EnableEvents = Waar
Einde Als
Einde sub


Vergeet niet om de bereiken te wijzigen in “uw eigen bereik”. We maken lijsten op de klassieke manier. En macro's doen de rest van het werk.

Dropdownlijst met zoekopdracht



Wanneer u de eerste letters op het toetsenbord invoert, worden overeenkomende elementen gemarkeerd. En dit zijn niet alle prettige aspecten van deze tool. Hier kunt u de visuele presentatie van informatie aanpassen en twee kolommen tegelijk als bron opgeven.

Wix, gelanceerd in 2006, is een van de populairste gratis online diensten voor het bouwen van websites. Wix biedt zijn ruim 39 miljoen gebruikers een gratis, gebruiksvriendelijk platform voor het bouwen van websites. Of je nu een zakelijke website of een persoonlijk portfolio nodig hebt, Wix heeft honderden geweldige sjablonen voor je.

De service-editor is eenvoudig te gebruiken, maakt gebruik van drag-and-drop-methode en vereist geen kennis van HTML5, CSS, Flash-technologie of andere programmeertalen. Terwijl u uw website bouwt, kunt u eenvoudig de samenstelling van de structuur wijzigen: kleuren, teksten, achtergrond, afbeeldingen, enz. Wix biedt u alle tools die u nodig heeft om een ​​prachtige website te bouwen. Het enige dat u hoeft te doen, is creëren.

In tegenstelling tot andere websitebouwers streeft Wix ernaar om het zijn gebruikers gemakkelijk te maken. Respect voor mensen en hoogwaardige ondersteunende diensten onderscheiden de dienst van zijn analogen. Het is volledig gratis en indien nodig kunt u premium-opties gebruiken. Tarieven vindt u in de beschrijving van de premietarieven.

Sommigen zijn misschien sceptisch. Is het mogelijk om met drag-and-drop een mooie website te bouwen? Ja! Vandaag laten we u een selectie prachtige websites zien om onze woorden te bewijzen. Elke website in de onderstaande lijst is gebouwd met behulp van . Veel kijkplezier!