Moving from point A to point B should be as frictionless as possible. Ideally, a visitor should land on your site and not have to think extensively about where to click next. Planning out intuitive navigation on your site is crucial to help visitors find what they're looking for. Here's a great example of a simple but effective homepage design from HERoines Inc: Graphics: Only use graphics if they help a user complete a task or perform a specific function (don't just add graphics willy-nilly).A common recommendation is to use a maximum of three different typefaces in a maximum of three different sizes.
For text color, again, keep it minimal and always make sure it contrasts with the background color. Typefaces: The typefaces you choose should be highly legible, so nothing too artsy and very minimal script fonts, if any.The Handbook of Computer-Human Interaction recommends using a maximum of five (plus or minus two) different colors in your design. You can employ this principle in a variety of different forms, such as: If you have all the necessary page elements, it’s hard to get too simple. Therefore, unnecessary design elements (i.e., those which serve no functional purpose) will only overwhelm and make it more difficult for visitors to accomplish what they're trying to accomplish.įrom a usability and UX perspective, simplicity is your best friend. They want to complete some action, or to find some specific piece of information. Templates for Mobile Devices - Offers a look at the differences between mobile-optimized templates and responsive-design templates.While the appearance of your website is certainly important, most people aren't coming to your site to evaluate how slick the design is.ClientĪndroid Outlook Exchange (Native via Client) Below is a breakdown of which mobile clients do and do not support responsive design. Responsive design is a tricky thing, so knowing which mobile clients can support your mailings is paramount. If your images don't stack properly, you might have to add a class to your table or image tags.If something isn't working, check the DOCTYPE in the HTML parameters. All responsive- design templates require a DOCTYPE in order to function.
Responsive design usesīelow are some elements in Thrive Marketing Professional templates and how they can be "responsive":īefore you start working with responsive design, review and understand the following notes. Make sure you're working with someone with experience in responsive design. NOTE: Implementing responsive design in a Higher Logic Thrive Marketing Professional ( Thrive Marketing Professional) template requires the knowledge of an experienced HTML designer. Responsive design ensures that web pages and mailings adapt to the viewing environment in order to optimize the viewer's experience. Responsive Design refers to a collection of techniques that make web pages render appropriately on a variety of devices and screen sizes, such as desktop computers and mobile devices.