By Geraldine Salamat | Senior Graphic Designer
Our weekly “Tip of the Week” is a new-series where we ask the experts at MediaWhiz to give solutions to some of the most common challenges our clients are facing.This week our weekly tip will focus on the creative aspect of mobile landing pages.
Geraldine Salamat, senior graphic designer at MediaWhiz, has seen it all when it comes to mobile optimization. Clients have come to her with many different issues over the years and with the huge growth in mobile, many of those issues have been mobile related. In our creative tip of the week Geraldine gives her expert solutions on two of the most common mobile landing page design challenges currently facing our clients.
How can you reduce elements and content to create a strong mobile design?
Clients may sometimes get too attached to certain elements of the original landing page designed for a desktop experience. The solution here is to take a step back, determine the overall theme of the site and ask yourself “what do I want the user to do?”. From there, pick one or two elements that most strongly support that goal. It is also important to get rid of heavy image files, plugins, and flash animation. If flash animation is absolutely needed, convert the flash animation to HTML5 because a majority of mobile users have access to HTML5.
Users on mobile phones want pages that load fast, within approximately 5 seconds. These changes will enhance the look of your site while helping decrease loading times. it is also important to keep in mind that connectivity varies from user to user, so constantly test your mobile site.
How can you create a mobile optimized form field without taking up too much space?
A general rule for mobile landing pages is to have as few fields to fill up as possible. Two to three fields would be the optimal number, but when clients absolutely need more than that, there are a few ways to get around it:
(1) Separate the form fields into successive pages, two pages would be optimal for users to go through and fill up. However, keep in mind the more fields added to a mobile form, the less likely it will convert.
(2) Simply include a click-to-call that allows users to get in contact with a specialist who could fill up the rest of the form for them via phone or answer simple inquiries.
Have a question about mobile optimization? Leave a comment or contact us on Twitter @MediaWhizInc