Imagine a typical website that works as a storefront for a business, allowing customers to browse goods online, place orders, review information about past orders, and contact the business.

Question

What would a testing process for a website like that look like?
Provide at least three distinct features you would want to test before publishing the site.
Consider a website you find particularly well-designed—that is, a site that is easy to navigate, whose theme matches it content, and that is aesthetically pleasing.
What site is that? Remember to mention.
What “building blocks” or artistic elements are used in that site to create this experience?
Discuss at least two distinct features for that site.
Why is it useful to have a good storyboard before you build your mock-up?

Use the ideas of the eCommerce website Amazon.

Answer 1

Testing Process:

1. Functionality Testing: This would involve testing all the features on the website such as browsing for products, adding items to the cart, checking out, viewing order history, and contacting customer service. This would ensure that all features work smoothly and without any errors.

2. User Experience Testing: This would involve testing the website's navigation, layout, and overall user experience. This would ensure that the website is easy to navigate, visually appealing, and matches the brand's theme.

3. Security Testing: This would involve testing the website's security measures to ensure that customer information is protected. This would involve checking for vulnerabilities such as secure payment gateways and encrypted connections.

Well-Designed Website:
An example of a well-designed website is Etsy. Etsy has a clean and simple design that matches its handmade and unique products. The website uses a soft color palette, minimalistic layout, and high-quality images to create a visually appealing experience for users.

Building Blocks/Artistic Elements:

1. Color Palette: Etsy uses a soft and neutral color palette with pops of color to draw attention to certain elements on the website. This creates a cohesive and calming visual experience for users.

2. High-Quality Images: Etsy features high-quality images of products, which enhances the shopping experience for customers and allows them to see the details of each item.

Storyboard Importance:

Having a good storyboard before building a mock-up is useful because it helps in visualizing the layout and design of the website. This allows designers to plan out the user flow, navigation, and overall aesthetic of the site before investing time and resources into building it. A storyboard can also help in getting feedback from stakeholders and making necessary adjustments before moving on to the mock-up stage.