Design - OwlNavi/Taskvatar GitHub Wiki

mockup

Design

UI

  • Avatar central to the UI
    • The avatar is the main hook into the app for the children so it needs to be well displayed in the center of the app
  • Phone vs tablet UI / Landscape or portrait modes
  • Two accounts with different views: child and parent
  • Load app shows your family members as a login screen
    • List of users
    • Family as main
    • Guest as side option
    • Who are you?
    • Display avatars and usernames
  • List of tasks
    • Color coded
      • Traffic light colours
    • How to mark off tasks?
      • Slider
      • Colour blind -> tick, circle/line, cross
    • Only the list scrolls, avatar stays fixed, pinned to the top of the screen
  • Admin mode
    • Requires password or pin
    • Access via (hamburger) menu
    • What does the admin see?
      • List of tasks with edit button
      • Additional information such as recurrence, importance, time
      • Need mockup for adding new tasks
    • Drag and drop reorder
      • Default time order
      • Pin important tasks to the top of the list
      • Categories for tasks
  • Menu button
    • Default position is top corner left