For this project, I wanted to create a high score leaderboard that would be applicable to any game. I tried using a form to collect the data from the user and display it in the leaderboard below.
CSS Positioning Techniques: Used a grid display in order to successfully center my layout Used a section for my form so it can have it's own unique styling
Instructions:
- Enter your username
- Enter your high score
- Hit submit and your score will display in the leaderboard
- Tech Achievement 1: The website has a single page that contains a single form. When the user submits the form with a proper username and high score greater than 0, the leaderboard below will populate. There are two fields where the user can enter data and it is stored in the table under the fields.
- Design Achievement 1: Testing
Provide the last name of each student you conduct the evaluation with. Yan
What problems did the user have with your design? The leaderboard would not populate whenever the user completed the fields and hit the submit button.
What comments did they make that surprised you? The user suggested I add more text to add more to the website. Even though the instructions are simple, the user found the website plain.
What would you change about the interface based on their feedback? I would ensure that the submit button is properly populating the leaderboard table. I would also try to pick a better color scheme and add some more designs around the webpage.
- I struggled for a while trying to figure out how to get the submission button to get the proper data to display in the below leaderboard.