{"id":8621,"date":"2014-11-18T10:00:37","date_gmt":"2014-11-18T16:00:37","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/blog\/?p=8621"},"modified":"2022-11-22T10:59:28","modified_gmt":"2022-11-22T16:59:28","slug":"6-development-mistakes-that-will-kill-a-mobile-app","status":"publish","type":"post","link":"https:\/\/www.mrc-productivity.com\/blog\/2014\/11\/6-development-mistakes-that-will-kill-a-mobile-app\/","title":{"rendered":"6 development mistakes that will kill a mobile app"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-725\" alt=\"Education\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2010\/11\/Education.jpg\" width=\"76\" height=\"100\" \/><span style=\"font-size: 14px;\"><em>Summary: As more businesses create their own mobile apps (or mobile web apps), they&#8217;re entering uncharted territory. They aren&#8217;t prepared for the changes that mobile development requires&#8211;a problem that leads to costly mistakes. Learn about some of the most common mistakes, and how to avoid them. <\/em><\/span><br \/>\n<a name=\"20141117\"><\/a><!--more--><br \/>\nThe rise of mobile resembles the rise of the internet. They both saw rapid adoption. Both change the way businesses operate. Neither can be ignored.<\/p>\n<p>The problem: For businesses, mobile is uncharted territory. While developing for mobile devices is a necessity, many businesses aren\u2019t prepared for it. They aren\u2019t ready for the changes that mobile development requires. <\/p>\n<p>If businesses approach mobile development without understanding these changes, they\u2019re bound to make mistakes. Like what? Whether you\u2019re developing a mobile app, or mobile-specific versions of existing web apps, here are 6 development mistakes to avoid: <\/p>\n<h3>1. Not accounting for touch<\/h3>\n<p>Many mobile apps fail because they\u2019re nothing more than scaled-down PC apps. The problem: They don&#8217;t address the differences between a touch-based interface and a mouse-based interface.<\/p>\n<p>A mouse-based interface is precise. A touch based interface is not. <\/p>\n<p>Hover boxes work on a mouse-based interface. They\u2019re pointless on a touch-based interface.<\/p>\n<p>Small buttons work great on a mouse-based interface. They don\u2019t work for touch. <\/p>\n<p>According to this <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Outside Link', 'penthousemagic']); \" href=\"http:\/\/www.penthouse-magic.com\/9-essential-responsive-web-design-best-practices\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">article<\/span><\/a> on penthouse-magic.com, \u201cResearch shows that the optimum size for a clickable area on a mobile device is 44px x 44px. These are the ideal dimensions to ensure that the average human finger can accurately target the intended link. This can be achieved by adding appropriate padding around a link to expand its clickable area, and applying adequate spacing between on-page elements.\u201d<\/p>\n<p>The differences between touch-based interfaces and mouse-based interfaces require a shift in development methods. Yet, judging by some of the mobile business apps I\u2019ve seen, many business haven\u2019t received this memo.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\n\u201cYour app needs an interface that works for touch,\u201d says Trevor Stricker, President at <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Source', 'Disco Pixel']); \" href=\"http:\/\/discopixel.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">Disco Pixel<\/span><\/a>. \u201cMaybe this sounds obvious. But why do so many apps put things behind buttons that are teensy on a retina display? Why are there ever more than four tabs stretched across a screen?\u201d\n<\/p><\/blockquote>\n<h3>2. Not optimizing for speed<\/h3>\n<p><figure id=\"attachment_7442\" aria-describedby=\"caption-attachment-7442\" style=\"width: 240px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/01\/small_2300190277.jpg\" alt=\"photo credit: Nathan E Photography via photopin cc\" width=\"240\" height=\"180\" class=\"size-full wp-image-7442\" \/><figcaption id=\"caption-attachment-7442\" class=\"wp-caption-text\">photo credit: Nathan E Photography via <a href=\"http:\/\/photopin.com\">photopin<\/a> <a href=\"http:\/\/creativecommons.org\/licenses\/by\/2.0\/\">cc<\/a><\/figcaption><\/figure>According to recent <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Outside Link', 'UXBooth']); \" href=\"http:\/\/www.uxbooth.com\/articles\/12207\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">research<\/span><\/a>, speed is even more important for mobile apps than it is for typical websites. Why? <\/p>\n<p>Mobile users often lack time (or patience), and have no tolerance for slow apps. How much does a slow app hurt user adoption? Google once found that just a half-second delay in load time resulted in a 20% drop in traffic.<\/p>\n<p>The question is: How can you improve your app\u2019s performance? If you\u2019re building native mobile apps, here\u2019s a good list of <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Outside Link', 'dzone']); \" href=\"http:\/\/mobile.dzone.com\/articles\/13-ways-improve-performance\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">performance-improving tips<\/span><\/a>. If you\u2019re building mobile web apps, here\u2019s a great <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Outside Link', 'mobify']); \" href=\"http:\/\/www.mobify.com\/blog\/beginners-guide-to-perceived-performance\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">article<\/span><\/a> for improving both performance, and perceived performance.<\/p>\n<h3>3. Not using an agile approach to development<\/h3>\n<p>In the past, development took a linear approach. Developers gathered requirements, created specifications, and created an application. <\/p>\n<p>With mobile development (and web development as a whole), developers need a more agile approach. As technology evolves at a quickening pace, you need a different development approach. You need an approach that lets you adapt to changing needs quickly. <\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\n\u201cThe biggest mistake is to build an app in a &#8220;waterfall&#8221; development process,\u201d says Alex Moazed, President &#038; CEO of <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Source', 'Applico']); \" href=\"http:\/\/www.applicoinc.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">Applico<\/span><\/a>. \u201cA waterfall process is gated and linear. You will finish all of the design and wireframes before starting development, for example. The engineers will build from a full specification document that is difficult to change and update. Why is this a problem?<\/p>\n<p>Human behavior is difficult to align with when building software, particularly mobile software. Something that you design in a wireframe could have a different experience when interacting with it on a phone. To that point, it is imperative to build mobile apps in an iterative process. Don&#8217;t fully design the app up-front. You should be developing the app and cutting builds every couple weeks to your stakeholders. Gather feedback as you go and improve upon the app in an iterative fashion.\u201d\n<\/p><\/blockquote>\n<h3>4. Not accounting for connectivity issues<\/h3>\n<p>What\u2019s the biggest business advantage to mobile apps? They give you and your employees (or even your customers) instant data access from anywhere. <\/p>\n<p>Now, what happens when your salespeople venture into a rural area? What happens if your customers live in an area with spotty coverage? Are your mobile apps worthless without a data connection? <\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\n\u201cYour app needs to handle a flaky net connection,\u201d says Stricker. \u201cOf course it works in your office connected over wifi. Maybe it handles the net connection dropping by saving the data to send for later. But does it handle the flaky state when it transitions from 3G to LTE and silently breaks the connection? Does it handle when the phone claims to be connected but is really on a gated network without access to the internet? Is it silent while trying to connect, making the user think it&#8217;s hung?\u201d\n<\/p><\/blockquote>\n<h3>5. Not building for every platform<\/h3>\n<p><figure id=\"attachment_6984\" aria-describedby=\"caption-attachment-6984\" style=\"width: 240px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2013\/10\/small_8371683905.jpg\" alt=\"photo credit: miniyo73 via photopin cc\" width=\"240\" height=\"180\" class=\"size-full wp-image-6984\" \/><figcaption id=\"caption-attachment-6984\" class=\"wp-caption-text\">photo credit: <a href=\"http:\/\/www.flickr.com\/photos\/miniyo73\/8371683905\/\">miniyo73<\/a> via <a href=\"http:\/\/photopin.com\">photopin<\/a> <a href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/\">cc<\/a><\/figcaption><\/figure>Do you remember the dominant players in the smartphone market before iOS and Android came around? RIM and Palm. Now, one is out of business, and the other is struggling.<\/p>\n<p>When the iPhone burst onto the scene, iOS quickly took gained ground in the smartphone market. Then Android came along and eventually took the mobile OS lead. Now, we see Windows 8 making a push. What will the landscape look like in another 5 years? Who knows?<\/p>\n<p>Now, I mention all of that to make a point. Mobile operating systems come and go. Users are quick to jump to the latest and greatest option. If your development efforts don\u2019t address these facts, your app will likely fail. These days, you need apps that work across every platform.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\n\u201cWhen developing apps it\u2019s important to have a big picture approach,\u201d says Boris Kontsevoi, president and founder of <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Source', 'Intetics Co']); \" href=\"http:\/\/www.intetics.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">Intetics Co<\/span><\/a>. \u201cDon\u2019t just design for one platform thinking that it\u2019s not necessary to cover other platforms or that it won\u2019t be too hard to develop these later on. While it certainly won\u2019t be \u201ctoo hard\u201d, it\u2019s much more efficient to use cross-platform tools from the outset. This saves time and money down the line if an expansion is needed.\u201d\n<\/p><\/blockquote>\n<h3>6. Not accounting for TCO<\/h3>\n<p>Many companies focus solely on development cost and ignore Total Cost of Ownership. They forget about the maintenance, upgrades, changes, etc\u2026 they must make to their app once it\u2019s built.<\/p>\n<p>Once you build a mobile app, the job doesn\u2019t stop. The fact is, developing your app is the easy part. Maintaining and enhancing that app is the challenge.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\n\u201cObviously updates will be made as operating systems and other adjacent software changes,\u201d says Chris Rovin, Cultivator at <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Source', 'PwrdBy']); \" href=\"http:\/\/www.pwrdby.com\/app\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">PwrdBy<\/span><\/a>. \u201cBut you&#8217;ll learn about how the app is used, and how different mobile interactions are than web or in person interactions. No matter how good the IDEA is, you can&#8217;t predict everything. Be ready to make changes and find a dev who&#8217;s in it for the long haul.\u201d\n<\/p><\/blockquote>\n<p>So, what do you think? Is there anything you would add to this list? If so, please share your thoughts in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summary: As more businesses create their own mobile apps (or mobile web apps), they&#8217;re entering uncharted territory. They aren&#8217;t prepared for the changes that mobile development requires&#8211;a problem that leads to costly mistakes. Learn about some of the most common mistakes, and how to avoid them.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","slim_seo":{"title":"6 development mistakes that will kill a mobile app - mrc&#039;s Cup of Joe Blog","description":"Summary: As more businesses create their own mobile apps (or mobile web apps), they're entering uncharted territory. They aren't prepared for the changes that m"},"footnotes":""},"categories":[8],"tags":[35],"class_list":["post-8621","post","type-post","status-publish","format-standard","hentry","category-education","tag-mobile-apps"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/comments?post=8621"}],"version-history":[{"count":9,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8621\/revisions"}],"predecessor-version":[{"id":13923,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8621\/revisions\/13923"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/media?parent=8621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/categories?post=8621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/tags?post=8621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}