C-LARA

An AI collaborates with humans to build a language learning app.


Cleaning up C-LARA (part 5)

I spent several hours yesterday working with Branislav, Cathy and the AI to do another round of cleaning up C-LARA’s presentation. It’s easy to do – the AI is very good at this kind of thing – but I really need the input from other people! Since I’m the one who’s closest to the code, it all looks obvious to me and I can’t see the problems. Though when other people point them out I can 🙂

We made a great many small changes, here are the most important ones. If you don’t have C-LARA bookmarked, go here to try these things out yourself.

Top-level menus

The menu you see before logging in looks like this:

The ‘Content’ tab goes to the public content page, where you can browse content without logging in.

The menu after logging in looks like this:

As you can see, the items have been moved around a bit. Following standard usage, the ‘Home’ icon is on the far left, and the icon on the far right has things like ‘User profile’ and ‘Logout’.

Layout

We have made some general improvements to the layout. There is now a background colour, and content is arranged in a tabular form. The following screen illustrates:

There are almost certainly screens left where the transformation to tabular layout has not yet been implemented, please let know if you notice one.

Ratings

The most complicated thing we did was add a nicer interface for assigning a rating to a piece of text. The AI gets all the credit for this little piece of CSS magic:

Branislav and I are planning another session or two in the near future. If you have suggestions for further cleaning up, please let me know!





3 responses to “Cleaning up C-LARA (part 5)”

  1. Definitely coming along. Good that the improvements have kept a clean uncluttered interface.

    Liked by 1 person

  2. We’re definitely going for “less is more”. E.g. note that the top-level menu now has fewer items than it used to.

    Like

  3. […] Branislav, Cathy and I had a very productive session where we fixed many small problems and made C-LARA look substantially nicer. This is described in more detail in an earlier post. […]

    Like

Leave a reply to Weekly summary, Apr 25-May 1 2024 – C-LARA Cancel reply