How it works

How to use Feng-GUI Dashboard:
Quick Guide
Reports
Fixations
Account Information
Input Images
Analysis Settings
Output Settings
Customization
Billing information

Quick Guide

Upload an image: Click [Upload > Image File] to select an image file. Wait until the image is uploaded and appears at the bottom images carousel.
Learn more about input images

Capture a webpage: Click [Upload > Web Address] to capture a webpage image. Wait until the webpage is captured and appears at the bottom images carousel.

Analysis Parameters: Select the image at the bottom images carousel, adjust the "Analysis Options".
Learn more about Analysis

Generate Reports: Click [Analyze]. Wait few minutes for the reports to load.
Learn more about Reports

Save Reports: Click the [Save] button to download and save the report files to your computer.

learn more about:

Start optimizing Your Design

Walkthrough Video

Attention Heatmap report

The Attention Heatmap uses a color gradient to display the areas with more or longer fixations. It displays the most attractive elements of the image in the form of "hot" and "cold" spots.
The Attention Heatmap report is a predicted eye tracking report of 40 viewers which show how areas of the original image attract the attention.
The heatmap colors range from green through yellow to red. The colors are representing low, medium and high levels of attention, respectively. Areas with no color imply that this area will be over looked.

Gaze Plot report

The Gaze Plot report visualizes the scan paths and order between elements inside the image. A Gaze Plot report is also referred as scanpath report. It is made of a series of short stops (called fixations) and fast movements of an eye (called saccades).
Fixations are marked with circles along with a number that state the order in which the eyes move between fixations.
The first fixation is marked with the number (1).
On average, fixations last for around 200 ms during the reading of linguistic text, and 350 ms during the viewing of a scene.
There are up to 30 fixations in the report, representing a 7.5 second gaze path. (250ms x 30 = 7.5 seconds)

Use the Gaze Plot report to visually demonstrate fixations order and gaze paths.

Opacity map report

The Opacity map report tones down information that is not attractive and visually displays what your viewers may perceive during the first few seconds of visual inspection.
The Opacity map report uses a transparency gradient. The opacity shows the parts of the media with the highest counts or longest fixations and shades the rest of the media.
The most transparent areas are those that attract more attention.

Use the Opacity report to identify which areas are being perceived and which are being ignored.

Areas of Interest report

The Areas of Interest report (AOIs) lets you define areas inside the image and determine the Visibility Score of this area.
Visibility Score is a summary metric that indicates how salient are the visuals inside this region. The visibility score is calculated based on the highest heatmap value found inside the AOI region.
The value is the probability of having a visual fixation within first 3-5 seconds inside this AOI region.
0% means no attention at all, and 100% means this area will be mostly noticeable.
Areas of Interest report is also referred as Regions of Interest report (ROIs)


You can use the Areas of Interest report to compare results between different versions of your design and layout.

To generate an AOIs report, Click on "Add Area" to add a new AOI area.
Resize and move the AOI area to adjust its location and dimensions.
Click "Analyze" to update the AOIs report with the latest AOIs details.

Aesthetics report

Aesthetics report enables you to examine the emotional aspects of aesthetics.

Colorful Score value ranges from 0 to 100.
A high score means that the design is exciting, interesting and colorful.
A low score means calm and boring design.

Clear Score value ranges from 0 to 100.
A high score means that the design is clean, simple and clear.
A low score means highly confusing, complex and cluttered design.

Balanced Score value ranges from 0 to 100.
A high score means that the design is symmetrical, balanced and harmonic.
A low score means unbalanced and asymmetrical
The cyan grid demonstrates color balance.
The magenta grid demonstrates intensity balance.

Fixations

Time to first fixation - The time in seconds from when the stimulus was shown until the start of the first fixation within an Area Of Interest (AOI).
Fixation length - The length of the fixations in seconds within an AOI.
Fixation count - The number of fixations within an AOI.
Observation length - The total time in seconds for every time a person has looked within an AOI, starting with a fixation within the AOI and ending with a fixation outside the AOI.
Observation count - The number of visits and re-visits to an AOI.
Fixations before - The number of fixations before the participant fixated within an AOI for the first time.
Participant percentage - The percentage of participants that have fixated at least once within an AOI.

Account information

Display information about your account along with purchased and used credits.
  • The credit is charged only when uploading an image. For each image you upload, you can generate any amount of attention analysis with no extra charge.
  • Every credit package has different expiration period.
  • Web API accounts can also log in and use the dashboard.

Input Image

  • Size limits
    Upload image can be no larger than 5MB.

  • Formats
    You can upload images from any of the following file formats: PNG and JPG

  • Dimensions
    • Recommended 1024x768, 1366x768 , 1920x1080
    • Minimum 800x600. Using smaller dimensions may result in reducing accuracy of the analysis.
    • Maximum 1920x1080. Using larger dimensions will not improve the analysis accuracy and noticeably increases the processing time.
    • Prefer to use wide images and not narrow images.

  • Website Screenshot
    To quickly create a website screenshot image and upload it, use the menu action Upload > Web Address
    Be aware that website capture can be inaccurate due to page speed or behavior.
    For an accurate screenshot, you should create the screenshot manually, using a browser add-on, and then upload the image using the menu Upload > Image File
    • To create a web snapshot, you can use a browser add-on such as:
      * Awesome Screenshot
      * Fireshot
      * Paparazzi for Mac OSX
    • Capture the visible part of the webpage.
    • Create a website screenshot which contains only the webpage itself. Do not include the surrounding browser UI elements.

  • Quality
    Use your highest quality images. We recommend on using PNG files. As JPEG is a lossy compression method, which can add compression artifacts into the image.
    You can use JPG format, as long as the image was created using no compression and 100% quality.
    If you do not have an original file as PNG, do not save the JPEG as PNG because this can result in an even larger file and will not improve the image quality.

Analysis Settings

Specifies which sub algorithms to include in the analysis. Analysis includes by default, visual features such as colors contrast and orientation and many more. See a complete list of features analyzed.
  • View Type
    This parameter currently has no impact on the heatmap. By selecting a value you are helping Feng-GUI system to learn more about the content inside input images.

  • View Distance
    Set the viewer distance from this image. Default is a computer screen.
    Available options are: Desktop Screen, Mobile, Print, Indoor Signage, Package Design and Outdoor Billboard.

  • Face detection
    Mark this check box only if the image contains faces.

  • Text detection
    Mark this check box only if the image contains text.

  • Skin detection
    Mark this check box only if the image contains human skin.

Output Settings

Specifies how the output report is presented.
Output settings removed from the Dashboard. You can only control the report settings through the Web API.
  • Circle HotSpots
    Draw circles around the areas of highest attention. The hotspots are also referred as fixations

  • Generate Gaze Plot
    Draw the scanpath between hotspots. The resulting series of fixations and saccades is also called a scanpath.

  • Draw Gaze Order Numbers
    Draw numbers next to each hotspot representing the order in which they will be viewed. Time of each fixation 200ms-350ms

  • Merge Heatmap with original image
    Uncheck this if you wish to generate the heatmap image without a merged layer of the original image.

  • Draw heatmap legend
    A map legend is the little box in the corner of the heatmap which contains parameters information. (always true)

Customization

More output Customization settings at dashboard > My Settings > Customization
  • Custom Watermark
    Upload your logo and we will embed it into the reports (watermark.png).
    To test your change, click "Analyze" and examine the watermark at the bottom right corner of each image report.
    Default watermark
    To have no watermark at all, upload a small transparent png image file.
    empty watermark

  • Custom Report
    Upload a custom report template file (template.htm or template.mdddl) . Using a custom report template you can add your logo, remove Feng-GUI branding, choose your report’s visual style, and edit the content to fit the audience. To test your change, click "Download > Report as pdf" and examine the new report design.
    Download examples of default and custom template files

Billing information

Invoices
Price, Transaction and Invoice may appear as not available (NA) for unprocessed, refunded or old purchase transactions.
Invoices are available winthin 5 business days and will appear inside your account.

Changing your invoice
Once an invoice is issued, we're not able to make any changes to it. This is the case even if you've accidentally entered incorrect billing information. However, you can edit your billing information at any time, at 'Profile Details' and the changes will be reflected on your future invoices.
After changing your billing information, download the invoice.

How to Unsubscribe via PayPal
Log in to your PayPal account at paypal.com
Click the Settings icon next to "Log out."
Select Preapproved Payments under "Payment settings"
Select the merchant whose agreement you want to cancel and click the Cancel Subscription button.
Confirm your request to finalize the cancellation.
Canceling a subscription has no effect on your existing credits.