GRA 470 - Site Selection and Website Evaluation - Pizzeck

docx

School

Southern New Hampshire University *

*We aren’t endorsed by this school

Course

470

Subject

Computer Science

Date

Feb 20, 2024

Type

docx

Pages

7

Uploaded by KidSummerGull21

Report
Tamara Pizzeck GRA 470 January 14, 2024 Site Selection and Website Evaluation A user recently needed to place a large order of breakfast burritos for an event their company was hosting and was recommended to place an order from a restaurant called Mi Racnchito Sur . (“Mi Ranchito Sur”) The user was excited to visit their website to learn what cratering option they have as well as what types of breakfast burritos they offer. After spending a few moments on the site, the user quickly became frustrated and ending up calling the restaurant instead of continuing to navigate the website. What frustrated the user was the inability to find information about the business, catering policies and images of their food. From a designer’s perspective, there are several opportunities wasted. To start, there were zero images of food visible at the top of the home page. (“Mi Ranchito Sur”) In fact, the only way to tell it was restaurant at first, was very small text that stated the type of business it was. Their color pallet was very minimalistic with one shade of orange and only visible at the very top of the page. The rest of the site was black and white except for a few google images and a map which did not make it ascetical appealing or interesting. (Usability.gov) Figure 1 Home page
The User experience (UX) design is about the whole experience, and there are a lot of room for improvement. One improvement that could be made is the amount of information given, and clearly defined areas to find the information. The user would have liked to avoid calling the restaurant to learn that they needed to place a large order two days in advance and that they would need to set a pick time for before 8am. The user also would have also liked to find their burrito options faster. When they visited the website, they were seeking information about how much their burritos cost compared to their competitors as well as get a visual of the burrito size to insure they provided an efficient amount of food. (“Mi Ranchito Sur”)When they scrolled on the home page they found a large list of menu items, but since they all looked the same, the user became overwhelmed and overlooked the burritos. (Usability.gov) Figure 2 Option menu Figure 3 Food Menu After searching they chose to use the hamburger menu option at the top and clicked on the “Menu” thinking it would provide them with a different view. It didn’t. Instead, it just scrolled back down to the listed menu. They moved on to the gallery of images and thought they might be able to find an image of one of their burritos. (“Mi Ranchito Sur”)
Figure 4 Image Gallery Instead, there were 4 images of the same plate of food displayed at the top of the page as well as what appeared to be several image of the menu they provide in the restaurant. A variated of high- quality menu items or possible an image of what the restaurant looks like would have been better served. When the user clicked to open the image of the menu, it took them to a separate google image page that did not allow them to easily see the menu items. It also linked other tagged images of the restaurant to include images of half-eaten food which were not found appetizing. Figure 5 Google Images
Your preview ends here
Eager to read complete document? Join bartleby learn and gain access to the full version
  • Access to all documents
  • Unlimited textbook solutions
  • 24/7 expert homework help
The user went back to the main page and slowly scanned to find the burrito options. Once located, there were no online options to place an order. The user chose to select the “get a quote” button, ended up being a place to send the restaurant a message. The need for immediate information led the user to call the restaurant where they learned about their catering polices, the appropriate amount of food to order as well as a total cost for the food. (Usability.gov) Using Nielson’s 10 usability heuristics standards, the website was evaluated for compliance with usability principles and found them to be within compliance in most of the elements. They demonstrated Visibility of system status simply by changing the color of a button or link opens communication to let the user know that the button/link has been selected. I further step that could be taken would be to change the color of links that have already been visited to keep users from going in circles. The second usability heuristics is the Match between system and the real world, and I believe part of this was achieved by explaining menu items in English as opposed to Spanish, however it does not follow real world conventions. Their menu leads users to believe they have more than one page, but in fact, it was just one long page that listed everything. The third heuristics standard is user control and freedom and I believe they are 50/50 on this one. There is an exit button on the “get a quote” pop-up. While there are no links within the homepage to “go back” I can either use to web browser toggle or tediously scroll to find the last page I was on. (Experience) Figure 6 Quote Text Box
The next heuristics standard is consistency and standards which can be broken into two categories. The first is Internal consistence and this met compliance by having all call-to-action buttons displayed in the same coloring. (Experience) Figure 7 Hanburger Menu Icon Figure 8 Call to Action Buttons External consistence was met by having the hamburger icon which can be found on many different websites and is externally known to show different page options. The fifth heuristic is error prevention, which refers to the user’s ability to make mistakes, one mistake the user made while on this site was not realizing that they were sent to a separate window for viewing the google images. Because they was unable to click the back button to get back to the homepage due to it being a new tab, they was stuck and ended up retyping in the web address. (Experience) Figure 9 Off Site Images
The next heuristic, recognition vs. recall, was met with the use of icons of the paper, phone, and arrow at the top right-hand side of the screen, users can recall what these icons represent and know that this is where they can go to accomplish these tasks. (Experience) Figure 10 Recall Icons Flexibility and efficiency of use is the seventh heuristic and it feel they met compliance by allowing new users to scroll down the whole page to get to the information they are seeking, but experienced users may choose to use the drop-down menu option to get to the options quicker. The eighth heuristic, aesthetic and Minimalist design is not met as there is a lack of noise to relevant information making it difficult for users to tell the difference between what is being shown and finding the information they are seeking in a timely and efficient way. There is no prioritization of content, sever repetitive images and a lack of options. The next heuristic helps recognize, diagnose, and recover from errors. The only error the user experience while on the site was being taken away from the website by mistake. It may serve the website to provide a warning that the user is being taken away from the site prior to sending them. The tenth and last heuristic is help and documentation which does not meet compliance as there are no help or search option provided to help users easily find menu items or answer questions about their business. (Experience)
Your preview ends here
Eager to read complete document? Join bartleby learn and gain access to the full version
  • Access to all documents
  • Unlimited textbook solutions
  • 24/7 expert homework help
Works Cited Experience, World Leaders in Research-Based User. “10 Usability Heuristics for User Interface Design.”  Nielsen Norman Group , 15 Nov. 2020, www.nngroup.com/articles/ten- usability-heuristics/#poster . “Mi Ranchito Sur.”  Mi-Ranchito-Sur.business.site , mi-ranchito-sur.business.site/#details. Accessed 14 Jan. 2024. Usability.gov. “User Experience Basics | Usability.gov.”  Usability.gov , 2019, www.usability.gov/what-and-why/user-experience.html .