17
Sep 2010
How To Design An iPhone Compatible Website

While technologies are coming in a flash, many businesses have to learn embracing the new ones to gain a technological advantage. Businesses can now decide taking their websites to smartphones and Apple’s iPhone can be their ideal choice.

Here’s how a mobile can be designed for iPhone compatibility:

Plan: You have to actually jot down the purpose and reasons of getting a website published on iPhone and whom you expect it for. Besides determining the audience of your iPhone website, you have to make sure what the website will actually do to them.

Create a content: Think of the pages needed. You can go about fleshing out the mobile website content on a Word doc by copying the page titles and text from your main website.

Set up the sub-domain: The standard convention for mobile sites is having a sub-domain called "m." Ask your server administrator to do this for you.

Do wireframing: Pick a standard web kit, such as iWebKit, to provide the basic framework. This will require you to merely edit the HTML by replacing the dummy text with your own company information.

Add functionality: You can explore other functionalities working on the mobile browser.

Do alpha testing: Once you are done with the basic structure and content addition, publish your pages to the web using any FTP program. If you are happy with the way it looks on the desktop browser, boot up the iPhone and see how it looks on it.

Do beta testing: Once you are confident that all the pages load and there are no broken links, you can have a few other people involved to check how it’s performing on their iPhone. Ask a few questions to them, such as:

  • Did the website load? If yes, was it slow or fast?
  • What was your first impression about it?
  • Can you articulate the purpose of the mobile site clearly?
  • Did you find any broken links or confusing elements?
  • Do you have any suggestions for the future version of the mobile website?

Answer your beta testers: Value the feedback and acknowledge it sincerely. Reply each of the comments, suggestions, and recommendations to the best of your knowledge.

Create a mobile sitemap: Along with a simple HTML sitemap, to have located in the footer of the site, you can also create a mobile XML sitemap. This can be submitted directly to Google using Google Webmaster Tools. Doing this will help Google, as well as other search engines, discover your mobile site a lot faster and be aware of the changes in site structure, content updates, or new page additions.

Make it go live: Get ready to announce your mobile website on the social media (blog, podcast, Facebook Fan page). Keep that as a Twitter status update. Have a press release publicity done as an extended effort.

You have successfully published your website on iPhone, but it’s definitely the beginning of a progressive marketing and promotion effort to build up and maintain its consumer popularity.


Post Comment


Fields in bold are required


Name:

Email Address:

Web Site:

Comments:

Verify Image
 

 


All articles posted in this blog are copyright of PLAVEB Corporation. It is strictly prohibited to
republish it without backlink to our respective website pages or without prior permission.
© 2012 PLAVEB Corporation – Web Design Company. All Rights Reserved.