{"id":190,"date":"2014-06-19T12:09:05","date_gmt":"2014-06-19T12:09:05","guid":{"rendered":"http:\/\/www.domcop.com\/blog\/?p=190"},"modified":"2016-03-21T16:47:12","modified_gmt":"2016-03-21T16:47:12","slug":"lessons-learnt-expired-domains-responsive","status":"publish","type":"post","link":"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/","title":{"rendered":"6 Lessons learnt making our expired domains web app responsive"},"content":{"rendered":"

A few months back we decided to change our expired domain web app<\/a> with the intention of making it look good on all devices. Since DomCop primarily comprises of software programmers who do not possess much design sense, we decided to buy a responsive theme and use it. Following are six lessons which we learned courtesy this decision<\/p>\n

1. Don’t underestimate the time for becoming responsive<\/strong>
\nSince in previous projects all it took was a couple of days to change the theme on a web app, we figured it would be the same this time too. However, our estimation could not have been more off the mark. While changing the theme did not take much time, ensuring that the web app looked good on all devices took two weeks to accomplish.<\/p>\n

2. Start with responsiveness in mind<\/strong>
\nIf we were to build a new project from scratch, responsiveness would have been a top factor right from the start. To make an already existing site responsive is a much tougher task than starting with a responsive design.<\/p>\n

3. Research themes to see what works and test before you start integrating<\/strong>
\nWe bought the awesome Aces Admin theme<\/a> from WrapBootstrap. Luckily for us the Aces Admin theme is truly compatible with datatables, a jquery plugin that DomCop uses extensively. If you are planning to do the same, spend time listing down all your UI elements and test whether the theme supports them.<\/p>\n

4. Have multiple devices ready for testing<\/strong>
\nW<\/span>e started with a laptop and an android phone and the testing process came to an end with an additional iPhone, ipad and android tablet. It is amazing how the same UI element can appear different on each device.<\/span><\/p>\n

5. Users will hate any major change – anticipate it and set expectations<\/strong>
\nYou have just replaced the crappy looking theme on your web app with this super cool twitter bootstrap based responsive version and expect everyone to love it, right? Totally Wrong! It turns out that users are averse to change even though it is for the better. Our users had established an emotional connect with the old black and green theme. So when we changed it to white and blue, they hated it. To this effect, we would advise limiting UI changes to being as small and incremental as possible. However, if you are planning to change the entire theme in one go, be prepared for a backlash.<\/p>\n

6. Learn about how responsive design works before you start<\/strong>
\nWe had not worked with bootstrap before and in retrospect reading through some tutorials would have saved us time while making changes. Bootstrap is awesome, especially version 3.0, and it handles responsiveness really well. Now that we know how it works, everything just seems to make sense unlike when we started out.<\/p>\n","protected":false},"excerpt":{"rendered":"

We made DomCop a responsive app in May 2014. This article lists down the lessons we learnt in the process and the mistakes we made.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"yoast_head":"\n6 lessons learnt making our web app responsive<\/title>\n<meta name=\"description\" content=\"In May 2014, we decided to make our web-app work well with devices of all sizes. Here are the 6 lessons we learnt along the way to responsiveness.\" \/>\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.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 lessons learnt making our web app responsive\" \/>\n<meta property=\"og:description\" content=\"In May 2014, we decided to make our web-app work well with devices of all sizes. Here are the 6 lessons we learnt along the way to responsiveness.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"DomCop Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/thedomcop\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-19T12:09:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-21T16:47:12+00:00\" \/>\n<meta name=\"author\" content=\"domcop\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dom_cop\" \/>\n<meta name=\"twitter:site\" content=\"@dom_cop\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"domcop\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/\",\"url\":\"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/\",\"name\":\"6 lessons learnt making our web app responsive\",\"isPartOf\":{\"@id\":\"https:\/\/www.domcop.com\/blog\/#website\"},\"datePublished\":\"2014-06-19T12:09:05+00:00\",\"dateModified\":\"2016-03-21T16:47:12+00:00\",\"author\":{\"@id\":\"https:\/\/www.domcop.com\/blog\/#\/schema\/person\/8f8321ff2a4c869f372c55debc9bb0f0\"},\"description\":\"In May 2014, we decided to make our web-app work well with devices of all sizes. Here are the 6 lessons we learnt along the way to responsiveness.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.domcop.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 Lessons learnt making our expired domains web app responsive\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.domcop.com\/blog\/#website\",\"url\":\"https:\/\/www.domcop.com\/blog\/\",\"name\":\"DomCop Blog\",\"description\":\"For the latest on expired domains\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.domcop.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.domcop.com\/blog\/#\/schema\/person\/8f8321ff2a4c869f372c55debc9bb0f0\",\"name\":\"domcop\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.domcop.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/84b060615510fcebe37848b150c54d2e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/84b060615510fcebe37848b150c54d2e?s=96&d=mm&r=g\",\"caption\":\"domcop\"},\"url\":\"https:\/\/www.domcop.com\/blog\/author\/akash\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 lessons learnt making our web app responsive","description":"In May 2014, we decided to make our web-app work well with devices of all sizes. Here are the 6 lessons we learnt along the way to responsiveness.","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.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/","og_locale":"en_US","og_type":"article","og_title":"6 lessons learnt making our web app responsive","og_description":"In May 2014, we decided to make our web-app work well with devices of all sizes. Here are the 6 lessons we learnt along the way to responsiveness.","og_url":"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/","og_site_name":"DomCop Blog","article_publisher":"https:\/\/www.facebook.com\/thedomcop\/","article_published_time":"2014-06-19T12:09:05+00:00","article_modified_time":"2016-03-21T16:47:12+00:00","author":"domcop","twitter_card":"summary_large_image","twitter_creator":"@dom_cop","twitter_site":"@dom_cop","twitter_misc":{"Written by":"domcop","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/","url":"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/","name":"6 lessons learnt making our web app responsive","isPartOf":{"@id":"https:\/\/www.domcop.com\/blog\/#website"},"datePublished":"2014-06-19T12:09:05+00:00","dateModified":"2016-03-21T16:47:12+00:00","author":{"@id":"https:\/\/www.domcop.com\/blog\/#\/schema\/person\/8f8321ff2a4c869f372c55debc9bb0f0"},"description":"In May 2014, we decided to make our web-app work well with devices of all sizes. Here are the 6 lessons we learnt along the way to responsiveness.","breadcrumb":{"@id":"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.domcop.com\/blog\/lessons-learnt-expired-domains-responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.domcop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"6 Lessons learnt making our expired domains web app responsive"}]},{"@type":"WebSite","@id":"https:\/\/www.domcop.com\/blog\/#website","url":"https:\/\/www.domcop.com\/blog\/","name":"DomCop Blog","description":"For the latest on expired domains","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.domcop.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.domcop.com\/blog\/#\/schema\/person\/8f8321ff2a4c869f372c55debc9bb0f0","name":"domcop","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.domcop.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/84b060615510fcebe37848b150c54d2e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/84b060615510fcebe37848b150c54d2e?s=96&d=mm&r=g","caption":"domcop"},"url":"https:\/\/www.domcop.com\/blog\/author\/akash\/"}]}},"_links":{"self":[{"href":"https:\/\/www.domcop.com\/blog\/wp-json\/wp\/v2\/posts\/190"}],"collection":[{"href":"https:\/\/www.domcop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.domcop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.domcop.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.domcop.com\/blog\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":5,"href":"https:\/\/www.domcop.com\/blog\/wp-json\/wp\/v2\/posts\/190\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/www.domcop.com\/blog\/wp-json\/wp\/v2\/posts\/190\/revisions\/273"}],"wp:attachment":[{"href":"https:\/\/www.domcop.com\/blog\/wp-json\/wp\/v2\/media?parent=190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.domcop.com\/blog\/wp-json\/wp\/v2\/categories?post=190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.domcop.com\/blog\/wp-json\/wp\/v2\/tags?post=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}