Thinking about a mobile website? 3 types exist, but only 1 is worthwhile
Thursday, December 04, 2014
If you use the Web on a mobile device, do you ever get frustrated by a site that forces you to pinch-and-zoom to read the content? Or a mobile website that seems to hide what you think is key information — like the street address and phone number?
If your organization is considering a new website, you likely already know that the site must be mobile-friendly. In developer-speak, this means that the site must be developed using responsive design — the site must be usable no matter what device is knocking at the Web server's door. No pinch-and-zoom.
Unfortunately, not all responsive design is the same.
There are three major ways that responsive design can be implemented, with vastly different impacts on the organization and the user. Which one is used is a function of your budget — and your Web developer's experience.
1. Plug-in approach
There are plug-ins for many websites that can "automatically convert" the site into a responsive site. Usually, this means that the menu would no longer appear at the top of the screen, but instead be collapsed into a mobile-style hamburger menu in the top left corner.
All of the remaining content would be stacked, accessible by scrolling through a long page, or by clicking to unhide certain content. Most of these plug-ins will also solve the font-size problem. This approach is almost costless, but has some critical flaws. Read on.
2. Desktop recast approach
This approach takes the standard design and creates special-for-mobile layouts and CSS files during the development process. If the top of the home page has a rotating graphic with five buttons underneath, this approach would simply reduce the size of the rotating graphic, and perhaps move the five buttons to the right (on a tablet), or stacked below (on a mobile phone).
The idea is to code the page so that the design easily flows from one layout to the other, based on the window size of the device. While the design is custom, this approach evolves that design from the desktop. It also has a critical flaw. Read on.
3. Use-case approach
This approach is embedded within the strategy and design process, and starts with one question: What would the user want to do when using the mobile site? Likely, it is to find the organization's street address or phone number. Or perhaps it would be to register their product or access customer-support how-to videos.
If this is true, then fancy rotating graphics (which take a long time to download) and "welcome to company ABC" text make no sense on a mobile home page. In a use-case approach, most of the content will still be accessible to mobile users, but the design and prioritization of the content may be very different indeed.
Who are your organization's key stakeholders? Walk in their shoes, but use your smartphone. When you go to your site, is it responsive? And if the site is responsive, is what you (they) need front and center?
If not, it's time to rethink your mobile strategy — and your Web developers.
- 8 exercises for strengthening your business writing
- What is social capital, and how can educators help students build it?
- Tips for interrupting unconscious bias
- Digital natives are more likely, more eager to go back to the office
- Writing the letter that gets you more referrals
- 101 bad business buzzwords — and why you should avoid them
- 9 steps to more concise business writing
- The rise of employee assistance programs during COVID-19
- 4 outdoor adventure companies that pivoted to mask manufacturing and how they’re doing now
- What you should know about the virtual strategic planning process
- Algorithm could help keep consumers safe from illegal online pharmacies
- How clarity builds a stronger team
- Survey: Employers face potential exodus of supply chain talent
See your work in future editions
Your content, Your Expertise,
Your Industry Needs YOUR Expert Voice & We've got the platform you needFind Out How