THIG Wireframes

Embed Size (px)

Citation preview

  • 8/3/2019 THIG Wireframes

    1/45

    Slide Name: 1 Home Public FinalDoc: THIG_FRAMES_042708(final)

    Created on: Thu Feb 28 2008 by Anthony ZeoliModified on Mon Apr 28 2008 by Anthony Zeoli

    Page: 1 of 46

    This Page

    Other Page

    GLOBAL

    EXAMPLE

    NOTES:1.1 - Home Button - Site wide, links to Home

    1.2. - Archive Button - Links to Archive Page (p. 24)1.3 - Contribute Button - Links to Contribute Landing Page (p. 14)

    1.4 - USER may enter SEARCH text, results appear on SEARCH RESULTS

    1.5 - Go Glocal Bar - User may filter HOME blog entries by location (p. AA)

    1.6 - THIG Logo / Slogan Text, appears site wide

    1.7 - USER LOGIN, text field (Add "Remember Me" CHECK BOX with text w

    shared computer, are you sure you want to do this")

    1.8 - JOIN, on click go to REGISTRATION (p. 12)

    1.9 - MY PROFILE, if on LOGIN = TRUE, go to USER MY PROFILE - CONT

    (p. 6), else ask USER to LOGIN or REGISTER

    1.10 - On click, launch HELP pop up to instruct user how to login

    1.11 - On click, link to INVITE FRIENDS PAGE (p. 26)

    1.12 - When click TIPS image, SHOW all TIPS posts by time, descending. U

    GLOCAL (1.5) or LEFT NAV (1.19)

    1.13 - On click QUIZZES & POLLS image, SHOW all QUIZZES & POLLS po

    descending. USER may sort by GLOCAL (1.5) or LEFT NAV (1.19)

    1.14 - On click THIS GIRL LOVES image, SHOW all THIS GIRL LOVES pos

    descending. USER may sort by GLOCAL (1.5) or LEFT NAV (1.19)

    1.15 - On click SWEET / DELETE image, SHOW all SWEET / DELETE post

    descending. USER may sort by GLOCAL (1.5) or LEFT NAV (1.19)

    1.16 - USER may rate interest in MY PROFILE. Base on USER rating, if LOG

    Nav element circle as ON. Any USER LOGIN FALSE, SHOW ALL ON STAT

    1.19 - Always SHOW 5 RELATED POSTS to the MAIN POST

    1.18 - Always SHOW 10 RELATED PEOPLE to the MAIN POST

    1.19 - If USER LOGIN = TRUE, SHOW 10 random FRIENDS also LOGIN T

    1.21 - TOP GIRL - Always SHOW selected TOP GIRL image/icon, user nam

    More", link to USER PROFILE PUBLIC

    1.21 - TAGS - SHOW random TAGS by USERS from all content sitewide

    1.21 - TOP DROPS - Always SHOW 2 -5 TOP DROPS selected by editor

    1.23 - Always SHOW 5 posts by EDITOR, 5 posts by CELEBRITY and 5 pos

    1.24 - Always SHOW 10 TOP CONTRIBUTER USER NAMES, USERS may

    by DAY, WEEK, MONTH, YEAR.

    1.25 - SINGLE BLOG POST; (p. 23)

    PAGE SUMMARY:

    This is the THIG site homepage when User login = false. All User see this pa

    site URL.

    1.1 1.2 1.3.

    1.4

    1.6 1.7 1.8

    1.101.5

    1.9

    1.9 1.10

    1.11

    1.12 1.13 1.141.15

    1.16

    1.18

    1.19

    1.21

    1.21

    1.21

    1.23

    1.24

    1.25

    1.26

    1.19

  • 8/3/2019 THIG Wireframes

    2/45

    Slide Name: 2 Home Page UsersDoc: THIG_FRAMES_042708(final)

    Created on: Thu Feb 28 2008 by Anthony ZeoliModified on Mon Apr 28 2008 by Anthony Zeoli

    Page: 2 of 46

    This Page

    Other Page

    GLOBAL

    EXAMPLE

    1.25

    NOTES:1.12 - 1.15, 1.25, see p. 1

    2.1 - On LOGIN = TRUE, SHOW text "Welcome" 2.2 - SHOW CATEGORIES based on USER RATING +> 50% (p. BB)

    PAGE SUMMARY: Shows home page when USER LOGIN = TRUE2.1

    2.2BB

    1.12 1.13 1.14 1.15

  • 8/3/2019 THIG Wireframes

    3/45

    Slide Name: 3 My Profile PublicDoc: THIG_FRAMES_042708(final)

    Created on: Thu Feb 28 2008 by Anthony ZeoliModified on Mon Apr 28 2008 by Anthony Zeoli

    Page: 3 of 46

    This Page

    Other Page

    manage3.5a

    NOTES:3.1 - SHOW promotional TEXT to ask USER to REGISTER; provide link to Rpage (p 12) Link not shown, will be an image.

    3.2 - SHOW USER NAME, USER PROFILE3.3 - SHOW USER PHOTO3.4 - SHOW STATUS/RATING; a users rating3.5 - SHOW MY POINTS; a users total points aggregate 3.5a - MANAGE MY POINTS - If USER

    PAGE SUMMARY:All PUBLIC USERS see this profile page

    3.1

    3.2

    3.3

    3.4

    3.5

    GLOBAL

  • 8/3/2019 THIG Wireframes

    4/45

    Slide Name: 4 MyProfile.FriendView.ContributorsDoc: THIG_FRAMES_042708(final)

    Created on: Thu Feb 28 2008 by Anthony ZeoliModified on Mon Apr 28 2008 by Anthony Zeoli

    Page: 4 of 46

    This Page

    Other Page

    GLOBAL

    NOTES:

    3.2 - 3.5a See Page 3

    4.1 - TAB: SHOW My Contributions Tab = ON

    4.2 - TAB: SHOW My Girls Tab = OFF

    4.3 - PAGING, numerical with NEXT / BACK function

    4.4 - On USER LOGIN = TRUE, SHOW My Preferences Rating Sliders; allow

    categories of interest; on USER HOME SHOW Left Nav Buttons ON state if

    4.5 - SHOW ALL USER Contributions by DATE and TIME in DESCENDING

    SHOW: Icon, Rating, Title, Description, Date and Time Stamp

    SORT: By Category is Tip, Poll, Sweet/Delete, This Girl Loves (This feature

    user should be able to sort items by category using a drop down menu)

    4.6 - Girls Like Me - Generate random list of Girls with similar Ratings, Contr

    Category interests.

    4.6a - LINKS - INVITE LINK onClick goto Invite Friends (p. 26); user must

    MANAGE LINK onClick goto MY PROFILE - MY GIRLS (p. 5); user must be

    4.7 - SHOW ICON

    4.8 - SHOW USER RATING using numerical value (ex. 9.8)

    If user LOGIN = TRUE, DEFAULT to My Contributions as primary view.

    4.1

    3.2

    3.3

    3.4

    3.5

    4.2

    manage3.5a

    4.3

    4.6

    4.6a

    4.5

    invite | manage

    4.4

    4.3

    4.7 4.8

  • 8/3/2019 THIG Wireframes

    5/45

    Slide Name: 5 MyProfile.FriendView.MyGirlsDoc: THIG_FRAMES_042708(final)

    Created on: Thu Feb 28 2008 by Anthony ZeoliModified on Mon Apr 28 2008 by Anthony Zeoli

    Page: 5 of 46

    This PageOther Page

    GLOBAL

    3.2 to 3.5a - p. 3

    4.1, 4.3, 4.4, 4.6, 4.6a - See p. 4

    5.1 - TAB: SHOW My Girls Tab = On

    5.2 - SHOW all USER FRIENDS of this USER; DISPLAY in USER MINI form

    Include: IMAGE, USER NAME, USER MANTRA, USER Last LOGIN Date

    5.3 - PHOTO; display user jpg; reduce size to fit

    5.4 - USER NAME; USER MANTRA. display USER NAME and MANTRA

    5.5 - USER may click [MESSAGE]; onClick goto USER Message Page

    5.6 - USER may click [POSTS]; onClick goto USER My Contributions Page

    PAGE SUMMARY:If MEMBER LOGIN = TRUE, MEMBER may view other MEMBER My Girls pMEMBER list of other MEMBER My Girls in random order, all My Girls may b

    4.1 5.1

    3.2

    3.3

    3.4

    3.5

    manage3.5a

    5.65.5

    5.2

    4.3

    4.6

    4.6a

    4.3

    5.45.3

    4.4

  • 8/3/2019 THIG Wireframes

    6/45

    Slide Name: 6 MyProfile.RegUserView.ContributionsDoc: THIG_FRAMES_042708(final)

    Created on: Thu Feb 28 2008 by Anthony ZeoliModified on Mon Apr 28 2008 by Anthony Zeoli

    Page: 6 of 46

    This PageOther Page

    GLOBAL

    NOTES:

    PAGE SUMMARY:

    NOTES:

    1.9 - See p. 1

    3.2 - 3.5a - See p. 3

    4.3, 4.4, 4.6, 4.6a, 4.7, 4.8 - See p. 4

    5.3 - USER may click [MESSAGE]; onClick goto USER Message Page

    5.4 - USER may click [POSTS]; onClick goto USER My Contributions Page

    6.1 - USER may select text link [CHANGE] to change MY PROFILE MANTR

    PROFILE IMAGE

    6.2 - If USER LOGIN = TRUE onClick MY PROFILE BUTTON, SHOW My C

    ON; all other TABS OFF

    6.3 - USER may click link [EDIT] to edit a post; onClick go to Blog Editor

    6.4 - USER may click link [DELETE] to delete a post; onClick SHOW warning

    UP, ask USER to confirm action.

    PAGE SUMMARY:

    When USER LOGIN = TRUE and USER select My Profile (1.9), DEFAULT tas primary view; My Contributions tab = ON, all others OFF

    3.2

    3.3

    3.4

    3.5

    3.5a

    4.4

    1.9

    4.3

    4.6

    4.6a

    4.3

    6.1

    6.1

    6.3 6.4

    6.2

    4.7 4.8

  • 8/3/2019 THIG Wireframes

    7/45

    Slide Name: 7 MyProfile.RegUserView.MyGirlsDoc: THIG_FRAMES_042708(final)

    Created on: Thu Feb 28 2008 by Anthony ZeoliModified on Mon Apr 28 2008 by Anthony Zeoli

    Page: 7 of 46

    This PageOther Page

    GLOBAL

    NOTES:

    1.9 - See p. 1

    3.2 - 3.5a - See p. 3

    4.3, 4.4, 4.6, 4.6a - See p. 4

    5.3, 5.4, 5.5, 5.6 - See p. 5

    6.1 - USER may select text link [CHANGE] to change MY PROFILE MANTR

    IMAGE

    7.1 - If USER LOGIN = TRUE onClick MY PROFILE BUTTON, SHOW My G

    TABS OFF

    7.2 - FRIEND PROFILE MINI; Includes USER PHOTO, USER NAME, USER

    LAST LOGIN DATE; text links to [MESSAGE] and [POSTS]

    7.3 - USER may click [DELETE] to remove FRIEND from My Friends Page;

    warning message POP UP, ask USER to confirm action.

    PAGE SUMMARY:

    If USER LOGIN = TRUE and USER selects My Profile (1.9), then My Girls; S

    = ON; other TABS = OFF

    3.2

    3.3

    3.4

    3.5

    3.5a

    4.4

    6.1

    6.1

    7.3

    7.2

    1.9

    4.3

    4.6

    4.6a

    4.3

    7.1

    5.65.55.45.3

  • 8/3/2019 THIG Wireframes

    8/45

    Slide Name: 8 MyProfile.RegUserView.BookmarksDoc: THIG_FRAMES_042708(final)

    Created on: Thu Feb 28 2008 by Anthony ZeoliModified on Mon Apr 28 2008 by Anthony Zeoli

    Page: 8 of 46

    This PageOther Page

    GLOBAL

    NOTES:1.9 - See Page 1

    3.2 - 3.5a - See p. 3

    4.3, 4.4, 4.6, 4.6a - See p. 4

    5.3, 5.4, 5.5, 5.6 - See p. 5

    6.1 - USER may select text link [CHANGE] to change MY PROFILE MANTR

    IMAGE

    7.1 - If USER LOGIN = TRUE onClick MY PROFILE BUTTON, SHOW My G

    TABS OFF

    7.2 - FRIEND PROFILE MINI; Includes USER PHOTO, USER NAME, USER

    LAST LOGIN DATE; text links to [MESSAGE] and [POSTS]

    7.3 - USER may click [DELETE] to remove FRIEND from My Friends Page;

    warning message POP UP, ask USER to confirm action.

    PAGE SUMMARY:If USER LOGIN = TRUE and USER selects My Profile (see 1.9), then My Bo

    Bookmarks TAB = ON; other TABS = OFF

    3.2

    3.3

    3.4

    3.5

    3.5a

    4.4

    6.1

    6.1

    1.9

    4.3

    4.6

    4.6a

    4.3

    7.3

    7.2

    5.65.55.45.3

    IMPORTANT:USERS can bookmark other USERS and/or otherCONTRIBUTIONS

    THE VIEW AS SHOWN HERE ONLY SHOWS USERS.THIS IS INCORRECT.

    IT SHOULD SHOW BOTH USERS ANDCONTRIBUTIONS IN DESCENDING ORDER FROMTIME/DATE STAMP WHEN BOOKMARKED

  • 8/3/2019 THIG Wireframes

    9/45

    Slide Name: 9 MyProfile.RegUserView.MessagesDoc: THIG_FRAMES_042708(final)

    Created on: Thu Feb 28 2008 by Anthony ZeoliModified on Mon Apr 28 2008 by Anthony Zeoli

    Page: 9 of 46

    This PageOther Page

    GLOBAL

    NOTES:

    1.9 - See Page 1

    3.2 - 3.5a - See p. 3

    4.3, 4.4, 4.6, 4.6a - See p. 4

    6.1 - USER may select text link [CHANGE] to change MY PROFILE MANTR

    IMAGE

    9.1 - If USER LOGIN = TRUE onClick MY PROFILE BUTTON, SHOW My M

    other TABS OFF

    9.2 - MESSAGE from FRIEND; Includes IMAGE, MESSAGE TITLE, SUBJE

    DATE TIME STAMP; text links to [REPLY] or [DELETE] message

    9.3 - USER may click [REPLY]; onClick SHOW POP UP REPLY; enter MES

    SUBJECT FIELD, SHOW empty TEXT FIELD for REPLY text. TEXT FIELD

    Character Count undefined, user best practice.

    9.4 - USER may click [DELETE] to remove MESSAGE from MY MESSAGES

    SHOW warning message POP UP, ask USER to confirm ac tion.

    9.5 - PHOTO, SHOW jpg IMAGE of USER sending MESSAGE

    9.6 - USER NAME, SUBJECT; show USER NAME and SUBJECT of MESSA

    PAGE SUMMARY:If USER LOGIN = TRUE and USER selects My Profile (see 1.9), then My Me

    Messages TAB = ON; other TABS = OFF

    3.2

    3.3

    3.4

    3.5

    3.5a

    4.4

    6.1

    6.1

    1.9

    4.3

    4.6

    4.6a

    4.3

    9.49.3

    9.2

    9.69.5

    9.1

  • 8/3/2019 THIG Wireframes

    10/45

    Slide Name: 10 MyProfile.RegUserView.PointsDoc: THIG_FRAMES_042708(final)

    Created on: Thu Feb 28 2008 by Anthony ZeoliModified on Mon Apr 28 2008 by Anthony Zeoli

    Page: 10 of 46

    This PageOther Page

    GLOBAL

    NOTES:

    1.9 - See Page 1

    3.2 - 3.5a - See Page 3

    4.4, 4.6, 4.6a- See Page 4

    6.1 - USER may select text link [CHANGE] to change MY PROFILE MANTR

    IMAGE

    10.1 - If USER LOGIN = TRUE onClick MY PROFILE BUTTON, SHOW My

    other TABS OFF

    10.2 - Info/Description TEXT about this page

    10.3 - SHOW USER Current Points, Display text: "Current Points" and value

    10.4 - SHOW USER Current Rank: Display text: "Current Rank" and value: