Ready to Get Started?

Please fill out the form below and we will be in touch soon!

request_rabbit request_rabbit

*Indicates Required Fields


Call Us




We CAN Help You Achieve ALL Your Inbound Marketing Goals

Blog Home

The Major Elements of Mobile Web User Experience and Tips for Improving

Posted By: David Faltz
Website Design & Development

Rumor has it Google may add mobile user experience to its algorithm rankings in the very near future. If it does, it will come as no surprise. As internet users quickly transition from desktop searches to mobile queries as their preferred method of browsing, webmasters are being asked to adapt to these changes.

As of July 2013, Google started changing their ranking system to negatively affect sites that contain errors in configuration for smartphone users. They are currently evaluating how to analyze the overall mobile performance and include that information in search engine rankings alongside traditional website performance.

Over half of all online searches originate from mobile devices now. It is no longer part of a site’s online presence that can be more or less ignored. Having a successful mobile site can still give a business a competitive edge while other companies’ mobile sites are in development. Furthermore, 70% of mobile searches result in website action in an hour.

The Mobile User Experience

Mobile User Experience (UX)

User experience for any product involves all the senses and perceptions that come with the interaction. Mobile device screens are smaller than computer screens, so content has to be compressed and organized in a way that is digestible for the viewer.

Every consideration for a mobile site must be user centric. People with smartphones check their devices an average of 150 times per day. Streamlining the design and usability of a site increases the chance that user will come back to the site.

When a company decides to go mobile with their brand, mobile websites can be built separately or as part of a responsive design. Both methods have pros and cons and should be evaluated on a case by case basis.

Separate Mobile Website

While more cost effective, a separate website for mobile devices will only work on phones. Tablets would require yet another site. They are good for companies that want to condense a website for mobile use, and the design work does not require specialized coding expertise. A separate website can also look similar to the desktop version, without including all the information that the desktop version offers.

Responsive Web Design

Responsive Web Design

Responsive web design (RWD) creates one site that is dynamic for optimal viewing across multiple devices. A fluid grid, media queries, and responsive images are the main pieces of creating this type of design.

RWD makes tracking SEO and marketing campaigns easier by collating the data from one site instead of two. It is better for SEO than maintaining two separate websites, and Google recommends RWD for creating the best user experience. Having the same HTML and web URL makes it easier for Google to analyze, as well.

Major Elements of and How to Improve Mobile Designs

To create a user experience that is smooth, effective, and seamless consider the following:

  • Navigation. Use fluid navigation that will move from top to side of an open browser depending on the device used.
  • Labels and forms. On a mobile device, any field that requires input should be aligned vertically and large enough to click on for ease of use.
  • Navigational notes. Utilize cues that help a user scroll back to the top of the page or home buttons to navigate back to a landing page.
  • Columns. Columns are also beneficial as part of an RWD, allowing a site to resize itself based on the size of the browser window. One column may suit a mobile phone, whereas 3 or 4 columns may fit easily into a computer browser. A separate mobile website can be arranged according to the mobile screens it will be viewed on.
  • Brand visibility. Designers should make sure that when the screen size changes, the logos and brand images are similarly reflected.
  • Strategic use of white space. A user should never feel that a page is squished with too much content. Even though the traditional site and mobile site are the same, the information should be presented in a visually digestible manner. Different designs may be needed for different device viewing needs.
  • Maximize the call to action. Consider making these clickable buttons large, easy to click, and distinctive in color or design.
  • Content. Content on both a separate mobile website and an RWD should be considered for its ability to be quickly scanned and digested. Add social media links or appropriate links to apps for the user to transition between sites and applications easily.
  • Security. Mobile users are concerned about the privacy of their actions on mobile devices, and users should have control over sharing their information in an app or on a site – including GPS/location data. Everyone treasure their privacy, and ignoring security preferences or not being transparent about certain features can be destructive.
  • Feedback. Alerts, notifications, badges, and other feedback information that can be provided on a mobile device should be relevant, easy to navigate, and nondisruptive to the user.

More Information

Targeting your primary users will inform which kind of site your company should invest in. The answer may be both. Keep everything simple and clear with task-based designs that are large and easy to navigate. Options for application or mobile website support should be easy to access. Any new features or reorganization should be contextually introduced to a user with instructions that can be skipped or scrolled through. If a mobile site is separate from the traditional site, shorter URLs will make it easier to find.

Consider the appearance of your site on all devices. Tablet and smartphone brands have unique swipes, buttons, and other navigational features. Having a site that caters to those expectations will make it easier to navigate. Before launching a site or making any updates, use a program to view how the site will appear on a given device. Google uses Googlebot to see exactly what a user will see in real life.

After your mobile site is up and running, treat it as an ongoing project, constantly learn from feedback you receive using analytics and your own experience, and continually make improvements.

What is responsive website design


David Faltz
David Faltz is the founder of the digital marketing agency White Rabbit Marketing. He helps small to medium size businesses (SMBs) build their presence and enhance their brands on the Internet, using advanced Search Engine and Branding Optimization techniques (SEBO) and cutting edge web designs. He is a graduate from the University of Florida with a degree in public relations and business, and utilizes those skills daily not only in his work, but his published work.
David Faltz
David Faltz

Blog Home

Related Posts

White Rabbit Marketing

At White Rabbit, we bring your company values and mission to life with innovative and groundbreaking strategies. We understand that no single solution will usher your brand to the front of the competition, but rather, that you have to use a combination of the latest strategies, practices, and techniques. White Rabbit Marketing equips businesses with effective and creative SEO / inbound marketing strategies, designing campaigns that combine search engine optimization, web design, content creation, social media, and branding optimization. Our team of designers, developers, and optimizers employ the latest design and marketing techniques to reach your target audience and improve your brand perception. By building exceptionally appealing and functional websites with quality content, we help you to portray your brand in a glowing and authoritative light. We position your site in the channels your target customers frequent, raising your brand’s search engine rankings and attracting more people to you on social media platforms. The more people who know, like, and respect your brand, the greater your chances of increasing conversions – and your bottom line.
728 NE 5th Ave 33304 Fort Lauderdale, Fl
Phone: 954-368-0870