The first thing that crossed my mind when trying to login to my Godaddy account on my iPhone 4 was where do I go? Instead of searching around, I brought up the same page on my MacBook to attempt to learn the page and speed up the process. Low and behold the site had different styling for different browsers, and different options among these styled pages.
That said, the topic of this analysis is cross-browser compatibility with a focus on mobile websites. Take a look a the browser screencap:
Side By Side
The only thing that remains the same between the two is the domain advertisement image. Godaddy is clearly trying to optimize for their mainstream Safari Mobile users, as most phones do not browse by default using Mobile Firefox. On the Mobile Safari site, Godaddy has taken Apple’s white to grey gradient approach and made the entire site look much more appealing; however, the usefulness is quite better on the Firefox side. When I went to login on Mobile Safari, I had to click a few times before I figured out where to go. The opposite goes for Firefox, without having to expand anything I just clicked My Account and was able to login.
Then I wondered why Godaddy had expanded from its black Firefox header just to make no use of its extra white, or should I say, grey-space allotted by its Safari layout. The Menu button, that could somewhat justify their poor use of grey-space, when clicked gives the users options that are already allotted on the previous page – how useless – and why place this only on the Safari version of the webpage?
Then Godaddy continued the one-sided features opting for each tab to contain something that the Firefox version did not. In the screenshot you can see under Shop Products Firefox ends with SSL Certificates, Safari is given the additional option of Bulk Domain Search and so forth.
Overall, the Safari site does look better, but the Mobile Firefox site has better accessibility. Godaddy needs to replace it’s Safari Menu button with a more useful button such as Login. Fixing these issues and reducing the grey-space would result in a better layout that could be applied to both browsers.