Design & Technology Blog   

Archive for the Mobile App Category

Software Engineering Fosters Quality Control and Data Scalability

Interaria’s software engineering perspective means applying a systematic and disciplined approach to web and mobile application development.

When developing applications we make sure that they can handle large data growth and scalability, and that all codes are systemized and well-documented. Our custom web and mobile application development process can apply codes and methods from software engineering languages and approaches (C++ Development, Oracle Database Development, Java Application Development, Big Data Development, Distributive Application Development) according to each project’s requirements. In the cases where the application is desired to be running offline, our expertise in these software engineering languages may also be useful.

The Bottom line: Applying professional software engineering to mobile and web app development fosters quality control, data scalability, effective problem solving and debugging.

Mobile Site Optimization


Often, a client may already have a desktop site which they are now looking to optimize for mobile device surfing. To begin the process, we need to define the scale for the mobile site: Will the mobile site provide the same or similar content as offered on the web? Or will the mobile site offer just a summarized content with links to the desktop site for more information?

While smaller scale mobile sites may be faster to develop, there is now a clear sift towards approaching mobile users with a similar respect and seriousness as the desktop users. This means that the mobile platform offers similar scale of the content as the desktop versions, with proper content development and optimizations for mobile viewing.

Today, mobile sites are no longer secondary optional versions of the desktop site but independently relevant and important media catering the growing user base that visits web and uses apps with their smartphones.

When developing properly optimized mobile sites several decisions has to be made regarding messaging, content and codes:

Creating a Redirect Strategy

Many visitors access websites through Google Search. If the link Google places in its search results leads to a url of a desktop version of the site, it is important that the page owner has a strategy in place with regards to how to handle a visitor on a smartphone. A good practice is to redirect the visitor to a relevant page on the mobile site rather than to take the visitor to a mobile site’s landing page. Furthermore, dynamically created pages and content should also be formatted for mobile viewing. The larger the desktop site is, the more work it takes to create an effective redirection strategy. Consider delivering all relevant content on a mobile site making sure that all links stay within the mobile site.

Unifying Content Management Systems

Especially when developing a large scale site it can be cumbersome to manage two versions of the site, the desktop site version and the mobile site version. Content updates such as adding text or images would take a double amount work in case these sites would utilize two separate, disconnected content management systems or no content management systems at all. A content that streams from one centralized content management system saves time and minimizes errors. An experienced content management system developer can create a custom CMS solution with specified features for a desktop site and specified features for a mobile site, while maintaining most of the content under one umbrella.

Providing Mobile Optimized Media Content

Flash videos, games and animations don’t play on Apple’s iOS devices and require a strategy how this type of content will be handled on mobile devices. Rather than displaying a message of not viewable content for the user’s device, it is better to offer alternative content making sure the mobile site doesn’t appear broken or come across as a secondary version.

Considering a Responsive Design

Instead of building a separate mobile web site, a client may consider a combination site designed and coded responsibly according to responsive design principles. Mobile applications developed with HTML5 utilizing responsive user interface design focus on adjusting the presentation of web media content for mobile device use. A strong well planned out CSS rules and coding is the key for successfully implementing the responsive design method. According to set CSS rules, the display of the applications’s content layout and components may be programmed to auto-reformat for display mobile differently than on tablet or desktop. An example of responsive web design would be for a layout that displays four columns of content in a ‘landscape’ view on tablet devises, but when in ‘portrait’ view, would auto-shift to show only two columns of content instead of 4. Further, then when the same content is viewed on a mobile devices, the content would shift to slim down further to show only one column of content. Responsive UI Design is not a mobile web application framework but rather a method for allowing well planned and coded HTML5 content to display differently on desktop, table and mobile.

Bottom Line: A properly optimized mobile site takes a user to a correct relevant page when accessing site through a search engine result link, indexes well on search engines, displays content in a mobile friendly manner, and has a fluent flow for interactivity.

Choosing a Mobile Web Application Development Framework for Your Mobile Site

Mobile sites are designed to provide an optimal user experience for visitors accessing the web through their mobile devices. Today, we can develop mobile sites using several different mobile web application frameworks.

Interaria recommends considering the following options for mobile site development. 

1) jQuery Mobile

jQuery Mobile is an HTML5 based web application framework for smartphones and tablets based on jQuery and jQuery UI. jQuery Mobile supports a very extensive range of devices and provides a seamless method for extending existing applications to mobile and tablet that were originally built to run inside the desktop browser. The key benefits for choosing jQuery Mobile for web application development are:  jQuery Mobile is open source / free and has a large global development community behind it, supporting it and actively pushing it forward.

2) SproutCore

SproutCore is an open source HTML5 web application framework that specializes in delivering a smooth and full featured “native-feel” web application experience across browsers for all screens: desktop, tablet, and mobile. Apple Computer is known to have used SproutCore as the underlaying codebase for their iCloud applications including the web versions of Apple’s iWork, Mail, and Calendar. For a web developer, the key benefit for choosing the SproutCore mobile web application framework is that it is based on Javascript and it allows one to build out highly responsive and very fluid interfaces for web applications.

3) Sencha Touch

Sencha Touch is a robust HTML5 mobile web application framework with over 50 built-in components. For the end-user, Sencha Touch’s javascript engine delivers a very fast mobile browser interface experience. Sencha Touch goes way beyond providing UI elements for mobile as it is more of an entire programming eco-system unto itself.  Because of its coding structure, Sencha Touch is more oriented toward software programmers than web designers. Sencha Touch is currently offered with a free Commercial Software License.

4) Responsive UI Design

Mobile applications developed with HTML5 utilizing responsive user interface design focus on adjusting the presentation of web media content for mobile device use. A strong well planned out CSS rules and coding is the key for successfully implementing the responsive design method. According to set CSS rules, the display of the applications’s content layout and components may be programmed to auto-reformat for display mobile differently than on tablet or desktop. An example of responsive web design would be for a layout that displays four columns of content in a ‘landscape’ view on tablet devises, but when in ‘portrait’ view, would auto-shift to show only two columns of content instead of 4. Further, then when the same content is viewed on a mobile devices, the content would shift to slim down further to show only one column of content. Responsive UI Design is not a mobile web application framework but rather a method for allowing well planned and coded HTML5 content to display differently on desktop, table and mobile.

Which Platform to Choose?

The decision of which mobile development framework to choose is determined by several criteria such as the mobile site’s navigation structure, amount of custom content provided for mobile users only, requirements for the design and content to adjust for different screen sizes and resolutions, the amount of custom coding required to launch your new mobile web app, and the amount of coding and development that has already taken place.

Contact us to determine which mobile web application framework provides the most optimal platform for developing an engaging mobile media presence for your company.

Reach Customers On The Go and At Home

Global internet usage will more than double by 2015, and most of these users will be mobile [Boston Consulting Group, Mary Meeker, Kleiner Perkins, Morgan Stanley Research, Berg].

Today, a third (31%) of adult U.S. mobile Web users say they now go online mostly through their cell phones [Cell Internet Use 2012, by the Pew Research Center’s Internet & American Life Project].

Tablet adoption has gone up by 400% in the past year [Nielsen, June 2012] reaching a “critical mass”. By 2016, over one-third of US adults are expected to own a tablet [Forrester, March 2012].

Accessing Web via cell phone and tablet devices has become a major trend, and now more than ever before web media needs to be optimized for mobile use. Interaria’s mobile development team is ready to reach the growing base of mobile platform users. Our mobile user interface designs target optimal user experiences focusing on menu and button interface designs, mapping and optimizing the lowest possible number of swipes and clicks required, optimizing image and font sizes, and creating CMS solutions for mobile updates. Our development team is highly skilled in the following mobile technologies:

  • HTML5/CSS3
  • jQuery Mobile
  • PhoneGap
  • Objective C / iOS
  • Python/Django
  • PHP
  • MySQL

Is it time to take your business mobile? Contact Dallas Mobile App Development Company Interaria to schedule a free mobile media development consultation: 214-909-3900

Interaria Launches a New Mobile Web App

We have just launched a new mobile web app. This mobile version of the Interaria website launches automatically for users accessing our website with smartphones.

The mobile web app features key aspects of our services with emphasis on content management and web application development. For Dallas mobile app development services, please call 214-909-3900.

Mobile Media Development for iPhone 4 and 4S Retina Displays

Higher pixel density Retina screens (on iPhone 4 and 4S) require special coding of images.

When developing a new website or mobile application it is important that the solutions are developed alongside the very latest information on the industry standards, technologies and user’s hardware. For instance, the recent iPhone 4 and 4S feature Apple’s Retina Display with a higher pixel density than found on many other available smartphones. This higher pixel density means that images on the iPhone 4 and 4S have the potential to look much sharper than on the “older” iPhone 3GS and other smartphones.

When developing mobile media, Dallas mobile app developer Interaria provides codes that aid the user’s smartphone to display the most optimal resolution of any image. In detail, we code two different image sizes for each displayed image. We apply an extension on the higher resolution image along with CSS3 code so that the mobile browsers can tell the difference. This way images will look perfect on older smartphones with lower pixel density screens and great when viewed on devices featuring Apple’s Retina Display.

Adobe Edge for Cross-Device Friendly HTML5, CSS3 and JavaScript code based Interactivity

Adobe has just launched a new animation program, Adobe Edge, that takes promising steps towards the world of mobile media animations and interactivity. Adobe Edge functions in many ways like a Flash program with the key difference that the created animations are not exported as a swf movie but they are actually converted into a mathematical HTML5 code along with CSS and javascript that can be further developed in HTML mode. Animations and interactivity designed by Adobe Edge are compatible with mobile devices that do not support the Flash player. Interaria is following and testing the developments of Adobe Edge program closely, and providing the most current motion and interactivity solutions to our clients.

Official product page:
http://labs.adobe.com/technologies/edge/

Watch a video by Adobe about Adobe Edge:

Native Mobile Apps << and/or >> Optimizing Media Content For Cross-Device Use

This image by Twitter summarizes the various mobile device platforms and draws vividly that the smartphone and tablet environment is something each company should take seriously when considering how they want to best serve the growing number of mobile device users. Twitter has developed native apps for each relevant smartphone and tablet in the US market taking a strong argument for native app development. Another or an additional route is to optimize web media to display optimally in mobile devices without requirements (or encouragement) to download iOS or Google Android apps. For instance, Facebook considers its website to display optimally on an iPad and has not (so far) developed a native app. Many newspapers and online magazines on the other hand are fully engaging in iPad app based online magazine production but still figuring out how to handle raising advertising money and subscriptions on this new platform.

How to position in the growing mobile market of smartphones and tablets? There are currently many options for a company to choose from, and here is just the surface:

  1. Develop website only, optimized for mobile devices but not displayed in any mobile specific ways.
  2. Develop website + iPhone version prompted upon visiting a site via iPhone (not app).
  3. Develop website + iPhone app.
  4. Develop website + iPhone version prompted upon visiting a site via iPhone (not app) + iPhone app.
  5. Develop website + iPhone app + iPad app.
  6. Develop website + iPhone version prompted upon visiting a site via iPhone (not app) + iPhone app + iPad app.
  7. Develop website + iPhone app + Android mobile app.
  8. Develop website + iPhone app + iPad app + Android mobile app.

This list would continue with any other alternative scenario by combining variables above. Dallas iOS app developer Interaria will be reviewing specific examples of mobile media within this framework during this week.

Facebook
Twitter
Blog
LinkedIn
SERP Zebra