Using Tableau on your Mobile

Data

Using Tableau on your Mobile

by Rob Austin

I have been using Tableau since version 4, initially as a Tableau customer. One of the first things I wanted was to be able to see my data on the move. I didn’t want to see everything, just the basics, a list of green ticks showing me everything was OK back in the office, or the ability to interrogate if not. Tableau has come on a long way since v4 and there are many bespoke interactive features for mobile / iPad. The purpose of this article is to point you towards best practice when designing a mobile dashboard rather than listing out the features. Please note I am focusing on Tableau on your mobile rather than a tablet (if you use a phone with a screen that is somewhere in between mobile & tablet then I can’t help you …. and you probably look like an 80s yuppie when you are making calls). Tableau has the ability to size automatically but this won’t usually help you when it comes to mobile screens as the result will be squashed vizzes and missing text. I was asked once if Tableau would re-organise your dashboard automatically for mobile and the current v9 answer is ‘no, you would need to build a second dashboard’ (which is no bad thing). If you consider the amount of time taken to obtain, collate, clean and validate your data before dashboarding I believe that as a dashboard designer you have a responsibility to make the dashboard look as good as possible, only that way do you do justice to your team (and yourself). Dashboarding in Tableau probably represents about 5% of the total project duration but that is all the end user sees so it is worth the bit of extra effort to create a dashboard tailored for mobile. If you are reading this on a desktop / laptop it may be a good idea to open the dashboard below on your mobile to check out the interface as you go: http://goo.gl/q5HmmW


  Tip 1: Design your mobile dashboard for the smallest screen size you will want to use. Create the dashboard 1 worksheet wide with the ability to scroll if necessary rather than trying to tile worksheets.

Tip 2: Include an icon (worksheet with action filter) to / from the original dashboard, this lets people know that it is accessible on their mobile too. Tip 3: Filters are all in one place at the start of the dashboard Tip 4: Start high level but give the ability to drill, the bars use a hierarchy and the word ‘drill’ to alert the user to this functionality. Tip 5: Declutter wherever possible, I have removed tooltips from the high level view and replaced with labels which appear when selected. Tip 6: Make the dashboard the same width (and height) as the smallest mobile screen. (320w x 480h) Tip 6a: If you can’t do this because there is too much info then create a scroll bar (blank text box with a border) on the right hand side so that the user always has somewhere to grab & pull. This is particularly important if you are using a map as Tableau will prioritise the panning of the map view. Tip 6b: Use Action filters to create drop-downs so that you can easily get to the view(s) that you need. This can be done in combination with layout containers to maximise the available space.
 

& here’s how each of the tips are implemented:

Tip 1: Set the dashboard size to fit your mobile screen, or at least the width if you are using a scroll bar (320 x 960 in this case). You get to this at the bottom left of the dashboard sheet.
Screen Shot 2015-05-26 at 16.37.16
 

Tip 2: Include an icon to go between mobile and full dashboard. This is done as follows 1: In a new worksheet create a calculated field called [Go to full]  with the content ‘Go To’ or similar. 2: Set the mark type to Shape and put the new field in the Shape Dropzone, customise the shape. 3: Put your new worksheet in your dashboard and create an action filter. 4: Set the current sheet to be the Source Sheet and select the new worksheet as a source 5: Set the destination dashboard as the Target sheet and leave all sheets selected 6: Run Action on Select, clearing selection will ‘Show All Values’ 7: Target Filters = ‘Selected Fields’ but leave the list blank, this will transport you to the other dashboard without applying any filters. Tip 3: Drag a horizontal layout container on to your dashboard and put all your quick filters in there. Make sure you select a dropdown option on the quick filter to minimise the space. Tip 4: Use a hierarchy and drill option to allow the users to expand the view as necessary. 1: Create a new Calculated Field called [drill] and add the content ‘drill’ 2: Use the ctrl key to multi select your top level field, detail level field and [drill], right click and create a hierarchy. Arrange the hierarchy so that drill is in the middle. 3: Go to Analysis > Table Layout > Advanced and set the Maximum levels of row labels to 2, set the maximum levels of horizontal row labels to 1. This will rotate the high level field labels when you drill down. When you test the operation of this on a mobile it works really nicely through the tooltip menu, it also allows you to drill up in the same way. Tip 5: You can add the labels on the marks card and then set them to appear when selected (rather than all the time). Make sure you switch off the tooltips (Worksheet > Tooltip…) Tip 6a: To create a faux-scrollbar drag a text box on to the far right of your dashboard, from there you can format it, use either a border or fill depending on the look / feel of your dashboard. Tip 6b: The point of a dashboard is to get the relevant information in one place, which is tricky on a small screen. By allowing your audience to show / hide panels you can give them the best chance of fitting what they want on the screen. 1: Create a new worksheet (called Map Title in this case) 2: Create a new calculated field called [Map] containing the content ‘Map’. 3. Change the mark type to Shape, drop the [Map] field in to shape and change it to a down arrow. 4: Add [Map] to rows and hide the field labels. 5: Repeat steps 1 – 4 for your other sheets (Timeline in this case) 6: Drag a vertical layout container on to your dashboard and add all the worksheets you want to show / hide in to it. (I have added my high level sheet as well to give it room to expand when drilling). 7: Add your new ‘title’ worksheets to the dashboard. I have added these ones in a horizontal layout container next to a blank for alignment. 8: Create an action filter where the source sheet is your ‘title’ and the target is the viz you want to hide. Make sure you run on ‘select’ and ‘Exclude all values’ upon clearing the selection. Repeat this step for your other hide-able sheets. Thanks for reading, you now have the power of Tableau on your mobile & in your pocket.

More About the Author

Rob Austin

Consultant
Using Tableau on your Mobile I have been using Tableau since version 4, initially as a Tableau customer. One of the first things I wanted was to be able to see my ...
Tableau Level of Detail Calculated Fields v9 In this tutorial I talk about the Tableau Level of Detail calculations  {fixed}, {include} and {exclude} which are new in Tableau ...

See more from this author →

Subscribe to our newsletter

  • I understand that InterWorks will use the data provided for the purpose of communication and the administration my request. InterWorks will never disclose or sell any personal data except where required to do so by law. Finally, I understand that future communications related topics and events may be sent from InterWorks, but I can opt-out at any time.
  • This field is for validation purposes and should be left unchanged.

InterWorks uses cookies to allow us to better understand how the site is used. By continuing to use this site, you consent to this policy. Review Policy OK

×

Interworks GmbH
Ratinger Straße 9
40213 Düsseldorf
Germany
Geschäftsführer: Mel Stephenson

Kontaktaufnahme: markus@interworks.eu
Telefon: +49 (0)211 5408 5301

Amtsgericht Düsseldorf HRB 79752
UstldNr: DE 313 353 072