Avoid Hard To Read Fonts

Decorative fonts make it hard for the brain to recognize the patterns that are in sync with letters. This font choice is too decorative. Readers are frustrated just trying to figure out the words. If the designer used a serif and sans font it would be more visually appearing. However, many designers like ambiguity and therefore use fancy scripts and decorative fonts. This one is also vibrant with conflicting colors and an odd vibe.

Include Pictures and Connect with the Users Right Away When Possible

The hero image is the first image users see when they log onto a website. As a UX designer its important to keep that in mind. Below is a great visual example of this. There’s a special part of the brain just for recognizing faces. I searched several websites and now I see the strategic Hero or Homepage personal photos. The FFA part of the brain relates to human emotions. Faces allow us to connection with a person faster than a product. I find this to be true with myself as a consumer because I typically feel the most comfortable buying from a website that a reputable brand image or a person behind the brand. Most websites that I’m drawn to right now have pictures of humans with warm faces and smiles similar to this one here.

Icons

Icons are good for ux design because they explain things without words. People can identify with them fast and effectively. I found these icons on Pinterest and they are primarily used for websites and digital devices.

This visual example are objects and patterns. Simple in nature. These small flat 2D objects that are easy to use and make a great impact in ux design.

Pop-ups

Its been a known fact that people don’t want to stop a task to fill out a pop-up newsletter. Pop-ups have been known to be distracting. Most people opt-out of them. Marketing today on the internet can be challenging. However, with clever and valuable opt-in’s offers companies and websites can build and earn more email subscribers.

Examples of Good and Bad UX in Web design

The Golden Section in Web Design

The golden section is from the Fibonacci formula. It’s a perfectly pleasing grid. It’s found in leaves, seashells, flowers, and more. It’s used in many famous paintings like “The Creation of Adam” by Michelangelo. The mathematical dimensions create a perfect outline for all kinds of art. This formula can help web designers create more engaging content.

This grid formula is used for design projects and web layouts a lot. Designers use this knowledge is in architecture, painting, logo design, and more. It dates back to the beginning of time and is often found in nature’s DNA. In this example (below) I show this grid being used for a yoga website hero image.

Good Example of UX

This is a good example of UX design in web design because it’s visually pleasing. The female character is floating to the right side of the section. The information on the left is in alignment. They are within perfect reach of each other, just like the squares are in the golden section.

The golden grid is also applied here. I like how the designer included the three headers as well. The three grouping rule is also a popular design rule.

Bad Example of UX

This last example is a hero image I found a spa and medical website. Most likely the owner built her own website. She did several things wrong here. For instance the photo has a women centered right in the middle of the page. It’s suggested that even people in photos should not be perfectly centered.

This designer also used a shadow on the header styling. The business name gets lost on this layout. It’s hard to read, understand and even more it doesn’t make the image seem appealing.