takee_project2

=Topic: Facebook= toc =Rationale= Facebook is a medium to keep in touch with friends. And I think that having a meal together in a nice restaurant is a good way to socialize with friends. It would be convenient and easy if people can search information on good restaurants and food through Facebook, as well as sending invitations to friends just by one click instead of sending emails and calling friends on phones. Most people find a hard time deciding which restaurant to go for lunch or dinner and people are tired of places they have gone a few times but at the same time have no idea about what other new restaurants are good. This website can give information to users on deciding which restaurant to go based on the region they live in. Facebook is a place where people can share stuff with each other such as files and photos, base on this concept, my website also enables users to post up their originally created recipes with photos and share with others, as well as making comments on other people's recipes. So basically, this website is like a Facebook application. (Nowadays there are so many Facebook applications that provide additional functions that Facebook itself doesn't) The first page of the website is made in a similar style of Facebook's first page. The layout is simple with a clean layout and monotone color scheme. The green color I have chosen for my website is a yellowish green which I think is a color that gives a fresh feeling.

=Inspirational website layouts= inspirational website layouts

=Procress=

Original Ideas
According to Joseph Walther's "interactive media theories", the media richness theory also outlines that face-to face contacts are "richest" in bandwidth concerning the means of interaction between people, while computer communication is considered to provide only "leanest" bandwidth "according to its [limited] channel capacities. Virtual communities such as Facebook, MySpace are seen as communication spaces that are lacking verbal communication and personal contact. Some other virtual communities like Skype allow people to talk online just like traditional telephones. Recently, many applications are created on Facebook and users are allowed to add applications to their personal profiles. Some applications are similar to some virtual communities which allow users to send text messages to cell phones and some allow users to make conversations with each other online. So, I came up with an idea which my website allows users to make online conversations or even video calls to friends. Users can try the Facebook applications on my website and they can add it to their Facebook profile if they like it. As a result, this might increase the number of Facebook users as well as let people experience that Facebook is a virtual community that also provides verbal communication.


 * 5 areas of investigation:**
 * Exchange of personal information
 * Controversies (stealing pictures and personal information...etc)
 * Business of Facebook
 * Virtual World of Interaction
 * **Connecting people together**


 * personas involved in the concept map:**
 * 1) Facebook Users
 * 2) Stalkers
 * 3) Strangers
 * 4) Mark Zuckerberg (Facebook creater)
 * 5) Dustin Moskovitz and Chris Hughes (Co-Founders)
 * 6) Li Ka Shing (Hong Kong billionaire who invested money into Facebook)
 * 7) Non-Facebook Internet Users
 * 8) Non-Facebook Non-Internet Users

=Personas (new)= -enjoys having meals with friends -likes to try new restaurants with friends -likes to hang out with friends -She wants to bring friends to meals as a way to keep in touch with them. || -likes cooking -wants to get some free recipes from the internet -looks for cool recipes -likes to make new food/creates new recipes -likes to share cooking with friends|| -receives invitations from friends -login to view invitations and information on restaurants|| -early twenties -has access to Internet and Facebook -always eats out -spends most of the time with friends -likes to keep in touch with friends through Facebook|| -college student -early twenties -stays at home most of the time -likes to cook at home rather than eating out -has access to Internet and Facebook -keeps in touch with friends through Facebook|| -college student -early twenties -keeps in touch with friends through Facebook|| -makes comments on restaurants she has tried before -sends invitations to friends to a meal/restaurant -keeps in touch with friends on Facebook -tries new food/new restaurants|| -can search for recipes posted by others -can post up her newly created recipes -can share good recipes with friends through Facebook|| -likes to hang out with friends -likes to eat with friends (both restaurants and home-made food) -likes to keep in touch with friends by having a meal together in a nice place with nice food ||
 * Narrow down persona: Facebook users who like food**
 * || **Primary Personas** || **Secondary Personas** || **Affected Personas** ||
 * || Facebook users who like food and like eating out || Facebook users who like food and like cooking rather than eating out || Facebook users who like food but don't really care whether eating out or cooking ||
 * **scenarios** || June || Jane || Jasper ||
 * **Motivations** || -likes to eat out
 * **Context** || -College student
 * **Behaviour** || -search for good/recommended restaurants

=New Ideas of website=

Concept:
Facebook is a tool to keep in touch with friends. Having a meal together in a nice restaurant is a good way to socialize with friends. It would be convenient and easy if people can search information on good restaurants and food through Facebook, as well as sending invitations to friends just by one click instead of sending emails and calling friends on phones. Facebook is a place where people can share stuff with each other such as files and photos, base on this concept, my website also enables users to post up their originally created recipes with photos and share with others, as well as making comments on other people's recipes.

Focus: main interactions with users:

 * allows users to search information on restaurants (search by regions, rating)
 * users can make comments and ratings on the restaurants they have tried
 * users can send invitations to friends (to a meal)
 * users can forward information of restaurants to friends


 * different links:**
 * [Home]** - open another pop-up window
 * [About]** - my rationale
 * [Find Good Food]** - a page to search restaurants and post comments &amp; ratings on restaurants
 * [Share Your Food]** - search recipes; comment on recipes; forward recipes to friends
 * [Invite Friends]** - send info. of restaurants to friends; send invitations to friends to a meal

=Wireframes= resolution of website: 1000 x 600 pixels website with of 5 framed windows: 1 header 1 left menu 1 active window in the middle 1 blank window on right 1 blank window at bottom
 * Color blocks indicate different window frames in a framed parent window**


 * About:**

main page|| search result page|| comment page||
 * Find Good Food:**
 * [[image:wireframe_findfood_main.jpg width="300"]]

main page|| post your recipes|| search for recipes||
 * Share Your Food:**
 * [[image:wireframe_shareyourfood_main.jpg width="300"]]

main page|| send invitation page||
 * Invite Friends:**
 * [[image:wireframe_invitation_main.jpg width="300"]]

=Visual Comps= layout1:

layout2:

layout3: home page version1|| version2||
 * [[image:about-layout1.png width="400"]]

=User test=
 * no logout page
 * no notification saying whether invitations have been sent or not
 * there's a scroll bar on the header frame

solutions:
 * logout page created
 * a new page saying "your invitation has been successfully sent" to notify users that their invitations have been sent out
 * scroll bar is not shown in my computer but appears in the computers at TEL

=Final=

Process Work

Final website

Launch website [|here]

Resources
"Coup". 4 Feb 2008  "COMA". 4 Feb 2008  "misprinted type". 4 Feb 2008  "wikipeda - Virtual Community". 19 Feb 2008  "Weinsen" 19 Feb 2008  "Design by Grid". 2 Mar 2008  "Facebook". 9 Mar 2008 

"Frames". 27 Feb 2008  "Expert Exchange". 27 Feb 2008  "Dynamic Forums". 27 Feb 2008  "Computer Hope.com" 2 Mar 2008  "Javascript Windows". 10 Mar 2008 
 * HTML sources:**

"stock.xchng". 10 Mar 2008 
 * ALL photographs (except header background) from:**