Color and Images2:57 with Dan Gorgone
Users naturally prefer sites and pages with engaging visual aspects. In this video, we'll discuss how color palettes and the use of images can benefit usability as well as the overall user experience.
Even as technology has allowed designers to use 0:00 and users to see a much more vibrant color palette, 0:03 usability dictates that just because you can use every color in the spectrum doesn't mean that you should. 0:07 In this video, we'll discuss how color palettes and the use of images 0:13 can benefit usability, as well as the overall user experience. 0:17 Making good color choices is important to providing a pleasing and usable design. 0:23 A common practice when adding color to a site 0:28 is to base it off of a logo. 0:31 Using colors from your logo in your design 0:33 can help provide a consistent look, also improving the branding of the site 0:36 and keeping users familiar with the colors they're going to see when viewing your products and other marketing materials. 0:40 It's also important to use a specific color for calls to action. 0:48 When you want users to click on a button, especially important ones 0:52 that will potentially lead to purchases or signups, 0:55 you want to make sure that the button catches their attention. 0:58 The easiest way to do so is to have it stand out visually. 1:01 Therefore, don't color the button with a neutral color 1:06 or a color that's too similar to the background. 1:09 Choose something that's bright and vibrant 1:11 and creates a contrast separating it from the text in that section. 1:14 If you need ideas—again, look at your branding. 1:19 You might have a bright color in your logo that you can use. 1:22 If not, consider brighter tones, like orange or green, 1:26 to help separate your call to action from the background. 1:29 Since designers have been working for years on the best ways to combine various colors 1:34 to provide the most elegant mix, there are a bunch of online tools to check out 1:38 that can also give you ideas. 1:42 Understand that while the most important content on sites can often exist in the form of text, 1:46 sites with images provide a visual element that plain text just cannot equal. 1:51 Using pictures to tell your story, whether that's the tale of your company, 1:57 the projects you've worked on, or how your product looks, 2:01 allow users to become further engaged in what you're trying to communicate, share, or sell. 2:05 Be consistent with the use of images so their meaning and function are understood, 2:12 as certain sites allow the pictures to serve as navigation, as well as the content. 2:17 Provide visual cues on what users can do with images 2:23 or at the least make sure the interaction is a simple one. 2:26 Clicking an image to show a larger version of it, for example, is a common interaction that users are used to. 2:30 Finding great ways to use color and images on your site can add to its visual appeal, 2:38 as well as improve the way you accomplish your own goals. 2:43 Be selective with your color approach and add images that help tell your story, 2:47 and the user will enjoy the experience that you've built for them even more. 2:52
You need to sign up for Treehouse in order to download course files.Sign up