Usage Stats
2022
Web Data Extraction
Zyte is the original and best web data platform. I designed a dashboard for web extraction engineers and developers to understand their usage and requests through data visualization.
Usage Stats
2022
Web Data Extraction
Zyte is the original and best web data extraction platform. I designed a dashboard for web extraction engineers and developers to understand their usage and requests through data visualization.
Usage Stats
2022
Web Data Extraction
Zyte is the original and best web data platform. I designed a dashboard for web extraction engineers and developers to understand their usage and requests through data visualization.
Challenge
User Research
"An effective dashboard is the product not of cute gauges, meters and traffic lights, but rather of informed design: more science than art, more simplicity than dazzle. It is, above all else, about communication." – Stephen Few (from Information Dashboard Design: The Effective Communication of Visual Data, 2006)
Large datasets, visualizing them with different filters and functions while meeting customers' needs, make this project challenging.
Challenge
User Research
"An effective dashboard is the product not of cute gauges, meters and traffic lights, but rather of informed design: more science than art, more simplicity than dazzle. It is, above all else, about communication." – Stephen Few (from Information Dashboard Design: The Effective Communication of Visual Data, 2006)
Large datasets, visualizing them with different filters and functions while meeting customers' needs, make this project challenging.
Challenge
User Research
"An effective dashboard is the product not of cute gauges, meters and traffic lights, but rather of informed design: more science than art, more simplicity than dazzle. It is, above all else, about communication." – Stephen Few (from Information Dashboard Design: The Effective Communication of Visual Data, 2006)
Large datasets, visualizing them with different filters and functions while meeting customers' needs, make this project challenging.
Grouping features using the law of similarity for buttons, dropdowns, and inputs are perceived to be similar in appearance but function differently. Similarity can be exploited when items cannot be placed within proximity to each other or wouldn't be logical to do.
Grouping features using the law of similarity for buttons, dropdowns, and inputs are perceived to be similar in appearance but function differently. Similarity can be exploited when items cannot be placed within proximity to each other or wouldn't be logical to do.
Design Solutions
I collaborated with the Tech Lead and a UX Designer to understand the limitations and possibilities of the data driving the aggregated results.
Gestalt Principles
The speed and accuracy at which users can compare, deduce, and detect particular patterns (alongside numerous other potential functions) ought to serve as the benchmark for evaluating techniques employed in visualizing information.
Design Solutions
I collaborated with the Tech Lead and a UX Designer to understand the limitations and possibilities of the data driving the aggregated results.
Gestalt Principles
The speed and accuracy at which users can compare, deduce, and detect particular patterns (alongside numerous other potential functions) ought to serve as the benchmark for evaluating techniques employed in visualizing information.
Group by Costs filter is enabled: The Costs button filters are represented by colours to signify the type of data the user chooses to display. The rest of the filters, such as Status, Output, Features, and Metrics, can have a single or multiple selection of datasets to visualize the results in the center region.
Group by Costs filter is enabled: The Costs button filters are represented by colours to signify the type of data the user chooses to display. The rest of the filters, such as Status, Output, Features, and Metrics, can have a single or multiple selection of datasets to visualize the results in the center region.
Group by Costs filter is enabled: The Costs button filters are represented by colours to signify the type of data the user chooses to display. The rest of the filters, such as Status, Output, Features, and Metrics, can have a single or multiple selection of datasets to visualize the results in the center region.
Common Display Methods
Bar Graphs
Bar graphs allow for the quick comprehension of categorical information. Using high contrasting colours, the viewer can quickly gauge what dataset has a larger or smaller value. Effective for comparing values between groups of data and showing distributions or proportions.
Line Charts
Line charts are useful for showing trends over time or continuous data. They are commonly used to visualize data that changes over a continuous range, such as stock prices, temperature fluctuations, or website traffic over time. Line charts connect data points with lines, making it easy to observe patterns and changes.
Circular Charts
Circular bar charts are often used when the goal is to create an attention-captivating chart with an aggregate sense of the data. Humans are naturally drawn to circles and curves, making this type of chart visually appealing.
Common Display Methods
Bar Graphs
Bar graphs allow for the quick comprehension of categorical information. Using high contrasting colours, the viewer can quickly gauge what dataset has a larger or smaller value. Effective for comparing values between groups of data and showing distributions or proportions.
Line Charts
Line charts are useful for showing trends over time or continuous data. They are commonly used to visualize data that changes over a continuous range, such as stock prices, temperature fluctuations, or website traffic over time. Line charts connect data points with lines, making it easy to observe patterns and changes.
Circular Charts
Circular bar charts are often used when the goal is to create an attention-captivating chart with an aggregate sense of the data. Humans are naturally drawn to circles and curves, making this type of chart visually appealing.
Common Display Methods
Bar Graphs
Bar graphs allow for the quick comprehension of categorical information. Using high contrasting colours, the viewer can quickly gauge what dataset has a larger or smaller value. Effective for comparing values between groups of data and showing distributions or proportions.
Line Charts
Line charts are useful for showing trends over time or continuous data. They are commonly used to visualize data that changes over a continuous range, such as stock prices, temperature fluctuations, or website traffic over time. Line charts connect data points with lines, making it easy to observe patterns and changes.
Circular Charts
Circular bar charts are often used when the goal is to create an attention-captivating chart with an aggregate sense of the data. Humans are naturally drawn to circles and curves, making this type of chart visually appealing.
Non-cumulative: When cumulative is disabled using the toggle switch, the data displays the number of requests at each point in time defined by the selected time interval.
Non-cumulative: When cumulative is disabled using the toggle switch, the data displays the number of requests at each point in time defined by the selected time interval.
Non-cumulative: When cumulative is disabled using the toggle switch, the data displays the number of requests at each point in time defined by the selected time interval.
Filter setting: Show me successful outputs with extraction, including the actions and script features that cost less than or equal to $0.004. An additional filter setting is to show metrics in price, grouped by features presented in stacked and cumulative graphs.
Filter setting: Show me successful outputs with extraction, including the actions and script features that cost less than or equal to $0.004. An additional filter setting is to show metrics in price, grouped by features presented in stacked and cumulative graphs.
Filter setting: Show me successful outputs with extraction, including the actions and script features that cost less than or equal to $0.004. An additional filter setting is to show metrics in price, grouped by features presented in stacked and cumulative graphs.
A table view is provided to users to inform them of their specific website request.
A table view is provided to users to inform them of their specific website request.
A table view is provided to users to inform them of their specific website request.
Conclusion
By understanding the roles, activities, and goals of our users, I identified their challenges and create a tangible solution.
Conclusion
By understanding the roles, activities, and goals of our users, I identified their challenges and create a tangible solution.
© 2026 telo santos
© 2026 telo santos
© 2026 telo santos