aifd_wireframes
- 1. Client/Project American Islamic Forum for Democracy Document Home Page (Default View) Notes 1 Promo Rotator A rotator will provide a way for AIFD to feature very important news/events/videos/ etc. in a way that will be eye-catching yet aesthetically pleasing. 3 Post Filtration To find specific posts easier, a set of options are available to the user to narrow down the posts in section 2. Just selecting these will provide an instant new set of results in section 2. 5 More Button Clicking on this button will load another grid of post blocks into section 2. The effect will cause the scrollbar to elongate. 2 Posts The bulk of AIFD's content will exist in a dynamically sortable post grid. These are better illustrated on the Home Page (Posts) page. 4 Social Links These links will simply link to AIFD's social presence. Created/Updated Thu May 26 2011 Author(s) Brent Spore / Sunny Thaper Page 1 / 4 ABOUT PROGRAMS GET INVOLVED CONTACT AIFD Keyword Search VIDEO AUDIO LINKS POST TOPICS TOPIC TITLE DATE RANGE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE Select a date range 30 329 1 23128 2421 23 25 272622 201814 17 191615 129 1187 10 13 S 6 F 5 T 4 W 3 T 21 M 30 S Select Today December 2008 30 329 1 23128 2421 23 25 272622 201814 17 191615 129 1187 10 13 S 6 F 5 T 4 W 3 T 21 M 30 S Select Today December 2008 To FRIEND AIFD fTwitter Facebook Copyright © 2011 American Islamic Forum for Democracy AIFD Mission Statement Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eget odio. Fusce massa tellus, porttitor ac, scelerisque at. HOME Sticky Post Video Sticky Donate Box Audio Blog Post Audio Link Link Video Blog Post Donate More 1 2 3 4 5 Public Engagement Muslim Liberty Project American Islamic Leadership Coalition Email Address Sign Up Sign up for our newsletter
- 2. GET INVOLVED Email Address Sign Up Sign up for our newsletter Public Engagement Muslim Liberty Project American Islamic Leadership Coalition Client/Project American Islamic Forum for Democracy Document Home Page (Filtered) Notes 1 Promo Just an example of what exactly happens to the promo area. After a set amount of time, the promo transitions to the next promo item. 3 Posts In this example, only posts with a type of video are displayed but aside from the filtration options, the page functions exactly the same as the original home page. 2 Filtered Options In this example, we have narrowed down the results in section 3 to just videos with 4 specific topic associations. Created/Updated Thu May 26 2011 Author(s) Brent Spore / Sunny Thaper Page 2 / 4 ABOUT PROGRAMS CONTACT AIFD Copyright © 2011 American Islamic Forum for Democracy HOME More Sticky Post Blog Post Video Sticky Donate Box Video Video Video Video Video Video Donate Video 1 FRIEND AIFD fTwitter Facebook Keyword Search VIDEO AUDIO LINKS POST TOPICS TOPIC TITLE DATE RANGE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE Select a date range 30 329 1 23128 2421 23 25 272622 201814 17 191615 129 1187 10 13 S 6 F 5 T 4 W 3 T 21 M 30 S Select Today December 2008 30 329 1 23128 2421 23 25 272622 201814 17 191615 129 1187 10 13 S 6 F 5 T 4 W 3 T 21 M 30 S Select Today December 2008 To 2 3
- 3. Email Address Sign Up Sign up for our newsletter More Client/Project American Islamic Forum for Democracy Document Home Page (Posts) Notes 1 Video A screen capture of the video will be the main visual identifier for this type of post. Clicking on the play button will open a modal (pop-over) window and play the video. 3 Link Large stylized text will be the main visual identifier for this type of post. Clicking on the post will open up a new window/tab. 2 Audio An admin-uploaded image will be the main visual identifier for this type of post. Clicking on the play button will simply play the audio file inline. 4 Blog Post An admin-uploaded image will be the main visual identifier for this type of post. Clicking on the post will cause a slide-in effect with the post. Effect is illustrated on Home Page (Blog Post Excerpt). Created/Updated Thu May 26 2011 Author(s) Brent Spore / Sunny Thaper Page 3 / 4 May 16th, 2011 Topic Title 94 This is the video title getting truncated... May 16th, 2011 Topic Title 36 This is the audio title getting truncated... 0:00 / 4:59 May 16th, 2011 Topic Title This is the link title getting truncated because it is way too long to be in this space here... May 16th, 2011 Topic Title 22 This is the blog title getting truncated... ABOUT PROGRAMS GET INVOLVED CONTACT AIFD Keyword Search VIDEO AUDIO LINKS POST TOPICS TOPIC TITLE DATE RANGE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE Select a date range 30 329 1 23128 2421 23 25 272622 201814 17 191615 129 1187 10 13 S 6 F 5 T 4 W 3 T 21 M 30 S Select Today December 2008 30 329 1 23128 2421 23 25 272622 201814 17 191615 129 1187 10 13 S 6 F 5 T 4 W 3 T 21 M 30 S Select Today December 2008 To FRIEND AIFD fTwitter Facebook Copyright © 2011 American Islamic Forum for Democracy AIFD Mission Statement Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eget odio. Fusce massa tellus, porttitor ac, scelerisque at. HOME Public Engagement Muslim Liberty Project American Islamic Leadership Coalition Sticky Post Video Sticky Donate Box Audio Blog Post Audio Link Link Video Blog Post Donate 1 2 34
- 4. Email Address Sign Up Sign up for our newsletter ABOUT PROGRAMS GET INVOLVED CONTACT AIFD Keyword Search VIDEO AUDIO LINKS POST TOPICS TOPIC TITLE DATE RANGE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE TOPIC TITLE Select a date range 30 329 1 23128 2421 23 25 272622 201814 17 191615 129 1187 10 13 S 6 F 5 T 4 W 3 T 21 M 30 S Select Today December 2008 30 329 1 23128 2421 23 25 272622 201814 17 191615 129 1187 10 13 S 6 F 5 T 4 W 3 T 21 M 30 S Select Today December 2008 To FRIEND AIFD fTwitter Facebook Copyright © 2011 American Islamic Forum for Democracy AIFD Mission Statement Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eget odio. Fusce massa tellus, porttitor ac, scelerisque at. HOME Sticky Post Video Sticky Donate Box Audio Blog Post Audio Link Link Video Blog Post Donate More Public Engagement Muslim Liberty Project American Islamic Leadership Coalition Client/Project American Islamic Forum for Democracy Document Home Page (Blog Post Excerpt) Notes 1 Slide Effect Clicking on the post type of Blog Post will slide in a new element to the page on top of all other content. This element will appear as if it came out of the sidebar. Illustrated below. 3 Images/Content Support images, links, videos, etc. will be put in the sidebar. These will have different visual presentation depending on the context. 2 Featured Post Image A larger version of the admin-uploaded image will be displayed on the page. 4 Read More This link will take you to the full post complete with comments and social interactions. Created/Updated Thu May 26 2011 Author(s) Brent Spore / Sunny Thaper Page 4 / 4 1 Blog Post Title Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eget odio. Fusce massa tellus, porttitor ac, scelerisque at, ullamcorper nec, massa. Ut non enim. In ac diam aliquet lorem porttitor sodales. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eget odio. Fusce massa tellus, porttitor ac, scelerisque at, ullamcorper nec, massa. Ut non enim. In ac diam aliquet lorem porttitor sodales. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eget odio. Fusce massa tellus, porttitor ac, scelerisque at, ullamcorper nec, massa. Ut non enim. In ac diam aliquet lorem porttitor sodales. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eget odio. Fusce massa tellus, porttitor ac, scelerisque at, ullamcorper nec, massa. Ut non enim. In ac diam aliquet lorem porttitor sodales. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eget odio. Fusce massa tellus, porttitor ac, scelerisque at, ullamcorper nec, massa. Ut non enim. In ac diam aliquet lorem porttitor sodales. Read More 1 2 3 4