Login / Register Initial Global Navigation Change in...
Transcript of Login / Register Initial Global Navigation Change in...
![Page 1: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/1.jpg)
Initial Global Navigation
STRENGTHS
WEAKNESSES
1
1
Global navigation is responsivefor mobile, tablet and desktop
Not enough color contrast betweenlogo and global nav bar background Heuristic: - Aesthetic and Minimalist Design
RECOMMENDATION- Change color of the global navigation bar to contrast the Raiders of the Lost Archives logo- Visited page should remain highlighted as the user interacts on the page as shown below
- Change “Login/Register” to “Profile”
1
12
2Visited site link is highlighted when user first lands on a page. Upon clickingon the page, this becomes disabled asshown above. Heuristic: - Visibility of system status
3Upon successful login, it’s confusing tostill see login/ register optionHeuristic: - Match between system and the real world
3
Change in Global Navigation
WEAKNESSES
1Global navigation changes upon clicking“Zine Forest”. User loses access to profileinfo in “Login/Register” -- and must logoutand log back in to regain accessHeuristic: - User Control and Freedom - Recognition rather than Recall
RECOMMENDATION- Maintain the initial global navigation throughout the site. - Make “Zines” and “New Zine” part of a secondary navigation under “Zine Forest” similar as shown below.
1
Zines New Zines
Zine Forest
Landing Page: Tutorial
STRENGTHS
WEAKNESSES
1
11
1
2
Use of a story line and imagesare fun and engaging for theuser
Font is difficult to read.Presentation of info doesn’t convey the point of zinecatalogging to the user in astraight-forward way -- overloadof info.Heuristic: - Aesthetic and Minimalist Design - Help and Documentation
2
Takes several scrolls for user to get to the bottom of the tutorial
RECOMMENDATION- Change font in image- Highlight user actions in the tutorial- Break up tutorial into multiple pages -- provide feedback on progress
Login / Register
STRENGTHS
WEAKNESSES
1 1
1
1
Straight-forward log-in screen.Green/ red bar indicates if info is filled in correctly.
Registration information fornew users is not separatedfrom login for existing users.Adding in a space could makethis info clearer.Heuristic: - Aesthetic and Minimalist Design
RECOMMENDATION- Add line break between login, registration, and forgotten password info
Settings
WEAKNESSES
11
Page loads blank.Heuristic: - Error Prevention - Help users recognize, diagnose, and recover from errors
RECOMMENDATION- Disable this view for non-admin users OR add in error message
Zine Forest:scroll 1
STRENGTHS
WEAKNESSES
1
11
1
2
Use of a story line and imagesare fun and engaging for theuser
Title with the date-time formatis very long.Heuristic: - Aesthetic and Minimalist Design
2
Image is fun, but does not addcontext to the user. It also takesup a lot of space at the beginningof the page.Heuristic: - Aesthetic and Minimalist Design
RECOMMENDATION- Change date-time format in the title.- Add text to image that explains to the user what this page is
Zine Forest:scroll 2STRENGTHS
WEAKNESSES
11
11
2
Unnecessary amount of whitespace on the right side of the page. Not enough separation between “Top Players” and “Top Teams”Heuristic: - Aesthetic and Minimalist Design
2
Organization of information doesnot seem to follow logical flow ofuser actions -- “Top Players”and “Top Teams” info is relevantto during or after catalogging.Rewards information is relevantbefore a user starts the catalogging process.Heuristic: - Help and Documentation
Gamified and competitive elements of the site are funand engaging
1RECOMMENDATION- Move “Top Players” and “Top Teams” next to one another for side-by-side comparison- Move Rewards info above game stats for more logical flow of game steps
Zine Forest:scroll 3
STRENGTHS
WEAKNESSES
1
1
1
1
Gamified and competitive elements of the site are funand engaging
Organization of information does not best enable a comparison between your scores and everyoneelse’sHeuristic: - Help and documentation
RECOMMENDATION- Move “Me and My Team Stats” next to “Everyone Else” for side- by-side comparison
Zines
WEAKNESSES
11
2
Ability to sort by title, year,category, publisher, and creationdate is useful; however, no instruction is given to let userknow that this is possible.Heuristic: - Help and documentation
2Ability to search by title and creator is useful; however, no instruction is given to letuser know that this is possible.Heuristic: - Help and documentation
RECOMMENDATION- Add in description “Search all catalogged zines by title and category”- Add in description “Click on each attribute to sort” (or something similar)
Zines:item filled outSTRENGTHS
WEAKNESSES
1
1
2
Straight-forward attributesand helpful descriptions toassist user in catalogging
Only one entry is allowed per zine-another user can’t edit or add in additional information.Heuristic: - Flexibility and Efficiency of use
1
2
Unclear what red, green or lackof bar on each entry field indicates.Heuristic: - Aesthetic and Minimalist Design
3
3Term “Catalog List” is different thanthe destination page - “Zines”Heuristic: - Consistency and Standards
1
RECOMMENDATION- Provide description to user what color indicates- Change “Catalog List” to “Zines” or “Zines List”
New Zine
STRENGTHS
WEAKNESSES
11
1
1
Straight-forward attributesand helpful descriptions toassist user in catalogging
Unclear what red, green or lackof bar on each entry field indicates.Heuristic: - Aesthetic and Minimalist Desig
RECOMMENDATION- Provide description to user what color indicates
![Page 2: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/2.jpg)
Initial Global Navigation
STRENGTHS
WEAKNESSES
1
1
Global navigation is responsivefor mobile, tablet and desktop
Not enough color contrast betweenlogo and global nav bar background Heuristic: - Aesthetic and Minimalist Design
RECOMMENDATION- Change color of the global navigation bar to contrast the Raiders of the Lost Archives logo- Visited page should remain highlighted as the user interacts on the page as shown below
- Change “Login/Register” to “Profile”
1
12
2Visited site link is highlighted when user first lands on a page. Upon clickingon the page, this becomes disabled asshown above. Heuristic: - Visibility of system status
3Upon successful login, it’s confusing tostill see login/ register optionHeuristic: - Match between system and the real world
3
Change in Global Navigation
WEAKNESSES
1Global navigation changes upon clicking“Zine Forest”. User loses access to profileinfo in “Login/Register” -- and must logoutand log back in to regain accessHeuristic: - User Control and Freedom - Recognition rather than Recall
RECOMMENDATION- Maintain the initial global navigation throughout the site. - Make “Zines” and “New Zine” part of a secondary navigation under “Zine Forest” similar as shown below.
1
Zines New Zines
Zine Forest
Landing Page: Tutorial
STRENGTHS
WEAKNESSES
1
11
1
2
Use of a story line and imagesare fun and engaging for theuser
Font is difficult to read.Presentation of info doesn’t convey the point of zinecatalogging to the user in astraight-forward way -- overloadof info.Heuristic: - Aesthetic and Minimalist Design - Help and Documentation
2
Takes several scrolls for user to get to the bottom of the tutorial
RECOMMENDATION- Change font in image- Highlight user actions in the tutorial- Break up tutorial into multiple pages -- provide feedback on progress
Login / Register
STRENGTHS
WEAKNESSES
1 1
1
1
Straight-forward log-in screen.Green/ red bar indicates if info is filled in correctly.
Registration information fornew users is not separatedfrom login for existing users.Adding in a space could makethis info clearer.Heuristic: - Aesthetic and Minimalist Design
RECOMMENDATION- Add line break between login, registration, and forgotten password info
Settings
WEAKNESSES
11
Page loads blank.Heuristic: - Error Prevention - Help users recognize, diagnose, and recover from errors
RECOMMENDATION- Disable this view for non-admin users OR add in error message
Zine Forest:scroll 1
STRENGTHS
WEAKNESSES
1
11
1
2
Use of a story line and imagesare fun and engaging for theuser
Title with the date-time formatis very long.Heuristic: - Aesthetic and Minimalist Design
2
Image is fun, but does not addcontext to the user. It also takesup a lot of space at the beginningof the page.Heuristic: - Aesthetic and Minimalist Design
RECOMMENDATION- Change date-time format in the title.- Add text to image that explains to the user what this page is
Zine Forest:scroll 2STRENGTHS
WEAKNESSES
11
11
2
Unnecessary amount of whitespace on the right side of the page. Not enough separation between “Top Players” and “Top Teams”Heuristic: - Aesthetic and Minimalist Design
2
Organization of information doesnot seem to follow logical flow ofuser actions -- “Top Players”and “Top Teams” info is relevantto during or after catalogging.Rewards information is relevantbefore a user starts the catalogging process.Heuristic: - Help and Documentation
Gamified and competitive elements of the site are funand engaging
1RECOMMENDATION- Move “Top Players” and “Top Teams” next to one another for side-by-side comparison- Move Rewards info above game stats for more logical flow of game steps
Zine Forest:scroll 3
STRENGTHS
WEAKNESSES
1
1
1
1
Gamified and competitive elements of the site are funand engaging
Organization of information does not best enable a comparison between your scores and everyoneelse’sHeuristic: - Help and documentation
RECOMMENDATION- Move “Me and My Team Stats” next to “Everyone Else” for side- by-side comparison
Zines
WEAKNESSES
11
2
Ability to sort by title, year,category, publisher, and creationdate is useful; however, no instruction is given to let userknow that this is possible.Heuristic: - Help and documentation
2Ability to search by title and creator is useful; however, no instruction is given to letuser know that this is possible.Heuristic: - Help and documentation
RECOMMENDATION- Add in description “Search all catalogged zines by title and category”- Add in description “Click on each attribute to sort” (or something similar)
Zines:item filled outSTRENGTHS
WEAKNESSES
1
1
2
Straight-forward attributesand helpful descriptions toassist user in catalogging
Only one entry is allowed per zine-another user can’t edit or add in additional information.Heuristic: - Flexibility and Efficiency of use
1
2
Unclear what red, green or lackof bar on each entry field indicates.Heuristic: - Aesthetic and Minimalist Design
3
3Term “Catalog List” is different thanthe destination page - “Zines”Heuristic: - Consistency and Standards
1
RECOMMENDATION- Provide description to user what color indicates- Change “Catalog List” to “Zines” or “Zines List”
New Zine
STRENGTHS
WEAKNESSES
11
1
1
Straight-forward attributesand helpful descriptions toassist user in catalogging
Unclear what red, green or lackof bar on each entry field indicates.Heuristic: - Aesthetic and Minimalist Desig
RECOMMENDATION- Provide description to user what color indicates
![Page 3: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/3.jpg)
![Page 4: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/4.jpg)
![Page 5: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/5.jpg)
![Page 6: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/6.jpg)
![Page 7: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/7.jpg)
![Page 8: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/8.jpg)
![Page 9: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/9.jpg)
![Page 10: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/10.jpg)
![Page 11: Login / Register Initial Global Navigation Change in …kristinzsullivan.org/assets/files/RoLAannotatedpages.pdfattribute to sort” (or something similar) Zines: item filled out STRENGTHS](https://reader035.fdocuments.us/reader035/viewer/2022063001/5f1a87e4a364b0796856cad6/html5/thumbnails/11.jpg)