{"id":128,"date":"2013-01-25T09:22:30","date_gmt":"2013-01-25T16:22:30","guid":{"rendered":"https:\/\/www.rivaliq.com\/blog\/?p=128"},"modified":"2023-10-11T06:58:28","modified_gmt":"2023-10-11T06:58:28","slug":"3-reasons-responsive-design","status":"publish","type":"post","link":"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/","title":{"rendered":"3 Reasons We Used Responsive Design with Rival IQ"},"content":{"rendered":"

Responsive design is now a must have with any software-as-a-service application. In fact, Google now rewards (or punishes) sites built with responsive in mind. But when we first started working on Rival IQ that wasn’t the case.<\/p>\n

Fortunately, we had great early users. In fact one of the first questions we heard after launching was, “What, no iPad support?” \u00a0Early on,\u00a0we had to answer by explaining that we’re a small team, still trying to carve out the core value we want to deliver with our app, and that supporting more than one front-end platform was not somewhere we could afford to invest. \u00a0Focus. Focus. Focus.<\/p>\n

As Rival IQ has marched forward, we certainly have no fewer places to focus, yet we decided to make the jump to a completely responsive site layout that would work on mobile devices and the desktop. \u00a0But now, you might be asking, why?<\/p>\n

Here’s the three key reasons why we went responsive!<\/p>\n

\"Responsive<\/a><\/p>\n

Reason #1: We want to meet you, our customers, where you are<\/strong><\/h2>\n

Rival IQ is constantly working for you so you can have up-to-date information about your marketing landscape. \u00a0Because we know you are busy, we bundle that data into an email that \u00a0makes it into your inbox. \u00a0In that email, you see something that piques your interest, so you click the link in the email to go to our site, and then…<\/p>\n

Crickets. \u00a0Or worse actually, we sent you to a screen that says, “We don’t support your platform,” rendered in a page that doesn’t even support your platform.<\/strong>\u00a0 Oh, the irony. FAIL.<\/p>\n

It turns out that our customers, like a large segment of business users worldwide, consume email and other information via their phones or tablets (check out this detailed infographic at journalism.org on mobile behavior<\/a>).<\/p>\n

Since our goal is to provide valuable insights to you where ever you want to consume them, we decided that reducing the friction for you to use our app where you read your email was a good idea. \u00a0I know, it’s rocket science, right?<\/p>\n

Reason #2:<\/strong>\u00a0We like to take advantage of opportunities to learn<\/strong><\/h2>\n

I have always liked learning how to do new things, and a few weeks ago, I read a compelling learn-by-example post on responsive design<\/a>\u00a0that really made me ask, how can I do that? \u00a0Never mind that I, the guy who writes our front-end code, could not have told you what @media queries were or what the resolution of an iPad or iPhone was.<\/p>\n

What I did know is the aforementioned design article and the websites shown there inspired me to do better. \u00a0Since we were about to start designing our new dashboard, we thought, what better time to try something new?<\/p>\n

Reason #3:\u00a0<\/strong>I put myself in our customers’ shoes<\/strong><\/h2>\n
\"responsive<\/a>

Image Source: 2nix Studio \/ Shutterstock.com<\/p><\/div>\n

There is no better way to understand what your customers’ needs and desires are than to make your situation as similar as possible to what they are experiencing (aside: go learn about entrepreneurs and empathy<\/a> from MindSnacks’s CEO, Jesse Pickard). \u00a0In this particular situation, it turns out that gaining a little perspective about tablet owners was particularly simple.<\/p>\n

I bought an iPad.<\/p>\n

Why are you still here reading? \u00a0Grab your iPad and head over to www.rivaliq.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Responsive design is now a must have with any software-as-a-service application. In fact, Google now rewards (or punishes) sites built with responsive in mind. But when we first started working on Rival IQ that wasn’t the case. Fortunately, we had great early users. In fact one of the first questions …<\/p>\n","protected":false},"author":1,"featured_media":11151,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[23,1],"tags":[],"acf":[],"yoast_head":"\n3 Reasons We Used Responsive Design with Rival IQ | Rival IQ<\/title>\n<meta name=\"description\" content=\"You often hear about mobile-first strategy and yet many apps are still not responsive. Here are the top 3 reasons why Rival IQ went with responsive design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3 Reasons We Used Responsive Design with Rival IQ\" \/>\n<meta property=\"og:description\" content=\"You often hear about mobile-first strategy and yet many apps are still not responsive. Here are the top 3 reasons why Rival IQ went with responsive design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Rival IQ\" \/>\n<meta property=\"article:published_time\" content=\"2013-01-25T16:22:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-11T06:58:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rivaliq.com\/wp-content\/uploads\/2016\/06\/blog-twitter-rss.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2880\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Seth Bridges\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Seth Bridges\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/\",\"url\":\"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/\",\"name\":\"3 Reasons We Used Responsive Design with Rival IQ | Rival IQ\",\"isPartOf\":{\"@id\":\"https:\/\/www.rivaliq.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.rivaliq.com\/wp-content\/uploads\/2016\/06\/blog-twitter-rss.jpg\",\"datePublished\":\"2013-01-25T16:22:30+00:00\",\"dateModified\":\"2023-10-11T06:58:28+00:00\",\"author\":{\"@id\":\"https:\/\/www.rivaliq.com\/#\/schema\/person\/ccc346d11b6a7d2c3f83cac80bd26e0b\"},\"description\":\"You often hear about mobile-first strategy and yet many apps are still not responsive. Here are the top 3 reasons why Rival IQ went with responsive design.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/#primaryimage\",\"url\":\"https:\/\/www.rivaliq.com\/wp-content\/uploads\/2016\/06\/blog-twitter-rss.jpg\",\"contentUrl\":\"https:\/\/www.rivaliq.com\/wp-content\/uploads\/2016\/06\/blog-twitter-rss.jpg\",\"width\":2880,\"height\":1440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rivaliq.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3 Reasons We Used Responsive Design with Rival IQ\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rivaliq.com\/#website\",\"url\":\"https:\/\/www.rivaliq.com\/\",\"name\":\"Rival IQ\",\"description\":\"Social Media Analytics\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rivaliq.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.rivaliq.com\/#\/schema\/person\/ccc346d11b6a7d2c3f83cac80bd26e0b\",\"name\":\"Seth Bridges\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rivaliq.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c0f7e07ef98568bf54a3914745e948c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c0f7e07ef98568bf54a3914745e948c7?s=96&d=mm&r=g\",\"caption\":\"Seth Bridges\"},\"description\":\"Hey there, I'm Seth, one of the co-founders of Rival IQ, where I stay busy working on product design and marketing! When I'm not working, I'm probably playing with my sons. Follow me on Twitter for rantings and opinions on all the things.\",\"url\":\"https:\/\/www.rivaliq.com\/blog\/author\/sethb\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"3 Reasons We Used Responsive Design with Rival IQ | Rival IQ","description":"You often hear about mobile-first strategy and yet many apps are still not responsive. Here are the top 3 reasons why Rival IQ went with responsive design.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/","og_locale":"en_US","og_type":"article","og_title":"3 Reasons We Used Responsive Design with Rival IQ","og_description":"You often hear about mobile-first strategy and yet many apps are still not responsive. Here are the top 3 reasons why Rival IQ went with responsive design.","og_url":"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/","og_site_name":"Rival IQ","article_published_time":"2013-01-25T16:22:30+00:00","article_modified_time":"2023-10-11T06:58:28+00:00","og_image":[{"width":2880,"height":1440,"url":"https:\/\/www.rivaliq.com\/wp-content\/uploads\/2016\/06\/blog-twitter-rss.jpg","type":"image\/jpeg"}],"author":"Seth Bridges","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Seth Bridges","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/","url":"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/","name":"3 Reasons We Used Responsive Design with Rival IQ | Rival IQ","isPartOf":{"@id":"https:\/\/www.rivaliq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/#primaryimage"},"image":{"@id":"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rivaliq.com\/wp-content\/uploads\/2016\/06\/blog-twitter-rss.jpg","datePublished":"2013-01-25T16:22:30+00:00","dateModified":"2023-10-11T06:58:28+00:00","author":{"@id":"https:\/\/www.rivaliq.com\/#\/schema\/person\/ccc346d11b6a7d2c3f83cac80bd26e0b"},"description":"You often hear about mobile-first strategy and yet many apps are still not responsive. Here are the top 3 reasons why Rival IQ went with responsive design.","breadcrumb":{"@id":"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/#primaryimage","url":"https:\/\/www.rivaliq.com\/wp-content\/uploads\/2016\/06\/blog-twitter-rss.jpg","contentUrl":"https:\/\/www.rivaliq.com\/wp-content\/uploads\/2016\/06\/blog-twitter-rss.jpg","width":2880,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/www.rivaliq.com\/blog\/3-reasons-responsive-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rivaliq.com\/"},{"@type":"ListItem","position":2,"name":"3 Reasons We Used Responsive Design with Rival IQ"}]},{"@type":"WebSite","@id":"https:\/\/www.rivaliq.com\/#website","url":"https:\/\/www.rivaliq.com\/","name":"Rival IQ","description":"Social Media Analytics","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rivaliq.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.rivaliq.com\/#\/schema\/person\/ccc346d11b6a7d2c3f83cac80bd26e0b","name":"Seth Bridges","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rivaliq.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c0f7e07ef98568bf54a3914745e948c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c0f7e07ef98568bf54a3914745e948c7?s=96&d=mm&r=g","caption":"Seth Bridges"},"description":"Hey there, I'm Seth, one of the co-founders of Rival IQ, where I stay busy working on product design and marketing! When I'm not working, I'm probably playing with my sons. Follow me on Twitter for rantings and opinions on all the things.","url":"https:\/\/www.rivaliq.com\/blog\/author\/sethb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/posts\/128"}],"collection":[{"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":2,"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"predecessor-version":[{"id":33983,"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/posts\/128\/revisions\/33983"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/media\/11151"}],"wp:attachment":[{"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rivaliq.com\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}