• Blog Post #11 – Good and Bad Examples of UX Design

    Keep Your Photos Relevant and Easy on the Eyes

    The best thing on a website is photos. Strong photos that are related to the content are important for a website. Users know right away what this website is about without any of the words or headers. The photos tell a visual story therefore should be used more and correctly.

    Here is a Bad Example of How Photos are Being Used

    This photo is the first image on the website. The problem is that it’s dark and hard to see. Also, it doesn’t show the actual product or story. The entire Homepage is hard to understand when I scan it because the photos are not strong. They don’t make any sense and I’m confused about this company and not knowing what they do. Pictures tell a story so it’s important to have them make sense. Promote the product or services with photos right away so people understand what your company is about.

    This is a great company too with a powerful message behind it. I hope they get new photos up soon.

  • Blog Post #10 Good and Bad Examples of UX Design

    Keep Your Navigation Bars on the Top of your Pages

    When navigation bars are not at the top of the pages it becomes distracting for the users. People will question what its purpose is at first because they are not used to bars being on the sides. Therefore, it’s suggested to keep things on pages in their most common places. People don’t like change and will get confused more with a navigation bar that isn’t in its common place.

    Keep Pertinent Information At the Top of the Page

    This website has done a good job at making the relevant and most important information at the top of the page. There is no confusion on this website. Everything has a place and is easy to find. Most people just want a website where things are clean, clear, and easy to navigate. In essence, keep things simple, structured well, and information easy to find.

  • Blog Post #9 Good and Bad Examples of UX

    Make Buttons Identifiable

    In this above example this button has a background that’s using gradient. However, it looks blurry and worse with a shadow. The white lettering is also hard to read. It should have more contrast and simplicity.

    Keep Buttons and Patterns Simple

    The above example is a much better display of buttons being properly used. For instance the lettering is in bold. The space around the lettering is wider as well. Although the buttons are not identical in color the button patterns show they are partners.

  • Blog #7 – Examples of Good and Bad UX Design

    Serve Your Readers Content in Bite Size Pieces

    The homepage on the Greater Palm Springs tourism website has a great layout. The information is delivered in bite-size chunks. They share a lot of information but in small units. 

    By giving readers a little information at a time, you avoid overwhelming them. Most people don’t read all the words on a page.

    The book, Don’t Make Me Think by Steve Krug talks about the user experience in more details. Krug emphasizes that most visitors are on a mission when they visit a website. They don’t read everything but instead scan things on the website. If buttons are hard to read and headers are not for navigating or organizing people have a harder time searching and scanning information. 

    Krug’s number one design rule for web and mobile usability is to not let the reader think for themselves. Good hierarchy and use of grids keep content well structured.

    Design with Color Theory In Mind. Avoid colors that don’t contrast well together.

    This example is a business card for a local medical spa. The designer used a lime green color. However, it’s hard to distinguishing the circle object in the center. The greens are too similar to each other. This can make the object look off cue.

    Also, the pink art is hard to see. Is it a paint splash or a fairy figure? Or is it a flower? Objects, shapes and colors should be easy to identify. Also, the font weights can be more vivid.

  • Blog #8 – Examples of Good and Bad UX Design

    Remove whats not necessary

    This remote is outdated. It has over a handful of buttons that are not ever used. For instance, the colorful alphabetical buttons are never needed. The pre-channel as well. Numbers aren’t necessary either because several apps have their own interface. Such as Amazon Prime and T.V. channel apps.

    The Best Interfaces Have Only A Few Buttons

    Amazon’s fire-stick remote is a lot more simpler than the bad example. It has a touch button that’s sleek. It also allows for the device to have minimal buttons. The only options displayed are the most common functions. It’s not complicated to use at all.

  • Blog #6 – Examples of Good and Bad UX Design

    Use Words That Create Action

    People are motivated by progress. In example one the button is a call to action offers mastery and strategy. Once people go through the course they will know a new skill. This compelling motivator is the small appetizer before the next larger offer. 

    In Steve Krug’s book Don’t Make Me Think, he talks about making things too simple. In example two it shows that when buttons are not clear. These are too simple. The font colors and backdrop are not contrasting against one another. They are almost invisible to the viewer. 

    The grey plain color is boring, hard to see and not appealing which makes it hard to visually remember either. The author discusses why its important to make things clear and easy to see and understand. People are using their devices more than half the time when on a website. 

    The call to action and email conversion should be striking and have an intrinsic reward. Which will have an immediate call to action. For example, people don’t need to pay or hassle with a credit card. Instead a quick email away and the consumer gets an intrinsic reward.

  • Blog #5 – Examples of Good and Bad UX Design

    Avoid Making Pages Too Busy

    According to expert research and data people are attracted to a websites vibe. Things such as photos, colors, buttons, and text layout. If people can’t relate to the design and feel it looks poorly done they will most likely won’t trust it or the business. The example here has many confusing and unpleasant factors. For instance, the left and right side panels are distracting and have minimal white space between the sections. The content is condensed which makes the information hard to find, understand and differentiate. 

    Keep Things Simple

    Toaster ovens and most kitchen appliances are designed to be simple. These devices are easy to use without instructions. You can use the many features with just a turn of a nob. These nobs activate an entire meal preparation. Yet it has few options on temps, speeds and settings. Yet, it’s a powerful tool.

  • Blog Post #4 – Examples of Good and Bad UX Design

    Use Strong Keywords and Hierarchy within Headers

    People believe information more if it has words and pictures associated together. The brain remembers events and makes decisions based on visual contexts. For instance a headline, content and photograph creates credibility. In this example I found online the designer repeated a few keywords over: progress, transforming and innovation.

    Size Photos Correctly To Avoid Blurry Images

    This photo looks great on this San Diego tourism website. However, its not sized correctly. The right and left sides of the photo are cropped too narrow. Also, the image should be a high-resolution. The size of the file and photo are the wrong dimensions as well. You can tell because the peoples faces are blurred. Nonetheless, its hard to capture a large photo like this. In addition, they should have used a large landscape camera lens as well.

  • Blog #3 – Good and Bad Examples of UX Design

    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.

  • Blog Post #2 Bad and Good Examples of UX Design


    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.


    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.