catilac / quinoa

3eesho

3eesho

"Quinoa" Health App

This is an iOS 7 app designed for 3eesho (eyee-sho), an Arabic health and lifestyle social network. We created an app that can help people lose weight and live a healthier life by enabling them to record their activities and connecting them to experts.

Seeker Workflow

• Dashboard: provides an overview for goals and stats based on activities.
• Trainer
• Trainer Browser: browse experts and select one.
• Current Trainer: see the latest interactions and chat with the trainer.
• (+) Add activity
• Record the current weight in pounds.
• Add a physical activity duration in minutes.
• Add a dietary activity by taking a picture of the meal.
• Profile
• Activities: display my activities in reverse chronological order.
• Edit Profile

Expert Workflow

• Activities
  • Display a list of activities from all of the clients.
  • Give "Kudos" to ones worthy of a compliment.
• Clients
  • Display a list of clients.
  • Chat with the clients.

quinoa's Issues

Expert Activity Feed

My Clients for Expert functionality

• Load user Activity feed when tapping on user profile card

Expert Chat - recent activity view for client

More Screen

https://www.dropbox.com/s/4m5wgpjc7kiw7b9/07%20User%20View%20-%20More.png

• Implement Page with link to "My Profile"
• Implement "Logout" button

Optional Description Inputs

Currently, we have an "Optional Description" input in place on the Diet Compose page. We need the same input for both Activity and Weight compose screens.

Profile Activity

Let's always include the user header with any type of activity.

It's currently missing when the user views their own profile.

Although, it may seem a little redundant, it establishes consistency, and more importantly, includes a timestamp, which is helpful when a user is looking back at their own activity.

Chat Polish

Chat Functionality for Expert

Client Profile for Expert's use

Login Polish

Expert Browser

https://www.dropbox.com/s/qq62mirphgj015u/01%20User%20View%20-%20My%20Trainer%20Select.png

• Scrolling experience for browsing through Experts
• Select Button takes user to Expert Detail View
• My Trainer Navigation button takes user to their current trainer
• My Trainer Navigation button doesn't show up if no current trainer

Needs detail, so no required yet.

• Filters pops up modal for changing your search preferences....(NEEDS DESIGN)

Activity Feed Polish

More Page Design

Activity Functionality

• Need to finish weight
• Need to finish activity duration

My Clients for expert polish

My Clients for expert

Expert Detail

https://www.dropbox.com/s/gzdwqopebuvttmn/02%20User%20View%20-%20My%20Trainer%20Selected.png

• Display Expert profile information
• Avatar
• Button to start chatting
• Nav Item to goto Expert Browsing experience

Login Flow

No wireframes as of yet.

• Sign up or login using email/password or Facebook.
• After signing up guide to page to fill out profile fields. Perhaps reuse the profile page? #2

White background showing on profile scroll

Background should be the dark blue color

User Profile View

No reasonable wireframes for this page at the moment:

USER MODEL

• first name, last name
• gender
• birthday
• weight
• height
• photo
• preferences (list: "dietary", "fitness")
• Build a page with a form for all these elements
• Tapping on Profile photo will take you through camera flow ("Use existing or take new photo")
• The preferences list will basic until we get those wireframes. A checkbox thing works? Hemen likes to be creative, so I'm excited :)

Activity Feed Functionality

My Plan Overview

https://www.dropbox.com/s/olh9j6h1jfqizhf/05%20User%20View%20-%20My%20Plan%20Overview.png

Daily Plan list view

• Collapsable list view for Plan completion.
• Collapsed list view cell is checked if user has done all items on plan for that day
• expanding cell will show the details items, and whether they are completed or not.

Graph

• Task completion graph, will be a histogram, of dates on the X-Axis, and numCompleted/TotalItems on the Y-Axis
• Task completion graph scrolls left and right

Profile Polish

Articles View

https://www.dropbox.com/s/pz69uz1upg49k2l/06%20User%20View%20-%20Articles.png

• Implement List View
• Load data from mock URLs
• Pull to refresh
• ListViewCell should have some sample text in them.
• Tapping on Cell will open up a UIWebView with the article in it

Trainer View - Activity

This should be a feed of all client activity, not an individual user profile.

Dashboard Functionality

Display/Hide "Optional Description"

If no "Optional Description" text is input, let's not show the empty field

Chat View

https://www.dropbox.com/s/ngqcjak0h7b46yw/03%20User%20View%20-%20My%20Trainer%20Chat.png

• Build a chat view for communicating with trainer.
• Display the avatar and user for chat bubbles

[3eesho] GIF walkthrough

@timothy1ee @stepan

Our walkthrough is in the README. Thanks for taking a look!

Dashboard Polish

Trainer View - Client List

Clicking through to a user should display their profile, not take the user to chat view.

My Plan View

https://www.dropbox.com/s/q7urs1xdzaknfmd/04%20User%20View%20-%20My%20Plan%20Day%20View.png

• Show plan for Today
• UI for navigating between days past and Today
• Check list for checking items off

Wire Client Chat for Expert

Client Plan Edit

Activity Polish