I have designed this mobile site from the ground up to be perfect on the iPhone and I am working to iron out all of the creases when viewing on Android. The entire site supports the iPhone 4 retina display (I was blown away at how crisp the design was) and gracefully falls back to standard DPI’s.
Let’s say you’re on your phone and you click a link to an Okay Geek article. Instead of loading the heavy desktop site, you are brought to the new mobile site, and there is no need to memorize special URL’s or shortcuts. I designed this all to just work like it always has.
We get so excited when someone enjoys a piece of our content and shares it with friends and family on Twitter, Facebook and Email. So naturally, we added this functionality into the Okay Geek Mobile Site — and when a friend clicks the link on their computer at home, they arrive at the desktop site, or if they are on their phone they are greeted with the new Mobile site.
When you have limited space to display navigation, links and content, search becomes a very powerful tool. When you tap the search bar, it slides out to let you see everything you are typing, and when your done, you can just tap Enter, or close the keyboard and the search field will slide back to reveal the search button once more.
Reading super-long articles on a small screen isn’t that efficient and most of the time you just want to bookmark it and save it for later when your’re at your computer. On our new Mobile site, we’ve added a green bookmark to the top right of every article, and you can click it to save the article to your Instapaper for later.