2021-01-28 00:36:30 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
|
|
|
|
|
<html lang="en">
|
2021-01-28 01:07:42 +00:00
|
|
|
|
2021-01-28 00:36:30 +00:00
|
|
|
<head>
|
2021-01-28 01:07:42 +00:00
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
2021-01-28 00:36:30 +00:00
|
|
|
|
2021-01-28 01:07:42 +00:00
|
|
|
<title>Survey of Facebook UI</title>
|
|
|
|
|
<meta name="description" content="Survey of Facebook UI">
|
|
|
|
|
<meta name="author" content="SitePoint">
|
2021-01-28 00:36:30 +00:00
|
|
|
|
2021-01-28 01:07:42 +00:00
|
|
|
<link rel="stylesheet" href="css/styles.css?v=1.0">
|
2021-01-28 00:36:30 +00:00
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div>
|
2021-01-28 01:07:42 +00:00
|
|
|
<h1>Questionnaire of the Facebook UI/UX</h1>
|
2021-01-30 17:48:55 +00:00
|
|
|
<a href="https://www.facebook.com/">
|
2021-01-28 01:07:42 +00:00
|
|
|
<img src="images/fb.png" alt="Facebook" class="fb">
|
|
|
|
|
</a>
|
2021-01-28 00:36:30 +00:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
2021-01-28 01:07:42 +00:00
|
|
|
<section class="survey_body">
|
2021-01-30 17:51:33 +00:00
|
|
|
<p style="font-size:150%;">Give us your opinion about <a href="https://www.facebook.com/">Facebook</a></p>
|
2021-01-28 01:07:42 +00:00
|
|
|
<form>
|
|
|
|
|
|
2021-01-28 00:36:30 +00:00
|
|
|
<div class="form-control">
|
|
|
|
|
<label id="name-label">First Name:</label>
|
2021-01-28 01:07:42 +00:00
|
|
|
<input type="text" placeholder="Enter the First Name" required>
|
2021-01-28 00:36:30 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="form-control">
|
|
|
|
|
<label id="name-label">Last Name:</label>
|
2021-01-28 01:07:42 +00:00
|
|
|
<input type="text" placeholder="Enter the Last Name" required>
|
2021-01-28 00:36:30 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="form-control">
|
|
|
|
|
<label id="name-label">E-mail:</label>
|
2021-01-28 01:07:42 +00:00
|
|
|
<input type="text" placeholder="Enter the Email" required>
|
2021-01-28 00:36:30 +00:00
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
|
2021-01-28 01:07:42 +00:00
|
|
|
<div id="questions">
|
2021-01-28 00:36:30 +00:00
|
|
|
|
2021-01-28 01:07:42 +00:00
|
|
|
|
|
|
|
|
<div class="two">
|
2021-01-28 00:36:30 +00:00
|
|
|
<form>
|
2021-01-28 01:07:42 +00:00
|
|
|
<label id="radio">Did you enjoy your experience using Facebook</label>
|
2021-01-28 00:36:30 +00:00
|
|
|
<br>
|
2021-01-28 01:07:42 +00:00
|
|
|
<div style="margin-right: 4px;">
|
|
|
|
|
<input type="radio" value="yes" name="enjoy">
|
|
|
|
|
<label for="yes">Yes</label>
|
|
|
|
|
<input type="radio" value="no" name="enjoy">
|
|
|
|
|
<label for="no">No</label>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
2021-01-28 00:36:30 +00:00
|
|
|
<br>
|
2021-01-28 01:07:42 +00:00
|
|
|
|
2021-01-28 00:36:30 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="box">
|
2021-01-28 01:07:42 +00:00
|
|
|
<label>Select the web browser you are using:</label>
|
|
|
|
|
<div style="margin-left: 22px;">
|
|
|
|
|
<form action="/action_page.php" method="get">
|
|
|
|
|
<label for="browser"></label>
|
|
|
|
|
<input list="browsers" name="browser" id="browser">
|
|
|
|
|
<datalist id="browsers">
|
|
|
|
|
<option value="Edge">
|
|
|
|
|
<option value="Firefox">
|
|
|
|
|
<option value="Chrome">
|
|
|
|
|
<option value="Opera">
|
|
|
|
|
<option value="Safari">
|
|
|
|
|
</datalist>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-01-28 00:36:30 +00:00
|
|
|
</div>
|
2021-01-28 01:07:42 +00:00
|
|
|
|
|
|
|
|
<div class="btn-control">
|
2021-01-30 18:19:23 +00:00
|
|
|
<label id="radio">How many number of times a day do you check Facebook?</label><br>
|
2021-01-28 01:07:42 +00:00
|
|
|
<input type="radio" name="Times ">0 times<br>
|
|
|
|
|
<input type="radio" name="Times ">1-2 times<br>
|
|
|
|
|
<input type="radio" name="Times ">3-4 times<br>
|
|
|
|
|
<input type="radio" name="Times ">5 times or more<br>
|
2021-01-28 00:36:30 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="btn-control">
|
|
|
|
|
<label id="checkbox;">What does Facebook do better than its competitors?</label><br>
|
|
|
|
|
<input type="checkbox" value="">Recommending Friends</input><br>
|
|
|
|
|
<input type="checkbox" value="">User Feed</input><br>
|
|
|
|
|
<input type="checkbox" value="">Advertisements</input><br>
|
|
|
|
|
<input type="checkbox" value="">Usability</input><br>
|
|
|
|
|
<input type="checkbox" value="">Nothing</input>
|
|
|
|
|
</div>
|
2021-01-28 01:07:42 +00:00
|
|
|
|
2021-01-30 18:19:23 +00:00
|
|
|
<div class="btn-control">
|
|
|
|
|
<label id="radio">What do you use Facebook for?</label><br>
|
|
|
|
|
<input type="radio" name="Times ">Photos<br>
|
|
|
|
|
<input type="radio" name="Times ">News<br>
|
|
|
|
|
<input type="radio" name="Times ">Messaging<br>
|
|
|
|
|
<input type="radio" name="Times ">Games<br>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="btn-control">
|
|
|
|
|
<label id="radio">How did you learn about Facebook?</label><br>
|
|
|
|
|
<input type="text" placeholder="Enter the name of your source" size="37">
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-01-28 00:36:30 +00:00
|
|
|
<br>
|
2021-01-28 01:07:42 +00:00
|
|
|
<div class="texto">
|
|
|
|
|
<p style="font-size:120%;">Please enter your comments here:
|
|
|
|
|
<p>
|
|
|
|
|
<textarea rows="10" cols="100" maxlength="3000" placeholder="Enter your text...."></textarea>
|
2021-01-28 00:36:30 +00:00
|
|
|
</div>
|
2021-01-28 01:07:42 +00:00
|
|
|
<button type="submit" class="button">Submit</button>
|
|
|
|
|
</div>
|
2021-01-28 00:36:30 +00:00
|
|
|
|
|
|
|
|
</form>
|
2021-01-28 01:07:42 +00:00
|
|
|
|
2021-01-28 00:36:30 +00:00
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="footer">
|
|
|
|
|
<p>Website created by Ruchira, Sam, Batuhan, and Kene</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-01-28 01:07:42 +00:00
|
|
|
</div>
|
2021-01-28 00:36:30 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-01-28 01:07:42 +00:00
|
|
|
</body>
|
2021-01-28 00:36:30 +00:00
|
|
|
|
2021-01-28 01:07:42 +00:00
|
|
|
</html>
|
