Individual Assignment 2 – Healthcare and my.clevelandclinic.org

Website

The website selected for this Heuristics Evaluation intended for the Healthcare Group is the Cleveland Clinic Healthcare System at https://my.clevelandclinic.org/. The website represents a medium-to-large services and resource oriented healthcare organization situated nationally with locations primarily in Ohio and Florida. The site serves as an integrated public-facing portal for individuals seeking health form a trusted source – learning further about Cleveland Clinic’s services, access to patient-specific info, and navigating conceptual medical or pharmaceutical info.

Figure 1. Cleveland Clinic Homepage (Cleveland Clinic, 2020)

User Scenario

Prefaced in our group interest, our user seeks a central destination to fulfill information needs in terms of their healthcare, fulfillment either to gain more knowledge or to further take action with a medical professional. With this in mind, the ideal scenario is to connect all those needs with a user that is a new patient seeking to alleviate a medical condition by discovering more about the condition itself, related symptoms, and concluding the search by making an appointment with a healthcare provider.

Defining the scenario with helpful attributes, our situated user seeks to find more about the treatment solutions for his or her chest pain. With Heart Disease as the highest in mortality and common care, it is most appropriate symptom to simulate (Centers for Disease Control and Prevention, 2022). Our user has already decided to seek an appointment with a medical professional, understanding the intent of visiting Cleveland Clinic as a point of care in addition to a knowledge center as intuitively defined by the organization’s name.

In emulating this scenario, the following steps were accomplished with the current UI:

  1. Select “Looking for information about diseases and treatments?” in body.
  2. Search “Chest Pain” in the search box and select the first result.
  3. Select “Appointments & Locations” as the orange primary button.

Flaws and Heuristics Analysis

In this analysis, Jakob Nielsen’s 10 Usability Heuristics were used as the most universally applicable in testing Cleveland Clinic’s site usability with the specified scenario. With each flaw, inadequate heuristics were identified for improvements. Overall, the flaws identified center around Cleveland Clinic’s lack of contextualizing user needs upon entering the website.

The first flaw, in site navigation, is the lack of context for our user to identify where they can navigate to cardiology specific information. On the homepage in Figure 1, the site only provides two links to enter the “Health Library” to make a search for conditions and symptoms or to select the link stating “Looking for information about diseases and treatments?” in the middle of the page. In terms of heuristics, this issue primarily violates Flexibility and Efficiency of Use, where the site needs to tailor to expert users but also quickly prompt accelerative actions for new users (Nielsen, 2020). The site accomplishes this well with COVID-19 and monkeypox specific links, but fails to address even considering the more common CDC Diseases. Likewise, Recognition Rather Than Recall is lacking for the same reasons and Help and Documentation is initially lacking with

The second flaw, back to navigation, is the over-redundancy of the generic links. While this can aid on other heuristics, it is against Aesthetic and Minimalist Design with more distracting text. Use of light text in primary headers and bold texts in secondary links clash in aiding where to select on conditions or seeking a medical professional. Non-actionable text hidden in headers like “100 Years of Cleveland Clinic” are also present. Dual use of the same links for “Find a Doctor,” “Locations & Directions,” and “Appointments” add to the confusion, only separated by a large middle picture heading. All three links eventually conclude with the ability to make an appointment, but add extraneous details to specialize more on the action steps rather than the care needs.

When selecting “Health Library” the user ideally would enter “chest pain” into the search box centrally located as seen in Figure 2, which delivers an article that has the ideal step highlighted with an orange button to make an appointment, superseded by the 800-number. At this concluding task, this setup, especially when considering “chest pain,” fails the heuristic of Match between System and Real World with the context of the site content (Nielsen, 2020). The knowledge article mentions in paragraph multiple times to reach a medical professional immediately for this symptom due to high concerns of more serious heart disease. However, the buttons remain static in all knowledge articles. With multiple pathways, all steps encourage calling the main number even though there are other options that are buried in the body.

Concluding the scenario, as shown in Figure 3, the user is given an extensive standard operating procedure to make an appointment to visit the Main Ohio Campus, with repetitive calling options and buried action links. This extensive text once again violates Aesthetic and Minimalist Design but also violates Error Prevention and Diagnosis to Recover from Errors (Nielsen, 2020). By expanding contact options less clearly and branching multiple hyperlinks for the purpose of making an appointment, the site risks making the user more lost and reverting back and forward between pages.

Figure 2. Chest Pain Result in Health Library Search (Cleveland Clinic, 2022).
Figure 3. SOP to Make an Appointment (Cleveland Clinic, 2022).

Design Recommendations

To address the homepage, the simplest step is to reduce redundancy of main navigation links in the header to aid in Aesthetic and Minimalist Design. By removing duplicated links, making the remaining ones more bold or accented, and reducing the length of the picture heading, the site is more visible to body content below the heading.

In place of the secondary redundant links, using icons and titles for different specialty areas such as “Heart,” “Cancer,” “Respiratory” and “Infections” can contextualize the user’s search in the Health Library for more information about their condition. By using more generic terms for the specialties, the user understands the topics better to drill down.

When presented the knowledge article for “Chest Pain” like in Figure 2, there should be more more call to action buttons with the common one to “Call to Make an Appointment.” Primarily for this article, flagging certain ones as high risk can have a button to “Call 911 for Emergency” in red to highlight if the user is experiencing the symptom. These can hyperlink to a phone call in-browser or on the mobile device. More importantly, the semantics of the buttons apply intent more in line with real world and the system.

Lastly, to avoid errors and provide clarity with less clutter with the end page shown in Figure 3, content can be reduced with the inclusion of action buttons mentioned previously and simplifying the step-by-step article only about what the user expects after they make the appointment. Selecting the action button can also prompt the user with a new load page saying “thank you for reaching out” and then provide the guide below. This facilitates feedback and lets the user diagnose what occurred when they placed the call.

Future Considerations and Conclusion

Architecturally, it is apparent that the initial design elements of Cleveland Clinic’s site are mainly to alleviate a less sophisticated appointment management platform. The requirement to be a MyChart account holder as a current patient or use a 1-2 day delayed web form are poor substitutes compared to a direct phone number. With the careful design of a linear oriented new patient appointment system on-site, many of the flaws listed can be alleviated. Likewise, approaching linearly aids in successful steps in the scenario by curating actionable steps from condition to appointment scheduling.

Word Count: 1,198

References

Access anytime anywhere. Cleveland Clinic. (2022). Retrieved September 26, 2022, from https://my.clevelandclinic.org/

Centers for Disease Control and Prevention. (2022, September 6). FASTSTATS – leading causes of death. Centers for Disease Control and Prevention. Retrieved September 27, 2022, from https://www.cdc.gov/nchs/fastats/leading-causes-of-death.htm

Nielsen, J. (2020, November 15). 10 usability heuristics for user interface design. Nielsen Norman Group. Retrieved September 19, 2022, from https://www.nngroup.com/articles/ten-usability-heuristics/

Backlinks

Group Assignment 1 – Healthcare

Individual Assignment 2

Website

The website I selected for this analysis was the West Florida Public Libraries website, https://mywfpl.com/. This website and library system encompasses the libraries in Escambia County, Florida. The library system has seven libraries and they utilize library e-services like Libby and Hoopla to expand their catalog. The website shows a lot of information for these libraries and services ranging from the library catalog, events, and other activities.

West Florida Public Libraries Website Homepage

Scenario

For my scenario, I wanted to act like I was new in town and wanted to get a library card. However, before I did that I wanted to see if they had a copy of the book I wanted and I wanted to find the locations of the libraries to see which was the best one for me. I also wanted to look at the events and see if there was anything interesting going on or if there was anything I would want to attend. For most new users, I think this line of searching would be a common start for those with a new library card or those thinking about applying for a card.

Analysis

The first thing that I wanted to do on the website was to search and see if they have the book I want. The home page is where the heuristic analysis starts with heuristic #8, aesthetic and minimal design. There is already a lot to click on and look at and it is a bit overwhelming seeing all of the links and tabs on the home page. There are eight different tabs right at the top of the page and they all have multiple drop-down box options to click on. There are also a lot of articles to click on and “read more” as well as an upcoming events section. Even further down the page, there are more items to click on like new book lists and DVD lists.

For the first part of my scenario, I want to search for a book. The search button is clear at the top, and it does feature different search options like; catalog, kids’ catalog, and the entire website. When you search a book, the website loads into a different website that has a different interface with a bigger search bar and advanced search options. During my first attempt to locate Daisy Jones and the Six, I typed “sixth” instead, and I got a message that said “no results found.” I believe that is a heuristic #9: help users recognize, diagnose, and recover from errors, issue. I work in a library and know that a lot of times people don’t know what the book they are looking for is called or one of the words they have is wrong. The catalog website did not show any other options for that book and I feel that could be an issue for patrons, as it did not help the patron find the book and fix the error in the title. I also wanted to see if it would fix a misspelled word, but it gave me the same error message.

WFPL Catalog Search Bar with error

When I typed in the correct title, the book does pop up but the first item in the search is the book on CD, not the actual book. The book is the second in the list and shows not available, but there is an option to place a hold. There is a third option which is the large print option, which will be fine so I will click on that. On my usual library website, if you scroll to the bottom it shows what locations have that book, but this library you have to click on the “all copies” on the side. One of the copies of the book is at the Southwest Branch and I think that is the one I will decide to go to so my next step is to find the location. I also found that there was a heuristic #7: flexibility and efficiency of use error with the catalog. There is not a way to browse the catalog where you do not have to search.

Book Search Item Results, Large Print with Locations

I had to click back to the home page to find the location, and then the locations page was easy to find. There is a section on the home page to find a location and then there is a “visit” tab right at the top of the page. Then the locations page makes it very clear which library you are looking at and has a “get directions” option that takes you to google maps.

The next thing I wanted to do was check to see if there were any events going on that I would be interested in, specifically at the Southwest branch. The events tab was easy to find at the top of the page and I clicked “full calendar” to see what events were going on. The events page could also fall into the heuristic #8: aesthetic and minimalist design. The page opens and shows two random dates in October and then goes to the current day. This page also has a “tweets from @mywfpl” that does not need to be there.

Events Page

It was really easy to filter the calendar by location and it was interesting to see what events they offer. I think it could be laid out better and maybe should not show random October dates at the start. Or, if they do that make sure it says “special event” or something like that so patrons will know why it is at the top.

Recommendations

I believe that the website overall is nice and mostly easy to use for first time users. I think that taking some of the information off the homepage would be beneficial as there is a lot of information all at once and definitely is a heuristic #8: aesthetic and minimal design issue. That can also be said for the events page with the unnecessary tweets and dates at the top out of order. I also think their catalog should have a better interface so that when you make a typo or do not know exactly what the title is you can still find the book. There catalog could also benefit from some kind of genre browsing, this would help the website with heuristic #7, flexibility and efficiency of use. In their catalog you can only search books there is not a way to browse if you were looking for books in a specific genre. If you search “mystery” in the search box, instead of books in that genre you just get books with the word “mystery” in the title. There catalog also does not show what books they have available in their e-services, until you select “e-resource” in their format filter.

Individual Assignment 2: Heuristic Evaluation of Origami Resource Center

Arts and Crafts Group — Amy Feinstein

Origami Resource Center Website

When I am not busy making friendship bracelets, I also love doing origami. When I’m folding at home, I like to work on advanced models from my print book collection, but sometimes I find myself searching for an easier model that I can teach to a group of people. There are many instructional origami sites; for this assignment I am focusing on Origami Resource Center.

On its home page, Origami Resource Center describes itself as follows:  “This origami resource center provides information about the art of paper folding. We provide links to diagrams, databases, book reviews, and ways to be a part of the paper folding community.” The title of the page is in small print at the top, with several categories of drop-down menus underneath: Home, Instructions, Holiday Origami, More Paper Arts, Resources, and For Kids. Scrolling down past the introductory text, there are 15 hyperlinked pictures which partially correspond to the menus at the top, but are not exactly the same.

Top of the Home Page of Origami Resource Center — this is everything that is visible before scrolling.
7 of the 15 main categories linked in photos on the home page. They do not always line up with the menus at the top of the page.

Evaluation Scenario

For my scenario, I have decided to look for an easy-to-fold bird model on Origami Resource Center. I am not picky about the type of bird, but I would prefer it to be recognizable as a species or family of bird rather than a generic bird-shaped object.

Working Through the Scenario

I start on the home page, where the first thing I notice is that the “Home” menu is underlined and highlighted in yellow, and that all the drop-down menus have plus signs interspersed between them. Mousing over these menus expands them and turns the plus sign into a minus sign. I’m not sure exactly what the point of the yellow highlighting is (I’m guessing it’s to let you know what main section you are currently in) or why the plus sign is so far away from its related word. This violates the Consistency and Standards heuristic, as the drop-down menus look and act unconventionally. It also violates the Aesthetic and Minimalist Design heuristic – although the top of the page doesn’t have a lot of extraneous information, once you scroll down (and you do have to scroll to see anything besides the introductory text), the 15 categories to choose from seem excessive. Some of them could be grouped together under the same categories you have at the top – for example, the Resource menu at the top contains links to both Health Benefits and Educational Benefits pages, but those two pages each have their own link in the 15-category spread, while Resources does not. This violates the site’s own internal consistency as well as the consistency you expect from visiting other websites.

Finding the Models

Once I get past the oddly organized home page, there are several ways to start looking for specific models. I can click on the Instructions menu at the top and then click on Birds, I can mouse over the Instruction menu and click on the Birds drop-down, I can click on the Instructions photo in the middle of the page, or I can scroll all the way down past the 15 boxes and click on the Birds photo in the category links. This last option seems excessive and violates the Aesthetic and Minimalist Design Heuristic – there are just too many pictures on the page, especially when you consider that not until you scroll past even this last set of categories do you get to the search box. Having the search box so far down also violates the Consistency and Standards heuristic, since most sites have the search box in a top corner where it easy to access.

In the interest of testing more of the site navigation, I go to the main Instructions page before I go to the Birds page. Now, the Instructions menu at the top is yellow and underlined, as the Home menu was before, which seems to confirm my hypothesis about using the highlighting as a signpost – except that now the More Paper Arts menu is highlighted in the same way. This causes confusion and violates the Visibility of System Status heuristic – is the More Paper Arts menu connected to the Instructions menu in some way? When I click on it, it jumps me close to the bottom of the page under the headline Origami Fringe, which has links to only six of the seven categories found under the More Paper Arts menu up top.

After getting distracted by the extra yellow highlighting and following that path (a path I probably would not have taken were it not for the lack of Aesthetic and Minimalist Design), I finally make it to Origami Birds. After a brief text introduction, there are ten hyperlinks to different categories of birds (the first one being the extremely non-specific “birds”), each of which will jump you to the categories on the same page. Alternatively, you can scroll all the way down the page to see the categories as will as the list of the individual models.

Narrowing Down My Options

Since I don’t know exactly what kind of bird I want to make, I decide to scroll down and see what catches my eye. There are photos of completed models on either side of the list of birds, but they appear to be a random selection of models within the category. They seem to be a random selection of photos within the category, and they are not hyperlinked to anything, so there is no way to accurately preview a model. (After writing the rest of this blog and going back to take screen shots, I realized that you can mouse over the photo to see what model it is. They are still not hyperlinked, though.) This violates Visibility of System Status, since you do not have a visual cue of where to go next, as well as Match between System and the Real World, since the pictures do not line up with the appropriate models.

For no particular reason, I decide to explore the Origami Pelicans, Penguins, and Puffins category. There are 6 photos and 24 models to choose from, so I click on the first model (a pelican). It takes me to a page that corresponds to the third picture on the previous page (violation of Match between System and the Real World – the first link should not match up with the third picture).

Some of the photos and models from the Pelicans, Penguins, and Puffins section. The photos on the left do not directly correspond to the links on the right, nor are they hyperlinked to the appropriate instructions.

Evaluating the Instructions/Diagram Page

The description says the pelican is easy and less than 10 steps. It also more or less resembles an abstract pelican, which makes it matches my initial requirements. The text instructions are listed on the left side of the page, and the diagrams are in one image on the right. While it’s possible to follow this, it’s much easier when the instructions are visually linked with their matching diagrams (another problem with Match between System and the Real World). Despite it being an easy model, there are a few technical origami terms that aren’t explained, such as “valley fold” and “reverse fold.” You can find these under the Resources Menu –> Origami Basics at the top of the page, but there should be a more obvious link for it at the top of the instructions (one more issue with Match between System and the Real World, with the possible addition of Recognition Rather than Recall, since users will have to either memorize the meaning of the steps or go back and forth between two pages).

While in this case I have decided the pelican model is a reasonable one to teach to beginners, if I want to go back and explore the other models available, I have a couple more options at the bottom of the page. There is a link to “more origami pelican and birds” (which takes to you back to the top of the birds page, not the pelican/penguin/puffin section — also, every other link has been in title case and this one is all lower case) and then a photo gallery of “More Origami Birds.” This is perhaps the most egregious violation of Match between System and the Real World, and also of Visibility of System Status – when you mouse over one of the photos, it tells you exactly what model and artist it is, but when you click on any one of them, it takes you back to the general bird page again! Once you get there, you have to figure out what subcategory the model you liked was in and remember the name (Recognition Rather than Recall).

Design Recommendations

There are several design fixes that would make navigating Origami Resource Center less frustrating:

  1. On the home page, the drop-down menus at the top should match the photo icons halfway down the page. This would keep the user from feeling like they’re missing important parts of the site because the main categories and the subcategories don’t match (Visibility of System Status, Match between System and the Real World.
  2. Move the search box to the top of the page so it is easily noticeable and accessible (Consistency and Standards).
  3. Line up the photos of the completed models with their matching instructions and link said photos to those instructions (Visibility of System Status, Match between System and the Real World).
  4. Have an easy link to Origami Basics at the top of each instruction page so beginners can follow the diagrams (Recognition Rather than Recall).
  5. For the photo gallery for the related models at the bottom of the instruction page, link those photos directly to the pictured models rather than to the general category page (Visibility of System Status, Match between System and the Real World).

Matthew Post

Individual Assignment #2: : HEURISTIC EVALUATION

Website Selection

South Georgia Medical Center – https://www.sgmc.org/

I have selected the South Georgia Medical Center (SGMC) website for the assignment 2 heuristic evaluation. This website represents a small but surprisingly comprehensive medical center and hospital located in Valdosta, Georgia. The website serves as it’s public-facing virtual destination for those seeking information relating to its services in patient care, employment opportunities, patient portal access, its medical residency program, public health and hospital census data, and community events.

Retrieved from: https://www.sgmc.org/

Scenario Description

The scenario that I chose to center my heuristic evaluation on is that of an individual who is attempting to discover more information about South Georgia Medical Center’s palliative care program and what services the program provides. Palliative care is defined by the U.S. National Institute on Aging as “specialized medical care for people living with a serious illness…meant to enhance a person’s current care by focusing on quality of life for them and their family,” (NIA, 2021). Palliative care is different than hospice care, as hospice care does not contain curative treatment as part of its care planning and is designed for patients that will be terminal in the short term, typically within six months (NIA, 2021). I approached the SGMC site evaluation somewhat unconventionally based on the framework described by in Nielsen, as I was a single individual conducting the evaluation acting as both the evaluator and the observer with no additional participating evaluators to aggregate findings with (Nielsen, 1995). In the scope of these roles, I am evaluating my use of this website as a first-time user for this specific scenario without the possibility of guardrails or hints provided by an observer by requesting guidance – I am on my own as an evaluator.

Usability Flaws

The first usability flaw discovered is that the landing page is not branded with the full name of the organization, South Georgia Medical Center, and instead only displays the organizational acronym, SGMC. This lack of brand awareness connecting the more generally recognizable full name with the acronym violates the usability heuristic #2 match between system and the real world, as the website’s current state assumes that the user is familiar with identifying this organization by its acronym, which they may not. Due to this lack of identification, it is possible that an individual in the evaluation scenario could be confused about whether they have even arrived at the correct website after searching for a “South Georgia hospital” and being presented with two very similarly named organizations “Southeast Georgia Health System (SGHS.org)” and “South Georgia Medical Center (SGMC.org)”, two different health systems that are over 120 miles away from one another. When an individual visits the physical location of a South Georgia Medical Center campus or building, the full name is displayed outside (https://www.sgmc.org/about-south-georgia-medical-center/our-mission-vision-and-values/), and similarly, when an individual calls the main telephone line for SGMC, it identifies itself through its full name not an acronym. The website failing to follow real-world conventions by clearly identifying itself on its landing page violates usability heuristic #2 match between system and the real world.  

The second usability flaw that was encountered during the evaluation was in the medical service listing page while attempting to locate information on palliative care. The list of services contains “palliative care” in two different locations and the information that each links to is different, with no mechanism on the service list page or the following linked pages to explain the difference and route to the other. This flaw represents a violation of usability heuristic #4 consistency and standards and #7 flexibility and efficiency of use. The first link displays “Hospice/Palliative Care” and links to an external website for an organization called “Hospice of South Georgia” with no explanation of its affiliation to SGMC. The second “Palliative Care” listing in the services links to a SGMC page that very briefly describes the program, defines the difference between hospice and palliative care, and requests personal contact information to receive more detail about the program. The service list having two listings for palliative care violates usability heuristic #4 consistency and standards because it requires the user to click on both links to ascertain what the difference between the two are and even then, it is not readily apparent. This violation causes unnecessary confusion for the user and negatively impacts the user experience in a context that is likely serious and emotional. Furthermore, this design also does not allow the user to be routed from the palliative care page to the hospice care site, despite the effort made to make the user understand the difference. By not providing a link from the palliative care page to the hospice care site and vice versa, the design violates usability heuristic # 7 flexibility and efficiency as it requires the user to navigate between both links from the service list inefficiently despite acknowledging a confusing semantic difference.

Retrieved from: https://www.sgmc.org/our-services/  

Recommendations

The first design recommendation that I propose is to include a prominent display of “South Georgia Medical Center” on its landing page front and center. Additionally, I recommend including the full name under the website home icon located on the top left of the website throughout. Through the inclusion of these recommendation design optimizations, users can enjoy a higher level of brand awareness and thus less confusion regarding the website they are viewing while seeking information from this specific healthcare system.

The second proposed design recommendation is to remove the “Palliative Care” from the “Hospice/Palliative Care” link on the service list; the inclusion of it creates unnecessary confusion in the user experience. I also recommend creating a section on the remaining “Palliative Care” linked page that describes this available service through the affiliation with Hospice of South Georgia with a link to that website’s palliative care page in addition to the palliative care service option that SGMC provides independently. Additionally, on the SGMC palliative care page I recommend including a link to Hospice of South Georgia’s website in the section defining the difference between palliative care and hospice for navigational convenience.  

Retrieved from: https://www.sgmc.org/our-services/palliative-care/

References:

Nielsen, J. (1995). How to Conduct a Heuristic Evaluation. http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/

U.S. Department of Health and Human Services, National Institutes of Health, National Institute on Aging. (2021). What are palliative and hospice care? Retrieved September 23, 2021, from https://www.nia.nih.gov/health/what-are-palliative-care-and-hospice-care#palliative

Individual Assignment 2

Target Website

https://www.gmha.org/

Guam Memorial Hospital Authority (GMHA) is the largest medical facility that serves the general population of Guam and the surrounding Micronesian islands.

Scenario – Acquire contact information about a GMHA Facility

In this analysis of the GMHA’s website usability, the most likely scenario involves a stakeholder (in this case, the user) searching for contact information about services offered at a GMHA facility. Such services can include radiological, urgent care, laboratory, physical therapy, and so forth. This scenario also considers how a user might approach navigating GMHA to reach their intended information through the various healthcare providers regarding said services.

Heuristic violations based on the scenario

In consideration of the suggested scenario, utilizing Jakob Nielson’s 10 usability heuristics is most applicable in testing GMHA’s website usability. The scenario aids in this heuristic evaluation by detailing the steps that a user would likely perform based on their information needs. For instance, a user’s health concerns would prompt them to seek out medical services from the largest healthcare facility in Guam. The first step a user would take is to browse GMHA’s website seeking relevant contact information regarding their health concerns with a specific medical facility at GMHA. On the homepage, they would seek any icons, links, or directories hinting at where they could locate such information. This approach should provide them with the relevant information from GMHA that would allow them to contact the appropriate healthcare facility. However, these steps are difficult to accomplish based on the identified usability flaws. Following is a brief overview of those usability flaws with their associated heuristic violation based on the said scenario:

#LocationUsability Flaw ExplanationHeuristic Violated
1HomepageA cluttered homepage disorients the user. Phone directory poorly placed#8: Aesthetic and minimalist design
2Areas of CareAll links lead to the same location confusing the user#1: Visibility of system status
3Areas of CareComplicated menu design hinders the user#8: Aesthetic and minimalist design
4Areas of CareNo contact information for any medical facility shows little concern for the user#2: Match between system and the real world
5Find a ProviderNo clear feedback that a provider could not be found. No user recovery#1: Visibility of system status
#9: Help users recognize, diagnose, and recover from errors

1. Homepage: Cluttered information

Based on the selected scenario, a user would be most interested in locating contact information for a GMHA medical facility. However, this information is difficult to find on the homepage. GMHA hosts a multitude of information on its homepage that can quickly disorient the representative user. Namely, there are too many links and action commands that populate the user’s screen making it needlessly difficult to locate relevant information to continue. What’s more, if the user scrolls down the page they could find the contact information but it’s too easy to skip over the link since it’s objectively dull. In its current state, GMHA’s homepage provides low information utility thereby reducing its website usability and information scent. These usability flaws directly violate Nielsen’s eighth heuristic for aesthetic and minimalist design.

2. Areas of Care: Burdensome Drop-Down Menu

Following the next logical step in the scenario, the user scans the homepage looking for whatever link most likely directs them to a specific medical department. They click on ‘Areas of Care’ and a drop-down menu displays links to various GMHA healthcare facilities. This menu makes it difficult for the user to locate the appropriate GMHA healthcare facility. The most obvious way is to click on the right-facing angle bracket to scroll for additional medical areas. However, if the user needed to locate the ‘Radiology’ department, it would take much longer because of clicking multiple times with the current alphabetized menu design.

This usability flaw directly violates Nielson’s eighth heuristic on aesthetics and minimalist design. The menu forces the user to navigate through irrelevant information until they can find what they wanted initially. Namely, the interface has too many unnecessary elements that hinder users from quickly finding relevant information thereby increasing its ‘noise’.

3. Areas of Care: Poor System Status Visibility

Continuing the scenario, the user will have selected the desired healthcare department and be directed to another webpage. The user expects to find information about that specific department. However, the webpage does not direct the user to the right department. Rather, the user is directed to all the GMHA medical departments along with brief descriptions and pictures of each. Given this unfortunate usability flaw, the user that painstakingly clicked through multiple departments to select ‘Radiology’ could have clicked on ‘Care Units & CIF’ and been directed to the same webpage. Added to that frustration, the user would at this point realize that they didn’t need to select the right department because it was all located on the same webpage, to begin with. This feature was only intended to search for the desired facility on this webpage to make it ‘easier’ for the user to locate it sooner. However, pictures in the drop-down menu behave inconsistently which may or may not indicate system failure. For instance, while clicking ‘Pediatrics’, the system will function as intended. Yet, other links like ‘Radiology’ will break the system which resorts back to the ‘Areas of Care’ page confusing the user as to what happened. Therefore, this usability flaw violates Nielsen’s heuristics of system visibility since it erodes the user’s trust because of little feedback as to what the system is doing.

4. Areas of Care: Medical Facilities Lack Expected Information

This last step in the scenario is the largest disappointment to the user. Locating their desired GMHA medical facility yields little information about it. A user in this scenario would expect at least the department’s contact information but to no avail. This usability flaw is a blatant disregard for user empathy in showing that GMHA cares about its stakeholders by simply providing highly relevant contact information under a webpage that explicitly states, ‘Area of Care’. While this information could be found on GMHA’s homepage, it’s obscurely placed amongst a plethora of similar-looking links making it unnecessarily difficult to locate this information.

As a result, this lack of contact information directly violates Nielsen’s heuristic of matching between the system and the real world. By not providing contact information, such as phone numbers, emails, or GMHA building locations, for this specific webpage, there exists a mismatch in expectations between GMHA’s website and its stakeholders. Such information should appear virtually on GMHA’s website as it does on contact cards, brochures, and other reading material in the real world.

5. Find a Provider: Results show blank white space

While this scenario differs slightly in its steps, the objective remains the same for the user. That is, they need to acquire contact information through a GMHA provider instead of a medical facility. Taking these steps, the user would click on ‘Find a Provider’ from the homepage. Another drop-down menu will display prompting the user to search for their provider through various means. The usability flaw arises when the user types in the last name, ‘Flores’ into the search box and selects ‘Search’. They are directed to a screen with GMHA header information and blank white space underneath ‘Find a Provider’. There is no indication or message that the system could not find a provider based on ‘Flores’.

This usability flaw directly violates Nielsen’s heuristic for users recognizing, diagnosing, and recovering from input errors. That is, the system should use plain language to notify the user of not being able to find a medical provider with that last name. Additionally, the system did not provide any solutions (or any indication) for recovering from said search criteria. Added to these usability flaws, the system’s lack of communication (feedback) to the user erodes their confidence in it. This demonstrates another heuristic violated–poor system visibility for the user.

Recommended Design Improvements

1. Re-work homepage design layout to better reflect the ‘essentials’

Reducing action commands on the homepage such as “GMHA in the News” and “Watch the Video” will improve readability by reducing ‘noise’. This will also keep users focused on locating essential information from the homepage. Additionally, the GMHA facilities phone directory must be clearly identified without requiring users to scroll down the page. Providing this directory in an easily identifiable way on the homepage greatly improves its aesthetics without frustrating users’ experience.

2. Minimalize the drop-down menu interface

The current menu layout does not present all the “essentials” that users need to make informed decisions. Therefore, it must be minimalized. Namely, removing all pictures, which can be considered ‘noise’. Additionally, presenting all GMHA medical facility directories immediately on the same menu with clear visibility (not at all like the homepage footer link arrangement). There will be an aesthetic element added to draw user’s attention to the medical facility directories. By implementing these two solutions, users will have better information scent that will keep the content and visual design of the menu layout simple.

3. Re-work programming logic to function as intended

The Area of Care webpage displays a long list of every GMHA medical facility. This webpage already has programming logic that will locate the appropriate facility based on the user’s selection from the drop-down menu. However, most selected facilities do not direct the user to their respective information on the webpage. If the user selects, “Pediatrics”, then the system will function as intended. Re-working the programming logic to function as it does for “Pediatrics” will tremendously improve webpage usability as it will improve system communication and user trust. Currently, the system simply resorts back to the top of the webpage (or anywhere else depending on the selected facility) with no clear feedback as to what happened, which leaves users confused and frustrated.

4. Provide contact information

Following real-world etiquette, providing contact information on the webpage matches GMHA’s interface with it. That is, users will know that GMHA is empathetic to their needs by displaying each medical facility’s contact information. Such information includes phone numbers, email addresses, and building locations. This approach solidifies expectations in the system with the user thereby improving website usability.

5. Provide system feedback and allow the user to recover from their search results.

Use plain language that clearly indicates the provider was not found based on the user’s search criteria. Additionally, the system must provide a link directing them back to the prior webpage. Providing immediate feedback for search tasks allows users to quickly assess their search results to make better decisions thereby improving system visibility. If the system could not find a provider, displaying a link that directs the user back to their search helps them recover from errors sooner in acquiring the right medical provider.

WORD COUNT: 1784

Individual Assignment 2 – Colin Webb

Website

The Boston Public Library, established in 1848, was the first large free municipal library in the United States. It was also the first library system to establish branches to serve their community. As of today, it has 26 branches throughout the city of Boston. After 175 years of serving the public, this public library system has seen many revisions throughout its years.

The Boston Public Library’s homepage (Boston Public Library (bpl.org)) seems clear and concise. At the top of the page, there are drop downs to guide me to different areas of the library. However, looking below those banners, there are two sections labeled, “Featured” and “Featured Events”. When chosen, each featured item took me to a dedicated webpage pertaining to that feature. I noticed that the targeted webpages did not always have the same titles as they did on the homepage’s “Featured” posting. This is a violation of the heuristic of consistency and standards because it could confuse users into thinking they are looking at the incorrect information. Confusion could be avoided if the titles of the features matched exactly the title of the webpage titles.

Evaluation

The focus of this evaluation is searching for available English-speaking classes in the Boston Public Library system. My approach for this evaluation was to see if there was a straight-forward way to obtain where in the Boston area I could take English-speaking classes. I started by moving through the dropdown menus on the homepage and noticed “classes” was located under the services dropdown. However, when I clicked on it, I was taken to the “Events” main page. Although classes can be considered events, it is not clear because classes were listed under the “Services” dropdown instead of the “Events” dropdown. This violates the heuristic of flexibility and efficiency of use because inexperienced users would be confused by accessing classes from two different paths. Under the “Services” dropdown, finding classes is a direct link, while under the “Events” main page, I had to additionally choose the “Workshops & Classes” filter. Even more confusing is under the “Events” dropdown, there is no mention of classes or workshop.

Once filtered down to just workshops and classes, there is no additional search for a specific class that someone may want. There were 287 items under workshops and classes which resulted in 15 pages to search through. I then took a different approach and used the main search bar which is present on every page. I chose events in the dropdown and when I typed in “English speaking classes” the results revealed ESOL classes, which stands for English for Speakers of Other Languages. Despite the abbreviation being described below the description of each event, the audience may not know what it means at first. This also violates consistency and standards because it is showing the abbreviations that users may not know until they open the page. It would be more informative if the abbreviation and its meaning were placed closer to each other.

All ESOL classes were listed in the results in chronological order. Some of the classes gave information on whether registration was full or required, while other classes did not have any information on how to register for them. This a violation of the help and documentation heuristic. Clicking on a class that did not have any information on registration will not tell the user how they can attend the class or any other information other than the date and the time. Every class available show information on how to participate. If registration for a class would be available at a future date, it should at minimum inform the user “Registration coming soon”.

Filters, located on the left side of the events page, can be used to further narrow the particular location and audience (by age). It would be more advantageous if there was a filter for the knowledge level of those wanting to learn English. For example: beginner, intermediate, conversational, etc. This would make the website comply more with the heuristic of flexibility and efficiency of use.

I additionally put “ESOL” in the event search tool and it resulted in the same list of classes. But there was a new “Computer/Technology Classes” event type filter to choose from. These classes were for non-English speakers and focused on strengthening their technology skills, which is unrelated to learning English. This violates the consistency and standards heuristic because English speaking classes specifically use the acronym ESOL, but the search results are different. ESOL is a broader search encompassing more than just English-speaking classes.

Analysis

One main flaw that I realized when searching for English-speaking classes is that the results are given in the English language. A suggestion would be to allow users of the website to choose an alternate language, especially since they may not read or understand much English. Another suggestion would be to create a separate section for classes only and not group them in with events. This would be a direct way for any user to find what courses are offered.

The Boston Public Library has proven itself a memorable and useful library, but its website still suffers from some of the issues that other libraries have with their own websites. It appears to be more focused towards patrons who have used their libraries before instead of new members. It needs to find a correct balance between assisting new users and old users.

Individual Assignment 2

Logan Davis – Arts and Crafts

Introduction

The website I have chosen for my heuristic evaluation is a Pinterest article. The specific article can be found under a collection entitled “Art and Crafts for Kids,” which contains a vast number of similar articles that offer arts and crafts activities that are supposedly meant for kids. The specific article I have chosen is titled “Tulip in a Heart Card Mothers Day Craft,” and includes a short video giving instructions on how to make the card specified in the title. Along with this video is a very brief description and a comments section.

Scenario

The scenario that I am imagining for the evaluation of this website is that of a younger child looking for something to make for their mom for Mother’s Day. With that being said, I am viewing the provided instructions in the video as they would be from the point of view of a child. I am assuming this child does not have any help from any adults and are attempting to complete this craft entirely on their own.

Analysis

The first flaw that shows itself is the use of materials that are not obviously available. In the instructional video, the demonstrator has multiple templates that are used to trace out various aspects of the craft. Despite these being such an important part of the process, there is no mention of how to attain these templates, or even how to make them yourself. There are no links provided outside of the video that would lead someone to finding these templates either. On top of this there are multiple comments asking about these templates as well, all with no answers. Secondly, there is no provided list of the necessary materials for completing this craft. Throughout the instructional video, the demonstrator uses scissors, glue, multiple sheets of construction paper, and the aforementioned templates. At no point in the video is it stated that the user will need to use all of these materials, and the only way they would find this information is by watching the full video and making a note of each material being used. While this normally would not be an issue for someone even slightly older, a younger child might find themselves beginning the craft without having the necessary materials gathered. This could prove to be a problem, especially if said child is attempting to complete this without the help of a parent. The final issue that I have found relates to the landing page of the website, rather than the specific article itself. The main page consists of what is essentially a wall of thumbnails that could easily become overwhelming for anyone, let alone a child. Along with this mess of thumbnails, the images are much larger than the titles of the articles, which are in a small font underneath the images, which could prove to be confusing or even easy to miss, leading to navigational issues.

  • The first flaw I mentioned, the use of templates without any explanation as to how to attain them, falls under heuristic rule number 2 “match between system and the real world.” The second flaw I mentioned, the lack of an explanation of materials, falls under heuristic rule number 6 “recognition rather than recall.” The final flaw I mentioned, the overwhelming main page, falls under heuristic rule number 8 “aesthetic and minimalist design.”
  • The first flaw I mentioned violates the second rule because information does not “appear in a natural and logical order.” The demonstrator uses the aforementioned templates which are not entirely obvious to the user. It may have been clear to the creator where or how to obtain these templates, but to the user it is not obvious at all. The second flaw I mentioned violates the sixth rule because it falls upon the user to be able to recall what materials they need while in the middle of the instructional process, rather than recognizing the necessary materials from a prior materials list. It would be much easier for the user to recognize the materials they need if that information had been explained prior to the instructions. The final flaw I mentioned violates the eighth rule because the main page is not aesthetically pleasing at all and could serve to be much more minimalistic. The images are way too big, the text is way too small, and each article’s link takes up far too much space.

Design Recommendations

In order to improve this site, I would add a link to the templates that are used in the video as well as a list of necessary materials. Adding a method to obtain the shown templates would cut out a lot of confusion for users, and provide them with a much simpler way to complete the craft instructions. A materials list at the beginning of the video or even as a text entry outside of the video would allow for users an easy to way to gather what they need before completing the instructions, rather than during the process. Along with these, I would fix the main page by making the thumbnails for each article smaller and their respective titles slightly larger. The main page would also benefit from being reorganized in a much more appealing fashion. These changes to the main page would provide users with a much simpler way to navigate through the available articles and decrease frustration.

Individual Assignment 2

Christopher Gregor – Libraries Group – LIS 5275

Website Chosen

For Assignment 2 I selected my local library, the St. Johns County Public Library System located at https://sjcpls.org/. This library has been an active part of St. Johns County and was first established in the county library system on September 27, 1977. However, the first library of St. Johns County was established in St. Augustine in 1874. Residents and especially students across the county have relied on these libraries to complete schoolwork, research, and access to community resources.

The website itself is the central site for all of the St. Johns County libraries and offers services ranging from virtual events, a calendar of upcoming news and events for the libraries, recommendations, and the books-by-mail service. Amongst the many services offered by modern libraries, the St. Johns County Public Library System website offers a long-distance platform to use many of its services, especially post-COVID lockdown.

https://sjcpls.org/ main page

Scenario

The user is asked to imagine they have research they need to do and are stuck at home during the lockdown, using the St. Johns County Public Library System website to find and use the Book-by-Mail service to search for and “borrow” a book on the United States Revolutionary War. Since the final part of this scenario requires an actual account and processed application the user would only be required to reach the screen prompting them to request the book and not to actually order it.

              I approached the scenario viewing of this site searching for usability heuristic flaws on the website. With the scenario described my user began interacting with the drop-down menus to search for Book-by-Mail to find the requested book. They began by interacting with the eLibrary drop-down menu and selecting FL Electronic Library. This redirected them to another site, Fl Electronic Library https://www.flelibrary.com/ immediately which did not contain any information Book by Mail as it was a completely different site. After going back to the main site via the back arrow my user then tried to access the Branches tab to search for Book by Mail through one of the local library branches, they were directed to helpful information about events at the branch, its location, and contact information but no mention of Books by Mail. Finally, they proceeded to the Explore tab where they found the link for Books by Mail.

              My user read over the process of Books by Mail and at this point, I instructed them to click on the link for the application to assume they were completing it; this link once again took them off the main site and to a pdf with no redirects to the main site. After using the back arrow to return I instructed them to assume they had completed the application and to access the link to the online catalog which they were able to find on the Books by Mail page and the Explore tab. Once on the catalog, they were able to easily search for the “United States Revolutionary War” and find several books requestable with the Books by Mail service, successfully completing the task.

Usability Flaws Found

              The first flaw I saw while my user was completing the scenario was when they accessed the FL Electronic Library link on the St. Johns County Public Library System. The link immediately sent my user to a separate website for the FL Electronic Library with no link on the site back to the home page of the St. Johns County Public Library System, requiring them to hit the back button several times (or type in the URL again to return to the start of the scenario). This lack of link back to the main website is a violation of the Usability Heuristic number three, User Control and Freedom. With no “Emergency Exit” on the second site or link back to the home site, this design failure leaves the user inconvenienced and essentially disconnected from the main site. In addition, this link to the FL Electronic Library website gave no warning or indication that this was a link to another website. This violates Usability Heuristic number six, without having been to the FL Electronic Library site before my user would have no reason to know it existed and had no signs of warning that this link would lead them off the main page.

              The second flaw involves the same failures as the first, when my user accessed the Book by Mail application the site informed the user that they would need to complete the application and submit it to the library virtually. However, once my user clicked on the link for the application it once again left the St. Johns County Public Library System main site and went to an online PDF. Not a downloadable but a whole separate page with no link to return back except for the back arrow.

Design Recommendations

              Following what my user completed and got stuck on in my scenario I would propose two design changes to improve the St. Johns County Public Library System, firstly when accessing the FL Electronic Library link on the website the user should be able to see a prompt on the new website to return to where they were. Since the websites were built for similar utilities of accessing library resources virtually it should be possible for each site to link to the other. On the main site though there should be a prompt or warning for the unfamiliar user to be aware they are leaving the St. Johns County Public Library System website, which may help them to know when they are going in the wrong direction for what they want to do a little earlier. The second recommendation I would give is to make the Book by Mail pdf link a downloadable document and not a separate page. It is more convenient for the user to download it anyway to fill out the form or open it in another tab than to effectively go to a separate site to view and then download the pdf. This is especially true since the pdf contains no instructions on submitting the application which was on the page before.

Heuristic Evaluation | Art Museums

“America’s First Modern Art Collection” https://www.phillipscollection.org/

The gallery was originally the home of Duncan Phillips, art collector and philanthropist. Several additions to the original house were required in order to accommodate the ever growing art collection, now consisting of nearly 6,000 modern and contemporary works.  

Evaluation Scenario

I will be using the website to plan art history lessons and a field trip for homeschooled high school students. Generally these lessons consist of studying several works of art by one specific artist, or works created during a specific time period and in a specific place (e.g. several works by Picasso, or works from the Hudson River School). Since it is hoped that through the field trip students will be able to see in person works of arts they have studied in class, I will broaden the parameters for choosing works for this course.

Analysis

The landing page for The Phillips website has two menu bars, a search bar, a ticket link, membership information, and a promotion of a current exhibition. A red banner at the top of the page gives museum hours, ticket information, and an additional link to “Plan Your Visit.”

If you hover your cursor over the main menu bar at the top, a dropdown menu appears which obscures most of the window. (See images above)

The original screen is busy and gives the user pause while trying to digest all of the options available. When the dropdown menu appears with even more options, and at the same time significantly changes the view of the screen, it only adds to the potential for “information overload” or cognitive strain and the potential for confusion. By trying to provide too many choices in the initial view, The Phillips website violates Usability Heuristic #8, Aesthetic and minimalist design.

The Recent Acquisitions section found towards the bottom of the homepage is another example of where too much is done in one space, again violating heuristic #8. The work being highlighted is obscured by the text – this is true as you scroll through the entire section.

However, it is possible to take minimalism too far. The image to the right shows the landing page when “Current Exhibitions” is selected from the “Exhibitions and Events” dropdown menu on the main page. This landing view feels like the page did not fully load, or is perhaps not formatted correctly for the screen.

Scrolling down does give a view of all current exhibitions, but for a moment the user can feel lost. Also, the breadcrumb trail is barely recognizable since it consists of only the menu category and a small, lightly colored arrow. These difficulties in navigation inhibit the visibility of system status by not making it clear where the user is within the website, violating heuristic #1.

An even more egregious error in keeping users informed about what is going on occurs when trying to search the collection.

The view above shows the search page prior to any filter applications.

Once a search is selected, the checkbox turns blue with a white checkmark. However, using the “Apply” button only adds a “Reset Filters” button. It does not start a list of applied filters or change the color of the “Apply” button or the selected filter’s checkbox.

The image above, right, shows selection of the Nineteenth-Century time period and the one on the left shows the view after that filter is added to the “On View” filter. Again, once the “Apply” button is clicked, the user does not have any confirmation of which filters have been applied. (Heuristic #1) This same issue occurs when selecting grades for lesson plans, but there, the dropdown menu for grades obscures the “Apply” button making it even more confusing whether or not the grade filter is applied. (See image below)

“Reset Filters” button is present here before and filters are selected, unlike the “Search the Collection” view. “Grade Levels” obscure the “Apply” button and there no confirmation that the filter has been applied.

As hoped, the museum did provide robust lesson plans for their collection and special exhibition. Unfortunately, my selection of six works from Nineteenth-Century French artists is not included in the lesson plans, but I will explore the lessons for Jacob Lawrence’s works on Toussaint L’Ouverture since that exhibit’s subject is familiar to the students.

While this is an excellent lesson plan, it is not especially friendly to the user. The text which is blue-green, and may only appear bold to color blind users, are links to other resources. Besides the problem of a color blind user being able to recognize the links, many of the links take the user to outside of the Phillips website. This move is made within the same browser window and without any warning asking the user if they want to proceed to a link outside of the current webpage. At least one of the links, “these paintings” – #3 in the lesson plan, takes the user to a press release issued by another gallery. This press release does not contain any images, which is what I expected to find when I used the link. Jumping to other websites without warning, violates consistency and standards, heuristic #4. Also, since there is no warning that the user will be moved out of the museum website, and therefore away from museum navigation tools, heuristic #1 is again violated. There is not communication or transparency from the website to the user about the consequence of using the links.

Recommendations

As a whole, The Phillips Collection website is attractive, informative, and fairly easy to use. With some minor changes addressing navigation and visibility exploration of the website would be streamlined, making the site more user friendly.

  1. Aesthetic and minimalist design, heuristic #8 improvements
    • Remove the red banner at the top of the homepage. All the information here is found in the “visit” dropdown menu directly below.
    • Change the dropdown menus to vertical view only; eliminate the large white box that takes over the entire homepage.
    • Remove the box insert on the lower right corner of the homepage. Again, tickets are available under the “visit” dropdown.
    • Move heading for “Recent Acquisitions” to the top of the field
  2. Visibility of system status, heuristic #1 improvements
    • Reformat all views for filter options: the “Exhibitions” filters should be reduced so they do not take up the entire window. Display filters that have been selected and applied.
    • Improve the visibility of the breadcrumb trail by putting dark colored arrows, using right to left directions
  3. Consistency and standards, heuristic #4
    • Changing the breadcrumb trail would also create consistency for users based on experience with other websites’ navigation tools
    • In the lesson plans, links should open in a separate browser window, and warn the user if the link leads to another website

Individual Assignment #2 (Hopper)

For my travel site I chose to review the app “Hopper,” due to its wide popularity and claims to provide the best possible deals. Hopper is a travel application designed simply to find users the best deals on flights and hotels. I recently came back from a trip to Aruba and booked my stay via AMEX travel for the hotel (Expedia) and directly through Delta.com for the flight. For this heuristic scenario, I have decided to book the same exact trip from beginning to end through Hopper and compare experiences and review hopper.com utilizing Jakob Nielsen’s 10 guiding principles.

First things first, I can’t use my laptop or desktop to book my trip?! Forcing a traveler to use their cell phone to book the entirety of their trip violates rules #4: Consistency and Standards and #7: flexibility and efficiency of use. The rule of consistency and standards states that an application should follow industry best practices, which in this situation would be to offer both mobile app booking as well as the ability to book on a website. Older users are much less likely to book a trip on their mobile devices than they are their desktop computers. The mobile application shrinks everything, which creates sensory overload for an app that depends on advertisements and a mass amount of options. The rule of flexibility and efficiency of use states that a user can personalize and customize their application. The fact that a user can only use their mobile application violates the principle of flexibility. Additionally, at no point was I able to customize or personalize my experience. In fact, I was only asked to create my account at the end of the experience right at the payment method step.

Moving on to booking my flight along with my hotel for the duration of my trip. This process was overwhelming. Again, an abundance of information all on a small screen was overwhelming and made for a stressful booking experience. I didn’t feel as though I was getting the best deal and didn’t find a way to combine booking my hotel and flight in the same process as I am accustomed to while using Expedia or similar sites. At the end of my booking experience I took to the airline and hotel websites directly and found cheaper rates! For a first time user this wasn’t a reassuring experience. Frankly, this is the point where I would delete the mobile app if this wasn’t for a graded assignment. These errors clearly violate the principles of aesthetic and minimalist design. More is less and in this case the UX designers need to reevaluate their mobile application layout. The designers need to be sure to make strong recommendations for the best possible flight/ hotel combination as well as the ability to book the both during the same process.

The final step that never happened were the recommendations. I was under the impression the Hopper app was the best at telling a user they weren’t booking the best deal, at the best price, at the best time. I was looking forward to the, “hey guy! don’t book this now! you can do better!” moment. This step violated the final principle, which is help. I was going to book a trip for way more than I should’ve and the app never helped me stop or even slow down. The app needs to have an automated help feature to assist the user with booking the best deal.

The Hopper concept is great and definitely one that had me thinking about using their product in the future. In order to more closely follow Nielsen’s heuristics principles, the developers can make a few significant changes. First, the developers need to bring the booking to desktop applications. By doing so, they’ll spread out their crowded interface and make the booking process easier for users accustomed to only booking trips using their preferred search engine. Second, if they’re stuck on solely using a mobile application they’ll need to reduce the amount of content each page has to display. Make it so a user can add to options as opposed to having them all laid out right from the beginning. I want to be able to do everything I can on this application as I can using a specific hotel or airline vendor. Points is life for frequent travelers and in order to stay relevant, Hopper should align their organization with other travel companies in order to provide the additional option of rewards points. Lastly, the application needs to constantly tell a user when they’re choosing the best deal at the best value. People use the Hopper app for helpful recommendations, they need to make sure a user is well-informed when making a poor decision, which is the helpful feature to ensure a user is making the best use of the product.