diff --git a/subjects/groupie-tracker/groupie-tracker-visualization.audit.en.md b/subjects/groupie-tracker/groupie-tracker-visualization.audit.en.md new file mode 100644 index 000000000..a376bf83c --- /dev/null +++ b/subjects/groupie-tracker/groupie-tracker-visualization.audit.en.md @@ -0,0 +1,35 @@ +#### Functional + +###### Do the colors used allow a good visual contrast (ex: it is difficult to read a yellow text on a white background)? + +###### Is the design [consistent](https://digitalcommunications.wp.st-andrews.ac.uk/2016/04/07/why-is-consistency-important-in-web-design/)? (examples: every page follows the same palette of colors, is all centered or is it everything aligned to the right, etc.) + +###### Is the design [responsive](https://smallbiztrends.com/2013/05/what-is-responsive-web-design.html)? (when you change the width/ height of the page, is the site consistent?) + +###### Is the [interaction design](https://en.m.wikipedia.org/wiki/Interaction_design) good (is the interface easily usable)? + +##### Try to explore an inexistent page. + +###### Is the design for the 404 HTTP status covered? + +#### General + +###### +Is it easy to use the web site? + +###### +Does it have a background? + +#### Basic + +###### +Does the project runs quickly and effectively (Favoring of recursive, no unnecessary data requests, etc.)? + +###### +Is there a test file for this code? + +###### +Are the tests checking each possible case? + +###### +Does the code obey the [good practices](https://public.01-edu.org/subjects/good-practices.en)? + +#### Social + +###### +Did you learn anything from this project? + +###### +Would you recommend/nominate this program as an example for the rest of the school? \ No newline at end of file diff --git a/subjects/groupie-tracker/groupie-tracker-visualization.en.md b/subjects/groupie-tracker/groupie-tracker-visualization.en.md new file mode 100644 index 000000000..340ba9087 --- /dev/null +++ b/subjects/groupie-tracker/groupie-tracker-visualization.en.md @@ -0,0 +1,28 @@ +## groupie-tracker-visualization + +### Objectives + +You must follow the same [principles](https://public.01-edu.org/subjects/groupie-tracker/groupie-tracker.en) as the first subject. + +Groupie-tracker-visualization consists on manipulating the data coming from the API and displaying it in the most presentable way possible to you, following the [*Schneiderman's 8 Golden Rules of Interface Design*](https://www.interaction-design.org/literature/article/shneiderman-s-eight-golden-rules-will-help-you-design-better-interfaces) : + +- Strive for consistency +- Enable frequent users to use shortcuts +- Offer informative feedback +- Design dialogue to yield closure +- Offer simple error handling +- Permit easy reversal of actions +- Support internal locus of control +- Reduce short-term memory load + +This project will help you learn about: + +- The basics of human-computer interface. +- The basics of CSS. +- Linking CSS and HTML. + +### Instructions + +- Your project must contain **CSS**. +- The code must respect the [**good practices**](https://public.01-edu.org/subjects/good-practices.en). +- We suggest you to search for the principles of a good website design.