EyeQuant Browser Extension
EyeQuant's Browser Extension is here! Now you can run analyses directly from a web page without the need to navigate to EyeQuant's app. At the click of a button, you can analyze exactly what you see in your browser, and the analysis perception map results will open in a new tab (with scores).
Ready to install EyeQuant's Browser Extension? Here's how:
From your EyeQuant Account, press the button that says " Connect Browser Extension".
Note: You will be prompted to allow certain permissions. The extension runs on cookies, and if they get deleted, you'll need to refollow the steps above.
Now that your extension is installed, you're ready to analyze live web pages on the go!
Using the EyeQuant Browser Extension
Click on the EyeQuant Browser Extension button and drop menu will appear.
Press the Analyze button if you want to run the page as-is.
If you want to use a preset size (laptop or desktop, for instance), click > size presets .
Selecting one of the preset sizes will adjust the browser size automatically. Once you've selected a size, press the Analyze button.
Note: The Custom button allows you to choose your own size, just type the width and height into the editable fields. It will remember the last used custom size, so that you can analyze multiple pages at consistent sizes.
Want to know how to analyze pages for a mobile or tablet device? Click here!
You'll now be directed to a new tab where you can see the partial-results of your analysis. If you want to see the full results (all EyeQuant maps), click "See full results". You'll then be directed back into the EyeQuant app.
Using Chrome's Developer tools to emulate different devices is great way to test your responsive design. If you've never used these tools before, you can read Google's guide here.
Keep in mind that when emulating a mobile environment, Google will automatically re-size the design to 'fit-to-window'. This lowers the overall resolution which negatively skews your EyeQuant results. When analyzing with the EyeQuant Chrome extension you'll want to make sure the screen size is set to 100% as shown below.
Interested in using the EyeQuant Chrome Extension to analyze designs saved on your computer? Then you'll need to adjust the your extension settings.
To do so, simply right-click the EyeQuant extension icon in your browser and select "Manage Extensions". From there you'll want to toggle on "Allow access to file URLs", as seen here.
Message us if you have any questions!