Personalization Phase 1

Phase 1 CRAWL Personalization Opportunities. Conent Recommendations across a variety of pages and experiences.

Wireframe Design:


·  Homepage  (22 Sketches)
·  Hub Pages  (6 Sketches)
·  Person Pages  (14 Sketches)

Visual Design:


·  Homepage  (19 Sketches)
·  Hub Pages  (6 Sketches)
·  Person Pages  (12 Sketches)

 

Previous Version:


·  Homepage  (19 Sketches)
·  Hub Pages  (6 Sketches)
·  Person Pages  (12 Sketches)

Ask A Professional

" Ask-a-Professor " (AAP) is a Department of Defense resource for asking acquisition and logistics questions concerning policies and practices. To date, more than 33,000 student and DAW workforce questions have been answered in the seven years since the capability was established at DAU.

Wireframe Design:


·  Not Required  

Visual Design:


·  Featured Questions  
·  Featured Questions  Search
·  Featured Questions  Tags
·  New Questions  
·  Unanswered Questions  
·  Top Questions  
·  Question Detail  
·  Question Detail  Reply
·  Overlay  Sign In
·  Overlay  Ask Question
·  Email  Question Submitted
·  Email  Question Approved
·  Email  Answer Question
·  Person Page  Feed
·  Person Page  Pending Question
·  Person Page  Answered & Approved Questions
·  Moderator Person Page  Pending
·  Moderator Person Page  Unanswered Questions

Blog Time Stamp

Publication Time Stamp considerations as related to Blog / News on various pages.

Credentials

The Defense Acquisition Credential Program provides a responsive and timely learning experience that allows you to tailor your acquisition-related skills by offering job-centric credentials.

Wireframe Design:


·  Not Required  

Library & Research

Access to licensed databases, DAU publications, professional reading lists, or research capabilities, DAU and its content partners provide a rich, holistic environment that keeps the Defense Acquisition Workforce informed and situationally aware.

Cybersecurity

Cybersecurity Enterprise Team provides proactive, adaptive, and relevant cybersecurity training and consulting for the DoD acquisition workforce. In addition to providing world class cybersecurity courses and workshops, CET can assist organizations solve cyber challenges through consulting, embed or through short and long term mission assistance.

Partnership Landing Page

The Defense Acquisition University works with several external entities in granting college credit to workforce members who have completed DAU courses. The programs include DAU's Strategic Partnership Program and ACE recommended credits. Methods provided to view college, federal, and industy credit opportunities.

Wireframe Design:


·  Not Required  

Visual Design:


·  Current Version 1.0.0  (Hub)

Training / Commercial Learning Opportunities

DAU students across the Department of Defense can register for courses and access supplemental resources from our commercial partners at no additional cost. Methods for students to search and browse commercial learning courses and resources.

Wireframe Design:


·  Not Required  

Visual Design:


·  Current Version 1.0.0  (Jump Page)

Events Landing Page v2

Keep current on issues that matter to Defense acquisition professionals, including Defense strategy priorities, policy guidance, innovation, leadership and many other topics. These virtual events are opportunities for you to engage directly with senior leaders, acquisition experts, Industry leaders and DAU faculty while earning CLPs.

Functional Areas V3

Functional Area Gateways -- your “one-stop-shop” for a wide-range of interdisciplinary learning resources. A 360 degree aggregation of related content presented in a “one-stop-shop” format.

Interaction Design:


·  Landing Page  (Hub)
·  All Tab  (Detail Page)
·  Course Overlay  
·  Training Tab  (Detail Page)
·  Dev Recs Tab  (Detail Page)
·  Event Tab  (Detail Page)
·  Event Overlay  (Detail Page)
·  Tools Tab  (Detail Page)
·  Blog Tab  (Detail Page)
·  Video Tab  (Detail Page)
·  Discussion Tab  (Detail Page)
·  Contacts Tab  (Detail Page)
·  Contacts Tab Alt  (Detail Page)

Visual Design:


·  Landing Page  (Hub)
·  Landing Page Mobile  (Old Version)
·  Overlay / Course  (Quick View)
·  Overlay / Event  (Quick View)
·  All Tab (Detail Page)
·  Training Tab (Detail Page)
·  Recommendations Tab (Detail Page)
·  Events Tab (Detail Page)
·  Tools Tab (Detail Page)
·  Blog Tab (Detail Page)
·  Video Tab (Detail Page)
·  Discussion Tab (Detail Page)
·  Contact Tab (Detail Page)
·  All Tab - Mobile (Old Version)
·  Alt Tab (Detail)

Knowledge Areas

Knowledge Areas refer to distinct categories or fields of knowledge that encompass specific topics, concepts, and expertise within a broader subject or discipline. These areas help organize and structure information, making it easier to understand, learn, and apply complex ideas. Knowledge Areas provide a framework for education, research, and problem-solving, allowing individuals to specialize in particular domains while also facilitating interdisciplinary collaboration.

ACQuipedia

ACQuipedia serves as an online encyclopedia of common defense acquisition topics. Each topic is identified as an article. Each article contains a definition, a brief narrative that provides context, and includes links to the most pertinent policy, guidance, tools, practices, and training which further augment understanding and expand depth.

ACQuipedia provides the acquisition workforce with quick access to information in a succinct and digestible format. Article content aggregates the most relevant references and learning assets to narrowly focus users and quickly provide high value information.

Chat Bot / Feedback Buttons

The Feedback Button allows users to share insights, suggestions, and concerns, aiding websie improvement. On the other hand, Chat Support offers real-time assistance through text-based communication, addressing queries proptly and providing personlized help. Together, these tools foster user engagement and satisfaction, forming a crucial bridge between users and website opps.

Community / Detail Level

At its root, an online community or internet community is a group of people with a shared interest or purpose who use the internet to communicate with each other. Online communities have their own set of guidelines and needs, like online community engagement, moderation, management and more.

Visual Design:


·  Feed  (Community Detail Top)
·  Feed + Notice  
·  Follow Confirmation  
·  Discussion Tab  
·  Discussion Filtered  
·  Discussion Detail Overlay  
·  Comment Form v1  
·  Comment Form v2  
·  New Discussion Form  
·  Events Tab  
·  Events Filtered  
·  Event Detail Overlay  
·  New Event Form  
·  Event Permalink  
·  Announcements Tab  
·  Announcements Filtered  
·  Announcement Detail Overlay 01  
·  Announcement Detail Overlay 02  
·  New Announcement Form  
·  Announcement Permalink 01  
·  Announcement Permalink 02  
·  Articles Tab  
·  Articles Filtered  
·  Article Detail Overlay  
·  New Article Form  
·  Article Permalink  
·  Documents Tab  
·  Documents Accordians Open  

 

Previous Version:


·  Feed  (Community Detail Top)
·  Feed + Notice  
·  Follow Confirmation  
·  Discussion Tab  
·  Discussion Filtered  
·  Discussion Detail Overlay  
·  Comment Form v1  
·  Comment Form v2  
·  New Discussion Form  
·  Events Tab  
·  Events Filtered  
·  Event Detail Overlay  
·  New Event Form  
·  Event Permalink  
·  Members Tab  
·  Announcements Tab  
·  Announcements Filtered  
·  Announcement Detail Overlay 01  
·  Announcement Detail Overlay 02  
·  New Announcement Form  
·  Announcement Permalink 01  
·  Announcement Permalink 02  
·  Articles Tab  
·  Articles Filtered  
·  Article Detail Overlay  
·  New Article Form  
·  Article Permalink  

Community / Hub

At its root, an online community or internet community is a group of people with a shared interest or purpose who use the internet to communicate with each other. Online communities have their own set of guidelines and needs, like online community engagement, moderation, management and more.

Community / Person Page

DAU Person Pages enable users to create and manage their community profile, monitor community engagement, connect with others, and more.

Wireframe Design:


·  Feed  (Private View)
·  My Activity  (Private View)
·  Following  (Private View)
·  My Interests  (Private View)
·  Recommendations  (Private View)
·  Rec Filters ON  (Private View)
·  Rec Filters ON +  (Private View)
·  Notification Settings  (Private View)
·  Profile Settings  (Private View)
·  Activity  (Public View)
·  Following  (Public View)
·  Interests  (Public View)

Visual Design:


·  Feed  (Private View)
·  Feed  (Alt Hero)
·  My Activity  (Private View)
·  Following  (Private View)
·  My Interests  (Private View)
·  Recommendations  (Private View)
·  Rec Filters ON  (Private View)
·  Rec Filters ON +  (Private View)
·  Notification Settings  (Private View)
·  Profile Settings  (Private View)
·  Activity  (Public View)
·  Following  (Public View)
·  Interests  (Public View)

Header States

Method to communicate Signed In / Signed Out status and related functionality applied to the header, incorporated into the main navigation.

Partnerships - Get College Credit

Defense Acquisition University works with several external entities in granting college credit to workforce members who have completed DAU courses. This Landing Page serves as a method for users to engage with the vast catalog of parnerships with DAU course recognition.

Wireframe Design:


·  Landing Page  

Visual Design:


·  Landing Page  

Functional Areas V2

Functional Area Gateways -- your “one-stop-shop” for a wide-range of interdisciplinary learning resources. A 360 degree aggregation of related content presented in a “one-stop-shop” format.

Interaction Design:


·  Landing Page  (Hub)
·  All Tab  (Detail Page)
·  Course Overlay  
·  Training Tab  (Detail Page)
·  Dev Recs Tab  (Detail Page)
·  Event Tab  (Detail Page)
·  Event Overlay  (Detail Page)
·  Tools Tab  (Detail Page)
·  Blog Tab  (Detail Page)
·  Video Tab  (Detail Page)
·  Discussion Tab  (Detail Page)
·  Contacts Tab  (Detail Page)
·  Contacts Tab Alt  (Detail Page)

Visual Design:


·  Landing Page  (Hub)
·  Landing Page Mobile  (Hub)
·  Overlay / Course  (Quick View)
·  Overlay / Event  (Quick View)
·  All Tab (Detail Page)
·  Training Tab (Detail Page)
·  Recommendations Tab (Detail Page)
·  Events Tab (Detail Page)
·  Tools Tab (Detail Page)
·  Blog Tab (Detail Page)
·  Video Tab (Detail Page)
·  Discussion Tab (Detail Page)
·  Contact Tab (Detail Page)
·  All Tab - Mobile (Detail Page)
·  Alt Tab (Detail)

Professional Reading Program

Updated Professional Reading Program templaes to match the new look, feel, interaction style while maintaining the existing functionality and content.

Wireframe Design:


·  Landing Page  (List View)
·  Landing Page  (Grid View)
·  Detail Page  (Sample 1)
·  Detail Page  (Sample 2)
·  Detail Page  (Sample 3)
·  Detail Page  (Sample 4)
·  Detail Page  (Sample 5)
·  About Page  

Visual Design:


·  Landing Page  (List View)
·  Landing Page  (Grid View)
·  Detail Page  (Sample 1)
·  Detail Page  (Sample 2)
·  Detail Page  (Sample 3)
·  Detail Page  (Sample 4)
·  Detail Page  (Sample 5)
·  About Page  

Campus Locations Experience

Find the the DAU Campus that is most convenient to you, along with other important info like a specific building locations, mailing addresses, contact numbers, places of interest nearby, weather, traffic, operational status and more. Everything you need to be prepared for your next visit to a DAU Campus Location.

Search Results

Search Engine Result Pages (SERPs) are the webpages that search engines display after a searcher inputs a question or query into the platform. The results returned are displayed to the page.

Help Center Experience

A dedicated center for help related articles, categorized and grouped by themes. Each individual help issue living on it's own dedicated page. Enabling articles to be shared and linked to. Articles can also be indexed and searched. Articles can also be grouped and related. Dedicated Help Article URLs will have a positive effect on search engine optimization techniques. This approach is also scalable and easy to maintain.

Library Experience

Library Experience Portal will serve as a center for the Defense Acquisition Magazine and Acquisition Research Journal digital content.

Wireframe Design:


·  All Feed (Magazine)
·  Expanded Tree (Magazine)
·  Current Issue  (Magazine)
·  Current Issue Grid  (Magazine)
·  Article Detail  (Magazine)
·  All Feed  (Journal)

Visual Design:


·  Feed Hub Page  (DAM)
·  Feed Hub Page  (ARJ)
·  Year Expansion  (Left Rail)
·  Current Issue  (Article List)
·  Current Issue  (Article Grid)
·  Article Detail  (Detail Page)

Video Experience

Video experience portal will serve as a center for video playback, providing a hub for video content. Providing the ability to Search, Explore, Discover and Play video content.

Wireframe Design:


·  Landing Page - Hero (Hub Page)
·  Landing Page - No Hero (Hub Variant)
·  Category Page - Full Header
·  Category Page - Slim Header
·  Category - All Tab
·  Category - Playlist Tab
·  Category - Hover States
·  Detail - Playlist
·  Detail - Playlist B
·  Detail - Single Video

News Experience

An aggregation of news articles from industry sources as well as original editorial content produced in-house.

Events Experience

Online events for keeping current on issues that matter to Defense acquisition professionals, including Defense strategy priorities, policy guidance, innovation, leadership and many other topics. These virtual events are opportunities for you to engage directly with senior leaders, acquisition experts, Industry leaders and DAU faculty while earning CLPs.

Interaction Design:


·  Landing Page  (Hub)
·  About Tab  (Detail Page)
·  About Tab Alt  (Detail Page)
·  Attachments Tab (Detail Page)
·  Discussion Tab (Detail Page)

Visual Design:


·  Landing Page  (Visual Design)
·  Landing Page / Hover States  (Visual Design)
·  Detail Page / About  (Visual Design)
·  Detail Page / Attachments  (Visual Design)

Feedback Experience

Is our website doing its job? Uncover opportunities, figure out what's working, and fix what isn't. It all starts with asking. Crafting dedicated Feedback Experiences, forms and surveys that feel like conversations.

Functional Areas V1

Functional Area Gateways -- your “one-stop-shop” for a wide-range of interdisciplinary learning resources. A 360 degree aggregation of related content presented in a “one-stop-shop” format.

·  Landing Page  (Hub)
·  All Tab  (Detail Page)
·  All Tab Alt  (Detail Page)
·  Hover States  (Detail Page)
·  Course Overlay  (Detail Page)
·  Credentials Tab  (Detail Page)
·  Courses Tab  (Detail Page)
·  Events Tab  (Detail Page)
·  Events Overlay  (Detail Page)
·  Tools Tab  (Detail Page)
·  Training Tab  (Detail Page)
·  Video Tab  (Detail Page)
·  Discussion Tab  (Detail Page)
·  Discussion Tab Alt (Detail Page)
·  Discussion Tab Alt 2 (Detail Page)
·  Contact Tab (Detail Page)
·  Contact Tab Alt (Detail Page)

Tools Experience

Browse or search for guides, references, and tools to support daily acquisition related work. Hundreds of acquisition-related resources across multiple topic areas. Discover ratings and reviews for tool specific knowledge and make connections with other members to strengthen your career trajection.

Interaction Design:


·  Landing Page  (Hub)
·  About Tab  (Detail Page)
·  What's Next Tab  (Detail Page)
·  What's Next Tab Alt (Detail Page)
·  Rating & Review Overlay (Detail Page)

Visual Design:


·  Landing Page  (Hub)
·  Landing Page Alt (Hub)
·  About Tab (Detail Page)
·  What's Next Tab (Detail Page)
·  What's Next Tab v2 (Detail Page)
·  Rating Overlay (Detail Page)

Courses Experience

Interactive Catalog providing information regarding the Universities regular training courses, credentials, certifications, developmental guides, and alternative means to meet training requirements.

Interaction Design:


·  Landing Page  (Hub)
·  About Tab  (Detail Page)
·  About Tab (Sample 1)  (Detail Page)
·  About Tab (Sample 2)  (Detail Page)
·  Attachment Tab  (Detail Page)
·  Discussion Tab  (Detail Page)
·  Contact Tab  (Detail Page)

Visual Design:


·  Landing Page  (Hub)
·  About Tab  (Detail Page)
·  Attachment Tab  (Detail Page)
·  Discussion Tab  (Detail Page)
·  Contact Tab  (Detail Page)

Home Page Experience

Encourage users to dive deeper into the site at the earliest opportunity, and utilise the rest of the homepage to give them reasons on why they should. The purpose of the homepage is not to be a library of text and content, but rather, to serve as a teaser and trustworthy guide towards the pages that have the necessary information.

User Engagement Modals

Early exploration of modal type interaction patterns related to user feedback and following techniques.

·  Feedback  (Forms)
·  Follow  (Forms)

Footer

A website’s footer is an area located at the bottom of every page on a website, below the main body content. It serves as second chance to be convinced, as well as a last resort for hard-to-find content.

Interaction Design:


·  Footer  (Direction A)
·  Footer  (Direction B)
·  Concept 01  (Footer)

Visual Design:


·  Developing...  

80% Basic Pages

A collection of Basic Pages to be developed with a design philosophy of 80%. Eighty percent Pages represent pages that may be changed, tweaked, or even removed at a future date. 80% represents an effort level applied to the development of these pages. Simple, efficient, knowing it's going to change later.

Wireframe Design:


·  Browse All Training  
·  Training Center  (Link Jumper)
·  Knowledge Assets  (Hybrid Link Jumper)
·  Multimedia  
·  Special Interest Area  (Link Jumper)
·  DAWIA Cert Info  (Link Jumper)
·  About / Leadership & Org  (Link Jumper)
·  About / Accreditation  (In-Page Nav)
·  About / Annual Report  (In-Page Nav / PDF)
·  About / Bios  (In-Page Nav / PDF)
·  About / Org Chart  (In-Page Nav / PDF)

Visual Design:


·  Developing...  

Header Navigation

An organised and transparent navigation system acts as a road map to direct visitors to various pages and information on your site. ‘Where am I?’, ‘Where have I been?’ and ‘Where else can I go?’

Interaction Design:


·  Current Version  2/15/23
·  Single Line  (1.0.0)
·  Double Line  (1.0.0)
·  Single Line  (1.0.1)
·  Double Line  (1.0.1)
·  Single Line Prototype (Interactive)
·  Double Line Prototype (Interactive)

Visual Design:


·  Current Version  2/19/23