{"id":881,"date":"2012-06-18T06:33:15","date_gmt":"2012-06-18T06:33:15","guid":{"rendered":"https:\/\/www.zuantechnologies.com\/blog\/?p=881"},"modified":"2017-03-20T15:22:20","modified_gmt":"2017-03-20T15:22:20","slug":"tips-to-make-your-website-tablet-friendly","status":"publish","type":"post","link":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/","title":{"rendered":"Tips to Make Your Website Tablet-Friendly"},"content":{"rendered":"

\"\"<\/a>Why is it Important to Make Your Website Tablet Ready? \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/strong><\/span><\/h3>\n

How long do you stay on a website? How often do you return? Now think about what tablet users will do if they hit your website and it\u2019s not tablet ready.
\n
\nWith more and more consumers using the Internet from their tablets, it\u2019s critical that you take some time to update your website as soon as possible\u00a0 <\/strong><\/p>\n

Avoid Flash:<\/strong><\/span><\/p>\n

Adobe’s Flash technology doesn’t work on Apple mobile devices\u2014 and Flash tends to weigh sites down in any case. Substitute flash with HTML5 or JavaScript, which provide the same cool effects.<\/p>\n

Make text, buttons and links bigger<\/strong>:<\/span><\/p>\n

Based on average finger size if you want people to click it, then it needs to be a minimum of 20 \u00a0\u00a0pixels (1cm2)<\/p>\n

\"Tips<\/a>
Tips to Make Your Website Tablet-Friendly<\/figcaption><\/figure>\n

 <\/p>\n

Simplify forms and checkouts<\/strong>:<\/span><\/h4>\n

Typing is as not as easy on tablets as real keyboards so if you want to convert\u00a0 simplify all your forms and avoid asking for unnecessary information.<\/p>\n

Ditch the drop-down menus:<\/strong><\/span><\/h4>\n

Instead, consider a showcase page for different sections of the site, better enabling tablet users to find all available subpages. If you want to keep your drop-down menus, create visual cues (like arrows) that show users the menu can be opened and expanded.<\/p>\n

Design for touch interaction:<\/strong><\/span><\/h4>\n

Tablet users aren’t clicking or scrolling with a mouse, so design buttons the size of a fingertip instead of a cursor. Links placed too closely together will also frustrate users; remember that touching and swiping are the gestures to design for these days.<\/p>\n

Choose colors, textures and typography wisely<\/strong>:<\/span><\/h4>\n

Bright background colors and patterns reduce the appearance of glare or smudges on an iPad or Blackberry Playbook. Avoid solid blacks that look like un-textured voids. Ensure your font isn’t too large or too small for tablet navigation. When in doubt, test on a tablet or two.<\/p>\n

Design forms to fit:<\/strong><\/span><\/h4>\n

Many company sites require users to fill out a form. Look yours over and ensure all fields are clear and easily accessible to tablet users. Avoid including too many fields, as longer forms on tablets are frustrating.<\/p>\n

 <\/p>\n

Thanks to all<\/p>\n

Zuantechnologies<\/a><\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Why is it Important to Make Your Website Tablet Ready? \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 How long do you stay on a website? How often do you return? Now think about what tablet users will do if they hit your website and it\u2019s not tablet ready.<\/p>\n","protected":false},"author":1,"featured_media":882,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[851],"tags":[],"class_list":["post-881","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-and-development"],"yoast_head":"\nTips to Make Your Website Tablet-Friendly - Zuan Technologies<\/title>\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.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tips to Make Your Website Tablet-Friendly - Zuan Technologies\" \/>\n<meta property=\"og:description\" content=\"Why is it Important to Make Your Website Tablet Ready? \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 How long do you stay on a website? How often do you return? Now think about what tablet users will do if they hit your website and it\u2019s not tablet ready.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/\" \/>\n<meta property=\"og:site_name\" content=\"Zuan Technologies\" \/>\n<meta property=\"article:published_time\" content=\"2012-06-18T06:33:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-20T15:22:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/06\/500x_500x_tablet-chrome.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"333\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\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\":\"Article\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/fc1e4fab91dc1c141c2dc159b5da4bee\"},\"headline\":\"Tips to Make Your Website Tablet-Friendly\",\"datePublished\":\"2012-06-18T06:33:15+00:00\",\"dateModified\":\"2017-03-20T15:22:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/\"},\"wordCount\":380,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/06\/500x_500x_tablet-chrome.jpg\",\"articleSection\":[\"Design and Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/\",\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/\",\"name\":\"Tips to Make Your Website Tablet-Friendly - Zuan Technologies\",\"isPartOf\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/06\/500x_500x_tablet-chrome.jpg\",\"datePublished\":\"2012-06-18T06:33:15+00:00\",\"dateModified\":\"2017-03-20T15:22:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#primaryimage\",\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/06\/500x_500x_tablet-chrome.jpg\",\"contentUrl\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/06\/500x_500x_tablet-chrome.jpg\",\"width\":500,\"height\":333,\"caption\":\"Tips to Make Your Website Tablet-Friendly\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.zuantechnologies.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tips to Make Your Website Tablet-Friendly\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#website\",\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/\",\"name\":\"Zuan Technologies\",\"description\":\"Blog\",\"publisher\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.zuantechnologies.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#organization\",\"name\":\"Zuan Technologies\",\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2018\/01\/Zuan-Logo-FB.png\",\"contentUrl\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2018\/01\/Zuan-Logo-FB.png\",\"width\":180,\"height\":180,\"caption\":\"Zuan Technologies\"},\"image\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/fc1e4fab91dc1c141c2dc159b5da4bee\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5bfa6b3669e29838e04d72ce0451ea0b873f08264c6a99602161af43703aa8af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5bfa6b3669e29838e04d72ce0451ea0b873f08264c6a99602161af43703aa8af?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tips to Make Your Website Tablet-Friendly - Zuan Technologies","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.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/","og_locale":"en_US","og_type":"article","og_title":"Tips to Make Your Website Tablet-Friendly - Zuan Technologies","og_description":"Why is it Important to Make Your Website Tablet Ready? \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 How long do you stay on a website? How often do you return? Now think about what tablet users will do if they hit your website and it\u2019s not tablet ready.","og_url":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/","og_site_name":"Zuan Technologies","article_published_time":"2012-06-18T06:33:15+00:00","article_modified_time":"2017-03-20T15:22:20+00:00","og_image":[{"width":500,"height":333,"url":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/06\/500x_500x_tablet-chrome.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#article","isPartOf":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/"},"author":{"name":"admin","@id":"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/fc1e4fab91dc1c141c2dc159b5da4bee"},"headline":"Tips to Make Your Website Tablet-Friendly","datePublished":"2012-06-18T06:33:15+00:00","dateModified":"2017-03-20T15:22:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/"},"wordCount":380,"commentCount":0,"publisher":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/06\/500x_500x_tablet-chrome.jpg","articleSection":["Design and Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/","url":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/","name":"Tips to Make Your Website Tablet-Friendly - Zuan Technologies","isPartOf":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#primaryimage"},"image":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/06\/500x_500x_tablet-chrome.jpg","datePublished":"2012-06-18T06:33:15+00:00","dateModified":"2017-03-20T15:22:20+00:00","breadcrumb":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#primaryimage","url":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/06\/500x_500x_tablet-chrome.jpg","contentUrl":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/06\/500x_500x_tablet-chrome.jpg","width":500,"height":333,"caption":"Tips to Make Your Website Tablet-Friendly"},{"@type":"BreadcrumbList","@id":"https:\/\/www.zuantechnologies.com\/blog\/tips-to-make-your-website-tablet-friendly\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.zuantechnologies.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tips to Make Your Website Tablet-Friendly"}]},{"@type":"WebSite","@id":"https:\/\/www.zuantechnologies.com\/blog\/#website","url":"https:\/\/www.zuantechnologies.com\/blog\/","name":"Zuan Technologies","description":"Blog","publisher":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.zuantechnologies.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.zuantechnologies.com\/blog\/#organization","name":"Zuan Technologies","url":"https:\/\/www.zuantechnologies.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2018\/01\/Zuan-Logo-FB.png","contentUrl":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2018\/01\/Zuan-Logo-FB.png","width":180,"height":180,"caption":"Zuan Technologies"},"image":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/fc1e4fab91dc1c141c2dc159b5da4bee","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5bfa6b3669e29838e04d72ce0451ea0b873f08264c6a99602161af43703aa8af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5bfa6b3669e29838e04d72ce0451ea0b873f08264c6a99602161af43703aa8af?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.zuantechnologies.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/comments?post=881"}],"version-history":[{"count":1,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/881\/revisions"}],"predecessor-version":[{"id":3985,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/881\/revisions\/3985"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/media\/882"}],"wp:attachment":[{"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/media?parent=881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/categories?post=881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/tags?post=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}