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