Dashboardlay-outs maken voor verschillende apparaattypen

Dashboards kunnen lay-outs bevatten voor verschillende soorten apparaten die een breed scala aan schermformaten bestrijken. Wanneer u deze lay-outs publiceert naar Tableau Server of Tableau Cloud, ervaren mensen die uw dashboard bekijken een ontwerp dat is geoptimaliseerd voor hun telefoon, tablet of desktop. Als auteur hoeft u slechts één dashboard aan te maken en één URL aan te leveren.

Tip: Naast het optimaliseren van lay-outs voor mobiel, kunt u Werkmapprestaties optimaliseren om beter tegemoet te komen aan de behoeften van mobiele gebruikers, die vaak een beperkte bandbreedte hebben en haast hebben.

Hoe het standaarddashboard zich verhoudt tot apparaatlay-outs

Apparaatlay-outs verschijnen op het tabblad Dashboard, onder Standaard. In eerste instantie bevat elke apparaatlay-out elk item in het standaarddashboard en wordt de grootte en indeling ook aan Standaard ontleend.

Beschouw het standaarddashboard als het bovenliggende dashboard en de apparaatlay-outs (desktop, tablet en telefoon) als de onderliggende elementen. Elke weergave, filter, actie, legenda of parameter die u aan een apparaatlay-out wilt toevoegen, moet eerst bestaan in het standaarddashboard.

Telefoonlay-outs en het standaarddashboard

Om tijd te besparen met een unieke telefoonlay-outoptie die automatisch wijzigingen in het standaarddashboard weergeeft, klikt u op het open slotpictogram , of kiest u Lay-out automatisch genereren in het pop-upmenu.

Als u in plaats daarvan op het gesloten slotpictogram klikt of Lay-out bewerken kiest vanuit het menu, wordt de telefoonlay-out volledig onafhankelijk. U zult dan dus handmatig items moeten toevoegen en rangschikken om wijzigingen in het standaarddashboard weer te geven.

Desktop- en tabletlay-outs en het standaarddashboard

In tegenstelling tot telefoonlay-outs moet u handmatig desktop- en tabletlay-outs aan een dashboard toevoegen. De desktop- en tabletlay-outs zijn altijd volledig onafhankelijk van het standaarddashboard, zodat elke apparaatlay-out een unieke rangschikking van objecten kan bevatten.

Automatisch telefoonlay-outs toevoegen

Met twee opties kunt u automatisch telefoonlay-outs toevoegen:

  • als u telefoonlay-outs wilt maken wanneer u oude dashboards opent waarin deze ontbreken, kiest u Dashboard > Telefoonlay-outs aan bestaande dashboards toevoegen;
  • als u telefoonlay-outs wilt maken wanneer u een nieuw dashboard maakt, kiest u Dashboard > Telefoonlay-outs aan nieuwe dashboards toevoegen (deze optie is standaard ingeschakeld).

Een voorbeeld van apparaatlay-outs bekijken en deze handmatig toevoegen

  1. Open een dashboard.

  2. Klik op Apparaatvoorbeeld in het tabblad Dashboard aan de linkerkant.

    In de apparaatvoorbeeldmodus verschijnen deze opties boven het dashboard:

  3. Neem even de tijd om door de Apparaattypen en Modellen te gaan en verken de verschillende schermformaten. Stel vervolgens deze opties in:

    • Klik op om te zien hoe het dashboard er in liggende versus staande modus uitziet. Meestal is liggend optimaal voor tablets en staand het beste voor telefoons.

    • Selecteer Tableau Mobile app om te zien hoe het dashboard eruit zal zien met de app in plaats van met de browser. Deze optie is beschikbaar voor iOS- of Android-apparaten en verkleint het dashboard iets, waardoor er ruimte overblijft voor de app-bedieningselementen.

  4. Kies een Apparaattype, zoals Tablet.

  5. Klik in de rechterbovenhoek op de knop Lay-out toevoegen voor het apparaattype dat u hebt geselecteerd (bijvoorbeeld Tabletlay-out toevoegen).

  6. Voeg een extra lay-out toe door een nieuw Apparaattype te selecteren en te klikken op Lay-out toevoegen.

    Door een lay-out voor elk apparaattype te maken, heeft u de meeste controle over de ervaring van uw gebruikers wanneer zij uw dashboard vanaf verschillende apparaten bekijken. Nadat u een dashboard met alle drie de lay-outs hebt gepubliceerd, zien gebruikers niet meer de standaard dashboardlay-out. In plaats daarvan zien ze altijd de juiste apparaatspecifieke lay-out.

Opmerking: Als u wijzigingen aanbrengt in een weergave, controleer dan de lay-outs van gerelateerde apparaten om er zeker van te zijn dat ze er uitzien zoals u verwacht.

Een apparaatlay-out aanpassen

Nadat u een apparaatlay-out aan uw dashboard hebt toegevoegd, kunt u beginnen met het herschikken van objecten om de gewenste look te creëren.

  1. Voor desktop- en tabletlay-outs klikt u op Aangepast:

    Voor telefoonlay-outs klikt u op het slotpictogram , of kiest u Lay-out bewerken vanuit het pop-upmenu:

  2. Alles wat u aan uw lay-out kunt toevoegen, vindt u aan de linkerkant, onder Lay-out. Als een item een blauw vinkje heeft, betekent dit dat het deel uitmaakt van de apparaatlay-out waar u momenteel aan werkt.

  3. Als u een item verwijdert, wordt het alleen verwijderd uit de huidige apparaatlay-out. Het bestaat dan nog steeds op het standaarddashboard en kan opnieuw aan de apparaatlay-out worden toegevoegd.

  4. Klik door de opties van het Apparaatmodel om te zien hoe de lay-out op verschillende modellen zal verschijnen.

    Uiteindelijk is het de grootte van de webbrowser die het dashboard laadt, die bepaalt welke lay-out op het apparaat verschijnt. Zie Bevestigen welke lay-out op een apparaat verschijnt voor details.

  5. Bekijk aan de linkerkant de opties onder Formaat.

    Standaard: De hoogte en breedte van de apparaatlay-out bootst alles na wat het standaarddashboard gebruikt. Als u bijvoorbeeld een tabletlay-out maakt en het standaarddashboard is ingesteld op een vast formaat van Desktopbrowser (1000 x 800), zorgt het instellen van het formaat op standaard voor de tabletlay-out ervoor dat deze ook 1000 x 800 gebruikt.

    Alles passend maken: Het formaat van alle items wordt automatisch aangepast aan het frameformaat van het apparaat. De frameformaat van het apparaat wordt bepaald door de instellingen voor apparaattype, model en oriëntatie (staand of liggend).

    Breedte passend maken (aanbevolen voor telefoons): Het formaat van items wordt automatisch aangepast aan de breedte van het apparaatframe, maar de hoogte staat vast. Dit is een geweldige optie voor telefoonlay-outs en verticaal scrollen.

Optimaliseren voor telefoons

De kleine schermen van mobiele telefoons zijn gebaat bij verdere optimalisatie. Probeer de volgende technieken.

Handmatig telefoonlay-outs optimaliseren

Als u ervoor heeft gekozen om zelf een telefoonlay-out te bewerken, kunt u snel de plaatsing van filters optimaliseren, witruimte verwijderen en meer. Op het tabblad Dashboard, klikt u op het pop-upmenu rechts van Telefoon en selecteert u Lay-out optimaliseren.

Houd er rekening mee dat deze opdracht alleen de items herschikt die zich op dat moment in de telefoonlay-out bevinden. Als u de telefoonlay-out voortdurend wilt bijwerken om alle wijzigingen in het standaarddashboard weer te geven, selecteert u Lay-out automatisch genereren.

Voeg URL-acties toe aan objecten om telefoongebruikers snel contact op te laten nemen met belangrijke mensen over dashboardinhoud. Deze URL-acties triggeren automatisch sms-berichten en telefoongesprekken. Gebruik het linkformaat sms:phone-number of tel:phone-number. Zorg ervoor dat u indien nodig land- en netnummers vermeldt.

Telefoonspecifieke versies van weergaven maken

Maak duplicaten van bepaalde weergaven in het standaarddashboard: één geoptimaliseerde weergave voor desktops en een tweede voor telefoons.

  1. Ga naar het werkblad van een weergave, klik op het tabblad ervan en selecteer Blad dupliceren.

  2. Pas de weergave aan voor mobiele weergave.

    Voor kaarten wilt u bijvoorbeeld mogelijk standaard inzoomen op een specifieke regio, of wilt u mogelijk pannen, zoomen en andere functies uitschakelen. Zie De interactie met de kaart aanpassen.

  3. Voeg nu de nieuwe weergave toe aan het standaarddashboard, zodat deze beschikbaar kan zijn voor de apparaatlay-outs die u maakt.

Titels inkorten

Korte titels werken het beste voor mobiele weergave. Om een titel te bewerken, dubbelklikt u erop.

Witte ruimte optimaliseren

Witruimte is een ander visueel element waarmee u rekening moet houden. Hoewel schermruimte op een telefoon schaars is en u er het meeste uit wilt halen, wilt u uw gebruikers misschien ook extra veilige plaatsen bieden waar ze kunnen tikken of scrollen, zodat ze niet onbedoeld filters en andere items selecteren.

Gebruik opvulling of lege objecten om witruimte toe te voegen. Zie Formaat en opmaak van uw dashboard bepalen voor meer informatie.

Het dashboard publiceren

  1. Klik op Server > Werkmap publiceren. Als u nog niet bent aangemeld, wordt u om uw referenties gevraagd.

  2. Zorg ervoor dat in het dialoogvenster Werkmap publiceren naar Tableau Server het selectievakje Werkbladen als tabbladen tonen is uitgeschakeld.

    Wanneer dit selectievakje is ingeschakeld voor apparaatspecifieke dashboards, belemmeren de formaatvereisten van de tabbladen het vermogen van de server om de grootte van de webbrowser correct te detecteren en de juiste lay-out te laden.

  3. Klik op Publiceren.

Het dashboard testen

Nadat u het dashboard naar Tableau Server of Tableau Cloud hebt gepubliceerd, test u het dashboard door het vanuit verschillende browserformaten te bekijken.

  1. Open het dashboard op Tableau Server of Tableau Cloud.

  2. Klik in de rechterbovenhoek van de pagina op Delen en kopieer de inhoud van het Link-tekstvak.

  3. Plak de tekenreeks in de URL van een webbrowser. De tekenreeks moet het volgende bevatten: embed=y

  4. Met de insluitcodereeks als uw browser-URL kunt u de verschillende lay-outs testen door de grootte van uw webbrowservenster te wijzigen en het te vernieuwen.

Bevestigen welke lay-out op een apparaat verschijnt

De dashboardlay-out die een apparaat weergeeft, is gebaseerd op de kleinste afmeting (hoogte of breedte) van het iframe waarin de Tableau-weergave verschijnt. Soms kunnen desktop-, tablet- of telefoonlay-outs op andere typen apparaten verschijnen. Een tabletlay-out kan bijvoorbeeld op een desktopcomputer verschijnen als het weergave- of browservenster klein is.

De kleinste iframe-dimensie is ...Deze apparaatlay-out verschijnt ...
500 pixels of minderTelefoon
Tussen 501 en 800 pixelsTablet
Groter dan 800 pixelsDesktop

Als gebruikers van Tableau Cloud en Tableau Server een telefoon- of tabletlay-out te beperkt vinden, kunnen ze de knop Weergave-instellingen in de werkbalk gebruiken om de desktoplay-out te bekijken. Deze knop is een schakelaar waarmee u van de desktoplay-out kunt overstappen naar de mobiele lay-outs. De plaatsing van de knoppen varieert afhankelijk van het apparaat waarop u het dashboard bekijkt.

Opties weergeven

Instellingen weergeven op een desktopapparaat

Opties weergeven

Instellingen weergeven op een tablet

Opties weergeven

Instellingen weergeven op een telefoon

Bedankt voor uw feedback.De feedback is verzonden. Dank u wel.