Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Front endrequirements 09_25_2013

516 views

Published on

Published in: Business, Technology
  • Be the first to comment

Front endrequirements 09_25_2013

  1. 1. Click to edit Master title style Visualizing Big Data on the Web 9/25/13
  2. 2. Click to edit Master title style 2 Goals • Talk about designing for a business opportunity • Explore the intersection of data design and visual design • Introduce some tools to help in prototyping solutions and visualization • Discuss the potential for big data design on the web
  3. 3. Click to edit Master title style 3 The Opportunity: Real-time Telecom Insights 50,000 transactions a day 18MM+ a year 2.2 Terabytes Disk Space 3 years of data and growing Demographics Advertising spend Events Social Media Distribution Device Real-time Telecom Switching Data
  4. 4. Click to edit Master title style 4 The Challenge: Our prospects are swimming in data.
  5. 5. Click to edit Master title style 5 The Real Goal: Tell a story. Prioritize the data.
  6. 6. Click to edit Master title style 6 Off-the-shelf made solution feel off-the-shelf
  7. 7. Click to edit Master title style 7 Needed flexibility on how to optimize data and display
  8. 8. Click to edit Master title style 8 First Goal: Access the data
  9. 9. Click to edit Master title style 9 Data Flow and Architecture
  10. 10. Click to edit Master title style 10 The Front End Framework Web Application (Front End) jQuery AngularJS d3.js Twitter Bootstrap Font Awesome Javascript, HTML5, CSS3 Java Servlets API (Service Layer) 1. Parse queries 2. Fetch data 3. Construct JSON SQL Server / Amazon Redshift
  11. 11. Click to edit Master title style 11 Approach: Start with user personas Regional Vice President In charge of millions in revenue. Runs marketing campaigns locally, gets percentage of national ad spend. Handles regional promotions and partnerships. Corporate marketing In charge of hundreds of millions of ad spend Goaled to drive acquisition and retention Thinks about channels and customer segments Corporate strategy Monitors competitive landscape and industry trends Approves pricing, product, merge r and acquisition strategy Reports to CEO, board, and investors. Jane Bob Sue
  12. 12. Click to edit Master title style 12 Think about how these inform your design Regional Vice President In charge of millions in revenue. Runs marketing campaigns locally, gets percentage of national ad spend. Handles regional promotions and partnerships. Jane Title gives you sense of sphere of concern Revenue gives you sense of urgency and resources (aka access to other data) How they spend their budget gives you more insight into their sphere of concern. Jane fights for a piece of the national budget. Understanding third-party dependencies gives you a sense of what other data you need to tell the story.
  13. 13. Click to edit Master title style 13 Profile builder: set defaults, save queries Step 1: Build profile (may use visualization tools to help users with prioritization. What should I see? Why would I filter something in/out?)
  14. 14. Click to edit Master title style 14 Profile page: Jane Default carrier view: Verizon (change) Default time period: January 1, 2013 - Present (change) Default geography: BTA (change) Default coverage settings: Any 4G (change) Default demographic: Hispanics (change) Default tenure: All (change) Default merger settings: Nextel – excludes all wins from Nextel Metro – treats all MetroPCS markets as if they are independent of Tmobile until 4/13 US Cellular – removes all territories that USC sold to Sprint http://mountaingapsolutions.com/apps/comlinkdata/app/#/data/1/0/2/100/0b http://comlinkdata.com/apps/comlinkdata/app/#/data/1/0/2/100/0b http://comlinkdata.com/apps/comlinkdata/app/#/data/1/0/2/100/1b Saved queries
  15. 15. Click to edit Master title style 15 Display options: Jane’s monitoring display
  16. 16. Click to edit Master title style 16 Display options: Sue’s time series
  17. 17. Click to edit Master title style 17 Display options: Bob’s heat map
  18. 18. Click to edit Master title style 18 Use Case: Sue spotting and analyzing trends
  19. 19. Click to edit Master title style 19 Display options: Sue monitoring display What’s abnormal about this period of time?  Compare YOY, quarterly  Check competitive pairs  Check ad spend  Check event database
  20. 20. Click to edit Master title style 20 Side-by-side time period comparison Punch out to selection statistics
  21. 21. Click to edit Master title style 21 Why? Before and after comparisons on core data 32% 52% 22% 15% 33% 23% 14% 10% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% Before April 12, 2013 After April 12, 2013 Sprint Win Composition in Dallas BTA Before and After the Divergence in Win Share +20%
  22. 22. Click to edit Master title style 22 Same filters applied to supplemental data *Source: Kantar Media, LLC -- Local Advertising Spend includes Local Magazines, National Spot Radio, Newspapers, and Spot TV 59% 96% 127% 0% 20% 40% 60% 80% 100% 120% 140% National Atlanta BTA Dallas BTA Combined March and April Local Advertising Spend* Compared to Average 3.9% 7.2% 8.4% 0% 2% 4% 6% 8% 10% National Atlanta BTA Dallas BTA Increase in Overall Market Share after 4/12/13 Compared to Average HIGH CORRELATION
  23. 23. Click to edit Master title style 23 See actual creative in context: how is this media stored? Sprint $100 Credit for Switching Promotion on Samsung Galaxy Phones Sprint $100 Credit for Switching Promotion on Any Phone Started on April 12, 2013 Ran throughout March and up to April 11, 2013
  24. 24. Click to edit Master title style 24 Developers and data geeks tend to have mutually exclusive sets of skills Web Developers / Designers / Engineers Data Scientists / Analysts / Researchers !=
  25. 25. Click to edit Master title style 25 Rstudio’s R Shiny is empowering non-developers
  26. 26. Click to edit Master title style 26 R Shiny + rCharts = fully interactive website with zero Javascript or HTML knowledge Generates d3.js code
  27. 27. Click to edit Master title style 27 New method of collaboration and product development in data-centric companies
  28. 28. Click to edit Master title style 28 References 1. R Shiny - http://www.rstudio.com/shiny/ 2. rCharts - http://ramnathv.github.io/rCharts/

×