Extract and inspect web design measurements!.
Web Design Scraper is a research tool for extracting objective web design measurements from a web page.
Web design measurements are aspects from web design that are representable in numerical form, generated by procedural algorithms.
In this tool, you can download the extracted measurements in a JSON file, which can be used as machine learning inputs for:
➡️ Predicting the usability of websites
➡️ Classifying websites based on certain design measurements
➡️ Scoring website quality and design aesthetic
Our algorithms can extract the following measurements:
➡️ Symmetry (calculate ciede2000 average from the screenshot)
➡️ Complexity (estimate text elements usage in the web page)
➡️ Density (estimate negative space usage)
➡️ Cohesion (calculate image elements aspect ratio consistency)
➡️ Economy (calculate ui element size consistency)
➡️ Simplicity (get total alignment points of ui elements)
➡️ Dominant colors
➡️ Font families
➡️ Text size distribution
More design measurements are currently being researched. ?
This extension is the implementation of the web design scraping concept that we coined in our research paper [1].
Visit our GitHub Repo to see how we extract the web design measurements:
https://github.com/echamudi/web-design-scraper
-----
[1] A. Namoun, A. Alshanqiti, E. Chamudi and M. A. Rahmon, "Web Design Scraping: Enabling Factors, Opportunities and Research Directions," 2020 12th International Conference on Information Technology and Electrical Engineering (ICITEE), Yogyakarta, 2020, pp. 104-109, doi: 10.1109/ICITEE49829.2020.9271770.
You can Follow the below Step By Step procedure to install the Web Design Scraper Chrome Extension to your Chrome Web browser.
It is the Web Design Scraper Chrome extension download link you can download and install Chrome Browser.
Tags: Total Alignment Points , Information Technology , Inspect Web Design Measurements , Research Tool , Web Design Measurements , Ui Element Size Consistency , Text Size Distribution , Negative Space Usage , Text Size , Electrical Engineering , Web Design , Web Design Scraping , Machine Learning Inputs , Calculate Ui , Objective Web Design Measurements , Estimate Text Elements Usage , Ui Elements , Design Measurements ,
Instant Data Scraper extracts data from web pages and exports it as Excel or CSV files
No-Code Scraper - Easy data extraction
Scraper extracts data out of HTML web pages and imports it into excel, xls, xlsx, csv, json, xml files.
Simple web scraper,extracts web data from HTML pages and imports it into Google Sheet, Excel or CSV
IG Comment Scraper extracts comments from IG posts
Amazon Product Scraper extracts products from Amazon to CSV in one click
Tripadvisor Scraper exports search results from Tripadvisor to CSV with one click
Scrapes HTML Content without needing to call a backend API!
Scraping data from the web is hard. We can automate extracting data from websites for you!
Scraper is a Google Chrome extension for getting data out of web pages and into spreadsheets.