AT&T
9%41 AM
100%
ANNOTATIONS: Paw Pals
SCREEN: (1) Splash Screen
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
Paw Pals
1
LOGO UI: Logo should represent something related to a community of dog fosters and should be placed on the splash screen.
2
CAPTION UX: Users that we tested during concept testing found it helpful to have a brief description at the splash screen describing the app’s purpose and that it is mainly targeted for dog fosters.
1
IxD: Caption should be left to signify that the app’s main purpose to serve as a community for dog fosters.
A community of dog fosters built for you.
SIGN UP IxD: On tap, display (2-a) Sign Up.
4
LOGIN IxD: On tap, display (2-b) Login.
2
3
Sign up Login
3
4
AT&T
9%41 AM
100%
ANNOTATIONS: Paw Pals
SCREEN: (2-A) Sign up
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
Paw Pals
1
LOGO UI: Logo should represent something related to a community of dog fosters and should be placed on the splash screen.
2
FORM FIELDS IxD: Helper text should disappear when user taps into text field and display his/her input. Helper text should reappear if user taps out of the text field without typing anything into the form field.
1
UI: To demonstrate that it’s a placeholder, helper text should be a lighter color than the text that the user types in. 2
Name 3
2
2
Email Password
3
Sign up
SIGN UP IxD: On tap, display (3) Home.
AT&T
9%41 AM
100%
ANNOTATIONS: Paw Pals
SCREEN: (2-B) Login
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
Paw Pals
1
LOGO UI: Logo should represent something related to a community of dog fosters and should be placed on the splash screen.
2
FORM FIELDS
1
IxD: Helper text should disappear when user taps into text field and display his/her input. Helper text should reappear if user taps out of the text field without typing anything into the form field. UI: To demonstrate that it’s a placeholder, helper text should be a lighter color than the text that the user types in. 3 2
2
Password
3
Login
LOGIN IxD: On tap, display (3) Home.
Sketch
9041 AM
100%
1
Home
ANNOTATIONS: Paw Pals
SCREEN: (3) Home - Feed
Post
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
Feed
2
Topics
1
3
4
UI: Post button should be labelled
5 Kelly C - Foster for 5 months June 28, 2017 6 Posted in Separation Anxiety
IxD: On tap, display (9) Post.
How do I get my dog to stop scratching the door when I leave the house?
3 Likes
6 Comments
2
HOME - FEED UX: Users that we tested during concept testing liked the idea of being able to browse through other people’s posts and respond at their own time. UI: The word “Feed” should indicate that it is clickable and provides a different home view when selected. IxD: Default view on home screen. On tap, display posts from topics that the user is subscribed to.
3
HOME - TOPICS UX: Users that we tested during concept testing liked the idea of being able to browse through topics that they were interested in. UI: On tap, display (4) Home - Topics. The word “Topics” should indicate that it is clickable and provides a different home view when selected.
Share
7
Sophia T - Foster for 5 months June 28, 2017 Posted in Reactive Dogs
IxD: On tap, display (4) Home - Topics.
Why does my dog get so aggressive whenever she sees other dogs that are harmless?
2 Likes
4 Comments
POST BUTTON UX: A universal post button was well received during usability testing and should therefore be placed either at should therefore be placed in a universal spot. One user test did not respond well to the post button being placed on the bottom navigation.
Share
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
4
BOOKMARK UI: On tap, icon should indicate that the post has been saved to their profile.
5
PROFILE UX: During usability testing, users indicated their preference in having the users title next to their name in order to determine the credibility of the user themselves. UI: Placeholder image should be for picture of the user. IxD: On tap, display profile of the corresponding user.
6
SEPARATION ANXIETY UI: “Separation Anxiety” should indicate that it is clickable. IxD: On tap, display topic page for “Separation Anxiety”.
7
POST UI: Post should indicate that it is clickable. IxD: On tap, display full view of the post with all details of comments and likes.
Sketch
2
9.41 AM
100%
Home
1
3
Feed
Post
ANNOTATIONS: Paw Pals
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang 1
POST BUTTON UX: A universal post button was well received during usability testing and should therefore be placed in a universal spot. One user test did not respond well to the post button being placed on the bottom navigation. UI: Post button should be labelled IxD: On tap, display (9) Post.
2
HOME - FEED UX: Users that we tested during concept testing liked the idea of being able to browse through other people’s posts and respond at their own time. UI: The word “Feed” should indicate that it is clickable and provides a different home view when selected. IxD: Default view on home screen. On tap, display posts from topics that the user is subscribed to.
3
HOME - TOPICS UX: Users that we tested during concept testing liked the idea of being able to browse through topics that they were interested in.
Topics 5
My Topics 4 Reactive Dogs
Barking
Separation Anxiety
Suggested Topics
UI: On tap, display (4) Home - Topics. The word “Topics” should indicate that it is clickable and provides a different home view when selected.
Good Days
Pitbulls 101
Biting
SCREEN: (4) Home - Topics
IxD: On tap, display (4) Home - Topics.
Chewing
Crate Training
4
BARKING TOPIC UX: During concept testing, testers responded well to the idea of being able to customize the information they were looking for by subscribing to topics they were interested in. UI: Topic button should indicate that it is clickable., IxD: On tap, display (5) Barking Topic.
5
MY TOPICS UX: During concept testing, testers responded well to the idea of being able to customize the information they were looking for by subscribing to topics they were interested in. IxD: Topics that the user is subscribed to should fall under this category.
Aggression
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9141 AM
6
Barking
100%
4
ANNOTATIONS: Paw Pals
SCREEN: (5) Barking Topic
Post
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang 41 subscribers Subscribed
1 1
SUBSCRIBED BUTTON UX: During concept testing, testers responded well to being able to tailor the information they were receiving by subscribing to different topics. UI: Button should indicate that it is selected when tapped on.
2
BOOKMARK UI: On tap, icon should indicate that the post has been saved to their profile.
3
PROFILE UX: During usability testing, users indicated their preference in having the users title next to their name in order to determine the credibility of the user themselves. UI: Placeholder image should be for picture of the user. IxD: On tap, display profile of the corresponding user.
4
BARKING UI: Topic of group should be indicated for easy reference. IxD: On tap, display topic page for “Separation Anxiety”.
5
POST UI: Post should indicate that it is clickable. IxD: On tap, display full view of the post with all details of comments and likes.
6
BACK BUTTON IxD: On tap, user should be taken back to previous screen.
2 3
Ben G - Foster for 5 months June 28, 2017
How do I get my dog to stop barking at the mailman?
3 Likes
6 Comments
Share
5
Sophia T - Foster for 5 months June 28, 2017
Why does my dog get so aggressive whenever she sees other dogs that are harmless?
2 Likes
4 Comments
Share
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9/41 AM
100%
Search
Post
ANNOTATIONS: Paw Pals
SCREEN: (6) Search
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
What can we help you with?
1
1
SEARCH BAR IxD: Helper text should disappear when user taps into Search Bar and display his/her input. Helper text should reappear if user taps out of the search bar without typing anything into the form field.
2
UI: To demonstrate that it’s a placeholder, helper text should be a lighter color than the text that the user types in. 3 MOST PAWPULAR
2
Check out some training tips & tricks from our most frequently searched topics.
IxD: On tap, user should be taken to (7) Results or (8) No Results. 3
4 Barking
Biting
SEARCH BUTTON
“MOST PAWPULAR” SECTION UX: Copy reflects theme of the app. Users appreciated having recommendations for the most common behavioral issues (validated).
Chewing 4
“MOST PAWPULAR” TOPICS IxD: On tap, take user to corresponding topics page.
Dominance
Food Guarding
Separation Anxiety
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9/41 AM
100%
Search
1
Post
ANNOTATIONS: Paw Pals
SCREEN: (7) Results
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
You searched for
1
BACK BUTTON IxD: On tap, take user back to previous screen.
2 2
SEARCH BAR UI: Display users’ search input to affirm that they are being shown the right results.
3 Cassie T. Foster for 2 months
3
POSTS SECTION IxD: On tap, take user to original post.
How do I get my dog to stop barking everytime I leave the house? 4
SEE MORE IxD: On tap, display remaining results. UI: Use color that demonstrates affordance for clickability (e.g. blue).
3 Likes
6 comment
Share 5
Ben G. Foster for 7 months
IxD: On tap, take user to the corresponding topics page.
Why does my dog bark at the TV? How do I get him to stop?
7 Likes
9 comment
Share
4
5
TOPICS SECTION
Topics
Barking
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9/41 AM
1
100%
Search
Post
ANNOTATIONS: Paw Pals
SCREEN: (8) No Results
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
You searched for 1
BACK BUTTON IxD: On tap, user should be taken to previous screen.
2 2
SEARCH BUTTON UI: Display user’s search input to reaffirm that he/she is being shown the correct results.
3
“DOGGONE IT!” COPY & IMAGE UX: Copy and image should reflect the theme of the app. It should also direct users to write a post. This allows users to get the help that they need and increases the amount of content on the app (validated).
4
“WRITE A POST” LINK IxD: On tap, display (9) Post.
3
UI: Link color should demonstrate affordance for clickability (e.g. blue).
Doggone it! Looks like this information doesn’t exist yet. Write a new post to start the conversation. 4 WRITE A POST
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9/41 AM
1
Cancel
100%
ANNOTATIONS: Paw Pals
Post
SCREEN: (9) Post
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
What’s on your mind? 1 2Ask a question, offer a tip, or share an update about your foster dog…
CANCEL BUTTON IxD: On tap, user should be taken back to previous screen.
2
FORM FIELD IxD: On tap, hover text should disappear and display users’ input instead. If there is no input after user taps out, helper text should reappear. UI: Helper text should be lighter than user input.
3
UX: Users prefer being able to post to various pages because this increases the chances of their question getting answered (validated).
Here are some topics pages that are good places to share your post. 3
Barking
IxD: Display checkmark when user makes selection. 4
Predatory Aggression
“SHOW MORE” IxD: On tap, display 3 more options along with a search bar that allows user to search for and select additional topics pages.
Pit Bull Puppies 5
Show more 4 5
TOPICS PAGES OPTIONS
“POST” BUTTON IxD: Do not activate until user selects at least one option. On tap, take user to (10) Post Confirmation.
POST
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9/41 AM
1
Cancel
100%
ANNOTATIONS: Paw Pals
Post
SCREEN: (10) Post Confirmation
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
Success! 1 My dog constantly barks and lunges at bicyclists. How can I get him to change this behavior?
CANCEL BUTTON IxD: On tap, user should be taken back to previous screen.
2
TOPICS PAGE OPTIONS IxD: Link “Notifications” to Notifications Screen.
3
TOPICS PAGES OPTIONS IxD: Transition from checkboxes on (9) Post to checkmarks to confirm that the post has been shared on the pages selected by user. Link all topics to the corresponding pages so users can view their post.
Your post has been shared! 2 Check Notifications to see responses. 3
UI: Use a color that suggests clickability on all topics options (e.g. blue).
& Barking 4
& Predatory Aggression
IxD: On tap, take users back to the screen they were on before (9) Post.
& Pit Bull Puppies
DONE
“DONE” BUTTON
4
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9.41 AM
1
100%
Profile
Post
ANNOTATIONS: Paw Pals
SCREEN: (11) Profile
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang 1
SETTINGS BUTTON IxD: On tap, display (12) Settings.
2
IxD: On tap, box pops up, with option to edit the user’s profile picture and biography.
Emily New foster parent
UI: Use a color that suggests clickability (e.g. blue).
Edit 2 3 BOOKMARKS
3
“BOOKMARKS” BUTTON IxD: Link to (13) Bookmarks
4 CURRENTLY FOSTERING
4
EDIT PROFILE
“CURRENTLY FOSTERING” IMAGE IxD: On tap, take users back to the screen they were on before (9) Post. UI: Display image of user’s dog (if provided by the user).
6 5
EDIT “CURRENTLY FOSTERING” DOG IxD: On tap, box pops up, with option to edit dog’s name, breed, age, and image. Users want this level of specificity (validated). UI: Use a color that suggests clickability (e.g. blue).
7 + Add dog
Hudson Pit Bull · 1 year old
6
“ADD DOG” IMAGE UI: Use image that suggests the ability to add information for both “Currently Fostering” and “Previously Fostered” sections.
5 Edit 7
PREVIOUSLY FOSTERED
ADD “CURRENTLY FOSTERING” DOG IxD: On tap, box pops up, with option to add dog’s name, breed, age, and image.
6
UI: Use a color that suggests clickability (e.g. blue). 8
ADD “CURRENTLY FOSTERING” DOG IxD: On tap, box pops up, with option to add dog’s name, breed, age, image, the amount of time it was fostered, and its behavioral issues.
8 + Add dog
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
We need this information because research has shown that users look for others who have fostered similar dogs in order to determine who to ask for advice (validated). UI: Use a color that suggests clickability (e.g. blue).
Sketch
Cancel
9241 AM
1
100%
2
Settings
Allow notifications Change email
Done
emily@gmail.com Emily
Change password
SCREEN: (12) Settings
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
3
Change username
ANNOTATIONS: Paw Pals
4
1
IxD: On tap, user should be taken back to (11) Profile. 5
2
*******
DONE IxD: Save changes and return user to (11) Profile.
6
Log out 7
CANCEL BUTTON
3
NOTIFICATIONS TOGGLE IxD: Change color of toggle depending on whether notifications are on or off. UI: Use colors that suggest on vs. off.
4
CHANGE EMAIL IxD: On tap, dropdown form field where user can edit email address.
5
CHANGE USERNAME IxD: On tap, dropdown form field where user can edit username.
6
CHANGE PASSWORD IxD: On tap, dropdown form field where user can edit password.
7
CHANGE PASSWORD IxD: Logout user and return to (2-B) Login.
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9.41 AM
100%
Bookmarks
1
Post
ANNOTATIONS: Paw Pals
SCREEN: (13) Bookmarks
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
No dog-ears here.
6
Just bookmarks. Browse, rearrange, and sort through them any way you want.
1
1
IxD: On tap, user should be taken back to (11) Profile. 2
2
BACK BUTTON
NUMBER BUBBLE IxD: Display the number of bookmarks within each folder.
3
3
4
FOLDER IMAGE IxD: On tap, take user to (14) Folder Page. UI: Use an image that reflects contents of folder.
All Bookmarks
5 +Create new folder 4
CREATE NEW FOLDER IMAGE UI: Use an image that suggest user can tap on it to create a new folder.
5
CREATE NEW FOLDER IxD: On tap, display box where user can add name for the new folder. UI: Use color that suggests clickability (e.g. blue).
6
HEADING COPY UX: Users enjoyed copy that reflected the theme of the app (validated). Instructions should also be provided so users know what they can do on this page.
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9.41 AM
100%
Bookmarks
1
Post
ANNOTATIONS: Paw Pals
SCREEN: (14) Folder Page
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
All Bookmarks 2 Move
4
3
1
BACK BUTTON IxD: On tap, user should be taken back to (13) Bookmarks.
Delete
&
Cassie T. Foster for 2 months
2
MOVE BUTTON IxD: On tap, display checkboxes on top of each post and change copy on button to “Move to…”. Users can then check the ones they would like to move, tap “Move to…”, and select the destination folder of their choice.
How do I get my dog to stop barking everytime I leave the house?
UI: Use an image that suggests users can move bookmarked posts. 3 3 Likes
6 comment
Share
IxD: On tap, display checkboxes on top of each post and change copy on button to “Delete selected”. Users can then check the ones they would like to delete and tap “Delete selected”.
&
Ben G. Foster for 7 months
A confirmation modal asking“Are you sure?” should appear. If user taps “Yes” option, delete bookmarks. If user taps “No” option, close modal and set (14) to its original state.
Why does my dog bark at the TV? How do I get him to stop?
UI: Use an image that suggest user can delete bookmarked posts. 4
7 Likes
9 comment
DELETE BUTTON
Share
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
TITLE COPY UI: Display title of folder to so user can affirm whether or not he/she is on the right screen.
Sketch
9/41 AM
100%
Notifications
Post
ANNOTATIONS: Paw Pals
SCREEN: (15) Notifications
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
1 Kathy B. commented on your questions “My dog constantly barks…” 5 mins ago
1
NOTIFICATION IxD: On tap, user should be taken to (16) Response Post
Jon F. liked your comment. 3 hrs ago
Kristin W. commented on your answer to - “How can I treat my dogs separation anxiety?” 5 hrs ago
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
UI: Use a darker fill for notification that is unread to distinguish from other previously read notifications.
Sketch
9/41 AM
100%
Notifications
1
Post
ANNOTATIONS: Paw Pals
SCREEN: (16) Response Post
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang My dog constantly barks and lunges at bicyclists. How can I get him to change this behavior?
2
1
Kathy B. Certified Dog Trainer Commented on June 28, 2017
IxD: On tap, user should be taken back to (15) Notifications.
It’s natural for dogs to want to run after an object that’s moving at high speeds away from them; this is the “chase” part of the predatory sequence. It is important to redirect the urge to chase ; the consequences of your dog continuing this behavior can be serious, especially if he were ever to get off his leash. While most dogs would stop as soon as they caught up to the runner or cyclist, there are dogs who would nip or who may inflict major harm with deeper bites or a full-on takedown. Keep in mind, too, that the cyclist or runner being chased doesn't know if your dog is friendly or threatening, and may respond by kicking or hurting your dog in self-defense. Putting an end to chase behavior keeps your dog and the people he's sharing the road with safe. The simplest way to deter your dog from chasing is to teach him to turn and sit, where the dog turns his body to face the pet parent and goes into a sit. The next step is to teach your dog to turn and sit when he sees a runner or cyclist. Recruit family members or friends to help you in this process. With your dog on leash as described earlier, begin by having your helper ride or jog slowly by, far away from your dog, such as across the street. As soon as your dog sees the person jogging or biking, cue him to turn toward you and sit; treat him while he remains sitting.
3 Likes
1 comment
3
BACK BUTTON
Share
4
5
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
2
USER PROFILE IxD: On tap, user should be taken back to (16-A) Trainer Profile. UI: Display image of user (if provided by the user).
3
LIKE BUTTON IxD: On tap, user likes the post and number of likes increases by +1. UI: Use a color that suggests clickability (e.g. blue).
4
COMMENT BUTTON IxD: On tap, user is prompted to enter comment on (16-B). Number of comments increases by +1 after user submits comment. UI: Use a color that suggests clickability (e.g. blue).
5
SHARE BUTTON IxD: On tap, user can choose to share post with anyone in their contacts. UI: Use a color that suggests clickability (e.g. blue).
Sketch
9.41 AM
100%
Profile
1
Post
ANNOTATIONS: Paw Pals
SCREEN: (16-A) Trainer Profile
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang 5 1
BACK BUTTON IxD: On tap, take user back to previous screen (16) Response Post
Cathy B. 2
Certified Dog Trainer
“CURRENTLY FOSTERING” IMAGE UI: Display image of user’s dog (if provided by user)
CURRENTLY FOSTERING 3
2
“PREVIOUSLY FOSTERED” IMAGE UI: Display image of user’s dog (if provided by user)
4
“PREVIOUSLY FOSTERED” IMAGE UI: Display image of user’s dog (if provided by user)
Theo Labrador · 6 year old 5
UI: Display user image (if provided by user)
PREVIOUSLY FOSTERED
3
“USER PROFILE” IMAGE
4
6
“PREVIOUSLY FOSTERED” COPY UI: Display dog’s name, breed, age, date it was fostered, and behavioral issues if provided by the user.
6
Max Border Collie
Charlie German Shepherd
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9141 AM
Cancel
100%
ANNOTATIONS: Paw Pals
Add Comment
1
SCREEN: (16-B) Add Comment
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
1
CANCEL BUTTON IxD: On tap, take user back to (16) Response Post. UI: Use a color that suggests clickability (e.g. blue).
2
SUBMIT BUTTON IxD: On tap, submit user comment to the original post. UI: Use a color that suggests clickability (e.g. blue).
2 Type comment here…
q w e
r
a s d z 123
x
t f
y u g h
i j
o p k
l
c v b n m space
return
Sketch
9/41 AM
100%
Directory
Post
1
Contacts
4
ANNOTATIONS: Paw Pals
SCREEN: (17) Contacts
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
Messages
1
Dog Behavior Specialist
MESSAGES TEXT IxD: On tap, take user to screen (18) Messages.
Member for 1 year, 6 months
UI: Display the affordance of a tab under ‘Messages’ when user taps to let them know what page they are on.
Jared B.
Dog Trainer
2
Member for 2 year, 3 months
CONTACT BOX IxD: On tap, take user back to previous screen (19) Messages
Lisa S.
Dog Walker
3
Member for 9 months
HORIZONTAL ELLIPSES IxD: On tap, provide user the option to share or view profile via small drop down menu box.
Angel T.
UI: Highlight the ellipsis by using a contrasting color to that of contact box so as to provide the user an affordance of clickability.
Dog Behavior Therapisr Member for 3 years, 8 months
Stephanie M.
4
UX: During user testing, we found that people couldn’t find contacts as easily if they weren’t a primary feature on the menu. This is why “Contacts” is the default tab on this screen (validated).
2
Dog Veterinarian Member for 1 year, 5 months
CONTACTS
3
Carlos S.
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9/41 AM
100%
Directory Contacts 1
Post
ANNOTATIONS: Paw Pals
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
Messages
1 Hey! I’m organizing an adoption drive this Sunday and I was hoping you could join…
I need some help with controlling my dog’s excitement; he starts jumping everytime… Ashley D.
MESSAGES TEXT IxD: On tap, take user to (17) Contacts. UI: Display the affordance of a tab under ‘Messages’ when user taps to let them know what page they are on.
2 Unread
Tara C.
SCREEN: (18) Messages
2
DIRECT MESSAGE IxD: On tap, take user to ‘Conversation’ screen (18-A). UI: Provide user the affordance of ‘Unread’ message in bold, underlined text to distinguish from already read messages.
%
$
#
"
!
Home
Directory
Search
Notifications
Profile
Sketch
9%41 AM
100%
ANNOTATIONS: Paw Pals
SCREEN: (18-A) Conversation
1 Tara C.
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang Hey! I’m organizing an adoption drive this Sunday and I was hoping you could join and it would be really nice to see you after a long time
1
BACK BUTTON IxD: On tap, take user back to (18) Messages. UI: Use a color that suggests clickability (e.g. blue).
2
SUBMIT BUTTON IxD: On tap, submit user’s message as a direct message to the contact. UI: Use a color that suggests clickability (e.g. blue).
I Type Message…
q w e
r
a s d z 123
the
x
t f
Iʼm 2
y u g h
i j
o p k
l
c v b n m space
return
Sketch
9)41 AM
100% Post
1
ANNOTATIONS: Paw Pals
SCREEN: (19) Direct Message
Carlos S.
DATE: 07/03/2017 AUTHORS: Mythili Gopikanth, Ankit Vaishya, Cindy Wang
1
BACK BUTTON IxD: On tap, take user back to (17) Contacts. UI: Use a color that suggests clickability (e.g. blue).
2
SUBMIT BUTTON IxD: On tap, submit user typed message as direct message to contact. UI: Use a color that suggests clickability (e.g. blue).
I Type Message…
q w e
r
a s d z 123
the
x
t f
Iʼm 2
y u g h
i j
o p k
l
c v b n m space
return