Giter Club home page Giter Club logo

Comments (8)

mariuspedersen avatar mariuspedersen commented on August 29, 2024

The idea with the gray mask was to indicate for the observer that he/she had seen this image in fullscreen. Without marking them it would be difficult to know if the observer has seen one image.

The thumbnails are already "corrupted" because they have been scaled. However, I do see the point that some might think it is part of the experimental procedure. There might be other ways to mark that they have been moved. It could be by changing the color of the label.

A quick solution for this is to write in the instructions to the observers that the images are becoming gray once they have been moved, to indicate that they have been seen in fullscreen.

from quickeval.

 avatar commented on August 29, 2024

I would strongly recommend to remove the gray masks, because we already have numbers and letters to identify image distortions. It is much easier at least for me to look at the image content to decide whether it is in the right place even it might not be moved at all since the initial state.

from quickeval.

mariuspedersen avatar mariuspedersen commented on August 29, 2024

A key point here is that one should use the thumbnails to see where it should be placed, since the thumbnails have been resized and does not represent the image accurately. I still like the idea to see which one has been viewed in full size. However, we might look at other options than a gray mask for this.

from quickeval.

mariuspedersen avatar mariuspedersen commented on August 29, 2024

After testing it with Ping, we decided that the rank numbers and the image letters should change place. The letter for the image should go on top of the image, and the rank number shoule be below. This is less confusing for the observer.
also the rank number (i.e. text below) should be increased (larger font size).

from quickeval.

mariuspedersen avatar mariuspedersen commented on August 29, 2024

After testing more I agree with Ping that the gray mask should be removed.

from quickeval.

khaivngo avatar khaivngo commented on August 29, 2024

I propose substituting the gray mask with an icon of an eye next to the initial position, here it is implemented instead of the gray mask:

from quickeval.

mariuspedersen avatar mariuspedersen commented on August 29, 2024

To me this looks good! Can you also look into changing the position of the letters and numbers?

from quickeval.

khaivngo avatar khaivngo commented on August 29, 2024

It is next on the todo list.

from quickeval.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.