otacke / h5p-bingo

Game for boring conferences or meetings
MIT License
3 stars 4 forks source link

Usability: More mobile friendly design? #46

Open TheNomad11 opened 1 month ago

TheNomad11 commented 1 month ago

On small mobile screens, I can hardly read the bingo cards. Would it be possible to make h5p-bingo more mobile friendly? Maybe by manually adjusting the font size? In class, everyone is using a mobile device. Thanks!

otacke commented 1 month ago

@TheNomad11 Thanks for the comment. How would you suggest to do that? Currently, the longest text determines the size of the font, so all buttons use the same. Otherwise, they'd all use different font sizes which would be ugly. If the font size was larger, you'd get words breaking in the middle where they are not supposed to, and the whole text might not even fit into the button anymore.

TheNomad11 commented 1 month ago

Hm... what about using the same font size but have different boxes, some smaller, some bigger, they might even have different shapes?

otacke commented 1 month ago

I am not sure if I understand what you have in mind. Could you share a sketch somewhere?

TheNomad11 commented 1 month ago

the boxes can have different sizes, depending on the word. and why not use circles as well etc, a more playful approach?

otacke commented 1 month ago

I cannot imagine a bingo card with differently sized boxes. How would that work? Do you mind creating a sketch? Boxes offer the more space to put text in than circles do.