Opened 9 years ago

Closed 9 years ago

#4070 closed defect (fixed)

Some things are too small and size needs to increase

Reported by: arjs Owned by: Eben
Priority: normal Milestone: Future Release
Component: interface-design Version:
Keywords: Cc: manu, carla, arjs, walter, eben, bert, ffm
Blocked By: Blocking:
Deployments affected: Action Needed:
Verified: no


Kids find it very hard to read small things. Some of the toolbars in various activities are very small for kids to read properly (lot of kids have poor eyesight in rural areas)

Apart from eyesight, it is difficult for them to have the precision to maneuver the mouse to small buttons. This is partly attributed to the jumpy-mouse bug.

Some examples

  • Make a painting toolbox in Etoys
  • Blocks toolbox in Turtle Art

I'd file separate bugs for these, but I would like to suggest a common defined format in terms of size (pixels) such that every clickable button should not be lower than x by y pixels and any text should not be smaller than z font size

Change History (6)

comment:1 Changed 9 years ago by arjs

  • Component changed from display to interface-design
  • Owner changed from mlj to Eben

comment:2 Changed 9 years ago by bert

The etoys observation is very valid, you should file a bug anyway.

comment:3 Changed 9 years ago by jg

  • Milestone changed from Never Assigned to V1.1

comment:4 Changed 9 years ago by Eben

  • Cc bert added

This ultimately needs to be found here (I'll try to get back to completing the HIG soon):

It's not there yet, but the overall design for Sugar points in the correct direction here. The toolbar has been designed specifically so that every essential button is 75px square, and also adjacent to the edge of the screen for easy targeting. The toolbox system should be used wherever possible. All other clickable components (menu items, combobox options, radio buttons, checkboxes, etc) have a minimum height of 45px, and 45px is the recommended "smallest size" for a clickable region.

Please note that this doesn't mean the icon itself will be 45px -- only the region which contains it (and is clickable), just as toolbar icons are actually 55px.

The font sizes are also spec'd in the HIG:

comment:5 Changed 9 years ago by ffm

  • Cc ffm added

#5989 is related

comment:6 Changed 9 years ago by Eben

  • Resolution set to fixed
  • Status changed from new to closed

I think between the guidelines in the HIG and the other tickets related to this area, we have the bases fairly well covered. The only thing Sugar itself should do is provide a global means of adjusting the font size, and #5989 covers this.

Note: See TracTickets for help on using tickets.