Our websites have been designed responsively to accommodate easy user interaction on mobile devices. This guide explains what to expect when viewing your Artlogic website on a mobile compared to a desktop.
Overview
Viewing your website on a mobile device will always look different to how it appears on a desktop computer. Simply, this is because of the smaller screen size, meaning images, text, and other elements like your website navigation have to accommodate the smaller size. This can include elements like the mobile menu you see as replacing your main menu navigation.
The navigation has to shift this way because otherwise, the menu would be too small to read on the screen and there would be multiple lines of your menu at the top of the page. This would lead to a poor visitor experience and would compromise the site's aesthetics.
Mobile menu design example
Expanded:
This also happens to be the same approach Apple and many other companies use as a way to adjust the interactivity of the menu on their site.
Responsive websites
All Artlogic websites are responsive in design and layout.
Responsive design lets websites ‘adapt’ to different screen sizes without compromising usability and user experience. Text, UI elements, and images are rescaled and resized depending on the device.
This optimises the layout of your website for small screens rather than scaling down a larger version and making the images and text illegible.
This makes it easier for people to read and interact with your website on mobiles and smaller screens.
Ways our sites are responsive on mobiles:
- Mobile menus.
- Homepage videos will not auto-play on mobile because most mobile browsers block autoplay videos. The homepage slideshow fallback image will display instead. This is why it's important for you to choose and upload a suitable homepage slideshow fallback image.
- Grids shift to 1 by 1 column so that images/text/ other elements are readable (not too small) and easy to digest (breaking up the grid to avoid seeing too much content per page/scroll).
- Sub menus will display over two lines.
- Forms will appear as pop-ups that take over the whole page (Enquire buttons, join mailing list buttons).
