cncf / landscape

🌄 The Cloud Native Interactive Landscape filters and sorts hundreds of projects and products, and shows details including GitHub stars, funding, first and last commits, contributor counts and headquarters location.
https://l.cncf.io
Apache License 2.0
9.35k stars 1.97k forks source link

Execution of Heuristic Analysis #3094

Closed andreuxxxx closed 9 months ago

andreuxxxx commented 1 year ago

@Hilzygift

After our discussion on Thursday, May 22, Hilda will:

Image

Hilzygift commented 1 year ago

What Is the CNCF Landscape?

The Cloud Native Landscape project attempts to compile, categorize, and organize all open source projects and proprietary products that can benefit [cloud native applications](https://www.aquasec.com/cloud-native-academy/cloud-native-applications/cloud-native-applications-101/).

The Cloud Native Computing Foundation (CNCF) maintains the cloud native landscape project. The project offers:

The Cloud Native Landscape includes six categories, which we will describe in depth: Provisioning, Runtime, Orchestration, Observability, and Platform. LINK

What Are the 6 Categories of the Cloud Native Landscape? Here are the six categories of the CNCF [cloud native](https://www.aquasec.com/cloud-native-academy/cloud-native-applications/cloud-native-applications-101/) landscape:

Methodology

The methodology used for the heuristic evaluation of the CNCF-Landscape website is Nielsen and Molich's heuristics. The domains used are:

1: Visibility of System Status

2: Match between system and the real world

3: User control and freedom

4: Consistency and standards

5: Error prevention

6: Recognition rather than recall

7: Flexibility and efficiency of use

8: Aesthetic and minimalist design

9: Accessibility

10: Help and documentation

Goal

Research a foundation to lay out a set of solutions to improve the current way to search, navigate and find relevant information on the Landscape.

Demographic : Devops Engineer, Software Architect, Backend Developer, Full-stack Developer, Frontend/Application Developer

Heuristics Summary

  1. Visibility of system status

Users should be able to easily understand the current status of the system or application and its response to their actions. Here are the major findings I deduced while analyzing this domain on the CNCF-Landscape website:

The search field is not present which makes searching for an item difficult. The filters present are clumsy. Elements/molecule states are not too obvious. (having a severity score of 4-critical).

Recommendation: Creating an affordance for search fields.

2 (2)
  1. Match between system and the real world

The language and concepts used in the system should match the language and concepts familiar to users. Major findings are: The Navigation of the site is not situated properly. There is not a definite navigation bar at the top and the footer below (having a severity score of 3-Major).

Recommendation: Making an obvious navigation of the website would create a proper understanding of user journey flows. The information architecture of the website would be improved therein.

22 (2)
  1. User control and freedom

Users should be able to easily undo or correct their actions and should not be forced into making irreversible actions. Having made an analysis of the site based on this domain, users would be able to undo or correct their actions.

  1. Consistency and standards

The system should follow established conventions and standards to ensure that users can easily understand how to use it. Major findings: There isn't any menu bar or navigation bar except the one adopted for the mobile version which only shows the filter and tab switch between the landscape and the guide page.

Recommendation: Suitable navigation bar should be made or designed for easy accessibility to menu options (having a severity score of 3-Major). The system maintains consistency in typography, But colours, layout, and some other components need to be worked on (having a severity score of 3-Major).

3 (1) 4
  1. Error prevention

The system should be designed to prevent errors from occurring in the first place. After conducting a study of the website based on this domain, it was determined that error prevention is little in terms of severity. However, when implementing features that have to do with data production, input fields, options, and dialogues, this can be improved and properly considered.

  1. Recognition rather than recall

The system should minimise the need for users to remember information by providing visual cues or context. Major findings: Navigational items were present but there is still information overload to an extent, white space can be improved for easy scanning of elements. However, user research would provide more insight (having a severity score of 3-Major).

6 (1)
  1. Flexibility and efficiency of use

The system should cater to both novice and experienced users, providing shortcuts and accelerators for those who are more experienced. Major findings: Tool-tips that describe features and aid users in understanding the objective of the display were not properly effected, as clicking on them leads to the guide page. Recommendation: a prompter should be embedded to give an info of what the tool-tips means for that particulate component it is being used on (having a severity score of 2-Minor).

CNCF 7 (1)
  1. Aesthetic and minimalist design

The system should be visually appealing and avoid extraneous information. The system's layout does not aid in concentrating attention on work flow. Information structures are not concise and limited scanning occurs. User research can help us churn out irrelevant information and retain the relevant ones. Some logos placed on the landscape are not clear and seem to be of small size. The colours used to guide the logo icons can be improved.

8 (1)
  1. Accessibility

Amount of content displayed at a time is not all that reasonable, they are somewhat clustered most especially the technologies logo arrangement. Colours and text testing for accessibility according to the Web Content Accessibility Guidelines (WCAG) is highly encouraged to be done during the process of website redesign. For example: the tags used to display certain information about a particular organisation; the colours used can be improved.

CNCF Landscape (1)
  1. Help and documentation

Proper documentation was done concerning the usage of the landscape. However, it can be improved upon with proper navigation.

10 (1)

@andreuxxxx

avantikajain289 commented 1 year ago

@andreuxxxx and @Hilzygift

I am attaching my heuristic analysis notion file here to add to our research:

https://rust-flavor-4ed.notion.site/CNCF-Landscape-Heuristic-Analysis-ae041d4c92ec463aa94a5a9b72881707?pvs=4

tegioz commented 9 months ago

Thanks @andreuxxxx @Hilzygift!

We've just migrated the CNCF landscape to v2, so I'll close this one for now.

Please feel free to reopen if needed 🙂