Day: February 7, 2012

10 Tips for Optimizing Your Website For SmartPhones

A new research by Canalys revealed that global smartphone shipments overtook client PC sales. More people bought smartphones that ran on iOS, Android, BlackBerry OS and Windows Mobile OS than they bought personal computers in the form of desktops, laptops, netbooks and tablets. This leads one to believe that Internet traffic will be driven by smartphone users and websites need to be mobile device optimized now, more than ever in the past. Until now, web designers concentrated on designing websites that were well-suited to open flawlessly on major browsers. With the increase in smartphone-driven Internet traffic, web designers need to make that webpages are compatible with different mobile devices that run on complex mobile operating systems. Thus, mobile development is cross-platform and cross-browser at the same time. With serious bandwidth, screen-size, platform and interface deficits, mobile devices present challenges that were unknown to web designers of yesteryears. Here are 10 important aspects to keep in mind, while optimizing webpages for smartphones. Precision of Content Precision of content is an important feature a web designer must keep in mind while designing mobile-optimized websites. Reduced screen size and lower resolutions mean that each pixel is valuable and only relevant content must be optimized. Low priority content can be hidden or removed altogether. Images and videos must be optimized to suit a small screen and content must be very focused. Horizontal scrolling must be avoided and as much as possible, vertical scrolling must be used. Single Column Layouts As the screen size is reduced, users would have to skewer their eyes in order to be able to read text comfortably. Even when the text can be maximized and increased in size with the help of zoom, users would not like it when content appears in two or more columns. Thus, it is very important that vertical scrolling and single column formats are adopted. Interface and Navigation An intuitive mobile website renders information in the least confusing manner and the lowest number of clicks and taps possible. Making sure that there is always a search box near the logo on the landing page allows users to type keywords and retrieve information intuitively. Curtailing Text-entry  Dropdown menus are always preferable to keying in text. Pre-fill options, automated input using GPS and suggestive options help in creating intuitive websites. Parallel Versions of Mobile Websites While most smartphones today have a good resolution above 480 x 800, there are older cellphones which have screen resolutions of 128 x 160 pixels. A mobile website that is designed for a larger resolution screen will never look tidy or synchronized on a screen with a smaller resolution. As a designer, one may have to design parallel versions of mobile websites for lower and mid-level resolution screens. Touchscreen and Non-touchscreen Devices With an increasing number of people using touchscreen-only devices, web designers might be tempted to design sites that are touch-optimized. Doing so would alienate users that still use certain models of smartphones by BlackBerry and other companies, which sometimes have QWERTY keypads and no touchscreens. Location Tracking Optimizing a website to track a user’s location can give valuable information to owners of the website. This information is usually used to help users discover things and people nearby that matter to them. It may also help in driving contextual content to a user’s screen. Communication It is important to make sure that communication takes place effectively and intuitively in fewer numbers of clicks and taps. Telephone numbers on the websites must be enabled to be dialed directly, and clicking on email addresses should direct the user to email applications within the smartphone. Social Media With the advent of social media, website designers should design sites in such a way that content can be shared across Twitter, Facebook, Google+ Tumblr, Reddit and other social bookmarking and networking sites. Minimalism A web designer must always try to keep information, content, media and even design to the bare minimum. When there is very little real estate available, space is very valuable and that is just the case in mobile websites. As of December 2011, Android devices held 47.3% of market share, Apple’s iOS held 29.6% of market share, RIM’s BlackBerry OS a share of 16%, Microsoft’s Windows Mobile has a market share of 4.7% and only 1.4% of smartphone users used a Symbian device. Web designers would however need to keep in mind that all of these operating systems are equally important and while designing a website, one must optimize sites for every major platform. We, at Indus Net Technologies can help you optimize your website for smartphones or develop one from scratch. You can get in touch with one of our consultants at info@indusnet.co.in or http://www.indusnet.co.in/mobile/

Read More »
native-vs-webapp

Pros & Cons of Mobile Apps (aka Native Apps) vs Web Apps

Looking into the phenomenal growth of mobile browsing, businesses are shifting their focus to mobile web. Their overall web strategy is gradually leaning towards mobile web. However depending upon the business the mobile strategy will vary. For example a business related to selling products like Amazon or Ebay will have a different strategy then a business offering news to the readers. Whatever be the business, the bigger question while creating mobile strategy is whether to use open standards like HTML, CSS and JavaScript to build the Mobile site or build it as a native Mobile App for the device you are targeting. To start with both Mobile Web App and Native App have their pros and cons. So before you start building the application a thorough evaluation is essential. Difference between Web Apps and Native Apps Before we proceed, let’s understand what exactly is the difference between the 2 types. Native Apps are applications specifically designed to run on a particular platform. The whole application is installed in the device and can be executed. They are usually dependent on mobile firmware as well as the Operating System. So an app designed for Android will work only on Android devices and not on an iPhone. It needs to be ported or adapted to iOS to be used in iPhone. These Native Apps are mostly obtained through a marketplace. Web Apps are applications which are usually accessed through a web browser and the whole or part of it needs to be downloaded onto the device each time you access it. These are created using open web standard like HTML, CSS and JavaScript. These are usually platform independent. These web apps are loaded automatically in the mobile web browser through the use of sophisticated detection technology when the site is accessed through mobile. The image below depicts how US smartphone users use Mobile App and Browser for various tasks. Pros and Cons of Web Apps & Native Apps Both Native and Web Apps have their pros and cons. A clear understanding of the benefits and demerit of each along with your mobile web strategy will help in choosing one over the other and if requires choosing the both. Rich User Interface: Native Apps seamlessly integrate into the device features and provide a rich user experience. They integrate with phone in such a way that gives the feel of built-in functionality of the device. The improvement is mobile web technology is helping the Web Apps to gradually go through a phenomenal change in user interface. But the Native Apps clearly win here. Connectivity: Native Apps can be used to some extent even if there is no data connectivity however Web App requires connection to Internet to function. Native App is winner. Performance: As Web Apps require HTML and JavaScript rendering they are comparatively slower as compared to similar Native Apps. Native App is winner. Availability: The Native Apps are distributed through a marketplace like Android Market or iPhone Apps Store. And these are available subject to Approval. Even if an App is approved now, in future that may be rejected based upon the terms. This dependency of Native App for distribution is a hindrance for Enterprise to go for a Native App for their business application. On the other hand the web app can be accessed from any device without such restrictions. Web App is winner. Updates: The updates to Native Apps happen through the market place where as the web app update is instant. The moment you make any changes in the web app users will be able to see the updated features instantly. Web App is winner. Cost of development: The most notable advantage of mobile web app is that you build it once and it will be available to all devices irrespective of the configuration and platform with few changes. Native Apps being platform dependent, considerable amount of money has to be spent to develop same App for different platform like Android, iOS, Windows 7 and Blackberry. Web App is a winner here. Engagement and Branding: Because of the stronger integration with the mobile platform Native Apps provide a better engagement. Also they help in creating a stronger branding for your business as there will be a dedicated icon of your brand on the mobile device which is used to launch the Native Application. Native App is a winner here. For further elaborate learning on this Max Katz has created a table that shows various differences in various categories between Native App and mobile Web App. Conclusion: Thanks to HTML5, CSS3 and jQuery framework like jQuery Mobile and Sencha Touch the gap between a Native App and Mobile Web App is gradually reducing. With few exceptions most of the native apps could be written into Web Apps and can provide almost similar experience. Another form of the App called Hybrid App is also seen now a days which is a web app placed inside a native wrapper. According to Jeff Haydn the Native App and Mobile web are not mutually exclusive and need to co-exist for some time. Feel free to contact us at info@indusnet.co.in for our advice. We will be more than happy to help without any bias, as we have both capabilities and only suggest the right fit to our clients. You can also visit our mobile section.

Read More »
MENU
CONTACT US

Let’s connect!

    Privacy Policy.

    Almost there!

    Download the report

      Privacy Policy.