Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Task

Sub task

Sketch

Description

Learnability

Efficiency

Safety

Find a Friend

Home page

 

This is the home screen of a user. All the different tasks offered by this UI can be initiated from this screen; For example add a friend, view and RSVP a new event invitation, view and approve friend requests, view all friends on map and view all events on map.

This home screen is in form of a dashboard and displays all the functionalities offered by this application.all the icons have a relevant picture to increase the information scent.And each icon has a label under it to make it easy to learn for a new user.

Because user can directly identify which icon is most relevant to the task he/she have in mind, they can directly go there, instead of steering thorough multiple pages, making it a very efficient home page. Also because the icon and label puts all the information on screen, users do not need to remember the exact position of button for a specific task.

User does not perform the any task on this screen, instead they use this page only for navigation therefore there is no task on this screen that cannot be undone.Making it a very safe home page.

 

Friend list

 

This is the screen which will show the existing friends of the user. The list is displayed in alphabetical order. user can scroll up and down by finger or use the
scroll bar on right for fast retrival in case the list is long.

this screen has a button on top left with the symbol of home on it. which symbolizes that this button will take user back to the home screen.

this screen has a groups button and an "+" button as well.the groups button will take user to a page where predefined categories of users are displayed; All friends(the default list), recently contacted friends(list of 10 friends user recently attended an event with), pending friends(friends who haven’t accepted user’s  friend request yet.).

This display is consistent with contact lists in smart phones.
When user scrolls down a little bit a search bar is displayed. This feature will not be visible to the beginners.
But because initially users will have a shorter list. and once the list grows enough to make user use the scroll feature, they will discover the
search bar easily because it is consistent with other hidden search bars in other smart phone application (for example emails)

if a user realize at this point that there is another person he/she want to add, they dont need to go back to home page to add a new friend, becauseof the short cut available on this very screen.

No user action on this page is undo-able. Therefore this page is safe

 

Find a friend

 

tapping the map button against friend opens map and shows friend on map.

The map icon has a label saying “show on map” which makes this feature easy to discover.

User can find a friend from home page icon “show friend on map” where user enters friends name or selects from contact list. This button here provides a shortcut, therefore makes it efficeitn to use for frequent users.

User can tap the “back” button to undo this action. (navigate back)

Add Friend

Look up a person

 

This is the screen where user looks up a person in the directory to add as friend. the search result contains all the matches for the searched name.
It may contain people already added as friends, people whose friend request is pending for user's approval and friends who did not yet respond to user’s friend request.
To distinguish between all these type of search results, there is a small word against each search result saying either "friend" "pending" "respond" for each of the type explained earlier respectively.

the words used are consistent with common vocabulary as well as other social networking media. therefore it is easy to learn.
user can at any time restart the search or change the key for search. therefore it is completely safe process.the search is adaptive and shows inline research as the user types next letter of the name. making it efficient.

add button takes user to this screen. it autofills the contact details and also the customized message but a user can change the customised messgae field.
and send request by tapping the button on thebootm of the page.
the text fields are auto filled decreasing the users responsibility in the overall procedure, increasing the efficiency.

at any time user can cancel the friend request. and the buttons with long term effect are placed strategically away from navigation buttons.and size of buttons is increased if two buttons are adjacent to each other, minimizing the chances of accidently tapping the wrong one.

 

 

 

When a user taps a name from the search result list this screen shows up.
it contains name and details from the common directory, for user to review and decide if this is the person he/she is looking for.
notice the map is gray, showing that the map is disabled for that person because he/she is not added as friend yet.then user can send friend request by tapping the add button.

 

 

 

 

 

 

if the person whoes profile is being displayed is alreayd a friend, this screen will show up instead. the map button is enabled.and if that person already sent youa request and is waiting you responce this screen will show up. the map buttonis disabled, and gets enabled when accept button is tapped .

all these three profile views are consistent with each other. therefore does not challange user's learnability.allt he buttons and actions are appropriatly labeled. easign the learnability process.

 

 

 

Add as friend

 

This screen contains a customized message to be sent with friend request.And “send” and “cancel” buttons.   

All the buttons are clearly labels and are internally consistent with the use of vocabulary. 

The customized message box is auto filled with fragile default message. 

User can cancel friend request process at any time. 

Initiate Event 

Create event

 

this is the screen where user can schedule an event. tapping on each property of an event will take user to a separate page where they can enter a value.
each edit view has a cancel and done buttons on the top, which are wide and clearly labeled. edit start and end time page has a turn wheel for easily selecting
date and time. with deafult as 30 minutes later.
select invitees page takes the user to its friend list.
user can select multiple invitees by tapping on their names. the friends alreayd added in the list have a tick againt their names and
thoes who are not added yet have a + inside a circle againt their names. there is also a search bar on the top.
selecting multiple friends makes it efficient, and search bar makes it easier to browse through a long list.
once all the properties are set, event can be broadcasted to all invitees by tapping the button on thebottom of the page.which pops out a confirmation message.

this page is easy to learn because it contains every day vocabulary. and is consistent with other mobile applications.
it is efficient because of different halp features exaplien earleier. and it is safe because it asks users consent before broadcasting the event.and user can at any time cancel or reschedule and event.

 

 

 

Edit location and name

 

 

 

 

 

 

Edit start and end time

 

 

 

 

 

 

Invitee list

 

 

 

 

 

 

Edit notes

 

 

 

 

 

 

Broadcast invite 

 

 

 

 

 

 

Check RSVP

 

 

 

 

 

RSVP

View list of events

 

this is the page user can view all the events.
each event has location and time againt its name. making it easier for the user to browse throught the list for a specific event on a scpeicfic day and location.
if the event is canceld, the word cancel is shown instead of location and place. in case the location is changed by the organizer a asterisk appears on the location and time.
user can tap on the event name to view the full details.
the page which displays the full details looks just like the create event page. except fro the fact that it does not contain "broadcast event button"instead it has RSVP button. which takes user to RSVP page.

 

 

 

 

View event details and location

 

tappign the map button against friend opens map and shows event  on map.

 

 

 

 

Send RSVP 

 

RSVP page contains option "Accetp" and "Reject" along with a optional field for "additional notes". user can send the reason for rejection or may be dietery contrianst with the acceptence.and tap send.

 

 

 

Reschedule

View list of events 

 

 

 

 

 

 

Edit details 

 

 

 

 

 

 

Broadcast update