From 5005a3c118060b16c2ffec14414b3da6b951eb83 Mon Sep 17 00:00:00 2001 From: soyed Date: Fri, 12 Mar 2021 19:14:10 -0500 Subject: [PATCH] modification for user interface of the survey --- data/comments.json | 14 +-- data/email.json | 2 +- data/firstName.json | 14 +-- data/lastName.json | 2 +- data/question1.json | 2 +- data/question2.json | 2 +- data/question3.json | 2 +- data/question4.json | 2 +- data/question5.json | 2 +- data/question6.json | 2 +- public/styles.css | 60 ++++++++-- views/index.html | 279 +++++++++++++++++++++++--------------------- 12 files changed, 208 insertions(+), 175 deletions(-) diff --git a/data/comments.json b/data/comments.json index 7e39ddf..dec4ab5 100644 --- a/data/comments.json +++ b/data/comments.json @@ -1,13 +1 @@ -[{ - "comments": "Hey", - "count": 1 -}, { - "comments": "ssdfg", - "count": 1 -}, { - "comments": "sacdasdasdx", - "count": 1 -}, { - "comments": "nfgn", - "count": 1 -}] \ No newline at end of file +[{"comments":"Hey","count":1},{"comments":"ssdfg","count":1},{"comments":"sacdasdasdx","count":1},{"comments":"nfgn","count":1},{"comments":"cvvcvvc","count":1},{"comments":"dgfffgdfgd","count":1},{"comments":"dvssdvvdvddsvvsvsdvvdvdsvdsvsdl mksdvjnbijovnvsapslvib9vuodbfaviuovlvboaidslvbdlvabdsvvoulvgovdbvuvavovbbvdebvdvivvv","count":1}] \ No newline at end of file diff --git a/data/email.json b/data/email.json index 6502909..d1182e1 100644 --- a/data/email.json +++ b/data/email.json @@ -1 +1 @@ -[{ "email": "bbaso079@uottawa.ca", "count": 1 }, { "email": "ruchirawperera@gmail.com", "count": 1 }, { "email": "fsdfsd", "count": 1 }, { "email": "dgfbb", "count": 1 }] \ No newline at end of file +[{"email":"bbaso079@uottawa.ca","count":1},{"email":"ruchirawperera@gmail.com","count":1},{"email":"fsdfsd","count":1},{"email":"dgfbb","count":1},{"email":"a@g.com","count":1}] \ No newline at end of file diff --git a/data/firstName.json b/data/firstName.json index b54617e..d4272cf 100644 --- a/data/firstName.json +++ b/data/firstName.json @@ -1,13 +1 @@ -[{ - "firstName": "Batuhan", - "count": 1 -}, { - "firstName": "Ruchira", - "count": 1 -}, { - "firstName": "dzsfvs", - "count": 1 -}, { - "firstName": "xff", - "count": 1 -}] \ No newline at end of file +[{"firstName":"Batuhan","count":1},{"firstName":"Ruchira","count":1},{"firstName":"dzsfvs","count":1},{"firstName":"xff","count":1},{"firstname":["vvcv","cvv"],"count":1},{"firstname":["dfdgfgdf","dwa@g.com"],"count":1},{"firstName":"cddvdvd","count":1}] \ No newline at end of file diff --git a/data/lastName.json b/data/lastName.json index 96d7b00..ed9c6c9 100644 --- a/data/lastName.json +++ b/data/lastName.json @@ -1 +1 @@ -[{"lastName":"Basoglu","count":1},{"lastName":"Perera","count":1},{"lastName":"asdasd","count":1},{"lastName":"dthbh","count":1}] \ No newline at end of file +[{"lastName":"Basoglu","count":1},{"lastName":"Perera","count":1},{"lastName":"asdasd","count":1},{"lastName":"dthbh","count":1},{"lastname":"vcvc","count":1},{"lastname":"gdgfdfggf","count":1},{"lastName":"sddsdsds","count":1}] \ No newline at end of file diff --git a/data/question1.json b/data/question1.json index e23492b..3517c21 100644 --- a/data/question1.json +++ b/data/question1.json @@ -1 +1 @@ -[{"question1":"yes","count":2},{"question1":"no","count":2}] \ No newline at end of file +[{"question1":"yes","count":3},{"question1":"no","count":4}] \ No newline at end of file diff --git a/data/question2.json b/data/question2.json index 1b54645..e3cf0ca 100644 --- a/data/question2.json +++ b/data/question2.json @@ -1 +1 @@ -[{"question2":"Old UI","count":3},{"question2":"New UI","count":1}] \ No newline at end of file +[{"question2":"Old UI","count":4},{"question2":"New UI","count":3}] \ No newline at end of file diff --git a/data/question3.json b/data/question3.json index 8698d6c..7b50be3 100644 --- a/data/question3.json +++ b/data/question3.json @@ -1 +1 @@ -[{"question3":"on","count":4}] \ No newline at end of file +[{"question3":"on","count":7}] \ No newline at end of file diff --git a/data/question4.json b/data/question4.json index 694dd60..f91f2f5 100644 --- a/data/question4.json +++ b/data/question4.json @@ -1 +1 @@ -[{"question4":["Position of messages on the screen is consistent","Prompts for inputs are clear","System always informs about the progress of the task"],"count":1},{"question4":["Position of messages on the screen is consistent ","Prompts for inputs are clear "],"count":1},{"question4":["Position of messages on the screen is consistent ","Prompts for inputs are clear "],"count":1},{"question4":["Prompts for inputs are clear ","System always informs about the progress of the task "],"count":1}] \ No newline at end of file +[{"question4":["Position of messages on the screen is consistent","Prompts for inputs are clear","System always informs about the progress of the task"],"count":1},{"question4":["Position of messages on the screen is consistent ","Prompts for inputs are clear "],"count":1},{"question4":["Position of messages on the screen is consistent ","Prompts for inputs are clear "],"count":1},{"question4":["Prompts for inputs are clear ","System always informs about the progress of the task "],"count":1},{"question4":"Position of messages on the screen is consistent ","count":1},{"question4":["Prompts for inputs are clear ","System always informs about the progress of the task "],"count":1},{"question4":["Use of terms throughout the system is consistent ","Position of messages on the screen is consistent ","Prompts for inputs are clear "],"count":1}] \ No newline at end of file diff --git a/data/question5.json b/data/question5.json index a986a01..85bea14 100644 --- a/data/question5.json +++ b/data/question5.json @@ -1 +1 @@ -[{"question5":"on","count":4}] \ No newline at end of file +[{"question5":"on","count":7}] \ No newline at end of file diff --git a/data/question6.json b/data/question6.json index 3d133a6..2cb7a38 100644 --- a/data/question6.json +++ b/data/question6.json @@ -1 +1 @@ -[{"question6":"yahoo","count":1},{"question6":"kl","count":1},{"question6":"asdasd","count":1},{"question6":"dbgnf","count":1}] \ No newline at end of file +[{"question6":"yahoo","count":1},{"question6":"kl","count":1},{"question6":"asdasd","count":1},{"question6":"dbgnf","count":1},{"question6":"vcvvc","count":1},{"question6":"dfbbdbfb","count":1},{"question6":"wcvvvsvdvsdvdvds","count":1}] \ No newline at end of file diff --git a/public/styles.css b/public/styles.css index 0f03471..b62181e 100644 --- a/public/styles.css +++ b/public/styles.css @@ -1,24 +1,29 @@ body { - background-color: #9caf49; text-align: center; - /* background-image: url("images/bg3.jpg"); */ } h1 { font-family: "Helvetica ", sans-serif; - font-size: 40px; + font-size: 3rem; color: rgb(45, 43, 170); } +h2{ + font-size: 2rem; +} + +p{ + font-size : 1rem; +} .browser { padding-left: 10px; } .survey_body { - background-color: #53dfe4; - margin: 20px; + /* background-color: #53dfe4; */ + /* margin: 20px; padding-top: 40px; - padding-bottom: 40px; + padding-bottom: 40px; */ } .form-control-1 { @@ -62,7 +67,7 @@ h1 { height: auto; } -.footer { +/* .footer { position: fixed; left: 0; bottom: 0; @@ -71,7 +76,7 @@ h1 { background-color: rgb(87, 139, 216); color: rgb(255, 255, 255); text-align: center; -} +} */ .button { background-color: rgb(87, 139, 216); @@ -89,4 +94,41 @@ h1 { .btnClass { text-align: center; -} \ No newline at end of file +} + +/* Shared classes */ +.questions{ + margin: 4% 3%; +} + + +/* Title section */ +#title { + background-color: #F4C983; + padding : 3% 7%; +} +/* Form Section */ +#form { + padding: 3% 7%; + text-align: center; + /* background-color: #5B6D5B; */ + /* #F4C983; */ +} +.SurveyIntro{ + margin: 3%; +} +.userInfo{ + margin: 2.5%; +} + +.surveryForm { + /* #DDDDDD; */ + /* background-color: #5B6D5B; */ +} + +/* Footer section */ +#footer { + padding: 3% 4%; + background-color: #F4C983; + text-align: center; +} diff --git a/views/index.html b/views/index.html index 8e1feb8..7145f8e 100644 --- a/views/index.html +++ b/views/index.html @@ -3,157 +3,172 @@ - - + + - Survey of Facebook UI - - + Survey of Facebook UI + + - - - - + + + + - - + +
+
+
-
-

Questionnaire of the Facebook UI/UX

- Facebook -
-
- -

Give us your opinion about Facebook user interface

-
+
+

Questionnaire of the Facebook UI/UX

+ Facebook +
+
+ +

Give us your opinion about Facebook user interface

+
- - - + +
+
- -
- + +
+
+ +

Facebook Evaluation Form

Please let us about your thoughts/experience with facebook user interface.

-
+
+
-
-
-
-
-
-
- - -
-
- - -
-
- - -
-
- -
-
- - -
-
- - - - -
- -
- -
- -
- -
- -
- -
- -
-
- Very Hard
- Somewhat hard
- Somewhat easy
- Very easy
-
- -
-
- Use of terms throughout the system is consistent
- Position of messages on the screen is consistent
- Prompts for inputs are clear
- System always informs about the progress of the task
- Error messages are helpful -
- -
-
- Photos
- News
- Messaging
- Games
-
- -
-
- -
- -
-
-

Please enter your comments here: -

- -

-
- -
- -
- - - -
-
-
+ + +
+ +
+

User Information

+

Please provide your information before filling the survey

+
+ +
+
+
+ + +
+
+ + +
+
+
+
+
+ +
+ + +
+
+
+
+ + +
+ +
+ +
+ +
+
+ + +
+
+ + +
+
+
+ +
+ +
+ +
+
+
+ +
+ +
+
+ Very Hard
+ Somewhat hard
+ Somewhat easy
+ Very easy
+
+ +
+
+ Use of terms throughout the system is consistent
+ Position of messages on the screen is consistent
+ Prompts for inputs are clear
+ System always informs about the progress of the task
+ Error messages are helpful +
+
+ +
+ +
+
+ Photos
+ News
+ Messaging
+ Games
+
+ +
+
+ +
+
+ + +
+

Please write down your comments

+
- + +
+ +
-
- -
-

Website created by Ruchira, Sam, Batuhan, and Kene

-
- +
+ +
+

Website created by Ruchira, Sam, Batuhan, and Kene

+
- + - \ No newline at end of file +