Preview of the colamo.org graphical user interface (GUI) design, considering as example with a resolution of 240 x 320 Pixel.

This preview gives you a brief overview on the colamo.org client GUI for mobile devices (example BenQ SXG75). The GUI's are optimized for the 4-arrow tab UI of the mobile phone.

• Middle: Menue
• Bottom left:
  Select Menue Item
• Bottom right:
  Exit Application

• Top right: Connect Icon
• Middle: colamo "sandglas"
  connection status
• Bottom left:
  Cancel connection

• Top left:
  small colamo.org logo
  
• Top center:
  Day
  
• Top right:
  Connection Icon
• Middle
  List of all entries with title in gray blocks according to its duration. Category shown in coloured bars.
  Main Button on device: View details, down-arrow to move within the timescale
• Bottom left:
  View Option
• Bottom right:
  Exit

• Top left:
  small colamo.org logo
  
• Top center:
  Appointment
  
• Top right:
  Connection Icon
• Middle
  View on Apointment-Data, down-arrow to move within the view
• Bottom left:
  Buttons: Options
• Bottom right:
  Button: Exit

• Top left:
  small colamo.org logo
  
• Top center:
  Day
  
• Top right:
  Connection Icon
• Middle
  List of all entries with title in gray blocks according to its duration. Category shown in coloured bars.
  Main Button on device: View details, top-down-arrows to move within the timescale
  New entry "Dinner Beer" marked by Notification Icon"
• Bottom left:
  Buttons: View Option
• Bottom right:
  Button: exit

• Top left:
  small colamo.org logo
  
• Top center:
  Day
  
• Top right:
  Connection Icon
• Middle
  List showing Option-Menue-Items
• Bottom left:
  Select Menue-Item
• Bottom right:
  Exit

• Top left:
  small colamo.org logo
  
• Top center:
  Day
  
• Top right:
  Connection Icon
• Middle
  Preferences
• Bottom left:
  Edit Preferences
• Bottom right:
  Exit

Riona Kuthe

GUI-Development, Community Website

Contact: kuthe(at)digital-worx.de