Close - A clever way to make new friends


Published on

Tired to search for interesting people in the crowd?Ever wanted to be introduced to that gorgeous friend of one friend of yours?
Close can do that for you. Putting you in touch with your friends to look over their friends list and find people that can be interesting to you.

Published in: Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Close - A clever way to make new friends

  1. 1. CloseDolor Set Amet
  2. 2. Disclaimer
  3. 3. DisclaimerThis is a study of 7 young, undergraduate, computer scientists, passionate by the idea of develop something thatpeople would use and buy. All thats written here is an offspring of what we learned about our market. Re-searches, scientific papers, surveys, some assumptions and a lot of user feedback. Think of this as a diary aboutthe first steps of our entrepreneurial journey. ii
  4. 4. The Book
  5. 5. S ECTION 1 This book is about our journey learning the right way to build software and more importantly: how to build a the right prod- uct, aimed at the right people in the right time. As youll see through the book this doesnt mean that our product will be the next big thing, or that we will have a million thousand us- ers. It just means that this time we wont screw up as much as we did before, and if we do screw up, we wont waste our (andThe Book others) time, and money building something  people wont use.Why is this being written in a book anyway? Wouldnt a blogbetter?Startup normally use blogs, but we wanted to try some-thing different. A book forces us not only to just share thewhole process, but also to be more critical about it, we willneed to be more precise, secure and organized about what iswritten.Being computer science students we very often tend to beginwriting code as soon as possible so we can actually see the re-sult of it. We’ve been taught to build software for N.A.S.A.And this made things a little difficult a couple of times, be-cause as we learned through failure, this isn’t the best way torun a Startup. So we read, discussed, and agreed that we willnever again launch a rocket without knowing exactly why arewe welding each part and who is benefiting and paying forthat. From now on, we will commit to built products the rightway: as Eric Ries, the writer of “Lean Startup”, says: builtsomething customers want pay for, as quickly as possible. 4
  6. 6. Context
  7. 7. S ECTION 1 tify if a certain person is a friend of your friend) and the al- ready available data about individuals throughout their com- ments, likes and shares. One of our biggest concerns is that not everybody wants their dating activity publicized, so a more successful app would op- erate beneath the public wall of Facebook, and at the sameContext time, we want our product go viral. [TIME Healthland, 2011]According to a Stanford University/City College of New Yorkstudy released in August, the Internet was the third mostpopular place to meet a new love interest in 2009. About 22%of all the 3,000-odd heterosexual couples in the longitudinalHow Couples Meet and Stay Together Survey who met in2009, did so through the web. Only a slightly higher numbermet in bars, and the highest proportion met through friends. That’s where Facebook takes place. While it doesn’t havean official dating app, it certainly have a number of ways tomeet people. Men often prefer to to do their date-fishing onFacebook, because women are more open to approaches fromguys who are known or close to somebody they know. Also,people are less likely to lie, or put up a horribly inaccurate pho-tograph on their Facebook profiles, because their friends willcall them out. Facebook eliminates the "blind date" aspect in-herent in most designated online dating services because ofthe easiness to identify users connections (for example: iden- 6
  8. 8. Pitch
  9. 9. PitchTired to search for interesting people in the crowd?Ever wanted to be introduced to that gorgeousfriend of one friend of yours?Close can do that for you. Putting you in touch with your friends to look over their friends list andfind people that can be interesting to you. Close - A clever way to make new friends viii
  10. 10. C HAPTER 1 Hunting Primary Data
  11. 11. S ECTION 1 Survey description: We ran a series of five questions on Facebook. Each turn a dis- tinct question was asked to a specific group. After five turns, all groups had answered all the five questions.This was done this way because of Facebooks limitation to only one questionHunting Primary Data per poll. And since we wanted to be as close as we could to our possible users we decided this was the best way to survey then.After the concept of the product became clear in our minds westarted a journey that lead us to understand that all of our as- The data were inconclusive to show any big difference be-sumptions could not be considered true unless we had then tween the controlled groups. We think that its needed muchtested before. We needed something to prove that we were in more data to accomplish any valid conclusion. The poll alsothe right direction. At first we thought that this would be im- pointed to us that people use social networks to maintain a re-possible considering we had no product at all to show. But we lationship that have started in any kind of social event. We ex-then noticed that if we could do it, it would save a lot of time pected data showed that people could start a relationship(and in a real world situation, money) in planning and devel- through the Internet especially on social networks. Its alreadyopment. proved that it happens quite well in the general Internet, be- cause of successful dating sites like first attempt was to unleash a simple survey with a con-trolled and mixed group of possible customers. Teenagers, By the end we had more questions than when we began theadults and any kind of people that we thought would like to survey. Things like: why isnt there already a successful exam-meet new people online (we began assuming that our target ple of dating service on Facebook? And even, why relation-market was mass market). We asked a couple of questions, try- ships that starts through the Internet often involves peopleing to build a map of how people meet other people after the that have no friends in common, wouldnt it be more naturalInternet, and how they do now with Facebook. to happen between socially closer people? Had the friend Cu- pid passed unnoticed through digital age? 10
  12. 12. C HAPTER 2 Ask a giant for second data
  13. 13. S ECTION 1 From now on we will quote articles we found and com- ment how the piece of information is important to us. To begin, lets see why do we use social networks:Ask a giant for second data "The bottom line is that this goes back to the fact that, like all primates, we are an intensely social species, and having our friends, cohorts, and acquaintances close is important to our general success. In these senses “keeping the wheels oiled” is In this chapter we are going to discuss some of the key critical, hence why we like gossip, and hence why biographiesdecisions we made in order to develop CLOSE. To do this we and fiction so wildly outsell anything else in the books mar-surfed the web looking for articles, mainly papers that would ket."help us making decisions about how our product should be,and how it should work. We had a mindset to find scientificbased information, to support most of our decisions. Some Then we discovered that in the end it is just like anywould consider this a overhead of work, in our defense we other thing in our capitalist society, it is all about capital, buthave experienced just the opposite. Since we had scientists this time not "money capital", its the social capital:work in our side we could skip some of the "trying and miss-ing" fases, and make a hit faster, because those people have al-ready researched, and could quickly tell us what works, what "In 1916, L.J. Hanifan (in context of rural schools) discusseddont and whats better. Another very important point is that the concept of Social Capital, defining it as, “..that in lifeour team is all formed by technology people, none of us have which tends to make these tangible substances count for mostany social sciences background, so since our product is com- in the daily lives of people: namely good will, fellowship, sym-pletely based on how people interact among each other, it pathy, and social intercourse among the individuals and fami-makes a lot of sense to consult people that have studied, re- lies who make up a social unit"searched and actually know "how people interact among eachother". 12
  14. 14. "It turns out, though, very clearly, that our social networks are no larger in virtual worlds than in reality. The people you have Now knowing a little bit more about human relation- on your network are the people you would typically keep intoships, we are able to understand why social networks are grow- contact with in reality, face to face."ing so fast on the web. The answer is very simple: as we saw inthe articles, we are social animals, we already had our socialnetworks, the web just made it faster to grow, easier to inter- This last quote intrigued us. We all had "friends" on Face-act and harder to manage since now we have so many connec- book that we new from somewhere, but that we actually hadtions, and information about this connections run so fast that not talked to. But then we realized that this people are not ac-its becoming hard to keep the pace. tually in our network, they are just another "hyperlink" in our We learned that internet social networks are extensions pages, just like anything on the internet. As the article men-of real life social networks, lets see how big this extension be- tioned, we realized that people that we kept in touch in Face-came: book are exactly the people that we would "keep into contact with in reality, face to face"."According to Facebook’s own statistics (as at April 2009),they have more than 200 million active users, more than 100 We then started to think how this information could helpmillion of which use the site daily, and together upload more us on helping others to make friends on the internet. We sawthan 850 million photos a month, over a billion pieces of con- this:tent a month, and interact through over 25 million activegroups, and 2.5 million events." "It seems, to me, that relationships are face to face things. There is no point in having a virtual relationship if you are With this, we can now start to see some important facts never going to see those individuals again as it crowds yourto support CLOSE. Who are the people that we have in our so- “mental boxes”"cial networks: and this: 13
  15. 15. rather than chatting on the phone (e.g. I’ll be back in Newcas- tle, shall we go for a beer, etc). With females, it’s the conversa-"You are surrounded by an endless series of expanded layers tion which slows the rate of decay."of social networks. Your inner core is 5, which extends to 50-150, 500 and eventually out to around 1500. As you go outthrough the networks, the number of people included in- "There is something about the female psyche which is in-creases, the average quality of these relationships declines." tensely social, and the most trivial conversations become part of the process of bonding. This perhaps is what causes the dif- ference in message in sms, facebook, etc." This quote was very important, it led us to think aboutwitch people we should present to our users so they couldmake actual friends. The answer to that was clear: friends of This helped us on considering how to make the designfriends are the ones that we have more chances of meeting and forms of interactions more neutral, so both, men andface to face. We noticed that after a on-line interaction it is women could have a good CLOSE experience.very easy for us to meet friends of friends, since they com-monly will attend events that the "friend in common" will go Another thing we thought would help our product be aan so do the user. Also, its not weird to set a encounter with hit was the fact that Facebook profiles could be used as a trust-the 3 involved people (the user, the friend, and the friend of worthy form of learning about people and the veracity of whatthe friend). they are saying. This can be used to give users a safer experi- ence and also help then choosing who are they going to begin Lets now learn more about human interactions in social a relationship with. Here is something to support this:networks. How differently men and woman behave: "respondents were asked to rate how accurately their profiles"If you go away from home (to university, for example) your portrayed them and whether that portrayal was positive, asrelationships with friends do decay in time. Phones have judged on a 1 to 5 Likert scale, with 5 indicating high agree-helped to slow that decay considerably, but there is a big differ- ment. Respondents reported high confidence that their Face-ence in how males and females service these relationships. book portrayals described them accurately (mean=4.16)"With males, its about “doing stuff” and making arrangements 14
  16. 16. C HAPTER 3 Putting that on paper
  17. 17. S ECTION 1 And Jake says: - don’t do that to yourself Mike. You de- serve more than that. What this girl have in common to you, a hobby? This isn’t enough. It’s more than that Mike says. She is friend’s of Monica, my neighbor. I used this website to ask my friends what friend’s of them would form a great couple with me. At first I didn’t hope that it was going to work either, but my friends knew me, they knew what I like and what I don’t. So who bet-Putting that on paper ter than them to help me, to meet new people. And just like that I found Brigitte. We have been in a couple dates and it’s been awesome. You should try. What’s the name of the web- site, Jake asks. CLOSE, Mike said. Jake wasn’t really sure about it, but if it had worked to Mike it should worth a shot. When Jake get’s home he entered We gather all we have learned so far and brainstormed CLOSE and ask privately his Facebook friends(Mike and Ana)about. What users wanted, what we think they really needed. what girl they know that should match with him.But the brainstorming wasnt helping enough, after a couplehours we have a trunk full of possibilities and tons of post its. So we decided to take a different approach, by creatinga flux from the first thing the user sees to the last one. With a tablet in hand we began. We admit, at first itwas superficial and a little bit shinny, but when the processhad finished we’ve got something to develop. The history begins with Jake, a 24 year old man whowants to meet some girls, dance, chat and possibly start a rela-tionship. Jake already tried the conventional method: go toclubs, mainstream one’s, alternative one’s; shows; bars. Andthis was his approach through the past 5 years. Some day he decided to try internet services to do that.Two more years passed, experiencing awkward dates and nowJake is 26, tired of dates, guessing his never going to be in arelationship. Last friday at work, he found his friend Mike in a web- He didn’t knew at first, but Ana has a beautiful andsite that seemed like thousands one’s that he passed through cool friend named Molly that is the one for him.over the years. 16
  18. 18. While he waits for Ana and Mike to respond CLOSEshow some recommendations to him. He is a nice guy, I will help him. And she enters CLOSE. He watch them for a while, hopping that his friendsdoesn’t take much longer. Ana, sees a message on her Facebook: She runs to her Facebook friends list, and pick 4 girls to Jake. 17
  19. 19. Then she set some stars to show how funny, sexy andtrusty is each one of them, puts a personal comment, choosesome nice photos of them from their Facebook album and indi-cate them to Jake. One, named Molly actually get his attention. But an- other one seems nice to. So what to do? He put them together, in a challenge, to see witch one of them is the write one for him. Jake receive the list Ana sends and start to look one byone. 18
  20. 20. Then he pokes Molly, message her, and add her as a friend. By this far they had started a great friendship. And four months later they became valentines. That’s the happy story of Jake & Molly, but only because they are CLOSE to Ana.And quickly he decides: It’s Molly! It’s she the one I have tomeet. 19
  21. 21. This Jake & Molly story is our flux, it’s how our users intendto use our product and that’s what we gonna keep in mindwhen we built it.This flux became our base to build the CLOSE prototype.So, to the Wireframes! 20
  22. 22. C HAPTER 4 Building a sketch to interact
  23. 23. S ECTION 1Building a sketch to interact Wireframes are an important design tool used in Webdevelopment. It is a visualization tool for presenting proposedfunctions, structure and content of a Web page or Website. Awireframe separates the graphic elements of a Web site fromthe functional elements in such a way that Web teams can eas-ily explain how users will interact with the Web site. In thischapter we will explain the behavior of CLOSE application. This is the diagram of the application, it has the func-tion of demonstrating how the system will flow. When the user enter for the first time in the application without having been referred by someone else, he will be di- rected to this page. It is his first access, so he do not have rec- ommendations yet. Because of this, we will refer to him a set of friends and acquaintances, for him to  choose from and re- quest suggestions of suitable friends for the user interact to. 22
  24. 24. chose, did not yet made the recommendation, the system will again show people with common interests. If the user has enabled the option "Challenge!", this option will be active at the bottom of the application. After selecting people, the application, based on a rec-ommendation system, indicates to the user, people that havecommon interests based on their profile information.    If the user returns to the application and the people whom he 23
  25. 25. If the user come back to the application and the people whom This page is sent to selected people. Once notification is re-he chose have already made recommendations, he will be di- ceived, they can select one of the two options. At the bottomrected to this page, where people listed will be grouped to- we show how the dispute goes.gether, showing the friends that were recommended. 24
  26. 26. This is the profile generated by the system, it groups simpleinformation such as name, age and city. Events that the userwill attend appear on this page as well. Its also possible to seetheir facebook profile, add the person as a friend, send a inboxmessage and make a Challenge. The other picture shows auser requesting friendship. 25
  27. 27. This is the area where the option Challenge is prepared, the The user who requested a Challenge can see the battle statususer selects a set of people who will battle against the person in this page.selected. After selecting the person, a notification is sent tothe user contact. They will be directed to page D. 26
  28. 28. C HAPTER 5 Something to see
  29. 29. S ECTION 1 Colors Since our target audience are young people and the service we provide is anything but formal, we choose to use a very colorful logo.  In the application itself we used an opaque tone of or-Something to see ange for the main background. Orange represents en- thusiasm, fascination, happiness, attraction, success, encouragement, and stimulation, combining the energy of the red and the happiness of yellow. It’s also highlyAbout the graphic elements accepted among young people. We choose opaque be- cause non-opaque orange is too aggressive for the vi-Its clear that todays websites are developed in a way sion, making it uncomfortable.they look simple, clean and pleasant to the eyes, peopledont want to have those old desktop applications witha thousand buttons and configuration options, thewant simple things that what theyre meant to thequickest way possible. With this in mind we took aminimalist approach to our design. Our goal was tomake it easy for the users to interact with others andspread the word to more people in order to make thisviral. 28
  30. 30. How the wireframes helped us on this stage

As is noticeable, designs shown in this chapter are verysimilar to the wireframes shown in the last one. Ourtechnic was to test usability with wireframes and afterhaving good responses to it, built our designs. Wire-frames are easier to create and change, giving us moreflexibility and agility to test different configurations,and making small changes to it.  29
  31. 31. 30
  32. 32. 31
  33. 33. 32
  34. 34. 33
  35. 35. 34
  36. 36. Credits
  37. 37. Credits ©CIn - UFPE, User-Machine Interface 2012 Bruna Cruz Filipe Ximenes Felipe Farias Hugo Bessa Josiane Ferreira Rafael Aguiar Ronald Dener xxxvi