Skip to content

UI mockups

Jump to bottom Edit New page
James Hodgson edited this page Apr 5, 2014 · 17 revisions
  1. [Geo Topics Start Screen](#wiki-Geo Topics Start Screen)
  2. [Geo Topics Root Comment Browser Screen](#wiki-Geo Topics Root Comment Browser Screen)
  3. [Geo Topics Comment Browser Screen](#wiki-Geo Topics Comment Browser Screen)
  4. [Geo Topics Comment Browser Screen continued...](#wiki-Geo Topics Comment Browser Screen continued...)
  5. [Geo Topics Favourites Browser Screen](#wiki-Geo Topics Favourites Browser Screen)
  6. [Geo Topics Bookmarks Browser Screen](#wiki-Geo Topics Bookmarks Browser Screen)
  7. [Geo Topics Account Settings Screen](#wiki-Geo Topics Account Settings Screen)
  8. [Geo Topics New Root Comment Screen](#wiki-Geo Topics New Root Comment Screen)
  9. [Geo Topics New Reply Screen](#wiki-Geo Topics New Reply Screen)
  10. [Geo Topics New Root Comment Screen](#wiki-Geo Topics New Root Comment Screen)
  11. [Geo Topics Extra Dropdown](#wiki-Geo Topics Extra Dropdown)
  12. [Geo Topics Sort Dropdown](#wiki-Geo Topics Sort Dropdown)

Geo Topics Start Screen

### Geo Topics Start Screen Explained

  1. Button: Takes user to the root level comment browser

  2. Button: Takes the user to a browser of their comments

  3. Button: Takes the user to a browser of their bookmarks

  4. Button: Takes the user to a browser of their favorites

Geo Topics Root Comment Browser Screen

### Geo Topics Root Comment Browser Screen Explained

  1. Comment: The view of a top level comment. Clicking will show the full comment.

  2. Image: Image associated with a top level comment

  3. Indicator: Indicates is said root comment is on the users bookmark list(Highlighted blue indicates yes).

  4. Indicator: Indicates how many replies have been posted to this comment. Blue indicates at least one comment exists while the number gives exact amount.

  5. Indicator: Indicates is said root comment is on the users favourite list(Highlighted blue indicates yes).

  6. Text: The title of a top level comment.

  7. Text: The body of a top level comment.

  8. Text: Author name.

  9. Text: Date posted.

  10. Text: Time posted.

  11. Button: Used to create a new top level comment.

  12. Drop down menu: Shows sort options.

  13. Button (Toggle): Toggles marking of bookmarks on and off. If highlighted selecting a comment will mark it as a bookmark.

  14. Button: Manually refresh this view.

  15. Drop down menu: Shows extra options. THIS OPTION WILL NOT BE VISIBLE IF YOUR PHONE HAS A HARDWARE MENU BUTTON. It can be accessed by pressing your hardware menu button.

  16. Indicator: This right facing caret indicates that selecting this list entry will take the user to a screen containing the full body and image of the comment.

Geo Topics Comment Browser Screen

### Geo Topics Comment Browser Screen Explained

  1. Button: Create a new reply to this comment

  2. Drop down menu: Sort options for the replies to this comment

  3. Button (Toggle): Used to bookmark replies to this comment

  4. Button: Manually refresh this view

  5. Text: The title of this comment (Replies will not have this).

  6. Text: The body of this comment

  7. Image: The image attached to this comment

  8. Reply: A reply to this comment

  9. Reply: A reply to this comment

  10. Text Button: Takes you to the post authors profile page.

Geo Topics Comment Browser Screen continued...

### Geo Topics Comment Browser Screen continued ... Explained
  1. Comment: A list of all the comments to this reply

Geo Topics Favourites Browser Screen

### Geo Topics Favourites Browser Screen Explained

  1. Comment: A favourite that is a reply to another comment

  2. Comment: A favourite that is a top level comment

  3. Drop down menu: A list of extra menu options THIS OPTION WILL NOT BE VISIBLE IF YOUR PHONE HAS A HARDWARE MENU BUTTON. It can be accessed by pressing your hardware menu button.

  4. Button: Manually refresh this view

  5. Drop down menu: Sort options for these comments

Geo Topics Bookmarks Browser Screen

### Geo Topics Bookmarks Browser Screen Explained

  1. Comment: A bookmark that is a reply to another comment

  2. Comment: A bookmark that is a top level comment

  3. Drop down menu: A list of extra menu options THIS OPTION WILL NOT BE VISIBLE IF YOUR PHONE HAS A HARDWARE MENU BUTTON. It can be accessed by pressing your hardware menu button.

  4. Button: Manually refresh this view

  5. Drop down menu: Sort options for these comments

Geo Topics Account Settings Screen

### Geo Topics Account Settings Screen Explained

  1. Text: The current user name

  2. Button: Used to prompt the system to allow the user to change their name

  3. Button: Deletes the user name and sets it to anonymous

  4. Text: How many comments the user has authored

  5. Button: Takes the user to a screen to browse their authored comments

  6. Button: Takes the user to browse their favourites

  7. Button: Takes the user to browse their bookmarks

  8. Drop down menu: A list of extra menu options THIS OPTION WILL NOT BE VISIBLE IF YOUR PHONE HAS A HARDWARE MENU BUTTON. It can be accessed by pressing your hardware menu button.

Geo Topics New Root Comment Screen

### Geo Topics New Root Comment Screen Explained

  1. Text Input: Input text box for inputting the comments title

  2. Text Input: Used to input the body of the comment

  3. Button: Allows the user to change their author name

  4. Text: The users current user name and the one that will be attached to the comment

  5. Button: Allows the user to change the geo location attached to the comment

  6. Button: Allows the user to attach an image to the comment

  7. Button: Posts the comment to the web for other users to see

  8. Button: Cancels the creation of this comment

Geo Topics New Reply Screen

### Geo Topics New Reply Screen Explained

  1. Text Input: Used to input the body of the comment

  2. Button: Allows the user to change their author name

  3. Text: The users current user name and the one that will be attached to the comment

  4. Button: Allows the user to change the geo location attached to the comment

  5. Button: Allows the user to attach an image to the comment

  6. Button: Posts the comment to the web for other users to see

  7. Button: Cancels the creation of this comment

Geo Topics New Root Comment Screen

### Geo Topics New Root Comment Screen Explained

  1. Text Input: Input text box for inputting the comments title

  2. Text Input: Used to input the body of the comment

  3. Button: Allows the user to change their author name

  4. Text: The users current user name and the one that will be attached to the comment

  5. Button: Allows the user to change the geo location attached to the comment

  6. Button: Allows the user to attach an image to the comment

  7. Button: Posts the comment to the web for other users to see

  8. Button: Cancels the creation of this comment

Geo Topics Extra Dropdown

### Geo Topics Extra Dropdown Explained

  1. Button: Takes the user to their list of bookmarks

  2. Button: Takes the user to their list of favourites

  3. Button: Takes the user to their list of their authored comments

  4. Button: Takes the user to the user account page

Geo Topics Sort Dropdown

### Geo Topics Sort Dropdown Explained

  1. Button: Sorts comments by proximity to the users current location

  2. Button: Sorts comments by proximity to a user defined location

  3. Button: Sorts comments by existence of an image.

  4. Button: Sorts comments by post date

Add a custom footer
Add a custom sidebar
Clone this wiki locally