Troubleshooting Website Design Problems: Accessibility Issues, Mobile Designs, and Mockups

Troubleshooting Website Design Problems: Accessibility Issues, Mobile Designs, and Mockups

A website designer has branched out of their comfort zone in their latest piece of work. In this project, the designer created bolder visuals for a client. The visuals included close-up shots of motorcycles as well as vibrant background colors. The use of the background color orange invited a sense of excitement and energy to the site, which is just what a motorcycle website needs. This website designer wanted to share their work with other designers and get some feedback from the community.

One person wrote back with a gentle piece of criticism that the call to action button is small and not easily noticed. They recommended making it larger, making it a different color or doing both of these things. Otherwise, they liked the overall color scheme, layout and schematic of the design.

Another person commented that a dark gray or black call to action button could be a good choice. A few people recommended having the call to action change color when the cursor is near it. This would capture the attention of the site's visitors.

A reviewer concerned with accessibility pointed out that the contrast between the text and background colors could be difficult for a lot of people to read. They recommended a site where the designer can check the contrast between two or more colors. Along those lines, another person suggested using gray or black for the text. This would increase the accessibility of the information on the site.

A different person noted that the bike stats were difficult for them to read. On the same vein, another viewer stated that the right arrow was unclear as to its function. They did not know if it would go to another bike.

It was not clear to the people who looked at this redesign of a motorcycle website whether the mock-up was in the mobile environment or desktop environment. The users noted that there could be a lot of problems if the mock-up was done in the desktop environment. They expected that a lot of the design elements would not translate well to the mobile environment. For more information click here https://i.redd.it/7eecrkzx5ad31.jpg.

Web Design Accessibility