-
In terms of usability, I found the click-and-drag grid setup to be fairly efficient. In terms of learnability,
I was a bit confused by the fact that the squares are transparent but not the div labels, so it was a bit confusing at first
being unsure of where my older div placements had gone. That being said, I'm not sure how I would fix this either - stacking labels
would probably be equally as confusing if not more. With regards to safety, I wish there was a undo button for changes to the grid,
especially deletion. There is a reset button but that erases all progress, when sometimes I just misstep on a single grid placement
and would like to undo only that change. Other than that, I found the interface to be simple, clean, and aesthetic.
-
In terms of teaching the feature, I'm not sure I have learned how to make a grid of my own after using the demo,
but I could definitely see myself coming back to the tool if there was a complex grid of divs I wanted to define. The feature
to easily copy code is very useful, and in that sense I really liked that a lot of the information was abstracted away; for
example, the description of the tool and the code are both not shown on default, which makes for a much cleaner experience using
the tool.
-
I did not know this was possible with fonts so this was a super exciting demo!
-
In terms of usability, I found the interface to be very learnable, efficient, and safe. The directions were very clear, and it was
easy to recognize what I should interact with. There were a couple inputs, all of which I could easily move between without
moving my mouse, and ctrl-Z worked to undo any mistakes I made. Will definitely be incorporating fluid Typography into my future projects. The interface as well is very
clean and beautiful, and I love that the interface itself is also written with fluid typography (can tell by resizing screen).
-
One safety feature I really liked was that if you change the number values to something invalid, you get a warning that the text
becomes very difficult to zoom in on, and this reduces accessibility (shown below). This was very thoughtful on the designer's end, and the suggestions
really serve to guide the learning process, even beyond just an invalid number warning.
I'll definitely be returning to the tool to use it. :)
