If Client Give you some website and then tell you to convert this design into the iPhone compatible and user friendly website then , which Points take care while converting or Optimizing for iPhone.
+6
A:
take a look at IUI it's really helpful in creating an iPhone-like UI with HTML
jdiaz
2009-05-04 17:51:15
+1 for the Link.. and Ready CSS and HTML
Wazdesign
2009-05-05 10:23:50
+4
A:
You basically have two options:
- Don't optimize. Safari for iPhone is very capable of displaying fully fletched websites. (Just don't use Flash)
- Redesign to the fullest and create a mini-website with a fixed width of 320 pixels in mind.
I'd choose option 1. As an iPhone owner it bugs me when some sites automatically refer to an "iPhone"-version.
Kriem
2009-05-04 17:53:54
I disagree. People use data differently when mobile. While at home on a PC, they want to find out about your company, your products, do comparison shopping. When on the go, they want a smaller subset of information. They want to know where your sell your product, a basic product list. People use information differently on the go.
Atømix
2010-06-04 15:29:57
A year has passed and things have changed. :P I tend to agree more with your statement now Gary.
Kriem
2010-06-04 18:33:23
+2
A:
If you are using the browser on the iPhone/iTouch you might be interested in the hand held media type. You can use this to specify a CSS style sheet for mobile/hand held devices.
A List Apart has a nice tutorial on this, as does Coding Horror.
Matt
2009-05-04 18:06:12
A:
As has been said iPhone Safari will render site very well. However sites optimised, or at least designed for 800x600 and larger do not show up well on the 320x356 on the iphone viewport. A lot of detail is lost and clicking on links can be a hiy and miss affair.
The best approach is to rewrite the essential pages with the iPhone viewport in mind and only put the essential elements in.
The iPhone can be detected as follows:
$browser = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
if ($browser == true) { echo 'Code You Want To Execute'; }
else{echo 'just carry on';}
And then the pages need to be built by analysing the essential elements of the web site that a user is likely to want when browsing on a smaller form factor device. With of course links back to full site.
Apple may do guidelines for this and certainly eBay has done some work that can be seen by browsing there. In the short space here i cannot go into more detail on how you do that redesign but its by discussion, analysis of site usage and talking to users or owners of the site.
PurplePilot
2009-09-11 13:23:57
A:
There is a free application called: Monomobo, basically can convert your website to iPhone website in a few minutes. http://www.monomobo.com
Joe
2010-06-24 03:59:12