{"id":9237,"date":"2015-06-23T10:30:56","date_gmt":"2015-06-23T15:30:56","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/blog\/?p=9237"},"modified":"2023-03-13T15:59:31","modified_gmt":"2023-03-13T20:59:31","slug":"mobile-vs-traditional-development-7-key-differences","status":"publish","type":"post","link":"https:\/\/www.mrc-productivity.com\/blog\/2015\/06\/mobile-vs-traditional-development-7-key-differences\/","title":{"rendered":"Mobile vs. Traditional Development: 7 Key Differences"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-725\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2010\/11\/Education.jpg\" alt=\"Education\" width=\"76\" height=\"100\" \/><span style=\"font-size: 14px;\"><em>Summary: As more businesses create their own mobile apps (or mobile web apps), they\u2019re entering uncharted territory. Many come from a background in traditional application development, and aren\u2019t prepared for the changes that mobile development requires. In this article, we explore the key differences between the two development types, and share some mobile development tips.<\/em><\/span><br \/>\n<a name=\"20150615\"><\/a><!--more--><\/p>\n<p>Over the last few years, we\u2019ve seen mobility move from a \u201cnice-to-have\u201d to a top priority among businesses. According to Gartner\u2019s 2015 <a href=\"https:\/\/www.gartner.com\/imagesrv\/cio\/pdf\/cio_agenda_insights2015.pdf\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">CIO Agenda Report<\/span><\/a>, mobile ranks as the third most important priority&#8211;up from fifth in 2014.<\/p>\n<p>How important is mobile? Smartphone adoption <a href=\"https:\/\/money.cnn.com\/2014\/02\/28\/technology\/mobile\/mobile-apps-internet\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">increased 39% last year<\/span><\/a>. In the US, web traffic from smartphones and tablets has surpassed desktop computers.<\/p>\n<p>As mobile adoption grows, businesses are rushing to adapt. Some are creating brand new mobile apps. Others are building mobile versions of their existing applications.<\/p>\n<p>The problem: Many of these businesses are new to mobile app (or mobile web app) development. They come from traditional application development&#8211;creating applications for desktop users. They\u2019re not prepared for the differences between traditional and mobile development.<\/p>\n<p>Today, let\u2019s explore some mobile development tips for those who are venturing into it for the first time. How is mobile development different, and what aspects must you consider? Here are 7 mobile development tips you can\u2019t ignore:<\/p>\n<h3>1. Consider context and user interaction<\/h3>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cUsers on mobile are much more rushed, more distracted &amp; far less patient than desktop web users,\u201d says Garrett Perks, Founder &amp; Creative Director at <a href=\"https:\/\/evenvision.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">EvenVision<\/span><\/a>. \u201cBecause of this, it isn&#8217;t hard to overemphasize the importance of simplicity. Strip out every non-critical feature and interface when converting desktop interfaces to mobile.\u201d<\/p><\/blockquote>\n<p>One big mistake businesses make with their mobile apps: They try to mimic the capabilities of their desktop application in their mobile app. This ignores one of the biggest differences between mobile and desktop app development: User context.<\/p>\n<p>Why is this so important? As mentioned in this <span style=\"color: red; font-weight: bold;\">article on Wired<\/span>, \u201cThe world of mobile is significantly different than that of the desktop computer because mobile is all about context and that context is constantly changing.\u201d<\/p>\n<p>What does this mean for business? You can\u2019t simply move your desktop application over to a mobile device. Understand your users and what they need to accomplish with your app.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cWhen creating a mobile version of a website or application, be sure to consider how your target user will interact with the software,\u201d says Nick Bonatsakis, a mobile developer at <span style=\"color: red; font-weight: bold;\">Raizlabs Inc<\/span>. \u201cMobile device screens are much smaller, interactions tend to be much quicker, and expectations are very different than those present for desktop applications. Don&#8217;t try to port your entire website or desktop application to mobile, your users will be overloaded and on a 4-inch screen, it just won&#8217;t make any sense. Rather, choose the features that matter most to on-the-go users and focus on making those features really work well.\u201d<\/p><\/blockquote>\n<h3>2. Recognize the importance of user experience<\/h3>\n<figure id=\"attachment_9245\" aria-describedby=\"caption-attachment-9245\" style=\"width: 300px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9245\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/06\/cell-phone-801946_640-300x199.jpg\" alt=\"photo credit: Unsplash via pixabay cc\" width=\"300\" height=\"199\" srcset=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/06\/cell-phone-801946_640-300x199.jpg 300w, https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/06\/cell-phone-801946_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-9245\" class=\"wp-caption-text\">photo credit: <a href=\"https:\/\/pixabay.com\/en\/cell-phone-person-cell-mobile-801946\/\">Unsplash<\/a> via <a href=\"https:\/\/pixabay.com\/\">pixabay<\/a> <a href=\"https:\/\/creativecommons.org\/publicdomain\/zero\/1.0\/deed.en\">cc<\/a><\/figcaption><\/figure>\n<p>Mobile users have more mobile app options than ever before. If your app is confusing, or doesn\u2019t meet their expectations, they\u2019ll move on to another option.<\/p>\n<p>This <a href=\"https:\/\/searchenginewatch.com\/sew\/opinion\/2299176\/why-users-delete-your-mobile-app\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">article<\/span><\/a> sums up the modern mobile user perfectly: \u201cMobile customers are intolerant and fickle. (You know you are). If your app isn&#8217;t a knockout on first impression, it&#8217;s probably going to be deleted or will be forgotten on their smartphones.\u201d<\/p>\n<p>What does this mean for businesses? You can\u2019t just throw together a mobile app and expect your employees to use it. As explained below, the user experience is everything.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cUser experience (UE) is KEY,\u201d says Mike Solow, CEO of <span style=\"color: red; font-weight: bold;\">Idea Harvest, LLC<\/span>. \u201cWhether you&#8217;re a business that will rely solely on this app for revenue generation or a large company augmenting their product offering, you have a very short runway to win over new users in the app world. If you have never developed an app before, you would be wise to carefully seek outside assistance in this area because app development is really not much like developing for the desktop PC. The simple truth is most app downloads result in a deletion from the user&#8217;s device, and that is largely due to poor user experience. Personally, I&#8217;d advise that simplicity is the best policy so if you&#8217;re re-skinning an existing program into a mobile app you should stick to the core functionality initially. Design a simple, clean, easy interface that you can build on as you go forward.\u201d<\/p><\/blockquote>\n<h3>3. Understand the limitations of a touch-based interface<\/h3>\n<p>Another common mistake businesses make with mobile apps: They don\u2019t address the differences between a touch-based interface and a mouse-based interface.<\/p>\n<p>For instance, a mouse-based interface is precise. Tiny buttons and small clickable areas work. Button location isn\u2019t big issue.<\/p>\n<p>A touch-based interface is not precise. It requires buttons large enough for a thumb press. Additionally, button location is very important. Buttons must be located within the \u201creach zone\u201d&#8211;the area on the screen reachable with a thumb.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cDesigning an application for a touch-based interface requires a fundamental shift in development,\u201d says Brian Duffey, Application Architect at <a href=\"https:\/\/www.mrc-productivity.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">mrc<\/span><\/a>. \u201cFrom the studies I\u2019ve seen, buttons must be at least 72&#215;72 pixels to account for the average thumb width. Also, you must take into account that users typically hold their phones with one hand. You must design the interface with that fact in mind&#8211;keeping the common tasks in the bottom half of the screen for easy access.\u201d<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.lukew.com\/ff\/entry.asp?1649\"><img decoding=\"async\" style=\"width: 525px; height: 273px;\" src=\"https:\/\/static.lukew.com\/tnav-touch-phones2.png\" \/><\/a><\/p>\n<div style=\"text-align: center; background: #dfdfdf; color: black; width: 502px; padding: 15px; margin: -12px 0 0 6px;\">Keep important buttons in the &#8220;reach zone&#8221;<\/div>\n<h3>4. Stick with platform best practices<\/h3>\n<p>Some businesses make the mistake of trying to put their own twist on their mobile app. While providing a unique experience isn\u2019t necessarily a bad thing, be careful. There\u2019s a fine line between a unique app, and one that confuses your users.<\/p>\n<p>Why is this so important?<\/p>\n<p>Every mobile platform has its own set of design standards. These standards are familiar to the users. They expect buttons to look, feel, and function in a specific way. If you provide an interface that differs too greatly from their expectations, your app will confuse the users.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cIf you go native, honor platform conventions and best practices,\u201d says Bonatsakis. \u201cBoth iOS and Android have their own very rich set of UI controls and interactions, as well as great documentation on UX guidelines. Don&#8217;t build an iOS app and port it screen-for-screen to Android, the platform has a completely different look and feel and your app will not feel at home for Android users.\u201d<\/p><\/blockquote>\n<h3>5. Pay attention to perceived speed<\/h3>\n<figure id=\"attachment_9246\" aria-describedby=\"caption-attachment-9246\" style=\"width: 300px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9246\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/06\/speedometer-653246_640-300x185.jpg\" alt=\"photo credit: geralt via pixabay cc\" width=\"300\" height=\"185\" srcset=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/06\/speedometer-653246_640-300x185.jpg 300w, https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/06\/speedometer-653246_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-9246\" class=\"wp-caption-text\">photo credit: <a href=\"https:\/\/pixabay.com\/en\/speedometer-speedo-rush-vollgas-653246\/\">geralt<\/a> via <a href=\"https:\/\/pixabay.com\/\">pixabay<\/a> <a href=\"https:\/\/creativecommons.org\/publicdomain\/zero\/1.0\/deed.en\">cc<\/a><\/figcaption><\/figure>\n<p>According to recent <a href=\"https:\/\/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. Users will not tolerate mobile apps that are slow to open or operate.<\/p>\n<p>But, what does application &#8220;speed&#8221; actually mean? Traditionally, it refers to response time&#8211;how quickly the application responds to user requests. But, <span style=\"color: red; font-weight: bold;\">research<\/span> has found that lowering the response time isn&#8217;t the only way to improve application speed. In fact, &#8220;perceived performance&#8221; may actually be more important than actual performance.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cWhile application speed is critical to mobile app usability, we\u2019ve found that it goes a step beyond that,\u201d says Duffey. \u201cIt\u2019s not so much how fast the application is, as much as how fast the application feels to the user. It\u2019s the perceived speed that makes the difference. This can be accomplished by adding touch states to your buttons or using unique loading animations, among other things. In making the application feel fast and responsive, the user believes it is faster.\u201d<\/p><\/blockquote>\n<h3>6. Break away from long product-release cycles<\/h3>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cDon&#8217;t plan your development too far, the mobile world is evolving so fast,\u201d says Omer Chehmer, the Head of Mobile Communications for <a href=\"https:\/\/www.lastminutetravel.com\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">Last Minute Travel<\/span><\/a>. \u201cYou need to act fast to every new trend or feature that&#8217;s coming out in order to align with the market.\u201d<\/p><\/blockquote>\n<p>The rise of mobile brings major changes to traditional development methods. As <a href=\"https:\/\/searchconsumerization.techtarget.com\/news\/4500246532\/Mobile-release-cycles-keep-IT-on-its-toes\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">Gartner explained<\/span><\/a> at their recent Digital Workplace Summit, IT must adjust the way it manages product releases as the cadence of mobile release cycles speeds up.<\/p>\n<p>In short, businesses can\u2019t approach a mobile development project in the same way that they approached traditional development projects of the past. Mobile development requires agility. It requires short release cycles.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cRapid decision making is critical in a dynamic digital environment,\u201d says Dev Gandhi, CEO and Founder of <a href=\"https:\/\/www.moback.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">moBack<\/span><\/a>. \u201cTwelve-month product-release cycles are a relic. Organizations need to move to a cycle of continuous delivery and improvement, adopting methods to increase the pace of innovation. Continuous improvement requires continuous experimentation, along with a process for quickly responding to bits of information.\u201d<\/p><\/blockquote>\n<h3>7. Bridge the gap between security and accessibility<\/h3>\n<p>Mobile apps bring a new set of security challenges. While we can\u2019t get into every security risk in this article, <a href=\"https:\/\/www.owasp.org\/index.php\/OWASP_Mobile_Security_Project#tab=Top_10_Mobile_Risks\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">OWASP<\/span><\/a> provides a great list of the top 10 mobile security risks to watch for.<\/p>\n<p>But, perhaps one of the biggest security risks come in the form of the users themselves. Not only must you create a secure application, you must account for the fact that users aren\u2019t aware of proper <a href=\"https:\/\/www.mrc-productivity.com\/blog\/2014\/08\/7-security-tips-for-mobile-users-part-1\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">mobile security practices<\/span><\/a>. The challenge: How do you balance security with data accessibility?<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cSecurity is often one of the most important aspect of use-experience as the users do not want to re-enter their credentials, yet maintain secured access to the app,\u201d says Sachin Agarwal, Vice President of Strategy at <a href=\"https:\/\/www.akana.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">Akana<\/span><\/a>. \u201cThe APIs can implement Oauth, which can improve the user experience by providing restricted access to the app on behalf of the user. Because of the limited real estate available in a mobile app, personalization and delivery of contextual information is critical, something that the APIs can be tuned to deliver, once the user context and credentials have been established.\u201d<\/p><\/blockquote>\n<h3>Summary<\/h3>\n<p>Now, these are just a few differences between mobile and traditional development. If you would like to add anything to this list, I\u2019d love to hear it. Feel free to share in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summary: As more businesses create their own mobile apps (or mobile web apps), they\u2019re entering uncharted territory. Many come from a background in traditional application development, and aren\u2019t prepared for the changes that mobile development requires. In this article, we explore the key differences between the two development types, and share some mobile development tips.<\/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":"Mobile vs. Traditional Development: 7 Key Differences - mrc&#039;s Cup of Joe Blog","description":"Summary: As more businesses create their own mobile apps (or mobile web apps), they\u2019re entering uncharted territory. Many come from a background in traditional"},"footnotes":""},"categories":[8],"tags":[34,35],"class_list":["post-9237","post","type-post","status-publish","format-standard","hentry","category-education","tag-mobile","tag-mobile-apps"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/9237","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=9237"}],"version-history":[{"count":18,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/9237\/revisions"}],"predecessor-version":[{"id":14645,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/9237\/revisions\/14645"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/media?parent=9237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/categories?post=9237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/tags?post=9237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}