10 ways to make your portfolio mobile-friendly
Follow these quick tips to make the most of your portfolio on a mobile device.
Creativity is not just important when it comes to making graphic design work, it's also a useful tool when it comes to putting together a design portfolio. After all, nothing stands out more than an off-the-wall experimental design.
For designers looking to get themselves noticed mobile portfolios are a must. They're different from conventional portfolios as they can be picked up and browsed by potential clients while they're out and about.
With mobile browsing constantly on the rise, creating a mobile portfolio makes perfect sense. To get your mobile portfolio up and running in no time, these 10 quick tips run through everything you need to know.
01. Clear type
Make sure you use a font size that's legible on all devices, so your text can be easily read without zooming in.
02. Tappable links
Your layout needs to be touch-friendly. Leave adequate space between links so mobile users can easily tap the correct one.
03. No plugins
Avoid using software and browser plug-ins that aren't commonly available on a wide range of mobile devices. Flash is a prime example that you should avoid.
04. Responsive design
Use an adaptive or responsive layout so your content fits the screen rather than forcing users to scroll horizontally or zoom in.
05. Check the fit
Chosen a responsive theme? Don't assume it’s definitely working as it should. Make sure you test it out on multiple devices.
06. Mobile tests
Use mobile emulators to test your site. Try Mobile Phone Emulator, Ready.mobi and Responsinator.
07. Click to contact
Avoid using contact forms, which don't always work well on mobile browsers. Stick to providing clickable contact links instead.
08. Limit images
Don't use too many images on a single page as loading them all will eat up far too much of mobile visitors' time and data allowance.
09. Intuitive navigation
Don't just view your landing page when testing your site on different devices. Click around so you get a feel for the navigation experience as well.
10. Google test
Type your URL into Google's Mobile-Friendly Test page (www.google.co.uk/webmasters/tools/mobile-friendly) to check it meets the criteria – it will let you know whether your site is up to scratch.
This article was originally published in Computer Arts magazine issue 251.
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.