Header | Task Bar

Requirements

    • Functional Requirement 1
      • App will feature a menu-driven interface with icons to represent their function. Every major feature will be accessible via an icon on a taskbar, available on every screen. Each main feature will support its own set of distinct menus. There should be no menu within a main feature that takes the user to another main feature.
    • User Requirement 2
      • Every major feature will be accessible via an icon on a taskbar, available on every screen. Features that are less used will only show up when needed.

Design

  • The header is always located at the top of the application that is visible from any page. It is located beneath the operating system header and above any other content in the app.
  • Tapping on the header bar will expand the task bar. The task bar is a 3/4 width list that expands from the top for easy navigation around the application.
  • The task bar can be closed by tapping on the header. Tapping outside of the task bar will also close it.
  • The task bar is ordered as follows:
    • User Profile
    • Recipes
    • Saved Recipes
    • 7 Day Planner
    • Health Tracker
    • Group Meal Planner
    • Help & Support
    • Log Out
  • Pressing on any button will close the task bar and redirect the user to the selected page.
  • Pressing the Log Out button on any page will prompt the user with a confirmation alert that they would like to log out. After confirming the user is then redirected back to the landing page.

Usability Goals

  • Key features and navigational buttons will always be present in a header task bar. The task bar will contain only the most used and prevalent features for each particular user.
  • The task bar should be present only when the user needs it, and when menu buttons are pressed and held they will describe their functionality in a text box at the bottom of the window.
  • If the task bar is obstructing any of the app pages, the user must be able to close it quickly and intuitively by tapping away from the task bar.

User Experience Goals

  • The app's buttons and task-bar are always neatly located on top of the app's pages.
  • The button diagrams and their corresponding functions are easily interpreted.
  • The task-bar should not have so many options that the user ever feels overwhelmed.
  • This should be a convenient addition to the app, such that the user may navigate quickly from page to page, with fast response upon tapping on a task-bar element.