This demo will be integrated into our current site: www.eretirements.com . This planned assessment tool will ask the user a variety of questions as a first step in finding their ideal retirement location. It is very important that this tool matches the style and design of our current site, so previous design experience is a must. You can use the above demo as a template, but you should be able to work off of that template to create a seamless design that matches our site.
The layout will consist of a menu of categories on the left and questions specific to each category to the right. This categories and questions will be passed initially via JSON.
- Once a user clicks on a category, the questions and answers for that category will show.
- If the user has already filled out that category, his/her answers should show
Questions and Answers
- Answers will displayed of sliders, buttons, or checkboxes.
- After each answer change, the assessment responses should be sent to the server
- The server will then respond with a set of cities to be displayed at the top of the assessment page that matches the user’s preferences. They should be displayed
- Answer types will sometimes include an image to describe it
Changes to Demo
❏ Remove “After you fill out two or more categories, click here to get Combined Results”
❏ Each question should either be a slider interface “High/Medium/Low”, OR a checkbox interface, not both. The checkbox interface should have the capability to be a picture or just words with a checkbox.The slider interface should not allow continuous answers-just discrete answers (Just High/Medium/Low, nothing between). There should be words below every slider option (Should say Medium for the middle option, not just High and Low)
❏ Don’t include anything in the footer or “Get Specifics-Take our Quizzes” from the bottom. From the top of the page, don’t include anything in the Nav Bar
❏ There will need to be a point multiplier feature added to each question aside from the “Getting Started” questions: To the right of each question, add the highlight/outline of a star that’s not filled out, that when the user clicks it fills in. When the user mouses over this a text box should appear that says “This is important to me”.
Data and Back-end
- There will be communication between the assessment tool (front-end) and the server (back-end). The server will process the results of the assessment after every answer, and provide a list of cities sorted in order of those that best match the user’s selections
- Data will be sent to and from the assessment in JSON form.
- There are ~61 questions in total; thus, for every question answered, the “X% complete” should get filled in by 1.64%.
- The algorithm processes the asnwers and assigns points to each city.
- The three cities that have the most points as the user goes through the assessment should appear under the box that says “Top matches based on your preferences”. These should appear no matter what category the user clicks on. Obviously as the user answers more questions, the three cities that appear will change.
+Question: How important is an arts and culture scene?
+Answer Choices: Very/Somewhat/Not at all
+Answer format: Slider-the user should be able to move the slider between these three options
If a city meets the criteria of “Very” if the user chooses that, it will receive a point. The top three cities will be the ones that appear.
+Question: Which hobbies are important to you?
+Answer choices: Tennis/Yoga/Pilates/Golf/Bridge
+Answer format: Pictures of each that when the user clicks on, a check mark over it appears. The user should be able to choose as many as he/she likes in this format.
The cities that appear will then adjust based on the user’s choices here.
+Question: I want to live in an area with
+Answer choices: Locals/Transplants/Mix
+Answer format: Each of the answer choices as words with an empty checkmark box next to them. The user should be able to choose as many answers as he/she likes in this format.
Categories: See attached file