30 Apr Actually What Does a Good Mobile Friendly Website?
Mobile phone users are very goal-oriented. The users anticipate to be able to get what they need, immediately, and on their terms. We create Mobile Friendly Website at Webzool.
Homepage and site navigation
Success: Focus your mobile homepage on connecting users to the content they’re looking for.
Keep calls to action front and centre
Get secondary tasks useful through menus or “below the fold” (the part of the page that can’t be seen without scrolling down).
DON’T: Waste precious above-the-fold space with vague calls-to-action like “learn more”.
DO: Perform all of your users’ most general tasks easy available.
Keep menus short
Mobile phone users don’t have the patience to scroll through a long list of options to find what they want. Reorganize your menu to use as few items as possible, without sacrificing usability.
DO: Keep menus short and sweet.
Perform it easy to get back to the homepage.
Users expect to go back to the homepage when they tap the logo in the top-left of a mobile page, and they become frustrated when it isn’t available or doesn’t work.
DO: Make it simple to get back to the homepage.
Don’t let promotions steal the show
The large application installs interstitials (e.g., full-page promotions that hide content and prompt users to install an app) annoy users and make it difficult to perform tasks. In addition to annoying users, sites that use interstitials may see a negative impact on their search rankings.
DON’T: Interstitials (sometimes called door slams) often annoy users and make using the site a pain.
DO: Promotions should be easily dismissable and not distract from the experience.
Make website search visible
Users search for information usually turn to search, so the search area should be one of the primary things they see on your pages. Do not hide the search field in a menu.
DON’T: Hide search in overflow menus
DO: Make search visible
Assure site search results are appropriate
Users do not scan through multiple pages of results to find what they’re looking for. Make life easier for users by auto-completing queries, correcting misspellings, and suggesting related questions.
DON’T: Return results for anything with the word kid in it.
DO: Macy’s only returns kids items.
Implement filters to narrow results
Study participants rely on filters to find what they’re looking for and abandon sites that do not have useful filters. Establish filters above search results, and help users by displaying how many results will be returned when a specific filter is applied.
DON’T: Hide filter functionality.
DO: Make it easy to filter.
Guide users to better site search results.
For sites with diverse customer segments, ask a few questions before presenting the search box, and use the customer’s responses to search query filters to ensure that users get results from the most relevant segment.
DO: Assist users to find what they’re looking for by guiding them in the right direction.
Commerce and conversion
Success: Understand your customer journeys and let users convert on their terms.
Let users explore before they commit.
Study participants were frustrated by sites that require upfront registrations to view the site, mainly when the brand was unknown. Though customer information may be integral to your business, asking for it too premature may result in fewer registrations.
DON’T: Place login or registration too early in a site.
DO: Allow users to browse the website without requiring sign in.
Let users buying as guests.
Study participators viewed guest checkouts as “useful”, “simple”, “easy”, and “fast”. Users are disturbed by sites that force them to register for an account while making a purchase, mainly when the benefit of an account is unclear.
DO: Allow users to purchase with a guest account.
Use existing information to maximize convenience.
Remember and pre-fill preferences for registered users. Offer familiar, third-party checkout services for new users.
Use click-to-call buttons for complex tasks.
On devices with calling capabilities, click-to-call links enable users to make a phone call by simply tapping a link. On most mobile devices the user receives a confirmation before the number is dialled, or a menu is displayed asking the user how the number should be handled.
Make it simple to finish on the other device.
Users usually want to finish tasks on the other devices. For example, they might wish to see an item on a larger screen. Or they might get busy and need to finish later. Support these customer journeys by enabling users to share items on social networks, or by letting users email themselves links from directly within site.
DO: Provide simple ways for users to continue browsing or shopping on other devices.
Success: Provide a seamless, frictionless conversion practice with useful forms.
Streamline news entrance
Automatically advance to the next area when a user touches Return. In general, the fewer taps the user must perform, the better.
Choose the simplest input.
Use the most appropriate input type for each scenario. Use elements like data list to provide suggested values for a field.
Provide visual calendar for date selection
Label starts and end dates. Users shouldn’t need to leave a site and check a calendar app just to schedule a date.
DO: use calendar widgets when possible.
Minimize form errors with labelling and real-time validation
Label inputs properly and validate input in real-time.
DO: Prepopulate content where possible.
Design efficient forms
Take advantage of autofill so that users can efficiently complete forms with pre-populated data. Pre-fill fields with the information you already know. For instance, when retrieving transportation and billing addresses, try to use requestAutocomplete or enable users to copy their transportation address to their billing address.
Usability and form determinant
Success: Delight your mobile users with small things that improve their practices.
Optimize your entire website for mobile
Use a responsive design that changes based on the size and abilities of the user’s device. Study participators found websites with a mix of mobile-optimized and desktop pages even harder to use than desktop-only websites.
Don’t do users pinch-to-zoom
Users are simple with scrolling websites vertically, but not horizontally. Avoid large, fixed-width elements. Use CSS media doubts to apply various stylings for various screens. Don’t build content that only displays well at a particular viewport width. Sites that force users to scroll horizontally fail the Google Mobile-Friendly Test, which may negatively impact their search rankings.
Make product images expandable.
Retail customers expect sites to let them view high-resolution close-ups of products. Study participants got frustrated when they weren’t able to see what they were buying.
DO: Make product images expandable and easy to see detail.
Show users which orientation works effectively.
Study members directed to stay in the same screen orientation until something mentioned them to switch. Design for both landscape and portrait or support users to turn to the optimal introduction. Make sure that your important calls-to-action can be completed even if the users ignore the suggestion to switch orientations.
DO: Tell the user which orientation works best.
Hold your user in a single browser window.
Users may have trouble switching between windows and might not be able to find their way back to the website. Avoid calls-to-action that launch new windows. Identify any trips that might cause a user to look outside your site and provide features to keep them on your site. For example, if you accept coupons, offer them directly on the site, rather than forcing users to search other sites for deals.
DO: Macy’s keeps their users on their website by providing coupons on site.
Avoid “full site” labelling.
When study partners saw an option for a “full site” (i.e., desktop website) versus a “mobile site”, they thought the mobile site lacked content and chose the “full” one instead, directing them to the desktop website.
Be clear why you require a user’s location.
Users should ever understand why you are asking for their location. Study participants trying to book a hotel in another city became confused when a travel site detected their place and offered hotels in their current city instead. Leave location fields blank by default, and let users choose to populate them through a clear call-to-action like “Find Near Me”.
DO: Always request access to the location on a user gesture.
DON’T: Asking for it immediately on the homepage as the site loads result in poor user experience.