User:Ocaasi/The Wikipedia Game/Level 1/Mockup

Title page - The Wikipedia Journey: A fun, interactive guide for new editors

• Concept: A realistic tour-tutorial-game based on the real interface
• Design: Clean and friendly, simple and accessible, possibly a tad cartoonish or just straight gray
• Colors: Gray, white, black, blue, yellow

Key elements

• Dialogue boxes for instructional text (DB)
• Link highlights/pointing arrows with room for instructions (HL)
• Actual/mock-up Wikipedia pages (Prinscreen = PS)

Images

1. DB: Dialogue Box - gray with black text N Not sure what you're after here. Just a blank dialogue box, to use for all of the messages
2. PS: Account registration module - same as the real thing  Done DONE
3. PS: Real User-talk page, blank, username blanked  Done DONE
4. HL: Highlight graphic, an arrowing that can point to a link with instructions, like "Click here to access your talk page" N Are you just asking for a link to their talk page? Wouldn't my talk suffice? your talk page is fine, but it should be blank, maybe use a new editor's DONE
5. PS/HL: Highlight Username at top of screen on blank user talk page  Done DONE
6. PS/HL: Highlight Preferences with instructions on blank user talk page  Done
7. PS/HL: Highlight My Watchlist with instructions on blank user talk page
8. PS/HL: Highlight Watchlist Star with instructions on blank user talk page
9. PS/HL: Highlight Watchlist area with instructions on blank user talk page
10. PS/HL: Highlight My Contributions with instructions on blank user talk page
11. PS/HL: Highlight My Talk with instructions on blank user talk page  Done DONE
12. PS/HL: Highlight Edit link with instructions on blank user talk page DONE
13. PS: Real User talk editing page, blank  Done DONE
14. PS/HL Highlight Editing toolbar with instruction on blank user talk editing page
15. PS/HL Highlight active cursor to type response to welcome message with instruction on user talk page
16. DB: Large radio box interface for choosing a talk page response N Not sure how to do this just us a large dialogue box, radio buttons can be added
17. PS/HL: Highlight show preview button
18. PS: Real previewed page with welcome message and response with signature included  Done DONE
19. PS/HL: Highlight Save button with instruction on real user talk editing page  Done DONE
20. /PS/DB Mission complete page - progress meter "You have completed mission 1 of 12!" over user talk page  Not done Not sure how to do this. just a dialogue box with a progress bar on it and a message >>----------

11 MORE TO GO!

Note, it's possible you only need to create 1 dialog box, 1 highlight/pointer, 1 large radio button interface (the box for it), 1 title page, and a bunch of printscreens. Good luck! Think about what you think the game is supposed to look like and just use your skills. Cheers, Ocaasi ^{t | c} 07:11, 6 June 2011 (UTC)