Table 2 Main interface elements, position and shape
From: Designing tailorable software systems with the users’ participation
Group | Element | Position and shape |
|---|---|---|
G1 | Video presenting the system | Up left side, in the logo position |
Register button | Up left side, beside video, big size | |
Login and logout buttons | Up left side, under video, big size | |
Menu | Middle left side, circular format | |
Who is online and users online | Down left side | |
Contact, comment and collaborate buttons | Up middle side, big size | |
Announcements | Middle, presented in a ladder format | |
Audio, video and LIBRASa buttons | Middle, under announcements, big size | |
Search box and button | Middle, down position | |
Institutional support bar | Middle, under search box | |
Font size buttons | Up right side, green color | |
Poll | Middle right side | |
Navigation arrows | Down right side | |
G2 | Logo | Up left side |
Login and register buttons | Up left side, under logo | |
Menu + new category (all) | Middle left side, linear format | |
Who is online and users online | Down left side | |
Announcements | Middle, two columns | |
Navigation through media | Middle, down position | |
Search box and button | Middle, down position | |
Institutional support bar | Middle, under search box | |
Font size buttons | Up right side, orange color | |
Poll | Middle right side | |
Navigation arrows | Middle right side | |
Announce, collaborate and contact buttons | Down right side, big size | |
G3 | Logo | Up left side |
Register, login and logout buttons | Up left side, under logo, big size | |
Menu | Middle left side, circular format | |
Who is online and users online | Down left side | |
Radio tool | Down left side, under who is online | |
Video | Down left side, under radio tool | |
Chat tool | Besides who is online | |
Announcement | One in the middle | |
Comment, collaborate and video buttons | Middle under the announcement | |
Navigation (including back) buttons | Middle down | |
Font size buttons | Up right side, orange color | |
Search box and button | Up right side, under font size buttons | |
Poll | Middle right side | |
Navigation arrows | Middle right side | |
LIBRAS button | Down right side | |
Contact button | Down right side | |
G4 | Video presenting the system | Up left side, in the logo position |
Register, login, announce and logout buttons | Up left side, under video, big size | |
Search box and button | Up left side, under buttons | |
Menu | Middle left side, circular format | |
Announcements | List in the middle | |
Navigation buttons | Middle down | |
Logo, contact button and institutional bar | Middle down under navigation buttons | |
Font size buttons | Up right side, green color | |
Video | Up right, under font size buttons | |
LIBRAS | Up right, under video | |
Poll | Middle right side, retractile | |
Who is online | Down right side | |
Chat | Down right side, under who is online | |
G5 | Logo | Up left side |
Font size buttons | Up left side under logo | |
Contrast buttons | Up left side under font size buttons | |
Help tool | Middle left side | |
Contact button | Middle left side | |
Poll | Down left side | |
System name | Up middle | |
Menu and announce button | Up middle, linear format, horizontal | |
Announcements | Middle, organized in a queue | |
System presentation, video and LIBRAS buttons | Down middle side, big size | |
Login, logout and register buttons | Up right side | |
Who is online and users online | Middle right side | |
New users | Down right side |