My tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut. > View all. Recommended content

Transcription

1 Notes My Shortlist - My Shortlist My tags Subscriptions Account details Admin console Quick notes: - Admin console link: displays only for government users that have rights to access their country admin console. Links to 0_2_5_Country_Admin_Console_wireframe_v02 It displays on all profile pages along with the page title. - Print link: prints selected items from shortlist concatenating their metacontent pages (print-friendly format). Luctus nam vestibulum, proin quisque mattis nec metus. dignissim, volutpat mi nam non, eros pede auctor et ut egestas nec. Tools: Remove Print Create collection <Content type 1> Scelerisque ac dapibus potenti lorem - 09 Feb LOREM Title lorem ipsum dolor sit amet - 08 Feb SIT Conubia lectus non, in cum amet faucibus neque sociosqu quae ultricies <Content type 2> - 17 Jan DOLOR SIT AMET Scelerisque ac dapibus potenti lorem - 09 Feb LOREM Title lorem ipsum dolor sit amet - 08 Feb SIT Title lorem ipsum dolor sit amet - 06 Sep LOREM IPSUM DOLOR Saved searches My tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut Recommended content By Hazard > Laoreet aliquam (9) > Eros lacinia duis dolor (3) By Theme > Laoreet aliquam (8) > Eros lacinia duis dolor (7) > Tincidunt (13) By Region > Laoreet aliquam (78) > Eros lacinia duis dolor (67) > Tincidunt (90) > View all > More Scelerisque ac dapibus potenti lorem - 09 Feb 2007 Title lorem ipsum dolor sit amet - 08 Feb 2007 My collections [new results available] By Country > Laoreet aliquam (34) > Eros lacinia duis dolor (23) > Tincidunt (4) Scelerisque ac dapibus potenti lorem - 09 Feb 2007 Tools: Remove Print Create collection By Source > Laoreet aliquam (54) > Eros lacinia duis dolor (37) Prevention Web Wireframes My Shortlist

2 Notes 0.2.1a My Shortlist (msg) - My Shortlist My tags Subscriptions Account details Luctus nam vestibulum, proin quisque mattis nec metus. dignissim, volutpat mi nam non, eros pede auctor et ut egestas nec. Tools: Remove Print Create collection <Content type 1> Scelerisque ac dapibus potenti lorem - 09 Feb LOREM Title lorem ipsum dolor sit amet - 08 Feb SIT Conubia lectus non, in cum amet faucibus neque sociosqu quae ultricies - 17 Jan DOLOR SIT AMET Scelerisque ac dapibus potenti lorem - 30 Nov LOREM <Content type 2> Scelerisque ac dapibus potenti lorem - 09 Feb LOREM Title lorem ipsum dolor sit amet - 08 Feb SIT Title lorem ipsum dolor sit amet - 06 Sep LOREM IPSUM DOLOR Saved searches Scelerisque ac dapibus potenti lorem - 09 Feb 2007 Title lorem ipsum dolor sit amet - 08 Feb 2007 Tools: Remove Print Create collection My tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut Recommended content By Hazard > Laoreet aliquam (9) > Eros lacinia duis dolor (3) By Theme > Laoreet aliquam (8) > Eros lacinia duis dolor (7) > Tincidunt (13) By Region > Laoreet aliquam (78) > Eros lacinia duis dolor (67) > Tincidunt (90) By Country > Laoreet aliquam (34) > Eros lacinia duis dolor (23) > Tincidunt (4) By Source > Laoreet aliquam (54) > View all > More > Eros lacinia duis dolor (37) Prevention Web Wireframes a My Shortlist (msg)

3 Notes My Tags - My tags when users click «My tags», they see a list of all the tags they have used to tag content. Tags are listed in alpha order with indication of number of items tagged with a specific tag. E.g. climate change key events (12) My Shortlist My tags Subscriptions Account details Luctus nam vestibulum, proin quisque mattis nec metus. dignissim, volutpat mi nam non, eros pede auctor et ut egestas nec. > Aaoreet aliquam (8) > Aros lacinia duis dolor (7) > Aincidunt (13) > Aaoreet aliquam (78) > Aros lacinia duis dolor (67) > Bincidunt (90) > Baoreet aliquam (34) > Bros lacinia duis dolor (23) > Bincidunt (4) > Baoreet aliquam (8) > Bros lacinia duis dolor (7) > Cincidunt (13) > Caoreet aliquam (78) > Cros lacinia duis dolor (67) > Dincidunt (90) > Daoreet aliquam (34) > Dros lacinia duis dolor (23) > Eincidunt (4) > Finciunt (90) > Faoreet aliquam (34) > Fros lacinia duis dolor (23) > Gincidunt (4) > Gros lacinia duis dolor (67) > Gincidunt (90) > Sros lacinia duis dolor (67) > Sincidunt (90) > Saoreet aliquam (34) > Sros lacinia duis dolor (23) > Sincidunt (4) > Saoreet aliquam (8) > Sros lacinia duis dolor (7) > Sincidunt (13) What is tagging? Tags are like keywords or labels that you add to a piece of content to make it easier to find later. You can tag a piece of content with phrases like "climate change docs" Later if you look for documents on climate change, you can just click that tag and get all documents that have been tagged that way. Prevention Web Wireframes My Tags

4 Notes My bookmarks - Title Type My Shortlist My Tags Subscriptions My bookmarks by Cincidunt (13) Tincidunt sapien egestas rerum, pharetra lorem tempor. Date added: 24 Mar 2009 Private tags: LaoreetAliquam, Public tags: Dolor, IpsumSit Tincidunt sapien egestas rerum, pharetra lorem tempor. Date added: 2 Jan 2009 Account details Tincidunt sapien egestas rerum, pharetra lorem. Exercitation Date added: 4 Dec 2008 Everybody s bookmarks by Cincidunt News Documents & Publications Training & Events Edit Delete Edit Delete Edit Delete Top 10 related tags From all users > Laoreet aliquam (8) > Eros lacinia duis dolor (7) > Tincidunt (13) > Laoreet aliquam (78) > Eros lacinia duis dolor (67) > Tincidunt (90) > Laoreet aliquam (34) > Eros lacinia duis dolor (23) > Tincidunt (4) «My tags» tab label users can click to go back to the list of the tags. Bookmarks components Save icon: saves bookmark to shortlist Title: links to corresponding meta-content page Notes: displays text written into the «notes» field Date added: displays date when the bookmark has been tagged Tags: displays all the tags applied to the bookmark (including current); the tags are links to the page displaying the user s bookmarks by that tag. Private tags: displays only private tags applied to the bookmark; the tags are links to the page displaying the user s bookmarks by that tag. Type: displays content type Edit opens the edit bookmark page Delete opens a warning message that asks for confirmation, If the user confirms, it removes the bookmark from the list and all its related tags on the bookmarked page. A green confirmation message is displayed on top of this page. Default sort order: by date added. Users can re-sort by title or content type. Top 10 related tags top 10 most commonly used tags together with the current one (from everyone, not just the current user). To be hidded now. To be rediscussed when implemented. Tincidunt sapien egestas rerum, pharetra lorem tempor. Date added: 3 Nov 2008 Documents & Publications Edit Delete Tincidunt sapien egestas rerum, pharetra lorem. Exercitation Date added: 8 Oct 2008 Training & Events Edit Delete Prevention Web Wireframes My bookmarks

5 Notes DO NOT IMPLEMENT NOW Everybody's bookmarks - My bookmarks takes suers back to their bookmarks by the same tag. No edit or delete options on this page. Do users see who added the bookmark? I would say «no» because we have no user ID, we have only address. We should only show which ones are my bookmarks. My Shortlist My Tags Subscriptions Everybody s bookmarks by Cincidunt (34) Title Tincidunt sapien egestas rerum, pharetra lorem tempor. Date added: 24 Mar 2009 Tincidunt sapien egestas rerum, pharetra lorem tempor. Date added: 2 Jan 2009 Account details My bookmarks by Cincidunt Type News Documents & Publications Save Save Top 10 related tags From all users > Laoreet aliquam (8) > Eros lacinia duis dolor (7) > Tincidunt (13) > Laoreet aliquam (78) > Eros lacinia duis dolor (67) > Tincidunt (90) > Laoreet aliquam (34) > Eros lacinia duis dolor (23) > Tincidunt (4) Save sends user to the form to edit the bookmark and save it to his bookmarks. To be implemented at a later stage. For the time being we display [by me] but hide the «save» button for others bookmarks. Tincidunt sapien egestas rerum, pharetra lorem. Exercitation Date added: 4 Dec 2008 [by me] Training & Events Tincidunt sapien egestas rerum, pharetra lorem tempor. Date added: 3 Nov 2008 [by me] Documents & Publications Tincidunt sapien egestas rerum, pharetra lorem. Exercitation Date added: 8 Oct 2008 Training & Events Save Prevention Web Wireframes Everybody's bookmarks

6 Notes My bookmarks (msg) - Confirmation message always displays when a bookmark is removed. My Shortlist My Tags Subscriptions Account details My bookmarks by Cincidunt (13) Title Tincidunt sapien egestas rerum, pharetra lorem tempor. Date added: 24 Mar 2009 Tincidunt sapien egestas rerum, pharetra lorem tempor. Date added: 2 Jan 2009 Everybody s bookmarks by Cincidunt Type News Documents & Publications Edit Delete Edit Delete Top 10 related tags From all users > Laoreet aliquam (8) > Eros lacinia duis dolor (7) > Tincidunt (13) > Laoreet aliquam (78) > Eros lacinia duis dolor (67) > Tincidunt (90) > Laoreet aliquam (34) > Eros lacinia duis dolor (23) > Tincidunt (4) Tincidunt sapien egestas rerum, pharetra lorem. Exercitation Date added: 4 Dec 2008 Training & Events Edit Delete Tincidunt sapien egestas rerum, pharetra lorem tempor. Date added: 3 Nov 2008 Documents & Publications Edit Delete Tincidunt sapien egestas rerum, pharetra lorem. Exercitation Date added: 8 Oct 2008 Training & Events Edit Delete Prevention Web Wireframes My bookmarks (msg)

7 Notes Edit bookmark - My Shortlist My tags Subscriptions Account details Luctus nam vestibulum, proin quisque mattis nec metus. dignissim, volutpat mi nam non, eros pede auctor et ut egestas nec. Edit tag Title CATHALAC y BID firman convenio para prevenir desastres URL Notes Tags * LaoreetAliquam,, Dolor, IpsumSit Cancel Update Prevention Web Wireframes Edit bookmark

8 Notes Edit bookmark (public) - My Shortlist My tags Subscriptions Account details Luctus nam vestibulum, proin quisque mattis nec metus. dignissim, volutpat mi nam non, eros pede auctor et ut egestas nec. Edit tag Title URL Notes CATHALAC y BID firman convenio para prevenir desastres Your tags will be saved as private (only you can view them). Or, share them with the community: ipsum make it public Tags * LaoreetAliquam,, Dolor, IpsumSit make it public Cancel Continue Cancel Update Prevention Web Wireframes Edit bookmark (public)

9 Notes 0.2.3a Subscriptions - 1 Subscribe link refreshes the page and shows a confirmation message on top of the page, the selected update as «subscribed», a link to unsubscribe for the selected update. My Shortlist My tags Subscriptions Account details Luctus nam vestibulum, proin quisque mattis nec metus. dignissim, volutpat mi nam non, eros pede auctor et ut egestas nec. subscriptions 3 Events Calendar - weekly (on Monday) 1 My tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut > View all 2 Unsubscribe link - refreshes the page and shows a confirmation message on top of the page. A subscribe link is displayed for the update chosen to be unsubscribed. 3 Content type link takes the user to the relevant content type list page. User can check what he is about to subscribe to. 4 Community link takes user to community homepage. Documents & Publications - weekly (on Tuesday) DRR Jobs - weekly (on Tuesday) DRR News & Announcements - weekly (on Tuesday) People in DRR (Podcast) - weekly (on Tuesday) 2 [unsubscribe] Subscribed RSS subscriptions ipsum dolor sit amet, consectetuer adipiscing elit. > RSS subscriptions Training and Academic Programmes - weekly (on Monday) Online communities subscriptions Community name lorem ipsum Community name dolor Community name lorem ipsum dolor sit 4 Currently member Currently member Currently member Prevention Web Wireframes a Subscriptions

10 Notes 0.2.3b Subscriptions (no login) - This page is displayed when user clicks link (close to RSS link) on home or other pages. 1 Login link takes user to login page. Once the user logs in, the Subscriptions page (within My Profile) is displayed. Home > subscriptions subscriptions Already a user? > Login to access Your subscriptions subscriptions 2 Events Calendar - weekly (on Monday) Documents & Publications - weekly (on Tuesday) 1 Want to unsubscribe? ipsum dolor sit amet, consectetuer adipiscing elit. > Login to Your subscriptions Content type link takes the user to the relevant content type list page. User can check what he is about to subscribe to. 3 Subscribe link takes user to Register form. Once the user has registered, the 0.2.3c Subscriptions confirmation displays 4 Login link takes user to login page. Once the user logs in, the Subscriptions page (within My Profile) is displayed. DRR Jobs - weekly (on Tuesday) DRR News & Announcements - weekly (on Tuesday) People in DRR (Podcast) - weekly (on Tuesday) Training and Academic Programmes - weekly (on Monday) Prevention Web Wireframes b Subscriptions (no login)

11 Notes 0.2.3c Subscriptions (conf) - 1 Confirmation message - displays on top of the suscriptions as a feedback for saved changes. My Shortlist My tags Subscriptions Account details 1 My tags subscriptions Events Calendar - weekly (on Monday) Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut > View all Documents & Publications - weekly (on Tuesday) DRR Jobs - weekly (on Tuesday) DRR News & Announcements - weekly (on Tuesday) People in DRR (Podcast) - weekly (on Tuesday) [unsubscribe] Subscribed RSS subscriptions ipsum dolor sit amet, consectetuer adipiscing elit. > RSS subscriptions Training and Academic Programmes - weekly (on Monday) Online communities subscriptions Community name lorem ipsum Community name dolor Community name lorem ipsum dolor sit Currently member Currently member Currently member Prevention Web Wireframes c Subscriptions (conf)

12 Notes Account details - My Shortlist My tags Subscriptions Account details Luctus nam vestibulum, proin quisque mattis nec metus. dignissim, volutpat mi nam non, eros pede auctor et ut egestas nec. Your account details address* user@provider.com My tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut > View all Password* Userpsw Confirm password* Userpsw Country where you work* Zimbabue Organisation type* Non vernmental Organisation Cancel Update Prevention Web Wireframes Account details

13 Notes 0.2.3a Account details (msg) - My Shortlist Subscriptions Account details Luctus nam vestibulum, proin quisque mattis nec metus. dignissim, volutpat mi nam non, eros pede auctor et ut egestas nec. Your account details Account details successfully updated. My tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut > View all address* user@provider.com Password* Userpsw Confirm password* Userpsw Country where you work* Zimbabue Organisation type* Non vernmental Organisation Cancel Update Prevention Web Wireframes a Account details (msg)

14 Notes Home > to friend to friend Step 1 of 2 Cras libero fusce vitae pellentesque mauris aliquet, bibendum a. Vulputate adipiscing sollicitudin enim tellus, vestibulum nec odio neque mattis. Content to be sent - Scelerisque ac dapibus potenti lorem - 09 Feb LOREM - Conubia lectus non, in cum amet faucibus neque sociosqu quae ultricies - 17 Jan DOLOR SIT AMET Message From* @organisation.org To* From: you can change the from address. Message Cancel Send Prevention Web Wireframes

15 Notes conf. - Home > to friend to friend Step 2 of 2 Your message has been sent successfully Condimentum duis erat, quam risus habitasse, interdum sapien imperdiet tempor viverra eleifend ullamcorper, odio tristique a rutrum ipsum donec. Continue Prevention Web Wireframes conf.

16 Notes Create PDF collection 1 - > Create PDF collection Create PDF collection Step 1 of 5 How it works Scelerisque orci vestibulum in in curae. Tortor quam tempus montes, fringilla semper placerat id massa, sapien in, sed ligula diam magna. Neque a ut dolor ultricies dignissim placerat, duis felis adipiscing mi, tincidunt cras volutpat arcu scelerisque. Limits Max. number of documents: 20 OR File size: 5 Mb Your PDF collection Cancel Continue Prevention Web Wireframes Create PDF collection 1

17 Notes Create PDF collection 2 - > Create PDF collection Create PDF collection Step 2 of 5 Confirm content Scelerisque ac dapibus potenti lorem - 09 Feb LOREM Title lorem ipsum dolor sit amet - 08 Feb SIT Conubia lectus non, in cum amet faucibus neque sociosqu quae ultricies - 17 Jan DOLOR SIT AMET Scelerisque ac dapibus potenti lorem - 30 Nov LOREM Title lorem ipsum dolor sit amet - 06 Sep LOREM IPSUM DOLOR The table of contents Remove Cancel Continue Prevention Web Wireframes Create PDF collection 2

18 Notes Create PDF collection 3 - > Create PDF collection Create PDF collection Step 3 of 5 Add cover Title Description The cover Cancel Continue Prevention Web Wireframes Create PDF collection 3

19 Notes Create PDF collection 4 - > Create PDF collection Create PDF collection Step 4 of 5 Check your Cras libero fusce vitae pellentesque mauris aliquet, bibendum a. Vulputate adipiscing sollicitudin enim tellus, vestibulum. > Back to My Profile PDF collection to download Prevention Web Wireframes Create PDF collection 4

20 Notes Create PDF collection 5 - From: PDFcollection@preventionweb.net Sent: Thu, 07 May :54 To: user@provider.com Subject: Prevention Web: Your PDF Collection Ability to download: - PDF - ASCII (editable) Greetings from Prevention Web. Step 5 (of 5) - cras libero fusce vitae pellentesque mauris aliquet, bibendum a. Vulputate adipiscing sollicitudin enim tellus: sollicitudin_enim_tellus_vestibulum nec_odio Libero fusce vitae pellentesque mauris aliquet, bibendum a. Vulputate adipiscing sollicitudin enim tellus, vestibulum nec odio neque mattis..net Prevention Web Wireframes Create PDF collection 5