Small UX tweaks

In https://groups.google.com/d/msg/googlefonts-discuss/x2oRYyP4gMQ/Ests8XivAQAJ @graphicore describes his latest progress with hooking up fontbakery in docker containers on Google Cloud Platform. Over the summer he says there will be,

some usability work, though, we could be better off waiting for this until we got more basic stuff sorted out, like the refactoring of fontbakery (will lead to more instant feedback, i.e. we won’t need a progress spinner …)

Rather than doing nothing, and rather than doing more intense UX work, I would just a few small tweaks, while the refactoring is happening 😃

• The huge divs used in http://104.197.213.179 are fun but actually simple HTML form buttons would be more clear what to click on, and subcommunicate that this is early stage work, I think 😃

• The stdout output has ANSI color codes like [1;33;40mErrors: which could be interpreted using https://github.com/drudru/ansi_up (so just a HTML/JS change, no fontbakery change needed)

• A progress spinner is needed, but at the top of the demo page there is,

isFinished true

And the progress indicator could just be a simple 🕒 character with a large font-size when isFinished is false 😃

Looking at the overall page, there is much to do! 😃

[graphicore]

using https://github.com/drudru/ansi_up

Thanks, I googled for something like this without luck 😃

Looking at the overall page, there is much to do! 😃

Yeah, I was caring to get all the info we produce into a usable form, not to make it look nice 😃

[davelab6]

Love it

On Jun 16, 2017 7:53 AM, “Lasse Fister” [e-mail] wrote:

Thanks! I mean the buttons on the first page (where you drop the fonts)

😂 Here you go:

[image: selection_146] https://user-images.githubusercontent.com/393132/27225452-7bf43282-529a-11e7-97bb-60a29ddbe8a0.png

It’s not at a big size, but it is spinning:

[image: selection_147] https://user-images.githubusercontent.com/393132/27225489-bca69acc-529a-11e7-9065-edacc333af67.png

And then it’s DONE!:

[image: selection_148] https://user-images.githubusercontent.com/393132/27225544-0d72a04a-529b-11e7-8b50-0929cf724a56.png

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/googlefonts/fontbakery/issues/1382#issuecomment-309007436, or mute the thread https://github.com/notifications/unsubscribe-auth/AAP9y0TfY5XSHpSMtHpkrjMjge_9dTVeks5sEmyvgaJpZM4N44L4 .