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 4 days ago

TheNomad11 commented 4 days 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 4 days 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 4 days 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 4 days ago

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

TheNomad11 commented 4 days 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 4 days 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.