Design & Technology Blog   

Archive for the Mobile Media Category

Our Development Process for Quality Assurance

Throughout our production we foster our process of consulting, communicating and contemplating to ensure an end-product that meets our client’s organizational vision and expectations.

Interaria’s agile project development approach fosters receptiveness to feedback and new ideas, leading to a user acceptance and long-term usability of the final web and/or mobile application system. We make sure that our client is integrated and informed about each development milestone, and that we are all on the same page with upcoming design and development plans before moving forward. Each mobile and web application system we develop is subjected to a thorough and systematic benchmark testing for quality assurance.

Our approach to each project is to be available to help with the client’s business as much as need be. We go beyond just interviewing staff members and collecting data and feedback. We are here to listen and ready to actively contribute and exchange ideas with our client, as frequently as needed. We are ready to participate to weekly board room meetings, deliver business ideas and strategies in a written format, analyze big data and qualitative data, participate to seminars, and meet frequently with different members of the staff based on any existing or arisen need during the project. Our goal is never to hand down a web or mobile application system but to make sure that it is custom designed and developed based on the true and mutually acknowledged needs of the client’s organization. With our flexible agile project development approach, we make sure that we all have both the interest and availability to continue developing our deliverables beyond the most obvious first stages.


A key to a successful project outcome is to foster a platform for communication. We consider it our duty to communicate in a frequent, consistent and coherent manner: this means providing our client with a clear report of the project status including deliverables, revisions, to-do-list, next objectives, and addressing any questions or concerns a client may have. We prefer meeting with our clients weekly, preferably face-to-face. Increased interaction and a frequent exchange of ideas are a base for a successful end-product that addresses all of the organization’s critical needs for the web or mobile product beyond the first rounds of brainstorming. We want to make sure that all team members have had their chance to be heard and contribute to the project.


It’s not just about doing things but doing them right. We take time to think and plan ahead. We are not afraid to show our clients different development options, create slight discomfort by bringing up new development ideas, and critically raise questions that test current plans for feature development. By thoroughly going through development options, and creating space for a dialog, we make sure that our client receives an end-product that meets the organization’s expectations and plans for scalability.

Welcoming 2014

The lack of updates in this blog throughout the 2013 confirms: we’ve been incredibly busy. While we continue designing and developing corporate database driven websites – and remaining loyal to our old clients – we’ve been shifting our focus towards web and mobile application development with emphasis on PHP/MySQL, jQuery, HTML5 and other mobile application frameworks.

Most part of the year 2013, we have worked exclusively for a client in Dallas developing web and mobile applications with social networking and content publishing features. Due to the ongoing nature of the work, we cannot reference this work on our site but would be pleased to walk through some of the features should your company be interested in considering us for custom web and mobile application development work.

In November 2013 we signed up a full time software engineer to our team, Pyry Kuusi, who works from Helsinki, Finland as an exclusive team member of Interaria. As many of you know, we are a family based company with James Shields in web development and project management, his Finnish wife Meri Kuusi-Shields in user experience design and brand positioning, and now Meri’s brother and James’ brother-in-law Pyry in a full time position for software & web application development.

Over the years, we have realized that our clients care about one-on-one agile approach to project development which means ability to comprehend complex business models and organize them in a make-sense manner, willingness to embrace the organic process of new ideas and the ability to shift the direction for development when needed. For us, working with a small core team has meant this: ability to be flexible and less bureaucratic, all while holding a higher quality control with each deliverable.

The year 2014 will mark our 10 years in business, all with the same team. We are quite excited about the web and mobile application development for multi-platform media where users have more power to customize their content and interaction experiences and choose their device for user interaction. The concept of ‘interactivity’ will carry more meanings and make us more demands as we continue our years.

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.

New Winds For Cross-Device Compatible Interactivity

Mobile and tablet devices not supporting the Flash player plugin have contributed to the overall decline of development of interactive web animations during the past few years.

Up until very recently, Web designers and developers have had very limited options to create cross-device compatible interactivity, typically relying on AJAX based components. Today we are closing the gap as new emerging technology and web programs are opening doors for new types of ‘Flash free’ interactive ‘animations’.

Adobe has brought in two new software products to the market, Adobe Edge, and CreateJS Toolkit built for Adobe Flash Pro CS6, that both offer promising steps towards more quickly produced code based HTML5 interactivity. Google has also developed a program called Google Swiffy which will convert Flash animations to HTML5.

Adobe Edge, currently in beta/preview mode, uses CSS to draw objects, javascript to animate objects, and HTML div’s to place these objects on the page. This is an intriguing solution for making web pages more interactive but is visually somewhat limited due to CSS code not being able to render complex vector drawings such as hexagons.

Complex vector graphic animations can be created using Flash Pro CS6 which can then be exported as web friendly SVG’s (scalable vector graphics), and animated on HTML5 canvas using either the new built-in CreateJS Toolkit or by using the Google .swf to HTML5 conversion tool Swiffy.

Adobe’s CreateJS Toolkit allows a developer to export Flash animations to HTML5 format so where one can then program the further interactivity of the vector graphics with javascript. Google Swiffy on the other hand allows the developer to program the interactivity of scalable vector graphics in Flash, and then converts the rendered .swf file to HTML5.

With the new interactive tools available, there are now ways for web designers and web developers to increase cross-device compatible interactive creativity both economically and efficiently. A designer/developer can now put together an interactive experience where the exported code renders on all modern browsers and devices without the use of the Flash Player Plugin.

Contact Interaria at 214-909-3900 to discuss your company’s cross-platform compatible HTML5 animation needs.

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.

Facebook
Twitter
Blog
LinkedIn
SERP Zebra