mrc's Cup of Joe Blog

Join us in exploring the world of modern development, evolving technologies, and the art of future-proof software

What do your web apps look like on a smartphone?

EducationWith smartphone adoption rates setting records, it’s time that you asked yourself one question: What do our web apps or web sites look like on a smartphone? After all, the probability that your users will access your apps/site on a mobile device is growing daily.

Now, the best way to address the growing mobile trend: Create intelligent web apps that automatically adapt to each device. But, while that may be the best option, what if your company doesn’t want (or isn’t ready) to create mobile apps yet? Can you just ignore mobile users? Of course not. At the very least, you must ensure that your web apps aren’t completely unusable on a smartphone.

Why is that important? Because some common web design elements don’t translate over to mobile, and will negatively impact usability for smartphone users. What are they? While I’m sure there are more, here are 4 common web design elements that will cause problems for smartphone users:

Hover Boxes

Hover boxes are great for mouse-based interfaces, letting users hover over certain page elements to quickly view more information. Unfortunately, there’s no way to replicate a “hover” in a touch-based interface. Instead, mobile browsers treat hover elements just like hyperlinks. For instance, while users must hover the cursor over a specific element to view the hover box on a PC browser, they must click that element to see the hover box in a mobile browser. This can lead to issues, particularly when the hover element is also a hyperlink.

Flash

This should go without saying, but I still run across sites built mostly (if not entirely) on Flash. As you may know, Flash does not work on some popular mobile devices, like iPads and iPhones. If your web apps rely heavily on Flash, assume that they are unusable on many mobile devices.

Small Links

A computer mouse is precise. A finger is not. If your web apps are not formatted for use on mobile devices, consider how hyperlink size affects usability on a smartphone browser. As any smartphone owner will tell you, trying to press a small hyperlink is frustrating, and often results in clicking the wrong link.

Pop-ups

If your site displays pop-up boxes when users first visit a page, you’re most likely alienating your mobile users. Why? Pop-up boxes are a mobile user’s worst enemy. Most often, they cover the whole mobile screen, rendering the site useless and making the “close” button difficult to find. Usually, this leads to an early exit.

Conclusion

The best way to address the growing rise in mobile users is with mobile-specific interfaces. However, if your company can’t (or doesn’t want to) go that route right now, you must at least consider how your apps and site look on smartphones, or risk alienating mobile users. After all, you can’t control which device your visitors use.

2 thoughts on “What do your web apps look like on a smartphone?”

  1. Pingback: Fast, Easy Web Design!

  2. While designing website you must take care that website must be open in all platforms.Today with launching of your website you must launch all versions of website whether on PDA, mobile or desktop.

Comments are closed.