Tableau Quiz: Dashboard Design Principles
15 questions · exam conditions
0:00
Dashboard Design PrinciplesQuestion 1 of 15

A dashboard uses six font styles across titles, labels, and values. What is the best typography fix?

Increase every font size
Make every title italicized
Use one family, few weights
Center every text element
← Back to quizzes

Tableau Quiz

Tableau Quiz: Dashboard Design Principles

Practice Dashboard Design Principles in Tableau with focused quiz questions that help you check what you know, review explanations, and build confidence with test-style prompts.

What this quiz covers

This quiz focuses on Dashboard Design Principles, giving you a quick way to practice the rules, question types, and explanations that matter most for Tableau.

How to use this quiz

Try each quiz question before looking at the correct answer. Use the explanations to review missed ideas, then come back to similar questions until the pattern feels familiar.

All questions

Question 1

A dashboard uses six font styles across titles, labels, and values. What is the best typography fix?

  1. Increase every font size
  2. Make every title italicized
  3. Use one family, few weights (correct answer)
  4. Center every text element
Explanation: Using six font styles creates visual noise; consolidating to one family with a few weights keeps hierarchy while improving readability. Increasing every font size is tempting but doesn't fix the inconsistency and can make the layout feel cramped. Limit families and weights for a clean, cohesive dashboard.

Question 2

A column of KPI values stays right-aligned, but digits do not line up by place value. What typeface feature fixes this?

  1. Proportional numeral widths
  2. Tabular (fixed) numerals (correct answer)
  3. Bold numeral letterforms
  4. Sentence-case text labels
Explanation: Right alignment only lines up the right edge; proportional numerals give each digit a different width, so place values don't align. Tabular numerals give every digit the same width, so columns of KPI values line up by place value. The tempting trap is proportional numeral widths, which are the cause of the problem, not the fix.

Question 3

Related metrics sit in separate corners; unrelated metrics are adjacent. What is the core problem?

  1. Fonts clash across cards
  2. Border width is inconsistent
  3. Spacing fights the grouping (correct answer)
  4. Titles are vertically centered
Explanation: When related metrics sit in separate corners and unrelated metrics sit adjacent, the proximity of elements is sending the wrong signal. Spacing, not fonts or borders, defines which items belong together. The most tempting wrong answer is inconsistent border width, but borders only frame cards; it's the gaps between them that create the misleading grouping.

Question 4

Cards have centered titles but left-aligned body labels. What most harms readability?

  1. No consistent starting edge (correct answer)
  2. Centered titles waste space
  3. Body labels need spacing
  4. Cards need a heavier border
Explanation: Centered titles and left-aligned body labels create two different starting edges, forcing the eye to adjust between them. That inconsistency harms readability more than spacing, borders, or wasted space. Spacing between labels might help polish, but it doesn't address the core alignment clash.

Question 5

Long y-axis labels make a chart frame asymmetrical. Where should the title be centered?

  1. On the full chart frame
  2. On the left axis labels
  3. On the chart border
  4. On the plot area alone (correct answer)
Explanation: Long y-axis labels widen the left margin, so centering on the whole frame puts the title too far right of the data. Center it on the plot area alone to keep the title aligned with the visual itself. The tempting mistake is centering on the full chart frame, but that frame includes the uneven axis labels and looks asymmetric.

Question 6

A dashboard lists six department names beside their current values and targets. The department names have different lengths. Each row is center-aligned, causing the values and targets to begin at different horizontal positions.

Which design change would most improve comparison across rows?

  1. Center each complete row within the available width and increase the gap after shorter department names.
  2. Right-align the department names and center-align both numeric columns within their available spaces.
  3. Place names in a consistent label column and align each numeric field to a common column edge. (correct answer)
  4. Convert every department name to uppercase and bold the current values but not the targets.
Explanation: When you see a dashboard design question involving mixed-length labels next to numeric data, think about visual alignment as a comparison tool. Humans compare numbers fastest when they share a common vertical axis — any horizontal drift between rows forces the eye to search rather than scan. The core problem here is that center-aligning everything causes numeric columns to start at different horizontal positions depending on how long each department name is. The fix must establish a stable, consistent reference point for every number. That's exactly what C does: it locks department names into a dedicated label column and pins each numeric field to a shared column edge. Now your eye travels straight down a vertical line to compare values — no hunting required. A sounds reasonable but actually makes things worse. Increasing the gap after shorter names still doesn't give the numbers a fixed starting position; you're just distributing the misalignment more evenly. B is closer — right-aligning the names does help by anchoring the label-to-number transition — but "center-aligning within available spaces" still leaves numeric columns floating rather than anchored to a common edge. D is purely cosmetic. Uppercasing names and bolding values might add emphasis, but they do nothing to fix the horizontal misalignment that prevents easy row-to-row comparison. Study tip: On Tableau design questions, distinguish between changes that affect appearance (color, case, weight) versus alignment (column edges, axis anchoring). Comparison tasks almost always require the latter. When labels vary in length, the solution is almost always to isolate them in a fixed column so data columns can align independently.

Question 7

A dashboard designed for a large desktop monitor is also used on phones. On phones, worksheet labels wrap into several lines, filters occupy most of the first screen, and users must scroll before seeing any key metrics.

Which approach best addresses readability across these device contexts?

  1. Use the desktop layout on all devices but reduce every font and object proportionally until the full dashboard fits.
  2. Create a phone-specific layout that prioritizes key metrics, reflows content vertically, and relocates secondary controls. (correct answer)
  3. Increase the desktop dashboard width so that labels remain on one line when the phone scales the view.
  4. Replace all worksheet titles with abbreviations and retain the same object order and filter placement on phones.
Explanation: When designing dashboards for multiple device types, the core concept being tested is device-aware layout design — the idea that different screen sizes and usage contexts require fundamentally different information architecture, not just visual scaling. The scenario describes a classic responsive design failure: a desktop dashboard forced onto a phone screen, causing labels to wrap, filters to dominate the viewport, and key metrics to disappear below the fold. The best fix is B — creating a phone-specific layout that surfaces key metrics first, stacks content vertically to match natural phone scrolling behavior, and moves secondary controls (like filters) to a less prominent position. Tableau's device designer feature exists precisely for this purpose, letting you build tailored layouts per device type without rebuilding the entire workbook. Answer A is tempting but wrong — shrinking everything proportionally preserves the desktop structure, which is the root problem. Labels and filters still compete for space; they're just smaller and harder to read. Answer C misunderstands the problem entirely: widening the desktop dashboard doesn't change how a phone renders or reflows the view, and it may actually worsen the experience on smaller screens. Answer D applies a cosmetic fix (abbreviations) without addressing the structural issues — filters still dominate, key metrics still require scrolling, and abbreviations often reduce clarity rather than improve it. A useful pattern to remember: on Tableau exam questions involving multi-device dashboards, any answer that simply resizes or relabels content without restructuring layout order is almost certainly a distractor. True device optimization means rethinking what appears first and how content flows for each context.

Question 8

A dashboard has a date filter at the top, a region filter beside one worksheet, and a product filter below a different worksheet. All three filters affect every view. Users often assume that each nearby filter affects only the worksheet beside it.

Which redesign would most effectively correct this readability problem without adding lengthy instructions?

  1. Place all global filters together in a clearly labeled control area aligned consistently with the dashboard content. (correct answer)
  2. Keep each filter beside its current worksheet and add the word Global to every individual filter title.
  3. Place each filter in a different corner so users can distinguish the controls from worksheet-specific content.
  4. Hide all filter titles and use matching background colors to indicate that the filters share the same scope.
Explanation: When a dashboard has filters scattered in different locations, users naturally assume spatial proximity means functional relationship — a filter next to a worksheet must control that worksheet. This question tests your understanding of dashboard layout principles, specifically how visual organization communicates scope and relationship to users. The most effective fix is A: grouping all global filters into a single, clearly labeled control area. This works because it leverages a fundamental design principle — like controls belong together. When users see all filters consolidated in one dedicated zone, the layout itself communicates "these are dashboard-wide controls," eliminating the need for explanatory text. The consistent alignment reinforces the grouping further. B is tempting because labeling filters "Global" seems informative, but it relies on users reading and understanding a technical term rather than letting the layout do the communicating. It also leaves the filters scattered, preserving the misleading spatial association with individual worksheets. C places filters in separate corners, which actually increases confusion — now the controls are even more fragmented, and corner placement doesn't inherently signal "global scope" to anyone. You've traded one problem for a worse one. D removes titles entirely and substitutes color coding, which creates an accessibility risk and requires users to learn a color convention you've never explained. Hiding information to solve a communication problem is almost always the wrong direction. The broader takeaway: on dashboard design questions, ask yourself whether a solution lets the layout speak for itself or whether it requires users to learn something new. Effective design reduces cognitive load — it doesn't transfer it.

Question 9

A fixed-size operational dashboard slightly exceeds the available display height. The designer must eliminate vertical scrolling without removing any worksheet. The current layout includes large gaps between related KPI cards, oversized worksheet titles, generous blank margins, and compact labels inside the views.

Which sequence of changes is most likely to preserve readability?

  1. First overlay worksheet titles on the data views, then move the KPI cards into unused chart plotting areas.
  2. First reduce all labels and controls to the smallest usable size, then preserve the existing margins and title sizes.
  3. First eliminate all whitespace between objects, then add borders so users can distinguish adjacent dashboard sections.
  4. First reduce excessive outer gaps and title sizes, then reassess whether any label-size reduction is still necessary. (correct answer)
Explanation: When fitting a fixed-size dashboard into a smaller display, think of it as a priority-ordered space recovery process — you want to reclaim space in ways that cost the least readability first, then reassess before making riskier cuts. The passage tells you the dashboard already has large gaps between KPI cards, oversized titles, and generous margins — all prime candidates for trimming with minimal readability impact. Labels inside the views, by contrast, are already compact. Answer D reflects this logic perfectly: start by eliminating the high-waste elements (excessive outer gaps and oversized titles), then pause and reassess whether labels need reduction at all. This sequencing is efficient and preserves readability by avoiding unnecessary cuts. Answer A is problematic because overlaying titles on data views obscures content — you're trading space for confusion. Moving KPI cards into chart plotting areas compounds this by cluttering the visualizations themselves, damaging the analytical integrity of the dashboard. Answer B gets the sequence exactly backwards. It targets labels first, which the passage explicitly says are already compact. Shrinking already-small text risks rendering the dashboard unreadable, and then preserving the margins and titles leaves the actual waste untouched — the opposite of smart triage. Answer C is tempting but reckless. Eliminating all whitespace destroys visual grouping and makes sections feel chaotic. Adding borders afterward is a workaround, not a solution, and borders alone can't fully substitute for meaningful spacing in dense dashboards. Study tip: On dashboard layout questions, always look for answers that follow a "least destructive first" sequence — trim obvious waste before touching elements that already serve readability.

Question 10

A bar chart must display long product-category names. In the current dashboard, the narrow worksheet truncates several labels. There is unused decorative space beside the chart, but the dashboard owner proposes reducing the label font until every name fits.

What is the most appropriate first redesign?

  1. Reduce the label font enough to prevent truncation, then increase the title size to preserve hierarchy.
  2. Rotate the category labels vertically and retain the chart's current width and decorative spacing.
  3. Reallocate nearby decorative space to the worksheet and preserve a readable label size and clear alignment. (correct answer)
  4. Replace each category with a short code and provide the full names only in an external reference.
Explanation: When a dashboard has a space problem, your first instinct should be to redistribute existing space before compromising readability. Tableau dashboards often contain decorative padding, images, or blank containers that serve aesthetic purposes but compete with functional elements. Recognizing that unused space is a redesign resource — not a fixed constraint — is the core skill this question tests. Option C is the right move because it solves the root problem directly: the worksheet is too narrow. By reallocating the decorative space adjacent to the chart, you give the labels room to display fully at a readable size without sacrificing clarity or alignment. You haven't altered the data, shrunk text, or introduced any new cognitive burden for the viewer. It's the least invasive, highest-value fix. Option A compounds one problem with another. Shrinking the font until labels fit creates a legibility issue, and then inflating the title to "restore hierarchy" is a patch on top of a compromise — not a clean solution. Option B introduces rotated vertical labels, which are notoriously harder to read than horizontal text. Rotating labels is generally a last resort, not a first step, especially when space is available elsewhere on the dashboard. Option D — replacing category names with short codes — forces viewers to consult an external reference just to read the chart, which dramatically increases cognitive load and breaks self-contained readability, one of Tableau's core dashboard design principles. As a study tip: on Tableau exam questions about layout fixes, always ask what space already exists before accepting any answer that degrades text size, orientation, or label clarity. The best redesigns reallocate; they don't sacrifice.

Question 11

A Tableau story contains four story points that explain a change in customer retention. Each point uses the same dashboard views, but worksheet titles, legend positions, and annotation styles shift between points. Readers report that they spend time reorienting themselves before noticing what changed.

Which revision would best improve the story's readability while preserving the analytical sequence?

  1. Center all objects independently on each story point and enlarge every annotation to the size of the main title.
  2. Give each story point a distinct layout and font treatment so readers can recognize that the narrative has advanced.
  3. Remove repeated titles and legends after the first story point so subsequent points contain only the changed marks.
  4. Keep repeated elements in stable positions and use consistent typography, changing emphasis only for the point-specific message. (correct answer)
Explanation: When you see a Tableau story question about readability, think about the principle of cognitive load — how much mental effort readers spend just navigating the interface versus absorbing the insight. A good story minimizes reorientation so attention flows to the message. The problem here is that shifting legends, titles, and annotation styles across story points forces readers to mentally "reset" on each slide. The fix isn't more variety — it's strategic consistency. Answer D is correct because it stabilizes the structural elements (repeated titles, legends, layout positions) so they become invisible scaffolding, then reserves visual change for only the point-specific message. Readers instantly know where to look because familiar elements haven't moved; they only notice what changed analytically. This is exactly how effective data storytelling works. Answer A fails because centering objects independently on each point and enlarging every annotation actually increases visual chaos — you're adding inconsistency, not reducing it. Oversized annotations compete with the main message rather than supporting it. Answer B makes the opposite mistake of D: giving each point a distinct layout and font treatment signals to readers that the format itself is meaningful, forcing them to decode the design before decoding the data. Narrative advancement should come from content, not layout disruption. Answer C removes repeated elements entirely after the first point, which sounds efficient but backfires — without persistent legends and reference titles, later story points lose necessary context, making the data harder to interpret in isolation. Study tip: On Tableau exam questions about stories and dashboards, watch for traps that confuse "visual variety" with "visual clarity." Consistency in structure enables clarity in message.

Question 12

Three filters control two related worksheets in the upper half of a dashboard. The filters currently have generous internal padding, but there is nearly identical spacing between each filter and between the filter group and an unrelated explanatory note.

Which spacing change would best clarify the intended relationship among these objects?

  1. Increase the spacing between individual filters while reducing the spacing between the filter group and the explanatory note.
  2. Use consistent small spacing within the filter group and larger spacing between that group and the explanatory note. (correct answer)
  3. Remove internal filter padding and use identical spacing between every dashboard object regardless of function.
  4. Retain the current spacing and distinguish relationships by assigning a separate font family to each filter.
Explanation: When designing dashboards, spacing is one of your most powerful tools for communicating relationships — a concept called proximity. Objects placed close together are perceived as belonging together, while larger gaps signal separation. When you see a question about layout and spacing, ask yourself: does the spacing reflect the logical groupings of the content? Here, three filters control the same two worksheets, making them a functional group. The explanatory note is unrelated to those filters. The ideal layout should make that distinction immediately visible without requiring labels or color. Option B does exactly this — tight, consistent spacing within the filter group signals "these belong together," while the larger gap before the explanatory note signals "this is something different." Proximity does the relationship-clarifying work for you. Option A gets the logic backwards. Increasing spacing between filters weakens the visual grouping you're trying to reinforce, and reducing space before the unrelated note pulls it closer to the filters — the opposite of what you want. Option C is a trap for students who confuse visual cleanliness with visual clarity. Uniform spacing across every object treats unrelated things identically, which actively hides relationships rather than clarifying them. Option D relies on typography — a font distinction — to carry the entire communicative burden. Fonts are a weak, indirect signal for spatial relationships, and mixing font families introduces noise without solving the proximity problem. A good study tip: on layout and design questions, always identify the functional groups first. Then ask whether the spacing, size, and positioning reinforce those groups. If the spacing contradicts the logic, it needs to change.

Question 13

A dashboard uses several floating objects so the designer can place worksheets, legends, and text boxes precisely. After titles change and the dashboard is viewed at different supported sizes, small gaps become uneven and some objects partially overlap.

Which redesign best improves alignment and spacing reliability?

  1. Retain all floating objects, round their pixel positions manually after each content change, and place transparent blank objects over any remaining overlaps to prevent visible collisions.
  2. Place related objects in tiled layout containers, apply consistent padding, and reserve floating only for justified overlays. (correct answer)
  3. Convert every object to floating, remove all internal padding to maximize data density, and rely on exact pixel coordinates to maintain a compact and consistent composition.
  4. Keep the mixed layout unchanged but apply matching background colors across overlapping regions so that any misalignment or uneven spacing becomes less visually noticeable to users.
Explanation: When designing dashboards in Tableau, layout strategy directly affects how reliably your composition holds together across different screen sizes and content changes. The key question to ask is: does my layout adapt automatically, or does it require constant manual correction? Tiled layout containers are Tableau's built-in mechanism for maintaining structured, responsive relationships between objects. When you place related worksheets, legends, and text boxes inside tiled containers with consistent padding, Tableau handles spacing proportionally as content shifts — no manual pixel-pushing required. Floating objects, by contrast, are anchored to absolute coordinates, so any title reflow or size change can instantly break your carefully crafted gaps. Answer B correctly identifies this tradeoff: use tiled containers for structured content, and reserve floating only for intentional overlays like annotations or decorative elements. That's the correct answer. Answer A doubles down on the exact problem — manual pixel rounding is tedious, brittle, and breaks again with every content change. Placing transparent blank objects over overlaps is a band-aid that doesn't fix the root misalignment issue. Answer C makes things worse by converting everything to floating and removing all padding; this eliminates any automatic spacing behavior and creates maximum fragility. Answer D is the most dangerous distractor because it looks like a solution — matching background colors can hide misalignment visually, but the underlying layout is still broken and will cause problems when exported, printed, or viewed on different devices. Your study tip: on layout questions, always ask whether the proposed solution fixes the cause or just masks the symptom. Tableau's tiled containers fix the cause; cosmetic workarounds only hide it.

Question 14

A sales dashboard contains a title, four key performance indicators, two trend views, a regional detail view, and several filters. All objects use the same font size and weight, and equal spacing separates every object. Users report that they cannot quickly determine where to begin.

Which redesign would most directly improve readability while preserving all dashboard content?

  1. Increase the dashboard title and KPI emphasis, group related trend views, and use larger spacing between sections than within sections. (correct answer)
  2. Increase every font size equally, retain uniform spacing, and place borders around each worksheet and filter.
  3. Reduce all spacing to bring objects closer together, then use a different background color for every worksheet.
  4. Center-align all dashboard objects, use equal-width containers, and apply the same bold typeface to every label.
Explanation: When a dashboard feels overwhelming or directionless, the root issue is almost always a lack of visual hierarchy — the intentional arrangement of elements so users know what to look at first, second, and third. Questions like this test whether you understand that readability comes from contrast and structure, not just size or color. Option A addresses the core problem directly. By increasing emphasis on the title and KPIs (the most critical information), grouping related views together, and using larger spacing between sections than within them, you create a clear reading path. Users instantly see what's most important and how elements relate to each other — all without removing any content. Option B is tempting but flawed. Increasing every font size equally and retaining uniform spacing doesn't create hierarchy — it just makes the same undifferentiated layout bigger. Adding borders adds visual noise without guiding the eye. This treats the symptom (small text) rather than the disease (no hierarchy). Option C makes things worse. Reducing all spacing compresses the layout and increases cognitive load, while assigning a different background color to every worksheet creates chaotic contrast that distracts rather than guides. Option D sounds design-savvy but misses the point. Center-aligning everything and applying equal-width containers enforces uniformity, which is the original problem. Making every label bold eliminates contrast entirely — if everything is emphasized, nothing is. Study tip: On dashboard design questions, watch for answers that apply changes uniformly across all elements. Uniform treatment preserves the problem. True readability improvements always introduce selective contrast — size, weight, spacing, or grouping used deliberately.

Question 15

An executive dashboard uses five font families, four title styles, and bold text for nearly every label. The creator wants to preserve a clear distinction among the dashboard title, section headings, worksheet titles, annotations, and supporting labels.

Which typography strategy best supports that goal?

  1. Use one primary font family with a limited hierarchy of size and weight tied consistently to each text role. (correct answer)
  2. Use a unique font family for each text role while keeping size and weight approximately the same.
  3. Use one font size throughout and distinguish each text role through a different saturated text color.
  4. Use bold text for headings and labels alike, then distinguish sections mainly with additional underlining.
Explanation: When a dashboard has multiple distinct text roles — titles, headings, worksheet labels, annotations, supporting text — your goal is to create a clear visual hierarchy without visual noise. The key principle here is restraint: hierarchy comes from systematic differentiation, not from piling on variety. Option A is the correct strategy because a single font family with deliberately varied size and weight gives each text role a clear, consistent identity. A large, bold font naturally reads as a title; a medium, regular-weight font reads as a section heading; smaller light text reads as a label. The system is predictable and scalable, and viewers instantly understand the hierarchy without conscious effort. Option B fails because using a different font family for each role — five or more typefaces — creates visual chaos rather than clarity. Mixing many typefaces competes for attention and makes the dashboard feel inconsistent, which is exactly the opposite of a clear hierarchy. Option C is tempting because color can differentiate elements, but relying on saturated color differences alone — especially with a single font size — provides weak hierarchy cues. Color distinctions are hard to read in poor lighting or for color-deficient viewers, and removing size variation strips away your most powerful hierarchy tool. Option D describes the existing problem from the passage — bold text applied indiscriminately — and compounds it with underlining, which in digital contexts typically signals a hyperlink. Using the same weight for headings and labels destroys the hierarchy you're trying to build. The exam tip here: when a question tests dashboard design, watch for answers that substitute variety for consistency. A strong visual hierarchy uses fewer variables applied more deliberately — not more variables applied broadly.