Skip to main content

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
  1. aLIBRAS is an acronym that stands for the Brazilian sign language in Portuguese. The LIBRAS button starts a video with an interpreter