Configurator Usability Challenge: Building your pizza online with PizzaHut.com
This is the first installment of a 3-part series of online pizza configurators. This 3-part series is part of a larger series of blog posts reviewing online product configurator experiences.
Step 1: The homepage
- After visiting the homepage of PizzaHut.com, you see a very clear “Order Now” button. No confusion here.
Step 2: Enter delivery address
- My primary concern here is whether or not Pizza Hut recognizes my address since our home is newer and is often not found in mapping databases like Google Maps or Mapquest. No issues here — it lets me proceed with my order, no questions asked.
Step 3: Pizza menu
- Body of page: The featured products tab is highlighted by default and I see two featured products.
- Right-hand side of page: Here it clearly shows my order is for delivery and which Pizza Hut location will be delivering my order. This is helpful because if I change my mind and order this for carryout, I may want to pick up from a different location (i.e. if I’m ordering from work and swing by a different location on the way home). Smart.
- Cons:
- There’s an unusual amount of white space due to the right-hand side of the page containing an advertisement reminding me “don’t forget dessert!” Recommendation: This may benefit from more relevant placement after I’ve added an item to my current order.
Step 4: Building the first pizza of the challenge
- No search. As mentioned in a previous post in the Outback configurator, there are no search options on PizzaHut.com. Since I understand the products, I can generally find what I need, however I’m looking for “deep dish” pizza which means “pan pizza” on the Pizza Hut website. Subtle difference, and a search option would ultimately clear this up for me either by returning the Pan Pizza result or providing me a “did you mean pan pizza?” alternate search.
- View Larger Image: I took these screen shots in Safari 4 and unfortunately this link does not work. Recommendation: at this point it may be more relevant to use the page real estate to show some pricing (i.e. Small Starting at $9.99, Medium Starting at $11.99, Large Starting at $13.99).
Step 5: Configuring the first pizza
- This preselects the crust as “Pan Pizza” based on the item chosen in Step 4. It can optionally be changed to another crust type at this point.
- The defaulted list of options.
- Pros:
- Straight-forward — intuitive option layout indicating you can have sauce, cheese, and other toppings on the left, right, or whole of the pizza.
- Based on the criteria outlined in this pizza configurator challenge, I was able to successfully build the pizza I wanted without confusion
- Cons:
- “x2″ while less intuitive means twice the topping. I’m not sure why sauce and cheese doesn’t have a “x2″ option — instead these both have an alternate selection called “EXTRA.” Recommendation: When user interfaces are inconsistent, it leads to confusion. If you’re doubling the topping or adding extra, it’s typically best to utilize the same user interface options for selecting this.
- No pricing is listed, so you don’t know how much additional toppings will cost. In fact, as I will point out later, you can never understand how the cost of the pizza is calculated because you only ever see the total cost. If you are on a budget, you have to guess your way through the pizza configurator and hope that you land within your price range. Recommendation: Show the surcharge next to each topping. There’s enough page real estate to do it, so there shouldn’t be any layout challenges in doing so.
Step 6: Add first pizza to order
- Pros:
- As you add items to your order, they are shown on the right-hand side of the screen. This is helpful if placing a large order to ensure you don’t miss a line item.
- However, what’s wrong with this picture? No details on the pizza. If you have multiple pizzas on an order, it would be impossible to tell the difference between them all. Let’s click on “Show details.”
- Cons:
- This reads rather unfriendly for me. Recommendation: A bulleted list would be more appropriate using the graphical indicators like on the configurator screen to indicate which side of the pizza the toppings are being added to.
- Again, no pricing to indicate surcharges for the extra toppings. Recommendation: Showing surcharges by topping would enable consumers to edit the configured pizza and add, remove, or substitute toppings that make sense for their budget. If my budget is $15.00, nobody wins by not showing me the surcharges because I’ll play with the various configurations until I get my order to be in the budget I’m working within.
Step 10: Configuring the second pizza
- The second part of the challenge is to order a large, hand-tossed pizza with as many toppings as possible to test the limits of the pizza configurator. Here we go:
- I was able to select every possible topping. However:
- Cons:
- After the 6th topping, this message popped up each time I added an additional topping. Recommendation: If you can’t successfully make something, then it probably shouldn’t be offered for purchase.
- If you do still offer to make it, is there any guarantee that it will be fully cooked? Or do the cooks just throw their hands up after the pizza rolls through the oven? Recommendation: The error message is a bit vague and while I understand there may be problems, I would rather be restricted from ordering it at all if there’s going to be an issue with the product…or at least be provided with a means for contacting the store for special instructions for cooking.
Step 11: Add second pizza to order
- Exact same concern as in step #6 above. This time the problem is evident. How do two large pizzas amount to $52.82? Let’s click “Show Details” to see.
- Cons:
- Same concerns as #6 with the addition of the following insight:
- Toppings aside, there’s no way to see how much each pizza on this order costs. For the budget-conscious, this presents a problem. When I got to the local Pizza Hut, I get an itemized breakdown on my receipt, shouldn’t the website behave similarly?
Step 12: Checkout
- I’m showing the checkout pages to illustrate any additional merchandising efforts and here Pizza Hut is promoting stuffed pizza roles and P’zone pizzas.
- Pros:
- This is a nice layout, easy to understand pricing, easy to see how to add to cart. Plus, they have provided photos at the top of the merchandising offer which show the products.
- Cons:
- On their main menu, they had a right-hand advertisement saying “don’t forget the dessert!” However, here I am at the checkout page and I don’t have the dessert, but they are not promoting dessert — they are trying to sell me products that could essentially amount to an entire meal on their own. Recommendation: This is an example of a missed merchandising opportunity because the website isn’t smart enough to realize I already have my main course in the cart, ready to check out. They should be targeting other items to compliment my order. (This appears to be a trend as I review more sites, Outback suffers from it, too)
(Brief) User Experience Analysis
Pizza Hut’s site suffers from browser-specific issues in Safari that have been prominent for a couple years (as long as I’ve used Safari, actually). While these do not hinder my ability to place orders, it’s the equivalent to eating at one of those wobbly restaurant tables (because the floor isn’t level). While this doesn’t deter you from leaving, it sure is a nuisance and plays into the overall customer experience.
Outside of this, I personally use Pizza Hut’s ordering site the most primarily because we choose carryout a lot and it’s one of the closer locations to our home. The very fact that they have a configurator is reason enough for us to choose Pizza Hut over another local pizza establishment because of the convenience of ordering online.
A comprehensive analysis of Pizza Hut, Papa John’s, and Domino’s configurators will follow after each review is posted. Stay tuned for my next review of the Papa John’s pizza configurator as a part of this “building your pizza online” series of posts.
No comments yet, be the first.