IHS Jane's 360 & Responsive Design

IHS_Janes360andResponsiveDesign_ResponsiveWeb_Set1Wireframes_v5.03IHS Jane's 360 & Responsive Design Set 1 - Wireframes and Functional Overview
Visit www.tigerspike.com to find out more about the Innovation Lab
and Phoenix, Tigerspike’s tools for unlocking the power of Personal Media
Consulting | UI & UX Design | Multi-Platform Development | Licensing
Last Update: 05 / 13 / 13 Page: 4
Tigerspike Americas
Main Image
Image caption… Iraq is set to begin receiving the first of 36 F-16 fighters, similar to these USAF examples, from 2014. (US Air Force)
The Pentagon has signed a USD 199 million contract with Lockheed Martin for a Foreign Military Sales deal with Iraq for 18 F-16C/D export model Block 52 Fighting Falcon multirole aircraft, it is announced 24 July.
The deal, which covers 12 single-seat C and six twin-seat D model aircraft, follows on from an earlier contract from another 18 F-16s signed in late 2011 (also 12 C and six D model platforms).
As the value of the earlier deal was given as USD835 million, it is probable that the USD199 million figure of this latest announcement represents an initial agreement to get the Iraqis under contract rather than the final amount to be paid. Indeed, the US Defense Security Co-operation Agency (DSCA) notification into the sale issued on 12 December 2011 gave an overall figure of some USD2.3 billion). Log in to read more.
(137 of 207 words)
SHARE ON TWITTER
SHARE ON LINKEDIN
SHARE VIA EMAIL
MIDDLE EAST HEADLINES SECTION TITLE Iraq signs for 18 additional F-16 fighters
SECTION TITLE India clears away for USD2.18 bn transport aircraft contest
SECTION TITLE Syria highlights strategic weapons
SECTION TITLE Ut nihil anteferat, nihil illis comparet, errat
SECTION TITLE Ut nihil anteferat, nihil illis comparet, errat Si veteres ita miratur laudatque poet
COUNTRY RISK REPORT
Iraq: Executive Summary Iraq is an oil-rich state, created after the First World War from the three Ottoman provinces of Bagdad, Basra and Mosul. The country has a history of political oppression and instability, which has been exacerbated by its ethnic and religious divisions and regional rivalries.
Purchase Report
728 x 90 Ad (Leaderboard)
Lockheed Martin F-16 Fighting Falcon Emerged from General Dynamics YF-16 of US Air Force Lightweight Fighter prototype program me in 1972; first flight of prototype YF-16 (72-01567) 2 February 1974; first flight of second prototype (72-01568) 9 May 1974; selected for full-scale development (FSD) 13 January 1975; day fighter requirement extended to add air-to-ground capability with multimode radar and all-weather navigation; production of FSD aircraft began July 1975; first flight of FSD aircraft 8 December 1976. Source: IHS Jane's All the World's Aircraft 2013
Lockheed Martin (General Dynamics) F-16 FIghting Falcon - Terma upgrades Pylon Integrated Dispenser System (PIDS/PIDS+): Developed from 1988, Terma's PIDS forms an integral part of its Electronic Warfare Management System (EWMS) which was selected for the F-16 Mid-Life Update (MLU) upgrade. The first Royal Danish Air Force (RDAF) F-16 was fitted with PIDS in 1989. Source: IHS Jane's All the World's Aircraft: Upgrades 2013
Head-Up Display (HUD) for the F-16C/D Type Head-Up Display (HUD). Description in March 1983, the then BAE Systems Avionics announced a USD... Source: C4ISR & Mission Systems:Air
AN/ALQ-178(V) Type Airborne radar warning and jamming system.Description AN/ALQ-178(V) is an integrated radar war…
1449406.jpg
585331.jpg
581523.jpg
515250.jpg
RELEVANT PROFILE LISTINGS
SHARE ON TWITTER
SHARE ON LINKEDIN
SHARE VIA EMAIL
Iraq signs for 18 additional F-16 fighters Gareth Jennings - Jane's Aviation Desk Editor, London
14 Aug 2012
ATI providing titanium and specialty steel armor, components, kits sub-assemblies and assemblies
Precision weapons guidance Initial sensors proven gun hard over 20,000g. See www.goodrich.com/sis
Interdum volgus Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Est ubi peccat Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Si quaedam nimis antique Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Si veteres ita miratur laudatque poetas Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Ut nihil anteferat, nihil illis comparet, errat Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Si quaedam nimis antique Lorem ipsum dolor sit amet consectateur nonummy lorenzino
Jane's 360 is not responsible for the content within or linking from Industry Links pages.
300 x 250 Ad (Medium Rectangle)
ADVERTISEMENT
ADVERTISEMENT
CONTENT PREVIEW To View Full Article: Log In
RELATED HEADLINES
SECTION TITLE Si veteres ita miratur laudatque poetas Ut nihil anteferat
SECTION TITLE Ut nihil anteferat, nihil illis comparet
SECTION TITLE Si veteres ita miratur laudatque poetas
RELATED HEADLINES
IHS Jane's 360 Header & Navigation Placeholder
Footer Placeholder
Related Products:
19
Fixed/Fluid Layer Red = Elements fixed width until defined breakpoints Yellow = Elements fluid down to 320px Green = Elements fluid until break points, see annotations for specific notes
1. LEADERBOARD ADVERTISEMENT The leaderboard advertisement will be maintained until large and medium scales.
Responsive: prior to major break point for small scales, approximately 740, the leaderboard ad will be dropped due to browser width constraints.
2. HEADER & UNIVERSAL NAVIGATION Responsive: navigation should be fluid until defined breakpoints at which point design and behavior change
See Global Navigation FInal Document (ref: IHS_Janes360_Responsive_GlobalNavigation_v2.00.pdf)
3. BREADCRUMBS Responsive: Breadcrumbs will be fluid until the design optimized for small scales, 320px
4. CONTENT PREVIEW BANNER Height and font size fixed at all scales.
5. LOG IN CALL TO ACTION CTA sits above article as part of the content preview banner (4) linking users offsite to a customer log in page to view content offsite of Jane's 360.
Jane's 360 team to define • user journey for new user who clicks "log in" • user journey for paid subscriber/customer who clicks
"log in" • mobile journey for both audiences
Jane's 360 team to consider • potential loss of lateral discovery of content • if there will be a lack of returning users based on
perception of disjointed journey to read most articles • potential loss of brand continuity • potential loss of brand value proposition of Jane's 360 • value of external paid site(s) offering a return link to Jane's
360
6. HOUSE AD House ads promote IHS products and goals. May vary in size and purpose.
[On click] delivers user to ad target
7. SECTION TITLE Section title is associated with the information architecture. Provides context for users as they navigate the site.
8. ARTICLE TITLE Article title can wrap to two lines with a maximum character limit of 85 characters
9. AUTHOR, ATTRIBUTION & SOURCE Article author, author's desk and associated product
Note: only one source should be associated with any article
10. ARTICLE DATE Article date should follow formatting of DD Mon YYYY
11. EXTERNAL ADVERTISING The page supports medium rectangle advertising via DoubleClick
12. SOCIAL MEDIA CALLS TO ACTION User's have the ability share by integrating the *AddThis* widget. Provides 1-to-1 or 1-to-many push mechanism to share article pages via Twitter, LinkedIn and email.
Desktop: Email [On click] browser opens default email client and pre- populates email IHS Jane's team to provide final copy • Subject headline: Visit the IHS [Section Page Title] Page
For Latest News. • Body content: Read the latest [section page title] news
from [Open Portal Access Site Name] - [link].
Twitter [On click] browser opens Twitter in new window IHS Jane's team to provide final pre-populated tweet copy • Tweet copy: Visit the IHS [Section Page Title] Page
For Latest News.
LinkedIn [On click] browser opens new tab for LinkedIn share. Page title and description is pre-populated based on metadata. User creates their own optional comment.
Tablet & Mobile: To be defined at additional scales.
13. MAIN IMAGE Awaiting IHS Technical team for feedback regarding size limitations
14. INDUSTRY LINKS Industry links are A&D contextual advertising product.
The height of the module is dependent upon the number of industry links associated with the article. Module width is static.
15. MAIN IMAGE CAPTION To be defined in design.
16. ARTICLE NSE Word count for extracts should be based on 100 words and round up to the full paragraph (e.g. If 100 words is 2.5 paragraphs then 3 full paragraphs are displayed).
17. CALL OUT PLACEHOLDER Jane's 360 team feedback due based on visual design
Issue: Due to readability limitations the A&D editorial team should find content to fill a callout for each NSE. If this can not be delivered through automation alternative treatments should be explored.
Note: Based on content limitations related products may need to be treated as a the call out (17) [ref: IHS_Janes360andResponsiveDesign_ResponsiveWeb_Set1 Wireframes_v2.00]
18. LOG IN FOR FULL ARTICLE CTA CTA follows any article excerpt.
Jane's 360 team to define • user journey for new user who clicks "log in" • user journey for customer who clicks "log in" • mobile journey for both audiences
perception of disjointed journey to read most articles • potential loss of brand continuity • potential loss of brand value proposition of Jane's 360
19. WORD COUNT Word count should display the number of words displayed in the NSE out of the full article word count.
20. RELATED IHS PRODUCTS Related products are text links to IHS.com product pages.
21. RELATED HEADLINES Related headlines are metadata driven. Featured articles are either most recently published or curated.
The module has a fixed height. At full width, 4 of 12 columns at 1140px, article titles should wrap to 1.5 lines with an 85 character count.To be confirmed in design.
[On click] delivers user to article page. Template determined by the content manager/editorial team.
Responsive: As it scales down the column is fluid, allowing text to wrap to a maximum of two lines at 300px width. As the width of the page contracts the height should remain fixed.
Alternative options would be to set a maximum height for each article and introduce ellipses for title overflow beyond the two line limit or enable the box to support scrolling within a the fixed height of the module.
22. COUNTRY RISK REPORT This module can support manually updated content either editorial or product related.
Requires content definition from Jane's 360 team
Responsive: Fluid down to 300px width where breakpoints will be introduced.
23. INDUSTRY LINKS DISCLAIMER Standard disclaimer for all industry links on Janes360.com
24. LATEST PROFILE UPDATES Showcases profile listings from the Jane's Yearbook products. Includes image, header and description.
[On click] destination to be defined by Jane's 360 team
25. FOOTER PLACEHOLDER See Global Navigation FInal Document (ref: IHS_Janes360_Responsive_GlobalNavigation_v1.00.pdf)
Article NSE - Responsive Guide The Non Subscriber Extract, NSE, template is used to display excerpts of articles for unregistered or logged in users.
Consideration has not been given to the continuity of behavior from an NSE to a full-length article regarding responsiveness, user journeys or calls to action.
Article NSE - Responsive Guilde
Tigerspike Americas
Main Image
As the value of the earlier deal was given as USD835 million, it is probable that the USD199 million figure of this latest announcement represents an initial agreement to get the Iraqis under contract rather than the final amount to be paid. Indeed, the US Defense Security Co-operation Agency (DSCA) notification into the sale issued on 12 December 2011 gave an overall figure of some USD2.3 billion). Log in to read more.
(137 of 207 words)
SHARE ON TWITTER
SHARE ON LINKEDIN
SHARE VIA EMAIL
COUNTRY RISK REPORT
Iraq: Executive Summary Iraq is an oil-rich state, created after the First World War from the three Ottoman provinces of Bagdad, Basra and Mosul. The country has a history of political oppression and instability, which has been exacerbated by its ethnic and religious divisions and regional rivalries.
Purchase Report
1449406.jpg
585331.jpg
581523.jpg
515250.jpg
Related IHS Products: Jane's Defence: Land Platforms, Jane's Defence Weekly
14 Aug 2012
ADVERTISEMENT
ADVERTISEMENT
Article Related Call Out
RELATED HEADLINES
Footer Placeholder
1. LEADERBOARD ADVERTISEMENT The page supports leaderboard advertising via DoubleClick
2. HEADER & UNIVERSAL NAVIGATION See Global Navigation FInal Document (ref: IHS_Janes360_Responsive_GlobalNavigation_v1.00.pdf)
3. BREADCRUMBS The way-finding tool directly relates to the IA of the site. The "Tier 3" element shows an active state for the currently displayed page. The "Tier 1" and "Tier 2" elements are links.
4. CONTENT PREVIEW BANNER Visual affordance for user that this page will only display a content preview.
5. LOG IN CALL TO ACTION CTA sits above article as part of the content preview banner (4) linking users offsite to a customer log in page to view content offsite of Jane's 360.
Jane's 360 team to define • user journey for new user who clicks "log in" • user journey for paid subscriber/customer who clicks
"log in" • mobile journey for both audiences
perception of disjointed journey to read most articles • potential loss of brand continuity • potential loss of brand value proposition of Jane's 360 • value of external paid site(s) offering a return link to Jane's
360
6. HOUSE AD House ads promote IHS products and goals. May vary in size and purpose.
7. SECTION TITLE Section title is associated with the information architecture. Provides context for users as they navigate the site.
8. ARTICLE TITLE Article title can wrap to two lines with a maximum character limit of 85 characters
9. AUTHOR, ATTRIBUTION & SOURCE Article author, author's desk and associated product
Note: only one source should be associated with any article
10. ARTICLE DATE Article date should follow formatting of DD Mon YYYY
For Latest News.
Tablet & Mobile: To be defined at additional scales.
13. MAIN IMAGE Awaiting IHS Technical team for feedback regarding size limitations
14. INDUSTRY LINKS Industry links are A&D contextual advertising product.
The height of the module is dependent upon the number of industry links associated with the article. Module width is static.
15. MAIN IMAGE CAPTION To be defined in design.
16. ARTICLE NSE UPDATE: word count updated in visual design
Word count for extracts should be based on 100 words and round up to the full paragraph (e.g. If 100 words is 2.5 paragraphs then 3 full paragraphs are displayed).
17. CALL OUT PLACEHOLDER UPDATE: removed in visual design
Jane's 360 team feedback due based on visual design
Issue: Due to readability limitations the A&D editorial team should find content to fill a callout for each NSE. If this can not be delivered through automation alternative treatments should be explored.
18. LOG IN FOR FULL ARTICLE CTA CTA follows any article excerpt.
Jane's 360 team to define • user journey for new user who clicks "log in" • user journey for customer who clicks "log in" • mobile journey for both audiences
19. WORD COUNT UPDATE: word count updated in visual design
Word count should display the number of words displayed in the NSE out of the full article word count.
20. RELATED IHS PRODUCTS UPDATE: moved to the current position of CALL OUT PLACEHOLDER (17) in visual design
Related products are text links to IHS.com product pages.
23. INDUSTRY LINKS DISCLAIMER Standard disclaimer for all industry links on Janes360.com
24. LATEST PROFILE UPDATES Showcases profile listings from the Jane's Yearbook products. Includes image, header and description.
Article NSE Template The Non Subscriber Extract, NSE, template is used to display excerpts of articles for unregistered or logged in users.
Article NSE Template (1140)
Tigerspike Americas
Main Image
As the value of the earlier deal was given as USD835 million, it is probable that the USD199 million figure of this latest announcement represents an initial agreement to get the Iraqis under contract rather than the final amount to be paid. Log in to read more
(113 of 207 words)
Iraq signs for 18 additional F-16 fighters SECTION TITLE
India clears away for USD2.18 bn transport aircraft contest SECTION TITLE
Syria highlights strategic weapons SECTION TITLE
Ut nihil anteferat, nihil illis comparet, errat SECTION TITLE
Ut nihil anteferat, nihil illis comparet, errat Si veteres ita miratur laudatque poet SECTION TITLE
Iraq: Executive Summary
Iraq is an oil-rich state, created after the First World War from the three Ottoman provinces of Bagdad, Basra and Mosul. The country has a history of political oppression and instability, which has been exacerbated by its ethnic and religious divisions and regional rivalries.
Purchase Report
Lockheed Martin (General Dynamics) F-16 FIghting Falcon - Terma upgrades Pylon Integrated Dispenser System (PIDS/PIDS+): Developed from 1988, Terma's PIDS forms an integral part of its Electronic Warfare Management System (EWMS) which was selected for the F-16 Mid-Life Update (MLU) upgrade. The first Royal Danish Air Force (RDAF) F-16 was fitted with PIDS in1989. Source: IHS Jane's All the World's Aircraft: Upgrades 2013
SHARE ON TWITTER
SHARE ON LINKEDIN
SHARE VIA EMAIL
14 Aug 2012
ADVERTISEMENT
ADVERTISEMENT
RELATED HEADLINES
Si veteres ita miratur laudatque poetas Ut nihil anteferat SECTION TITLE
Ut nihil anteferat, nihil illis comparet SECTION TITLE
Si veteres ita miratur laudatque poetas SECTION TITLE
RELATED HEADLINES
Si veteres ita miratur laudatque poetas Ut nihil anteferat SECTION TITLE
Ut nihil anteferat, nihil illis comparet SECTION TITLE
Si veteres ita miratur laudatque poetas SECTION TITLE
TIER 1 TIER 3TIER 2
Footer Placeholder
Note: Right column content (promotional, advertising, social media) will be reflowed to the bottom of the page breaking over two columns
3. BREADCRUMBS Behavior consistent with desktop.
Responsive: Breadcrumbs will be fluid until the design optimized for small scales, 320px
4. CONTENT PREVIEW BANNER Height and font size fixed at all scales.
5. LOG IN CALL TO ACTION Height and font size fixed through large and medium scales. Element removed at small scale
Behavior consistent across all scales.
For Latest News.
Responsvie: Buttons before the NSE will be removed in the small scale (break point ~480).
13. MAIN IMAGE Responsive: The main image resizes and scales, maintaining proportions
15. MAIN IMAGE CAPTION Caption is fluid.
16. ARTICLE NSE Update: Word count for extracts should be based on 100 words and round up to the next full stop
Responsive: The NSE is fluid.
At break point (~480) the list becomes an accordion that defaults with all sections closed.
Tigerspike Americas
Main Image
As the value of the earlier deal was given as USD835 million, it is probable that the USD199 million figure of this latest announcement represents an initial agreement to get the Iraqis under contract rather than the final amount to be paid. Log in to read more.
(113 of 207 words)
AIR PLATFORMS
CONTENT PREVIEW
AIR PLATFORMS
RELATED HEADLINES
RELATED HEADLINES
Iraq signs for 18 additional F-16 fighters SECTION TITLE
India clears away for USD2.18 bn transport aircraft contest SECTION TITLE
Syria highlights strategic weapons SECTION TITLE
Ut nihil anteferat, nihil illis comparet, errat Si veteres ita miratur laudatque poet SECTION TITLE
Press
Multimedia
Magazines
Footer Placeholder
Navigation Placeholder
Gareth Jennings
Jane's Aviation Desk Editor, London 14 Aug 2012 Jane's Defence Weekly
3. BREADCRUMBS At the smallest scale the breadcrumbs will show the last one only and link back up to the previous tier
4. CONTENT PREVIEW BANNER Visual affordance for user that this page will only display a content preview.
For Latest News.
Responsvie: Buttons before the NSE will be removed in the small scale (break point ~480).
18. LOG IN FOR FULL ARTICLE CTA Jane's 360 team to define • user journey for new user who clicks "log in" • user journey for customer who clicks "log in" • mobile journey for both audiences
Jane's 360 team to consider • consider difference between desktop, tablet and mobile
experiences • potential loss of lateral discovery of content • if there will be a lack of returning users based on
At break point (~480) the list becomes an accordion that defaults with all sections closed.
26. REPEATED TIER 1 NAVIGATION At the small scale navigation is repeated to enable quick access to section pages.
[On tap] delivers user to respective section page.
27. BACK TO TOP BUTTON At small scale link back to top is accessible
[On tap] anchors user to top of the current page.
COMMENTARY>>
See full infographic. Register now.
Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
AIR PLATFORMS>> Subscribe to Air Platforms
Subscribe to Sea Platforms
Syria highlights strategic weapons
N/A
EIGHT people were killed and 15 others were wounded when an improvised explosive device (IED) Read More
IED attack kills eight civilians in Pakistan's Bajaur Agency
Unidentified militants kill two army officers in Iraq's Diyala
India clears away for USD2.18 bn transport aircraft contest
N/A
SEA PLATFORMS>>
ADVERTISEMENT
ADVERTISEMENT
House Ad - Receive News Briefs and Social Media Updates
300 x 100 Ad (3:1 Rectangle)
Lockheed Martin F-16 Fighting Falcon Emerged from General Dynamics YF-16 of US Air Force Lightweight Fighter prototype program me in 1972; first flight of prototype YF-16 (72-01567) 2 February 1974; first flight of second prototype (72-01568) 9 May 1974; selected for full-scale development (FSD) 13 January 1975; day fighter requirement extended to add air-to- ground capability with multimode radar and all-weather navigation; production of FSD aircraft began July 1975; first flight of FSD aircraft 8 December 1976. Source: IHS Jane's All the World's Aircraft 2013
1449406.jpg
585331.jpg
581523.jpg
515250.jpg
Most SharedFeatured
1. Lorem ipsum dolor sit amet consectateur nonummy lorenzino Section Title
2. Interdum volgus videt, est ubi peccat Section Title
3. Si veteres ita miratur laudatque poetas Section Title
4. Ut nihil anteferat, nihil illis comparet, errat Section Title
5. Si quaedam nimis antique Section Title
Most Read
SHARE VIA EMAILShare:
Subscribe to Jane's Defence: Land Platforms for Access to more latest Land Platforms news, analysis and data
TIER 1 TIER 2
Subscribe to Land Platforms
Lorem ipsum dolor sit amet, consectetur
Feature Content Title Can Wrap To Two Lines 31 Jan 2013
LAND PLATFORMS HEADLINES>>
Headline title can wrap to more than one line, lore ipsum dolor sit SECTION TITLE | 31 Jan 2013 Lorem ipsum dolor sit amet consectateur nonumm lorenzino. Lorem ipsum dolor sit amet consectateur nonumm lorenzino.
160 x 600 Ad (Wide Skyscraper)
Footer Placeholder
Section Page Templates The section page is a content hub that enables users to discover relevant topical content. Providing these pages enables for more specific content and advertising delivery based on user behavior and intention.
The width of image based content like videos, advertising should be scale no smaller than 300px then maintain a fixed width through other break points.
Section Page Template (1140)
3. BREADCRUMBS The way-finding tool directly relates to the IA of the site. The "Tier 2" element shows an active state for the currently displayed page. The "Tier 1" element is a link.
4. SHARE VIA EMAIL CALLS TO ACTION User's have the ability share by integrating the *AddThis* widget. Provides 1-to-1 push mechanism to share hub page via email.
[On click] browser opens default email client and pre- populates email IHS Jane's team to provide final copy • Subject headline: Visit the IHS [Section Page Title] Page
5. PAGE TITLE Page title provides context for users as they navigate the site.
6. SUBSCRIBE CALL TO ACTION Call to action to subscribe related IHS product
[On click] delivers user to corresponding IHS.com product page
7. HOUSE AD House ads may vary in size and purpose, but all promote IHS products and goals.
8. FEATURE ARTICLES CAROUSEL The carousel is comprised of four (4) feature articles. One (1) hero features at any time. Carousel does not support video.
Carousel should rotate the feature article at regular five (5) second intervals. Upon update the hero should reflect the highlighted thumbnail.
See carousel thumbnails (10) for additional functionality.
Content: The hero displays the article title, section title and date as part of the feature content module. The title can wrap up to two (2) lines, displaying entire title. Thumbnail titles can wrap up to two (2) lines, but truncate. Limit to be defined in design.
Mouse Input: [On rollover] displays arrow controls that enable user to navigate to next element in carousel by clicking
[On click] hero delivers user to corresponding article page. Template determined by the content manager/editorial team.
Touch input: No rollover state. UI will change to reveal controls to navigate through carousel
[On swipe] user navigates to the next element in the carousel. A flick should be treated as a swipe interaction, not skipping any stories unless navigating to thumbnails via direct input (see 6)
[On tap] hero delivers user to corresponding article. Template determined by the content manager/editorial team.
Responsive: Will evaluate when title should no longer display as an overlay, thumbnails should be removed and if/when buttons should be introduced to advance. To be defined at additional scales.
10. CAROUSEL THUMBNAILS The feature article carousel supports up to four (4) stories all with representative images. These images comprise the thumbnails below the hero. The hero and the highlighted thumbnail should be the same.
Mouse Input: [On click] carousel animates to the selected thumbnail, updating the hero image and the highlighted thumbnail.
Touch Input: [On tap] carousel animates to the selected thumbnail, updating the hero image and the highlighted thumbnail.
Interaction: If the user selects an item that is more than one (1) space away the recommended model is that of a flip book, quickly scrolling through the other thumbnails then stopping on the selected item.
Responsive: To be defined at additional scales
11. POPULAR NEWS MODULE The module features tabs for "Most Read" and "Most Shared." Each tab features the top five (5) ranked stories based on page views for "Most Read" and metrics from AddThis for "Most Shared"
[On tab click] updates view to display the alternate
The tabs highlight the most read and the most shared articles. Each tab features 5 article names (links) and the section title associated with the article.
[On click] delivers user to the article page. Template determined by the content manager/editorial team.
Responsive: Popular news module will be fluid until it hits a fixed width of 300px.
12. SECTION HEADLINES LIST Section headlines module features content in reverse chronological order updating in real-time. The module has a fixed height even to the manually updated module (13) and the commentary module (15).
The module is fluid and each story has a fixed height, see section headline story (14).
Phase 2 [On click] delivers user to filtered search results
13. MANUALLY UPDATED MODULE Can support manually uploaded content including infographics and white papers. To retrieve the assets the user must click CTA, register with Eloqua and download valued item.
Requires content definition from Jane's 360 team.
[On click] Jane's 360 team to define user journey
14. SECTION HEADLINE STORY At full size each story features a headline, date and copy lead, on a section page there is no need for a section title.
At maximum width the headlines wraps to two (2) lines. The section title/date should maintain one (1) line. The lead copy should wrap to three (3) lines.
The module has a fixed height At full width, 4 of 12 columns at 1140px, article titles should wrap to 1.5 lines with an 85 character count. The article title is a hyperlink. This hyperlink will follow the style of the designed article list. To be defined in design.
Responsive: As the width of the page contracts the height should remain fixed. Overflow from each story should result in lead copy being truncated. At some point the stories will completely lose the lead copy. To be defined at additional scales.
15. SECTION COMMENTARY Commentary features article title and analyst/author image.
[On click] delivers user to commentary article. Template determined by the content manager/editorial team.
16. LAND PLATFORMS PRODUCT PROMOTION Banner provides a small visual interruption from content and promotes associated paid product after user has seen high- level view of capabilities
17. THEMATIC SECTION TITLE Section title is an internal link to related content
[On click] delivers user to section page. See Section Template (ref: IHS_Janes360andResponsiveDesign_ResponsiveWeb_Set1 Wireframesv3.00)
18. THEMATIC SUBSCRIBE CALL TO ACTION Call to action to subscribe to related IHS product
19. THEMATIC MODULE FEATURE ARTICLE Elements include section title, article title, image, lead copy and read more call to action.
Article title, image and read more are hot spots. If stories with appropriately sized/cropped images are not prevalent then these should be curated.
Article title character limit is 85 characters, and the lead copy is 105 characters.
Responsive: The feature story section is fluid as design scales down. Image remains the same size.Article title wraps as space contracts. Lead copy contracts and read more call to action remains. At 300px the thematic feature story stops scaling and a break point is introduced at which point item 20 would drop below to stack elements.To be defined at additional scales.
Considering stacking feature and secondary stories, accordion treatment, losing image and lead copy
20. THEMATIC MODULE SECONDARY ARTICLES Supports up to three (3) secondary thematic articles for any topic. Featured articles are either most recently published or curated.
At full width, 4 of 12 columns at 1140px, article titles should wrap to 1.5 lines with an 85 character count. To be confirmed in design.
The article title is a hyperlink.
Responsive: Secondary thematic articles are fluid, allowing text to wrap to a maximum of two lines at 300px width. At 300px which point a break point will be introduced. As the width of the page contracts the height should remain fixed. To be defined at additional scales.
21. TWITTER PLUGIN Twitter allows developers to create a timeline embed plugin specific to their account.
The A&D twitter account is @IHS4DefRiskSec
Jane's 360 team to consider embedded timelines plugin https://dev.twitter.com/docs/embedded-timelines
22. RELEVANT PROFILE LISTINGS Showcases profile listings from the Jane's Yearbook products. Includes image, header and description.
23. LINKEDIN PLUGIN LinkedIn allows developers to embed a company profile or follow buttons in their own sites.
Jane's 360 team to consider company profile plugin http://developer.linkedin.com/plugins/company-profile-plugin
24. FACEBOOK PLUGIN Facebook allows developers to create plugins to facilitate website-to-facebook integration
Jane's 360 team to consider like + facepile plugin https://developers.facebook.com/docs/reference/plugins/like/
25. SKYSCRAPER ADVERTISEMENT The page supports skyscraper advertising via DoubleClick
Responsive: Skyscraper advertisement is dropped at the 760px scale
26. FOOTER See Global Navigation FInal Document (ref: IHS_Janes360_Responsive_GlobalNavigation_v1.00.pdf)
9
12
4
22
26
17
20
18
19
21
23
24
25
Tigerspike Americas
See full infographic. Register now.
AIR PLATFORMS Subscribe to Air Platforms
Subscribe to Sea Platforms
N/A
Unidentified militants kill two army officers in Iraq's Diyala
India clears away for USD2.18 bn transport aircraft contest
N/A
SEA PLATFORMS
Lockheed Martin F-16 Fighting Falcon Emerged from General Dynamics YF-16 of US Air Force Lightweight Fighter prototype program me in 1972; first flight of prototype YF-16 (72-01567) 2 February 1974; first flight of second prototype (72-01568) 9 May 1974; selected for full-scale development (FSD) 13 January 1975; day fighter requirement extended to add air- to-ground capability with multimode radar and all-weather navigation; production of FSD aircraft began July 1975; first flight of FSD aircraft 8 December 1976. Source: IHS Jane's All the World's Aircraft 2013
Lockheed Martin (General Dynamics) F-16 FIghting Falcon - Terma upgrades Pylon Integrated Dispenser System (PIDS/PIDS+): Developed from 1988, Terma's PIDS forms an integral part of its Electronic Warfare Management System (EWMS) which was selected for the F-16 Mid-Life Update
(MLU) upgrade. The first Royal Danish Air Force (RDAF) F-16 was fitted with PIDS in1989. Source: IHS Jane's All the World's Aircraft: Upgrades 2013
Head-Up Display (HUD) for the F-16C/D Type Head-Up Display (HUD). Description in March 1983, the then BAE Systems Avionics announced a
USD... Source: C4ISR & Mission Systems:Air
SHARE VIA EMAILShare:
Subscribe to Jane's Defence Land Platforms for Access to more latest Land Platforms news, analysis and data
Subscribe to Land Platforms
Feature Content Title Can Wrap To Two Lines At Medium Scale
ADVERTISEMENT
ADVERTISEMENT
Featured Popular News
Most SharedFeatured
1. Lorem ipsum dolor sit amet consectateur nonummy lorenzino Section Title
2. Interdum volgus videt, est ubi peccat Section Title
3. Si veteres ita miratur laudatque poetas Section Title
4. Ut nihil anteferat, nihil illis comparet, errat Section Title
5. Si quaedam nimis antique Section Title
Most Read
LAND PLATFORMS HEADLINES
Headline title can wrap to more than one line, lore ipsum dolor sit Lorem ipsum dolor sit amet consectateur nonumm lorenzino. Lorem ipsum dolor sit amet consectateur nonumm lorenzino.
TIER 1 TIER 2
Footer Placeholder
IHS Jane's Land Warfare Platforms:
Armoured Fighting Vehicles delivers comprehensive global profiles of armored land platforms, providing A&D businesses with the land warfare market intelligence that drives successful business development, strategy and product development activity, and providing military and security organizations with the critical technical information that they need in order to develop and maintain long-term combat capability advantage.
Learn More
3. BREADCRUMBS Behavior consistent with desktop.
Responsive: Breadcrumbs will be fluid until the design optimized for small scales, ~480 - 320px.
Carousel should rotate the feature article at regular five (5) second intervals. Upon update the hero should reflect the highlighted thumbnail.
See carousel thumbnails (10) for additional functionality.
Content: The title can wrap up to two (2) lines, displaying entire title. Thumbnail titles can wrap up to two (2) lines, but truncate. Limit to be defined in design.
Mouse Input: [On rollover] displays arrow controls that enable user to navigate to next element in carousel by clicking
[On click] hero delivers user to corresponding article page. Template determined by the content manager/editorial team.
Touch input: No rollover state. UI will change to reveal controls to navigate through carousel
Responsive: At small scale (~480 breakpoint) the article title will not overlay the image and the thumbnails will be replaced by buttons and pagination.
Responsive: To be defined at additional scales
15. TRANSACTIONAL MODULE This module can support manually updated content either editorial or product related.
Responsive: The feature story section is fluid as design scales down. Image remains the same size.Article title wraps as space contracts. Lead copy contracts and read more call to action remains.
At 300px the thematic feature story stops scaling and a break point is introduced at which point items 19 and 20 become an accordion
Responsive: Secondary thematic articles are fluid, allowing text to wrap to a maximum of two lines at 300px width.
At 300px the thematic feature story stops scaling and a break point is introduced at which point items 19 and 20 become an accordion
2019
3
Tigerspike Americas
Tigerspike Americas
Land Platforms
Hero Image
Feature Content Title Can Wrap To Three Lines At Small Scale
IHS Jane's 360 Header
LAND PLATFORMS HEADLINES
Home
Defence
Security
Industry
Events
Footer Placeholder
3
8
10
3. BREADCRUMBS At the smallest scale the breadcrumbs will show the last one only and link back up to the previous tier
Content: The title can wrap up to two (3) lines, displaying entire title.
Mouse Input: [On click] hero delivers user to corresponding article page. Template determined by the content manager/editorial team.
Touch input: UI change to reveal button controls to navigate through carousel
Responsive: At small scale (~480 breakpoint) the article title will not overlay the image and the thumbnails will be replaced by buttons and pagination.
Responsive: At smallest scale thumbnails become a pagination control with buttons. Paginate through carousel using arrow buttons to navigate 1 article at a time. Navigating between these pages will update the table only.
Responsive: At 300px the thematic feature story stops scaling and a break point is introduced at which point items 19 and 20 become an accordion.
Responsive: At 300px the thematic feature story stops scaling and a break point is introduced at which point items 19 and 20 become an accordion.
20
19
Tigerspike Americas
Events UPCOMING EVENTS
Short Title for Webinar to Go Here Friday DD Mon YYYY at 10AM EST
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Title Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet ipsum dolor sit amet Lorem ipsum.
John Doe Executive Vice President Company Name
REGISTER NOW
Event Name Event description Lorem ipsum dolor sit amet, consectetur adipisicing. Learn more.
DD Mon YYYY
11:00 AM EST
City, State, Country
DD Mon YYYY
DD Mon YYYY
DD Mon YYYY
Online
DD Mon YYYY
Ad
ADVERTISEMENT
Ad
Expand to see more previous exhibitions
IDEX 2013 17 -21 Feb 2013 Abu Dhabi National Exhibition Centre Show News
Show Name DD - DD Mon YYYY Location Show News
SHOW NEWS
FEATURED EVENTS
Register
Previous Show News: Africa Aerospace and Defence 19 -23 Sep 2012 Show News
Farnborough 2012 9 - 15 Jul 2012 Show News
Eurosatory 2012 11 - 15 Jun 2012 Show News
From To
Events Page The events page provides users with a schedule of industry events, access to show news and features.
Events Page (1140)
3. PAGE TITLE Page title provides context for users as they navigate the site.
4. SHOW NEWS SECTION TITLE Section title
5. UPCOMING EVENTS SECTION TITLE Section title
6. EVENT TYPE FILTER Filter drop-down allows user to filter events by type of event.
[On click] displays drop down of filter options: • All • Exhibitions • IHS Participation • Webinars • Conferences/Awards
7. EXHIBITION LISTING Exhibition logo, Title, Dates, Location and Show News link
[On click] delivers user to show news page
8. SEARCH CALENDAR FIELD Keyword search for events will filter for events by either event name or description.
Note: SEARCH CALENDAR FIELD Out of scope for Phase 1
10a.DATE RANGE SELECTOR FIELD The date range selector enables users to filter the calendar list by date. A user must select a From Date, Start Date and the "Search Button."
Default should be the current date.
Desktop [On click] displays a modal date selector calendar (10b).
10b.DATE SELECTOR CALENDAR (DESKTOP) From the date selector calendar the user can update the month and year to update the calendar view. User can select a specific date or "Today."
[On click] (10a) updates to reflect user selected date.
11. SEARCH BUTTON The user must select the search button to submit a query that will update based on keyword or date range.
[On click] calendar updates to filter based on the search criteria.
12. EVENT DATE - TABLE COLUMN 1 Date should read DD Mon YYYY with a time when relevant, (e.g. online events)
The content is fluid until the defined break point ( ~768)
13. EVENT NAME & DESCRIPTION - TABLE COLUMN 2 Event name sits on the first line. The second line presents a short description of the event wrapping to two lines at full size (1140px). The description is followed by a "Learn more" hyperlink.
[On click] Jane's 360 team to define destination
The content is fluid until the defined break point
14. EVENT LOCATION - TABLE COLUMN 3 The third column of the event listening table highlights location. If the event in-person the city, state, country will be displayed. If it is virtual/online the field reads "online."
The content is fluid until the defined break point (~768)
15. IHS HOSTED WEBINAR Events include date, name, description, calls to action and location. IHS hosted webinars are distinct from other events. The date includes time and the location is "online"
EVENT REGISTER CALL TO ACTION For IHS events a register call to action should be included.
EVENT SHARE CALLS TO ACTION User's share event through the integrated *AddThis* widget. Jane's 360 team to define destination.
Note: dependent on target share element must confirm *AddThis* compatibility
Scope: ADD TO CALENDAR out of scope for phase 1
16. EXTERNAL EVENT Events include date, name, description, calls to action and location.
EVENT SHARE CALLS TO ACTION User's share event through the integrated *AddThis* widget. Jane's 360 team to define destination.
Note: dependent on target share element must confirm *AddThis* compatibility
17. PREVIOUS SHOW NEWS SECTION Sub-title of show news section
18. HOUSE ADS Promotes events, exhibitions or show news
No recommendations regarding the sizes of house ads
19. PREVIOUS EXHIBITION ACCORDION To reveal past exhibition information at the user's initiation we have introduced accordion functionality to enable this module to adjust to lower scales by providing a fixed height and a treatment for overflow content.
[On click] Show news section (7) expands vertically in the left column to expose additional exhibition information.
Responsive: This module (and column) is fixed at 3 columns
20. FEATURED EVENTS SECTION Section title
21. FEATURED EVENT Featured events could be IHS participated, Webinars, Exhibitions, etc. Elements may include title,, event details and call to actions.
This module should be fluid down to 300px, then have a fixed width.
There is no fixed height on the page.
22. EVENTS LIST PAGINATION Paginate through upcoming events using the links below the table. Navigating between these pages will updated the table only
Responsive: Fluid until break point ~768
16
201814 17 191615 129 1187 10 13
S 6
F 5
T 4
W 3
T 21
Tigerspike Americas
DD Mon YYYY
11:00 AM EST
City, State, CountryDD Mon YYYY
Event
DD Mon YYYY
DD Mon YYYY
Online
DD Mon YYYY
Register
Short Title for Webinar to Go Here Friday DD Mon YYYY at 10AM EST
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Title Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet ipsum dolor sit amet Lorem ipsum.
REGISTER NOW
FEATURED EVENTS
Search Calendar
SHOW NEWS
Events
Footer Placeholder
Events Page (768)
Responsive: This module is fluid down to the break point (~768), at which point the left column shifts below the middle column of upcoming events. Design fills half the page as one of two columns.
Desktop & Tablet [On click] displays drop down of filter options: [On tap] displays drop down of filter options: • All • Exhibitions • IHS Participation • Webinars • Conferences/Awards
After user selects item from drop-down menu the menu closes and the list updates. On desktop if the user clicks or tabs off of the list the menu closes without updating the calendar list. If the user does not choose either the page or a menu item the menu remains open.
Mobile [On tap] of the text field, the keyboard slides up from the bottom of the device. If the user selects enter the calendar will search their query. If the user selects off of the keyboard or the text field the keyboard will close and they will be able to interact with the rest of the site.
Desktop [On click] (10a) updates to reflect user selected date.
Visual Design to define interface
12. EVENT DATE - TABLE COLUMN 1 Date should read DD Mon YYYY with a time when relevant, (e.g. online events)
Responsive: The content is fluid until the defined break point ( ~480)
13. EVENT NAME & DESCRIPTION - TABLE COLUMN 2 Event name sits on the first line. The second line presents a short description of the event wrapping to two lines at full size (1140px). The description is followed by a "Learn more" hyperlink.
[On click] Jane's 360 team to define destination
Responsive: The content is fluid until the defined break point (~480px)
14. EVENT LOCATION - TABLE COLUMN 3 The third column of the event listening table highlights location. If the event in-person the city, state, country will be displayed. If it is virtual/online the field reads "online."
The content is fluid until the defined break point
Responsive: The content is fluid until the defined break point (~480px)
19. PREVIOUS EXHIBITION ACCORDION To reveal past exhibition information at the user's initiation we have introduced accordion functionality to enable this module to adjust to lower scales by providing a fixed height and a treatment for overflow content.
[On click] Show news section (7) expands vertically in the left column to expose additional exhibition information. Pushes all ad content down the page.
Responsive: This module is fluid down to the break point (~480). Design becomes fixed at 320px.
22. EVENTS LIST PAGINATION Paginate through upcoming events using the buttons below the table. Navigating between these pages will update the table only
Responsive: Fluid until break point ~480
Select a date
201814 17 191615 129 1187 10 13
S 6
F 5
T 4
W 3
T 21
Search Calendar
Event Name Event description Lorem ipsum dolor sit amet, consectetur adipisicing.
Date DD Mon YYYY 10:00 AM EST
Location Online
Event Name Event description Lorem ipsum dolor sit amet, consectetur adipisicing. Date DD Mon YYYY
Location City, State Country
Date DD Mon YYYY
Date DD Mon YYYY
Date DD Mon YYYY
Event Name Event description Lorem ipsum dolor sit amet, consectetur adipisicing. Date DD Mon YYYY 10:00 AM EST
Location Online
Event Name Event description Lorem ipsum dolor sit amet, consectetur adipisicing. Date DD Mon YYYY
Date DD Mon YYYY
SHOW NEWS
Farnborough 2012 9 - 15 Jul 2012 Show News
Eurosatory 2012 11 - 15 Jun 2012 Show News
Home
Defence
Security
Industry
Events
Footer Placeholder
Events Page (320)
Responsive: This module is fluid down to the break point (~480). Design becomes fixed at 320px.
[On click] displays drop down of filter options: [On tap] displays menu of filter options - Visual Design to define interface • All • Exhibitions • IHS Participation • Webinars • Conferences/Awards
Mobile [On tap] of the text field, the keyboard slides up from the bottom of the device. If the user selects enter the calendar will search their query. If the user selects off of the keyboard or the text field the keyboard will close and they will be able to interact with the rest of the site.
Desktop [On click] (10a) updates to reflect user selected date.
Visual Design to define interface
15. IHS HOSTED WEBINAR At (~480) break point the structured table become an unstructured list, composed of event name, description, date and time, location and calls to action.
"Learn More" hyperlink removed.
16. EXTERNAL EVENT At (~480) break point the structured table become an unstructured list, composed of event name, description, date, location and calls to action.
"Learn More" hyperlink removed.
22. EVENTS LIST PAGINATION Paginate through upcoming events using arrow buttons to navigate 1 page at a time. Navigating between these pages will update the table only.
Select a date
201814 17 191615 129 1187 10 13
S 6
F 5
T 4
W 3
T 21
Tigerspike Americas
Article
Right Column
Headline Lockup
Related Profile Listings - Desktop, Tablet
Related Headlines - 7
related exposed list? accordion?
Related Headlines - 9
Related - Country Risk Report (manually updated module)
CONTENT PRIORITIZATION: desktop, tablet?
Locked Content Notification - 1 - CONTENT PRIORITIZATION: requirement desktop, tablet, mobile consider login/register as part of menu
Share CTAs - 3 - CONTENT PRIORITIZATION: requirement desktop, review at tablet, not on mobile (browser control)
Share CTAs - 5 - CONTENT PRIORITIZATION: requirement desktop, tablet, mobile
Related Products - 6 - CONTENT PRIORITIZATION: requirement for desktop; exiting mobile/tablet optimized page note for tablet; remove for mobile
Advertising - Drops at cell; goal to sell cell phone
sponsor
Notes: - Primary user story for mobile is on-the-go - Whether links deliver user to a mobile optimized experience
Footer Placeholder
Main Image
As the value of the earlier deal was given as USD835 million, it is probable that the USD199 million figure of this latest announcement represents an initial agreement to get the Iraqis under contract rather than the final amount to be paid. Log in to read more
(113 of 207 words)
Iraq Executive Summary Country Risk Report -------------------------------- See more products
Iraq: Executive Summary
Iraq is an oil-rich state, created after the First World War from the three Ottoman provinces of Bagdad, Basra and Mosul. The country has a history of political oppression and instability, which has been exacerb

IHS Jane's 360 & Responsive Design

Documents

Transcript of IHS Jane's 360 & Responsive Design

Jane's Land-Based Air Defence 1992-93

Jane's Fighting Ships 1940

Jane's Strategic Weapon Systems

IHS Jane's Defence Equipment & Technology JDET User Guidenanet.go.kr/attachfiles/webdb/1471499527120.pdf · 2016. 12. 16. · Jane’s 활용 예 11. 도움말 12. 고객지원 ㅡ

Steady course: Naval capability development in Sub ... · anything to go by - the navy appears to be realising some major parts of it. As noted in IHS Jane's Fighting Ships, an Israeli-built

Jane's Story

John & Jane's Road Of Life

Lorna Jane's 100th Store Opening Event

China reorients strategic military intelligence - Jane's 360 · China reorients strategic military intelligence ... Subscribe to IHS Jane’s Intelligence ... transformed from an

List MoD Library...Temple Mount tensions in Israel/ 1 Ith edn of Rumiyah released / Anarchist to Hamburg G20in responses JANE'S IHS Germany; INTELLIGENCE REVIEW: vol 29(9); sept 2017,

IHS Jane's 101 User Guide

(Armor) Jane's Tank Recognition Guide

Jane's Defence Weekly Online - May 2004

Jane's walk 2012 evolution of ottawa

Jane's Brew Family Rendering

MLIC Bulletin NOVEMBER 2017 Journal ... - Ministry of Defence 2017... · IHS Jane's Defence Weekly: Vol.54, Issue 42, 18 October 2017, p.5 (122) Hackers broke into South Korea's Defense

Jane's ccss

Parastoo discloses ihs jane's cbrn documents wikileak ir-en_leaks_13

MOD...Jane' s All the world' 29 s Aircraft: Full set 2012-2013 31 El 31 El 23 ( EIF1i ) El 'cDíU FAX FAX : 03-5269-5135 TEL : 03-3268-3111 (lhJÐU7562) No. 1 4 5 6 9 IHS Jane's IHS

Aunt Jane's Nieces and Uncle Johnlivros01.livrosgratis.com.br/gu010124.pdf · Aunt Jane's Nieces and Uncle John Edith Van Dyne The Project Gutenberg eBook, Aunt Jane's Nieces and