User Experience Design

USER EXPERIENCE DESIGN

OBJECTIVES OF COURSE To study the series of emotions which are experienced by the user while interaction with any technical thing.

To study the detail steps involved in whole process of User Experience Design and provide a fruitful solution.

CLIENT BRIEF

PROBLEM STATEMENT

DOGO is our client company which is US base.

To design a interface for ‘ DOGO ‘ the social networking web site which allow to user keep track of activities,events and places that they want to remember and find friends to join them.

DOGO is the newely launch company who wants to launch their social networking website.

They want to launch the web site by the same name ‘ DOGO ’ and their tag line is ‘ Go there Do that .’

TARGET AUDIENCE Those People are who are social networking geek.

College going students / Teenagers

MOOD BOARD

KEY WORDS Fun

Informal

Playful

Not over the top

Clean

Graphical

Modern

Clean color palette

Simple

References that we have found for the keywords we have derived. All these are cool, fun and modern. We have tried to give our website also an informal, playful and modern look and feel.

QUESTIONNAIRE While doing our user study we prepared some questionnaires related with our problem statement.

They are as follows :

1. User Information: a) Name b) Age c) Gender d) Location e) Family / Educational Background f) Profession g) Work Profile h) Annual Income

9. If not, what are the problems you face?

2. Do you use a social networking site? Which one?

11. What do you expect from a new site if you are open to having one?

3. How much time do you spend on a social networking site?

12. Is there anything specific that you may look for in an alternative site?

4. Do you feel the need for a social networking site?

13. How would a social networking website, that lets you meet people with the same interesets and do activities together benefit you?

10. Is another site welcome? Or are you happy with the existing ones?

5. What do you use most on a social networking site?

14. Is the navigation of the site you are using satisfactory?

6. Technology isolates people and truncates their relationships, so why are we so addicted to social networking sites?

7. There are many social networking sites in the market. Which is the most popular one and what is the reason?

15. What more are you looking for in terms of navigation?

16. Is there anything in particular that you may look for in an alternative site?

17. What kind of notifications would you like to have in this?

8. How user friendly is the current social networking site you are using?

Heeresh Khatri, 29 yrs Placement Coordinator MIT ID

USER STUDY After finalising our questionnaire we carry out user study.

First we gave the people a list of questionnaire and ask them to answer it.

After that we short listed some people from diffrent age group and conduct their interviews and from that we prepared their personas.

Mr. Heeresh Khatri, a 29 year old professional is very active on social networking sites.

He claims that you name a site and he is active on it. Facebook, Twitter and LinkedIn are some of his favorites. He believes that this is the most practical and economically feasable way to remain connected with people. He is on Facebook to chat with friends, most of them who are abroad and keep himself updated about their lives. He is on LinkedIn for his professional contacts to improve. So he is open to having a new site that will be exclusively for people with the same interests, where individuals with the same wavelength meet and can exchange and share ideas, have interaction and discussions. He is looking for something that is simple and easy to use and understand and has no privacy issues. Also, he doesn’t want to be asked continuosly for personal data.

Tithi Jasani, 19 yrs Product Design Student MIT ID

Heeresh Khatri, 29 yrs Placement Coordinator MIT ID

19 year old girl Tithi Jasani, from Gujarat-Rajkot who is studying Product Design in Pune represents today’s young, net- savvy generation. She spends on an average half an hour per day to use Facebook. As per Tithi, Facebook is a good way of staying in touch with your friends, especially those whom you can’t get to meet in person. Apart from interaction with friends she likes to watch videos shared on this social network. although it becomes boring to surf Facebook after around half an hour Tithi’s opinions about socialising on the social network are very affirmative. According to her, it is not addictive, in fact is very beneficial if used appropriately. She gets annoyed by the notifications which comes on her email address. Tithi really likes to try out new things. Given some interesting alternative which is simpler, interesting and unique yet covers all the features of Facebook, she would definitely like to try it out.

Mihir Gurjar, 23 year old, studying in MITID, Pune likes to use social networking sites to keep in touch with his friends. But he doesn’t spend more than half an hour on it.

While he is on a social networking site, he prefers to chat with his friends and make new friends. When he visits a page, he isn’t sure if the page is a duplicate or authentic. So he wants a proof of it being original. Also, he feels he should have more options when he looks for someone. ie. location, email, state, school etc. on his search box.

He is also interested to use a dashboard with customised themes, where he may be able to change the icons, themes and the look of his screen. He would like to be notified about events, birthdays etc. by pop ups on his dashboard. He likes to meet people with similar interests, but he would want to differentiate them or categorize them into groups (of the same area) where it will be easier for him to meet or find them.

Yashaswini Pisolkar, 45 yrs Student Co-ordinator MIT ID

Yashasvini Pisolkar, working as a student co-ordinator at MITID, uses social networking sites very rarely, though she wants to explore something that may interest her. Facebook is the only social networking site she uses, as and when she gets notifications on her mail. Otherwise, she prefers to contact her friends and other people personally or by calling and talking to them, which gives her that “APNAAPANwala” feeling, which a social networking site cannot give her. As she is a middle aged woman, she faces some problems because of not being tech savy. So she doesn’t find websites or pages of her interest. So she would prefer or welcome a site where she can join, follow and update herself about her interests.

CARD SORTING After doing interviews we carried out card sorting exercise.

In this exercise we write the words releated with social networking site on the cards and ask our users to arrange it according to their convenience.

We also allow them to add cards if they want.

WORK FLOW After doing card sorting exercise we develope work flow of a site.

Home About Us

Privacy

Terms & Conditions

FAQs

Create Ad

Create Page

Login In

Regestration

Follow Us

Forgot Password

User Name

Animation

Regester Now Regester Now Form

Password Pinboard

Profile

Activities

Events

Places

Diary

Group

Friends

Edit Profile

DP

Activities

Favourite

People

Links

Video

Page

Priority

Review

Places

Create Group

Add to Group

Search Friend

Delete From Group

Video

Send invitation

Page

Area

Setting

Image

Home

Links

Status

Share

Updates

Comments

Notifications

Notifications

Share

Account

Add Friend

Search

Comment

Comment

Links

Theme

Image

Review Priority

Links

For study of task analysis we took two tasks and then devide it in number of sub tasks.

By doing this we get the clear idea about action stimulus , what kind of action is required and most importantly the feedback.

Privacy

Connect

TASK ANALYSIS

Image

Share

Video Privacy Review

Share

Task 1: 1.1 1.2 1.3

1.4 1.5 1.

1.

1.

1.

Subtask Select one of the many group names from list of groups View group member list

Intent to browse group

Browse whole list of group members Select members/invitees from Whom to choose from list list

Type text

Select image

Intent to add image Intent to add image

Feedback Group gets selected and names and click on it of group members appears Scroll the list Checking group members and deciding whom to invite 1. Mark the check box in front of List of people marked appears group members' names. OR on screen 2. Mark the check box named "Select All" Text box appears on screen Start typing Typing is completed Browse window appears Click on "Open Image" on dialogue box

Task 2: 1.1 1.2

Subtask Go to search box Type name

1.3

Select friends from list

1.4 1.

Feedback Intent to search for friend

Click on search box Type in search box and click on List of friends appears

name Click on the link dd as friend

Link to friend's page gets highlighted

dd to your friend's list appears

Check whether it is right or wrong selected members

To make ne friends

appears on screen

WIREFRAME Before starting actual design of web site for understanding purpose we design wireframes of our tasks.

Designing wireframe structure is important. We made it and check it with our target audience and according to the suggestions we made changes into it. It was helpful for actual site designing.

Wireframes for task 2

Wireframe Wireframe design for landing page and dashboard.

R = 0 G = 0 B = 253 C = 88 M = 77 Y = 0 K = 0

COLOR PALETTE

R = 255 G = 255 B = 255 C=0 M=0 Y=0 K=0

As per the given brief this is social networking site. so we use shades of blue and white as our primary colors.

R = 109 G = 195 B = 247 C = 50 M = 8 Y = 0 K = 0

R = 66 G = 198 B = 243 C = 60 M = 1 Y = 0 K = 0

R = 27 G = 117 B = 187 C = 85 M = 50 Y = 0 K = 0

R = 35 G = 63 B = 128 C = 99 M = 88 Y = 19 K = 6

FINAL DESIGN

THANK YOU