Mobile Optimization

Mobile optimized means that the site will reformat itself for a list of handheld or tablet devices. Larger navigation buttons, reformatted content, and differently optimized images appear when the user is on an iPhone or other device. Our team plans, designs, and develops stunning responsive websites that will increase conversion rates and overall traffic.
We make sure that our responsive websites are beautiful across all devices
Our responsive web design makes sure that your business is prepared for the future mobile web.

website-design onadiva

 1) Can you read the text without zooming or scrolling side to side?
2) Can links and buttons be clicked with a thumb?
3) Are navigation options obvious?
4) Is search functionality easily accessible?
5) Does the site look different on a tablet/desk top than it does on a mobile device?
6) How fast is your site loading speed?
if you answer no to the above 5 question chances are that your site is not mobile optimized.
The example above show both the same site mobile optimized, and not mobile optimized.
A mobile-friendly site can help your business connect with customers and increase sales, but a bad mobile experience can drive your customers to your competition.When users aren’t accessing the Internet on their desktops, they’re on mobile devices and tablets. If you are not mobilized, your users could be consuming content from other sites, even possibly a competitor. Having a mobile-optimized website gives your users the ability to connect with you wherever they are, on whatever device. This provides users consistent experiences across devices and keeps them coming back.
WHEN NOT USING WIFI TO BROWSE THE WEB, MOBILE DEVISES CAN RACK UP A LOT OF MEGABYTES ON THE USER DATA PLAN IF NOT SIMPLIFIED.
Smartphones and tablets have fewer hardware resources than desktop computers,  the size of the smart phone (smaller) limit the amount of information that can be displayed, and the application interface must anticipate a touch based input and should not assume the presence of a mouse or keyboard. Therefore Flash site  are to be avoided (flash: meaning animation, multimedia ect.) especially  on pages where you handle financials info (your store).

mobileoptimization onadiva

10 MOBILE SITE
BEST PRACTICES:
1. KEEP IT QUICK
Mobile users are often short on time, squeezing
in online tasks as they go about their day. To help
them, design your site to load fast and make copy
easy to scan.
1) Prioritize the content and features that
mobile users need most.
2) Use your desktop site analytics to see
what mobile users are doing.
3) Reduce large blocks of text and use bullet
points for easy reading.
4) Compress images to keep them small for
faster site loading.
2. SIMPLIFY NAVIGATION
No one likes to be confused. Clear navigation and,
on large or complex sites, search functionality will
help your customers easily find what they need.
Minimize scrolling and keep
it vertical only.
Use a clear hierarchy in menus
and avoid rollovers.
Help users navigate between levels with
clear back and home buttons.
Use seven links or fewer
per page of navigation.
Have a search box prominently available
on complex sites.
3. BE THUMB-FRIENDLY
People use their fingers to operate mobile
devices—especially their thumbs. Design your
site so even large hands can easily interact with it.
1) Use large, centered buttons and give them
breathing room to reduce accidental clicks.
2) Pad smaller buttons to increase
the clickable area.
3) Pad check boxes by making the text clickable
4. DESIGN FOR VISIBILITY
A mobile-friendly site gets its message across
without causing eyestrain. Make it easy for your
customers to read—remember, they may be in a
place with low light.
1) Create contrast between background and text
2) Make sure content fits onscreen and can
be read without pinching and zooming.
3) Use plenty of negative space. Use size and
color to indicate link/button priority
5. MAKE IT ACCESSIBLE
Ideally, your mobile site should work across all
mobile devices and all handset orientations.
Find alternatives to Flash—it does not work on
some devices.
1) Use HTML5 for interactivity and animation.
2) Adapt your site for both vertical
and horizontal orientations.
3) Keep users in the same place when they
change orientation.
6. MAKE IT EASY TO CONVERT
No matter what your site’s objective is, your
customers need to be able to do it with a virtual
keyboard and no mouse. Make it easy to buy
something or contact you.
1)Focus on information that will
aid conversion (i.e., product details).
2) Reduce the number of steps needed to
complete a transaction.
3) Keep forms short and use the fewest
number of fields possible.
4)Use check boxes, lists and scroll menus
to make data entry easier.
5) Use Click-To-Call functionality for all
phone numbers.
7. MAKE IT LOCAL
Consumers look for local info on their phones all
the time—from locating the nearest gas station to
finding an open pizza place. Include functionality
that helps people find and get to you.
1) Have your address or store locator on the
landing page.
2) Include maps and directions. Use GPS to
personalize when possible.
3) Allow users to check stock at nearby stores.
8. MAKE IT SEAMLESS
People now use multiple screens throughout the
day. Convert as much of the functionality of your
desktop site to mobile as you can to create a
seamless experience.
1) Allow users to save popular searches and
shopping cart contents.
2)Maintain key features of the site across all
channels as much as possible.
3) Display the same information for
products/services.
9. USE MOBILE SITE REDIRECTS
A mobile site redirect is code that can automatically
tell if visitors are using a mobile device and send
them to the mobile-friendly version of your site.
Have your site developer implement this redirect
code so your customers get the best version of
your site for their needs
1) Give users a choice to go back to the
desktop site, but make it easy to return
to the mobile site.
2) Let users choose which version they
prefer to see for later visits.
3) Include key information, such as your address
or a store locator, on the redirect page.
10. LISTEN, LEARN AND ITERATE
Good mobile sites are user-centric, which means
they’re built with input from your audience. Ask
your desktop site users what they want in a
mobile website and make testing and optimization
an ongoing process.
1) Use analytics to understand how
people use your site.
2) If possible, especially for complex sites,
do user testing before.
3) Implement and collect user feedback
after launch.
4) Iterate often and continuously improve
your site based on your research.
Q: My site shows up on my phone. That means it’s
mobile-friendly, right?
A: Not necessarily. Most sites will show up on a
smartphone, but unless they have been designed with
mobile in mind they may not provide the best user
experience. A truly mobile-friendly site is tailored
to the needs of mobile users and device capabilities.
Q: I don’t think my customers are mobile. Isn’t that
mostly for teenagers?
A: Absolutely not. In the US, smartphone penetration
reached 17% (age 13-17), 54% (age 18-24), 62% (age 25-
34), 53% (age 35-44), 39% (age 45-54), 30% (age 55-64)
and 18% (age 65+).
. Nielsen.

mobile-optimization-onadiva 1

 

mobile responsive onadiva
Advertisements