Design & Technology Blog   

The following articles were authored by admin

Website and Web Application Benchmark Testing

All websites and integrated web applications developed by the Interaria team are tested against several criteria such as clean code, web page loading times, security, and overall user experience and usability.

Interaria’s technical website testing process includes systematically troubleshooting any website problems originating either from the code or the set server. During the development process, each web application goes through a documented benchmark testing to make sure that the web applications function optimally and that they include all required and outlined feature set systems.

The benchmark testing includes scalability planning and testing to make sure that the website and integrated web applications can handle increased data input and user increase.

The benchmark testing also includes security testing that makes sure that all applicable web applications such as payment and billing systems are optimally secured according to the industry standard practices. Continue reading Website and Web Application Benchmark Testing

CMS Admin Usability & User Flow Design

A CMS Admin design process includes designing and customizing the CMS Admin area with the same design dedication that is applied to the website’s front-end design process.

Website’s identity, layout style and user interfaces are typically illustrated in a detailed manner for a client to be able to fully assess the design and development plan for the website. This is a wonderful but unfortunately not always enough. The future website owner should also be introduced to the CMS Admin area usability and user-flow designs as the site owner and/or other members in the company will be using the Content Management System on a daily or weekly basis.

Especially when the front-end web design includes image rich features, different types of text formatting, complex tables and other data formatting, it is important to provide a view to the back-end Admin area design for the client to be able to fully assess the requirements for maintaining such complex features.

A CMS Admin design process includes designing and customizing the CMS Admin area with the same design dedication that is applied to the website’s front-end design process. This includes illustrating the look and feel of the back-end CMS interfaces, mapping a user-flow for each interface (such as how many clicks are required, what is the required learning curve), and providing the client an opportunity for proper testing rounds and an opportunity to give feedback.

Interaria’s custom approach to Content Management System development allows us to design and customize CMS Admin areas for reaching an optimal user experience. We take CMS usability and user-flow seriously. We recognize that websites should be designed for ALL users, including the site owner and staff that frequently use CMS systems.

Ten Points on How Your Company Will Benefit from Advanced Content Management

By choosing an advanced level Content Management System, often referred to as an ‘enterprise’ level system, your company can take control over even the most demanding data variables crucial in publishing appropriate content.

Continue reading Ten Points on How Your Company Will Benefit from Advanced Content Management

Google Web Fonts Add Creativity Without Compromises

Google Web fonts are open source fonts available for anyone’s use without a license.

Since summer 2011, Google has been offering Google Web Fonts that add creativity to any website without significantly compromising page loading times. Google Web fonts are open source fonts available for anyone’s use without a license. They are a wonderful source to add new font styles to your website and to seek for creative HTML font solutions. Google Web Fonts stream from Google’s server to your website, i.e. this is an API service that requires (free) hosting environment from Google. The snippet command to place a Google Web Font to your website will be coded to your company’s website CSS by your web development team.

HTML5 Drag-and-Drop Feature Explained

HTML5 Drag and DropOne of the most tangible and neat features of the new HTML5 is its capabilities to support drag-and-drop features. HTML5 drag-and-drop feature is defined as an “action of a mousedown event that is followed by a series of mousemove events, and the drop could be triggered by the mouse being released.” (W3C)

For instance, by utilizing HTML5 technology a user may drag online store items to a shopping cart, organize lists of objects in a visual manner, and enjoy different types of online board games that simulate real life playing situations. For uploading images and sending attachments HTML5 is really neat: imagine uploading images from your desktop by simply dragging them to the web page without the need to click buttons such as “browse” and “upload”. HTML5 is turning the user experience from operational to user-intuitive, softening the lines between tangible and virtual.

Interaria is an HTML5 development agency. To discuss how to develop and integrate HTML5 features to your web site, please call 214-909-3900.

Benefits of HTML5

HTML5 standards are a building block of a new semantic web where the current web of unstructured documents is harnessed into elegant “web of data”. New syntactical features of HTML5 include video, audio, header and canvas elements that are designed to make it easy to include and handle multimedia and graphical content on the web without having to resort to proprietary plugins.

For instance, the canvas element allows drawing of complex graphics and animations and is on its way of replacing an external Flash player plugin. The new emerging HTML5 animation programs such as Adobe Edge are promising.

Another key feature of HTML5 is its “built in” ability to play media (audio and video) without any needs of external media player plug-ins. Effectively, a web developer can just drop a media file to the page, and then a browser that supports HTML5 (such as Chrome) knows what to do with the file.

A third interesting HTML5 feature is Geolocation tagging that utilizes Javascript API technology. Upon agreeing to share his/her location, a web/app user may take advantage of customized local information feeds such as finding points of interest in the user’s area, showing the user’s position on a map, providing navigation help, creating location based alerts, and allowing a user to create location based social media tags.

Fourthly, HTML5 supports neat drag and drop features useful for information sorting within a web page, easy social media sharing, and drag-and-drop of images and attachments (currently supported by Gmail in the latest Google Chrome browser and Apple’s Safari 5.x.)

HTML5 has been widely talked and debated about in the context of developing mobile apps. The offline playing and local storage capabilities of HTML5 do create an alternative technology solution for native iOS and Android app development. Many enterprise apps and consumer database apps that do not require specific mobile phone features and resources to function optimally can be developed on HTML5 mode, hence avoiding the “walled garden” of iOS app libraries and their fee structure.

Currently the biggest obstacle for developing HTML5 web media is an uneven support of HTML5 by different web browsers. For instance, some web browsers support HTML5 video while others don’t. This gives double work to a web developer who needs to offer alternative code and be sure to test HTML5 developed web media in all current browsers. Time should fix this problem as browser manufacturers are working to improve their browsers and the web as a development platform.

Interaria is a Dallas HTML5 development expert. Call 214-909-3900 to schedule a HTML5 consultation; how your website could benefit from the latest HTML5 features.

[sources: W3C, wiki, What is HTML5? An introduction to the new features of HTML5, conference presentation by Jason Hanley – Jan 2011].

@ 2011. Meri Kuusi Shields / Interaria. All rights reserved.

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:

Watch a video by Adobe about Adobe Edge:

Google’s Goal: Not Just a Search Engine but an Operating System of Your Life

Google For LifeJohn Battelle, a seasoned Google expert, talked on October 13, 2011 in Bloomberg Television interview about the current status quo of Google, and where the company is heading. Battelle makes two key arguments: 1) Google is a strong player in the mobile market and continues to grow its search business for mobile users, especially the Android market, and 2) Google+ is not only a social network but a systematic effort by Google to increase user loyalty and fluidity between all Google’s products and services.

In summary, the key points made about Google by Battelle are:

  • Google has managed to gather mobile ecosystem to their benefit
  • Google search business continues to grow; Google is now focused on developing AdSense for mobile
  • With Google+ , Google is moving beyond search to social media and media in general
  • Google is a relevant contestant against Apple in the mobile market
  • Google wants to be “the operating system of your life”
  • Google+ is the mortar between all Google’s services: Chrome, Android, Google apps etc

© 2011. Meri Kuusi-Shields / Interaria. All rights reserved.

SERP Zebra