SlideShare a Scribd company logo
Online Courses:
Tools and Layout
Dr. Abdel-Fattah Adel
Wednesday, 8 April 2020
8.30 PM
Blackboard Courses tools and layout
Blackboard Courses tools and layout
Intro:
Layout matters.
• Effective Content Design.
• Effective layouts.
• Writing for online.
• Using Images and graphics.
Practice
Course Customization
• Properties.
• Teaching Style.
Effective Course tools:
• Date Management.
• Rubrics.
• Dashboard and Retention Center.
• Content Collection.
• Packages and Utilities.
• Users and Groups.
Blackboard Courses tools and layout
Create a more compelling and
engaging showcase for your course
material.
Clean and simple can be aesthetically
pleasing and still have impact.
You must consider not only visual
design, but also writing style, tone,
the arrangement of information, and
accessibility.
Ease of learning
How quickly can a new
student navigate through
your course while learning
the material?
Efficiency of use
After students are familiar
with your course setup, how
quickly can they accomplish
tasks?
Subjective satisfaction
How much do students
enjoy working through your
course material?
Usability
Can users with different
levels of ability, experience,
knowledge, language skills,
hardware, or concentration
level use your course easily?
Accessibility
You want people with
disabilities to receive the
same level of information,
services, and use that
people without disabilities
receive. Is your course a
level playing field?
Use clean and simple pages. Use plenty of white space to separate paragraphs, images, and other
page elements to avoid overwhelming readers.
Use block-style paragraphs. Leave a space between each paragraph and don't indent the first line.
Be consistent.
Create predictability with layouts that repeat design elements from
page to page. Use the same fonts, colors, and heading styles on each
page to help students feel comfortable and find information faster.
Use headings. Chunk information and make your pages easier to scan.
Use a consistent color scheme.
Use no more than five colors. Different shades of the same hue, with
one or two accent colors, is an effective scheme. Choose colors that
maximize readability. When in doubt, use black on white.
Assist page scanning
Present information in chunks.
In your sub-headings and paragraphs, add
information-carrying words.
Use bulleted lists to further break up content.
Use brief sentences.
Create well-structured paragraphs
Present one idea per paragraph. Limit
paragraphs to two to four sentences.
Put the most important information in the first
sentence, followed by details.
Reduce word count
Use 50% fewer words than you use in print.
If a page is longer than two or three screens,
break it up into several shorter pages.
Highlight keywords
Use color, bold text, italic, or typeface variations,
but in moderation.
Avoid ALL CAPS, which is difficult to read.
Avoid underlining. Students may assume
underlined text is a link.
Use a conversational tone
Write as if you're having a conversation—
informal tone, but informational.
Use personal pronouns and action verbs.
Use active voice so sentences are concise, flow
smoothly, and are easy to understand.
Avoid jargon and unnecessarily complex or
technical language.
Navigate and
locate
Navigate and locate
different types of
information through visual
clues.
Interpret
Interpret difficult to
understand information.
Form
Form visual mental
models of the materials
explained in the text.
Understand
Better understand the
relationship between
ideas or concepts.
Use the right format
Select the best format for better
image quality and smaller file size.
Use the PNG format for simple
graphics, the JPG format also allows
for better compression of a file.
Use graphics purposefully
and not just because they look
good. You don't want design
overtaking content, nor do you want
to increase download time
unnecessarily.
Be careful with animations
Animations can be extremely
effective when you want to
demonstrate concepts and principles
but are often overused. Be sure the
animations don't distract from the
material, and you use them with
permission.
Avoid background images.
Use a white or pale solid background
with dark text instead of background
images. High contrast between text
and background is easier to read.
Watch the file size.
Large and numerous images may
look great on your page, but they'll
frustrate users who must wait for
images to load.
Crop your images.
Smaller image sizes maximize impact
and decrease download time.
Course Customization
Properties.
Teaching Style.
Effective Course tools:
Date Management.
Rubrics.
Dashboard and Retention Center.
Content Collection.
Packages and Utilities.
Users and Groups.
DOWNLOAD
PRESENTATION
WATCH
RECORDING
https://sites.google.com/ub.edu.sa/abdel-fattahadeleng/home?authuser=1

More Related Content

PPT
How to present a presentation
PPT
How To Use Power Point Effectively
PPTX
Presentation skills
PPTX
Technology in language clasroom
PPT
Web design lesson2_presentation_070410
PDF
Design presentation [autosaved]
PPT
Cognitive Development
PPTX
Creating Effective Multimedia Presentations
How to present a presentation
How To Use Power Point Effectively
Presentation skills
Technology in language clasroom
Web design lesson2_presentation_070410
Design presentation [autosaved]
Cognitive Development
Creating Effective Multimedia Presentations

Similar to Blackboard Courses tools and layout (20)

PPT
Creating The Best Materials Design Principles
PPTX
Ease of communication
PPT
Amine-AGT-Dubai
PPT
Designing The Document
PPTX
E learning design principles
PPT
My learningessentails
PPTX
PowerPoint: Powerful Presentation Design
PDF
Web design , accessibility, and usability tips in Blackboard
PPTX
Multimedia design principles
PPSX
how to design an effective powerpoint
PPT
Web Design
PPTX
Design Workshop HWI
PPTX
Media Design - 101
PPT
Presentation Assignment 3 2009
PPT
How To Make Effective Presentation 23836
PPT
How To Make Effective Presentation(2)
PPT
How To Make Effective Presentation
PPT
How To Make Effective Presentation 23836
PPT
How to make effective presentation
Creating The Best Materials Design Principles
Ease of communication
Amine-AGT-Dubai
Designing The Document
E learning design principles
My learningessentails
PowerPoint: Powerful Presentation Design
Web design , accessibility, and usability tips in Blackboard
Multimedia design principles
how to design an effective powerpoint
Web Design
Design Workshop HWI
Media Design - 101
Presentation Assignment 3 2009
How To Make Effective Presentation 23836
How To Make Effective Presentation(2)
How To Make Effective Presentation
How To Make Effective Presentation 23836
How to make effective presentation
Ad

More from Abdel-Fattah Adel (20)

PDF
Understanding Metrical Feet, English Meter, Feet, Scansion
PDF
Sample Analysis of English Meter, Feet, Scansion
PDF
Studying Poetry: words, sounds, meter, Figurative Language
PDF
Introduction to Studying Fiction, novel, novella, and short stiry
PDF
Technical English-Unit-6-Measuring for Science
PDF
Technical English - Unit-3 - Arithmetic Unit
PDF
English For Science - Unit (5) Shapes and Volumes
Understanding Metrical Feet, English Meter, Feet, Scansion
Sample Analysis of English Meter, Feet, Scansion
Studying Poetry: words, sounds, meter, Figurative Language
Introduction to Studying Fiction, novel, novella, and short stiry
Technical English-Unit-6-Measuring for Science
Technical English - Unit-3 - Arithmetic Unit
English For Science - Unit (5) Shapes and Volumes
Ad

Recently uploaded (20)

PDF
IGGE1 Understanding the Self1234567891011
PDF
Empowerment Technology for Senior High School Guide
PDF
What if we spent less time fighting change, and more time building what’s rig...
PPTX
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
PPTX
20th Century Theater, Methods, History.pptx
PDF
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
PDF
HVAC Specification 2024 according to central public works department
PPTX
Unit 4 Computer Architecture Multicore Processor.pptx
PDF
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PPTX
202450812 BayCHI UCSC-SV 20250812 v17.pptx
PPTX
Share_Module_2_Power_conflict_and_negotiation.pptx
PDF
1_English_Language_Set_2.pdf probationary
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
PPTX
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
PPTX
B.Sc. DS Unit 2 Software Engineering.pptx
PDF
Weekly quiz Compilation Jan -July 25.pdf
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
IGGE1 Understanding the Self1234567891011
Empowerment Technology for Senior High School Guide
What if we spent less time fighting change, and more time building what’s rig...
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
20th Century Theater, Methods, History.pptx
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
HVAC Specification 2024 according to central public works department
Unit 4 Computer Architecture Multicore Processor.pptx
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
Chinmaya Tiranga quiz Grand Finale.pdf
202450812 BayCHI UCSC-SV 20250812 v17.pptx
Share_Module_2_Power_conflict_and_negotiation.pptx
1_English_Language_Set_2.pdf probationary
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
B.Sc. DS Unit 2 Software Engineering.pptx
Weekly quiz Compilation Jan -July 25.pdf
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
LDMMIA Reiki Yoga Finals Review Spring Summer

Blackboard Courses tools and layout

  • 1. Online Courses: Tools and Layout Dr. Abdel-Fattah Adel Wednesday, 8 April 2020 8.30 PM
  • 4. Intro: Layout matters. • Effective Content Design. • Effective layouts. • Writing for online. • Using Images and graphics. Practice Course Customization • Properties. • Teaching Style. Effective Course tools: • Date Management. • Rubrics. • Dashboard and Retention Center. • Content Collection. • Packages and Utilities. • Users and Groups.
  • 6. Create a more compelling and engaging showcase for your course material. Clean and simple can be aesthetically pleasing and still have impact. You must consider not only visual design, but also writing style, tone, the arrangement of information, and accessibility.
  • 7. Ease of learning How quickly can a new student navigate through your course while learning the material? Efficiency of use After students are familiar with your course setup, how quickly can they accomplish tasks? Subjective satisfaction How much do students enjoy working through your course material? Usability Can users with different levels of ability, experience, knowledge, language skills, hardware, or concentration level use your course easily? Accessibility You want people with disabilities to receive the same level of information, services, and use that people without disabilities receive. Is your course a level playing field?
  • 8. Use clean and simple pages. Use plenty of white space to separate paragraphs, images, and other page elements to avoid overwhelming readers. Use block-style paragraphs. Leave a space between each paragraph and don't indent the first line. Be consistent. Create predictability with layouts that repeat design elements from page to page. Use the same fonts, colors, and heading styles on each page to help students feel comfortable and find information faster. Use headings. Chunk information and make your pages easier to scan. Use a consistent color scheme. Use no more than five colors. Different shades of the same hue, with one or two accent colors, is an effective scheme. Choose colors that maximize readability. When in doubt, use black on white.
  • 9. Assist page scanning Present information in chunks. In your sub-headings and paragraphs, add information-carrying words. Use bulleted lists to further break up content. Use brief sentences. Create well-structured paragraphs Present one idea per paragraph. Limit paragraphs to two to four sentences. Put the most important information in the first sentence, followed by details. Reduce word count Use 50% fewer words than you use in print. If a page is longer than two or three screens, break it up into several shorter pages.
  • 10. Highlight keywords Use color, bold text, italic, or typeface variations, but in moderation. Avoid ALL CAPS, which is difficult to read. Avoid underlining. Students may assume underlined text is a link. Use a conversational tone Write as if you're having a conversation— informal tone, but informational. Use personal pronouns and action verbs. Use active voice so sentences are concise, flow smoothly, and are easy to understand. Avoid jargon and unnecessarily complex or technical language.
  • 11. Navigate and locate Navigate and locate different types of information through visual clues. Interpret Interpret difficult to understand information. Form Form visual mental models of the materials explained in the text. Understand Better understand the relationship between ideas or concepts.
  • 12. Use the right format Select the best format for better image quality and smaller file size. Use the PNG format for simple graphics, the JPG format also allows for better compression of a file. Use graphics purposefully and not just because they look good. You don't want design overtaking content, nor do you want to increase download time unnecessarily. Be careful with animations Animations can be extremely effective when you want to demonstrate concepts and principles but are often overused. Be sure the animations don't distract from the material, and you use them with permission.
  • 13. Avoid background images. Use a white or pale solid background with dark text instead of background images. High contrast between text and background is easier to read. Watch the file size. Large and numerous images may look great on your page, but they'll frustrate users who must wait for images to load. Crop your images. Smaller image sizes maximize impact and decrease download time.
  • 14. Course Customization Properties. Teaching Style. Effective Course tools: Date Management. Rubrics. Dashboard and Retention Center. Content Collection. Packages and Utilities. Users and Groups.