3 Design Rules For Mobile-Friendly Websites
Content Can Support Function... and Vice Versa
The mass adoption of mobile, connected devices has been shaping our digital experiences for years. Everything, from the design of websites to search has been impacted by our newfound ability to use a mobile device anywhere, any time. In terms of design, the need for responsive (mobile-friendly) design has shifted web design from expansive, media-rich, widget laden, websites toward minimal, easy-to-load, highly utilitarian websites.
A Little Goes A Long Way
Often, when consumers are making decisions about engaging with a brand it's during a rapid search on their mobile phone while they're in a store, on a trip, or at work. The information they recall in a search needs to load rapidly, be of value and in some cases, direct them to a function, or additional information relevant to their experience with your brand. To do this we recommend sticking to these three simple, yet incredibly important tenets for responsive web design:
1. Be Concise In Your Writing
Sometimes one, well-crafted sentence is far more valuable than an extended ramble. A sea of text, no matter how exquisite the typography, is daunting and ineffective. Keep it brief and on point!
2. Media Should Be An Accent Not A Distraction
Sometimes a leading image is all you need. Mobile sites shouldn't open to a 12-minute looping video or a complex gif. Complex media can slow download times and distract from the critical content. When it is critical, keep it short. No one has time for your bloated photo gallery to load while they're standing in line deciding on a purchase or frantically making a decision about a service provider.
3. Organize Obsessively
An excessive number of pages and complex navigation systems are discouraging and often lead to the user moving onto another site. Having a clear idea about what users need from your website and then mapping clear paths to help them meet their needs is an essential first step to developing a finely tuned website.
Finally: Test, And Test Again
The best way to make sure your responsive website provides a streamlined, highly functional experience for your audience is to test your changes. Whether you test among your team or draw in volunteers to give feedback, it's important to work off of user feedback whenever you can.