VizWiz

Launch, grow, and unlock your career in data
Showing posts with label mobile. Show all posts

June 26, 2023

#MakeoverMonday 2023 Week 26: The UK's Drinking Culture

No comments
This week I delve into drinking, a topic that has long been integral to British culture. 

We covered lots during the live stream. I started by attempting to recreate the original, but couldn't get it to work. I went on to build:

1. Stacked bars
2. Stacked bars with labels above the bars (there are a few neat tricks in this one)
3. Circle on a dotted line
4. Donut chart, bar chart combination chart
5. Bullet graphs
6. A mobile view that's a different sheet

Building the mobile view hopefully showed everyone how to leverage sizing objects in a dashboard. If you haven't watched, I created a 2nd sheet that I could format separately to fit on a mobile device. To the user, it would look like the same chart.

The trick is to float the 2nd sheet and make it 1x1 size. Because it's on the dashboard, you can then use the sheet in the mobile view. Check it out, you'll like it.

I'm pretty happy with where I got to in the end. Enjoy the live stream and check out the viz below or here.


March 1, 2023

#MakeoverMonday 2023 Week 9 - Are you drinking a safe amount of caffeine?

No comments
My goal for week 9 was to take this original matrix table...


and turn it into an interactive chart that allows the user to know if they are drinking a safe amount of caffeine. 

Check out Watch Me Viz below. Thanks to the feedback from viewers, we came up with the idea of letting the user pick (via parameters) their drink type, the drink size, and how many they drink per day. I calculated the mg of caffeine per ml and then multiplied that by the drink size and the number of drinks per day.

I spent time showing how to effectively use containers (you can never get enough practice with containers) and then showed how to create a mobile version as well. I think you'll learn a lot by watching and following along with the final build. 

If you are looking for 1:1 or group coaching sessions, I can help! Get in touch here.


May 17, 2021

Designing for Mobile First - Sample Mobile Sales Dashboard

No comments
Last week, I was teaching DS23 about mobile design. We reviewed the pros and cons, what to think about from a user and usability perspective, how to make the most important information easy to understand, etc.

We then picked an image of a mobile dashboard we found on the internet and worked together to rebuild it. We started by creating a default dashboard, then looking at what Tableau's Device Designer would do to it.

We then decided to create a mobile-only dashboard as our use case what executives on the go. This also gave us a great excuse to practice using containers.

Enjoy!

August 25, 2019

#MakeoverMonday: Mobile is taking over the global gaming market

No comments
After a week on holiday and skipping writing a Makeover Monday blog posts for the first time in 4+ years, I'm back with a topic that I can attest to give my boys' affinity for gaming.

This week's chart is from Statista:


What works well?

  • The title clearly explains the story in the chart.
  • The colors are easy to distinguish.
  • The bar chart helps us see the increasing revenue.
  • Placing mobile at the bottom of the stacked bars makes it easy to see the increase in the mobile share.

What could be improved?

  • All of the labels make the chart look quite busy.
  • Is the image of the platforms necessary?

What I did

  • I wanted to look at the relationship of share and revenue over time, which led me to a connected scatterplot.
  • I thought it was important to look at each platform independently, so I placed them inside "cards".
  • I included BANs based on the estimated revenue for 2021.

Let me know what you think.

June 7, 2019

#WorkoutWednesday Week 23: Which sub-categories are ordered most?

No comments
I haven't done a Workout Wednesday in quite some time, in fact, this is the first one I have done this year. However, when I saw Curtis Harris' challenge this week (check it out here), I knew I wanted to give it a try. Why? Because it's a view that is very usable in a business context. I could certainly see this being used on a mobile phone in a real business.

REQUIREMENTS
  • Create a bar chart which displays the sub-category label on top of its bar
  • Label all bars to the right of the maximum value in view
  • Create a parameter that changes the display from a percent of total view to a raw order count view
  • Create a progress shadow for every bar
  • Show progress to 100% or progress to the maximum value depending on the parameter selection
  • Only use one sheet
  • Match formatting and colors
  • Match tooltips

The part that tripped me up the most was labeling the sub-category above the bar. I had done this before, but couldn't remember how, and I didn't to look back; I wanted to figure it out again. One other thing I wanted to do was make sure that the text didn't overlap the bar as it shows in the viz to rebuild (sorry Curtis, I know it's not 100% correct now).

To do this:
  1. Add Sub-Category on the rows twice.
  2. Hide the headers
  3. Turn on subtotals
  4. Move the column subtotals to the top
  5. Add a dummy measure as a secondary axis with the value 0
  6. Make sure the mark type is a circle on this shelf
  7. Add Sub-Category to the text shelf on the shelf with the circle and add an extra line below it in the text box with a space. This forces an extra line.

Tada! Fun one Curtis!

July 20, 2017

Visualizing a Profit & Loss Statement

26 comments
Following my post over the weekend about visualising an income statement, The Information Lab team suggested I have a go at some other finance statements. Yesterday, my visual P&L statement made it's debut on the Death to Spreadsheets webinar that Eva and I hosted.

In the true Tableau spirit, I'd like to share it with everyone. The overall design is very similar to the Income Statement with a few differences/enhancements:

  • The top section serves as a summary with the idea being to give a quick overview. 
  • The bottom section (below the line) are all of the expense categories, which could obviously change based on what a company tracks. 
  • I included BANs for the latest month and the change to prior month. 
  • There's no budget, so the sparklines simply show the raw values.
  • The mobile version only shows the summary section as I couldn't fit all of the expenses within the 4000 pixel height limit and really, who's going to scroll that far anyway?

For this version, I've put together a "how to read" visual to help explain the visualisation.


Ok, so now that you know how to read the viz, here's the full version. Click on the image for the interactive version (or if you're on mobile you will automatically see the mobile version). Scroll a bit farther down for a gif of the mobile version in action.


VIDEO OF MOBILE VERSION


February 13, 2017

Makeover Monday: How Much Do Americans Spend on Valentine’s Day?

No comments
Because I'm tend to forget Valentine's Day (I consider it a Hallmark Holiday), it almost passed me that this week included Valentine's Day and I had intended to use another data set for Makeover Monday. Fortunately we have people on Twitter to keep us straight and this tweet changed the theme for this week.

This meant spending my Sunday morning find a new viz and data set. A quick google search turned up this infographic from KarBel Multimedia:


What I like:
  • Color choices that match the theme
  • Simple title that tells me what I'm about to see
  • Proper sourcing
  • Nice description that include a question that explains what the viz is about
  • Donut chart works well here as it's only 2 slices
  • Clear labeling

What could be improved:
  • Why use bubbles to compare the sizes of the spending? A bar chart would be way easier to read.
  • There's very little context. Is this spending increasing or decreasing?
  • While the color choices work for the theme, this sure is A LOT of pink.

For my viz, I wanted to create a mobile version that looks at the historical spending trends in two groups: significant others and everyone else. I don't lover my effort this week (pardon the pun), but there's only so much time in a day. Lastly, special thanks to Eva for the color palette.


August 9, 2016

Tableau Tip Tuesday: An Intro to Device Designer

In this week’s tip, I walk you through how I’ve learned to use Tableau 10’s Device Designer feature, which makes it so much easier to create device specific designs.

Note: I ramble a bit at some points in this video as I learn some things along the way and I also hit some wifi issues, so I apologize in advance. Hopefully this helps you see that no one is perfect and we’re all on this journey of learning Tableau together.

April 12, 2016

Dear Data Two | Week 50: My Phone

No comments
Click the image for the full-size version

Week 50 was clearly one of the easiest from a data collection perspective as there was really nothing to track. It was a nice break for the daily effort to keep up with each topic. For this week, I wanted to look at the apps that sit on my phone’s home screen.

  • Why did I choose these apps?
  • How do I organize them?
  • What’s the most common colour?


Scroll through the story points below to see a bit more about my phone and get a bit of insight into how my brain works. The last two story points show the postcard I drew. It’s really hard to draw app icons! This took hours!

April 11, 2016

Makeover Monday: From Millions to Billions

No comments

Today is my 9 year anniversary using Tableau. On April 11, 2007, I downloaded a trial of Tableau 3.0 and my life has never been the same. What better way to celebrate than working on Makeover Monday and creating my first mobile dashboard.

This week’s Makeover Monday was quite tough. How do you take a viz that’s already great and make it better? Or how do you tell the story differently? I wrote about this viz on my other site (DataVizDoneRight.com) a couple weeks ago. Here’s the viz again:


What works well?

  • Title catches your attention
  • Subtitle makes you more interested and sets up the story
  • Very well organized
  • Clear labeling of the headers
  • Pictures of the faces make it feel more real
  • Consistent use of colors makes it easy to understand and follow
  • Nice totals on the right for context and they’re out of the way as to not distract
  • Dark background works well and makes the bars pop out
  • Great tooltips!
  • Fantastic sorting interactivity
  • Great spacing; there’s a lot of information yet it still feels simple


What could be be improved?

  • Include a filter for gender
  • Include more women
  • Change the mark type for the ends


So given how good this is already and how little I saw that I could do to make it better, I thought I would use this week to practice making a mobile version, formatted for iPhone 6. I rarely create visualisations specifically for mobile and the only way to improve that ability is to practice.

Adding the filter for gender was easy. Including more women was out of scope.

Notice that I changed the ends of each bar to dots. I did this because I think the vertical bars are a bit tough to see; I wanted to make it easer for the viewer.

One challenge I had was that I wanted the sorting to be “touchable” like the gender filter is, but I couldn’t get it to work. I didn’t want to spend a ton of time fiddling with it, so I resorted to a parameter for the sorting.

I’d like to hear what you think about this mobile version. Does it work well? What could I do to make it better mobile experience?

February 3, 2015

Makeover Monday: There's a Reason It Seems like Everyone Is Always Staring at Their Smartphones

3 comments
Jay Yarow of Business Insider wrote an article about how US adults are changing their media consumption.  The article included this chart:


The point of the chart is to show how the share of mobile time spent is increasing. But the design of the chart makes that insight difficult. Some of the problems include:
  • It's difficult to compare media platforms.
  • The data is a time series, yet Jay used bars, which in itself isn't bad, but lines are easier to read.
  • The title should emphasize the story more.
  • Mobile is the highlight of the story, but it doesn't stand out in the chart at all.
I was able to locate the source data from this article on eMarketer.com and create the alternative below. I learned this style of highlighting the important pieces of the data at Cole Nussbaumer's great public workshop.


Create your own version. Download the data here and the Tableau workbook here.

January 8, 2013

I expect more from the CEO & Editor of Business Insider

No comments

A colleague sent me this presentation on The Future of Mobile by Henry Blodget, the CEO & Editor of Business Insider.  Since Mr. Blodget gave the presentation, I can only assume that he approved the content, charts and graphs, though I doubt he actually created them.

I’m incredibly disappointed and surprised that Mr. Blodget would put his name to this presentation.  Not only is he the CEO, but he’s the EDITOR too.  There are so many charts that communicate poorly that I stopped counting.  You’ll find area charts (lots of them), stacked bar charts, pie charts, etc.  He should be embarrassed.  He should know better as an editor.

Maybe if enough of us leave Mr. Blodget feedback on his blog post, then he and his company will finally begin producing good work.  Shouldn’t we expect more from such a reputable company?

Or maybe he should meet with the folks at The New York Times, who continually pump out high quality content.

April 4, 2011

A Nielsen Table Improved - Number of Americans Watching Mobile Video

No comments

A blog post from Nielsen says:

According to a new mobile video report from The Nielsen Company, the number of U.S. mobile subscribers watching video on their mobile devices rose more than 40 percent year-over-year in both the third and fourth quarters of 2010, ending the year at nearly 25 million people.

They presented their results with this table:

What’s wrong here?

  1. Their summary says watching improved in both the third and fourth quarters of 2010, but why isn’t Q3 09 on the table?
  2. Why do they include Q3 10 if they don’t include the quarter to quarter comparison?
  3. The table is quite dark and dreary, with unnecessary color

I would reformat the table like this.

I have:

  1. Added Q3 09 along with quarter over quarter comparisons (% diff on the right) and year over year comparisons (% diff at the bottom)
  2. Removed any unnecessary color

While Nielsen’s report says “the number of U.S. mobile subscribers watching video on their mobile devices rose more than 40 percent year-over-year in both the third and fourth quarters of 2010”, they fail to point out that growth has actually slowed in 2010, both quarter over quarter and year over year.

Bottom line, be careful what you read.  I hope not, but Nielsen may have intentionally left out Q3 09 to paint a better picture.

January 30, 2011

Your business is vulnerable to a 3D pie

No comments

I was walking through the airport after a long three days in Toronto and I was stopped dead in my track.  This caught my attention.  I had to catch my breath and wipe away the tears of sadness and frustration.

photo

My first reaction was “OH NO!  They’re pimping 3D bar and pie charts as a way to monitor corporate security!”  Then I thought about it some more and laughed at the irony of two phrases in the advertisement:

  1. “Defend your mobile life”
  2. “Your business is vulnerable”

If you think about it, they’re 100% correct.  Your mobile business is vulnerable and you must defend its life against 3D bar charts and pie charts.  Stop the madness!