Category Archives: Uncategorized

Ordering Pizza in the Year 2015

Literally one of my fav future scenarios of the 2010’s.

We are almost there…


Yahoo Storytelling with Kathy Savitt, CMO @Growthbeat

I attended a talk at the GrowthBeat conference on Tuesday on my way in to work. There were actually two talks on Storytelling that i wanted to see, but after attending the first with Kathy Savitt (Chief Marketing Officer and Head of Media at Yahoo), i opted out of the second.

Kathy Savitt, CMO Yahoo, Inc

Kathy Savitt, CMO Yahoo, Inc. at the GrowthBeat conference

Storytelling in UX is a critical part of the designers job, and i was hoping, since these talks were titled “Storytelling”, there would be some good takeaways. Unfortunately, not so much.

What i was able to take away was this: Yahoo is doing a large marketing push in 8 Geo’s (i’m not sure if cities or states). I can see one in SF if you look almost anywhere you are walking. It’s these deep Purple posters on the kiosks and some billboards, with the new Yahoo! logo on them. Some are targeted to create brand awareness that Yahoo! is taking on a mobile first approach and still relevant. Kathy Savitt said that Yahoo’s goal over all is to show the world they are more mobile, and to “guide users to link information to other users”. With their 1B monthly users, they are trying to get them to interact, as opposed to just use Yahoo in silos.


She moved on to discuss a TV show Yahoo! invested in called Community. They showed a reel which showed the shows characters talking about Honda brand items (such as cars, motorcycles and lawn mowers). There was a ton of talk about Honda products, and a character that was so sold on Honda, he couldn’t stop thinking about it, and buying it. Probably the most gross display of crapvertising i’ve ever seen. Maybe they are trying to get into the Netflix/HB/Showtime original game, but… it’ll never sell.

Lastly, she asked the audience if they were using Yahoo’s new offering, live chat. No one raised their hand (about 300 people). She said she uses it with her kids all day, and they are able to send IM’s and silent videos with it. I guess everyone is trying to get in the SMS game, but with Yahoo IM being around 15-20 years, and functional with millions of active users, i could not figure out why they were coming up with yet another offering.

My takeaway, unfortunately was not about ways that Yahoo’s head of  marketing tells stories. There was an example in the Community show to some degree, but… all in all, this was just a reminder of how many of these once relevant “dot com” giants are lagging or why they failed. Sadly, Yahoo! has no visible spark left on the creative side, at least from a C-Level perspective, that i could see. 



Why Most People’s Charts & Graphs Look Like Crap

Data visualization is a powerful tool to communicate complex information in an engaging way. By visualizing information, our brains can synthesize and retain content more effectively, increasing its impact. But if data isn’t properly visualized, it can do more damage than good. The wrong presentation can diminish the data’s message or, worse, misrepresent it entirely. That’s why good data visualization relies on good design. And it’s about more than just choosing the right chart type. It’s about presenting information in a way that is easy to understand and intuitive to navigate, making the viewer do as little legwork as possible. Of course, not all designers are data visualization experts, which is why much of the visual content we see is, well, less than stellar. Here are 10 data visualization mistakes you’re probably making and the quick fixes to remedy them.

1) Misordering Pie Segments

Pie charts are some of the most simple visualizations, but they are often over-complicated. Segments should be ordered intuitively (and they shouldn’t include more than five segments). Here are two ways to order your pie charts, both of which will draw the reader’s attention to the most important information. Option 1: Place the largest section at 12 o’clock, going clockwise. Place the second largest section at 12 o’clock, going counterclockwise. The remaining sections can be placed below, continuing counterclockwise. charts-tip1_1 Option 2: Start the largest section at 12 o’clock, going clockwise. Place remaining sections in descending order, going clockwise. charts-tip1_2

2) Using Non-Solid Lines in a Line Chart

Dashed and dotted lines can be distracting. Instead, use a solid line and colors that are easy to distinguish from each other. chart-tip2

3) Arranging Data Non-Intuitively

Your content should be presented in a logical and intuitive way to guide readers through the data. Order categories alphabetically, sequentially, or by value. chart_tip3

4) Obscuring Your Data

Make sure no data is lost or obstructed by design. For example, use transparency in a standard area chart to make sure the viewer can see all data. chart_tip4

5) Making the Reader Do More Work

Make it as easy as possible to understand data by aiding the reader with graphic elements. For example, add a trendline to a scatterplot to highlight trends. chart_tip5

6) Misrepresenting Data

Makes sure all representations are accurate. For example, bubbles should be scaled according to area, not diameter. chart-tip6

7) Using Different Colors on a Heat Map

Some colors stand out more than others, giving unnecessary weight to that data. Instead, use a single color with varying shades or a spectrum between two analogous colors to show intensity. chart-tip7

8) Making Bars Too Wide or Too Thin

It’s tempting to get creative with your presentation, but keeping things consistent helps your viewer. The space between bars in a bar chart should be ½ bar width. chart_tip8

9) Making it Hard to Compare Data

Comparison is a valuable way to showcase differences, but it’s useless if your viewer can’teasily compare. Make sure all data is presented in a way that allows the reader to compare data side-by-side. chart_tip9

10) Using 3D Charts

Though they may look exciting, 3D shapes can distort perception and therefore skew data. Stick with 2D shapes to ensure data is presented accurately. chart_tip10

UX Books / Reading List

I get a fair amount of requests from budding UX designers for best or favorite UX books. I dont like to overload them, so basically i do a walk through of a blueprint / spec’d wireframe set via Skype, hangouts or in-person, then the following reading list as a solid, easy to digest introduction.

The #1 read is: The Elements of User Experience. Jesse James Garret leads the Adaptive Path team here in SF, and he’s the man. This book talks about the structure of sites from the bottom up, then priority, structure and strategy. Its the Bible.

#2-3 include Designing the Obvious. This was my fav book from 2008/9 followed by Designing the Moment. The original versions were mainly web focused as opposed to mobile, but the approaches he suggests to trim down the design (get rid of the nice to have features, and how to talk the team into doing it and why, at least initially) was a game changer for me. I think the 2nd edition incorporates mobile.  Also check out his articles on that page. Good stuff.

#4 Don’t Make Me Think. I cant say enough good about this book. Its the first time i realized through a great visual statement the author make about street signs in Los Angeles. You can read the next cross street name a mile away the signs are so clear (Sepulveda or Venice). And you always know right where you are as it should be on a website, “I’m on the corner of hardware and chainsaws”. About x Careers. Something like that… There was no ambiguity, and due to this book, i am a diligent proponent of very clear “street signs” on the web.

#5-8 include: Mobile First, Responsive Web Design, Content Strategy for Mobile and Design is a Job (my fav of the abookapart lot which talks about how to be an effective consultant, which we ALL are at ALL times be it FTE or contractor).