Upload
tony-zeoli
View
261
Download
0
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: