SlideShare a Scribd company logo
Create Information Blocks
Create Information Blocks
Designing training for the first time?
juan.otero@tecadi.ca
v1.0 – Mar 2016
Create Information Blocks
Define
General
Design
Create
Test
Create
Information
Blocks
Structure
Information
Add
Instruction
Develop
Training
Implement &
Evaluate
Context
2TECADI Training Technologies Ltd – Mar 2016. v1.0
Creating Information Blocks in the context of a systematic approach to design and development of good training.
Information Sources
(Overwhelming,
inconsistent,
contradictory)
Chunk
Information
Re-Group,
Merge, Split
Add Label
Enhance
Visuals
SME
SME
Author
(You)
Create Information Blocks
A Guiding Principle
The 7+-2 Principle:
Short term memory has limited capacity.
• The number of chunks a human can
recall immediately after presentation
depends on the category of chunks
used, and even on features of the
chunks within a category.
This principle impacts the proposed
approach to information design at a
different levels, from the paragraph
length to the document’s structure.
3TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Chunk
Information
Re-Group,
Merge, Split
Add Label
Enhance
Visual
SME
SME
Chunk
Information
Chunk
Information
Dividing available content
into small pieces
4TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Chunk Information
Divide information up into manageable
chunks to make information digestible
and easier to understand.
A chunk includes only the information
that relates to one main point, based
upon that information's purpose or
function for the user.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed
pulvinar ultricies, purus lectus malesuada libero, sit amet
commodo magna eros quis urna. Nunc viverra imperdiet enim.
Fusce est. Vivamus a tellus. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis
egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean
nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium
mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut
nonummy. Fusce aliquet pede non pede. Suspendisse dapibus
lorem pellentesque magna. Integer nulla. Donec blandit feugiat
ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum
pretium metus, in lacinia nulla nisl eget sapien.
Donec ut est in lectus consequat consequat. Etiam eget dui.
Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Proin nec augue. Quisque aliquam tempor magna. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. Nunc ac magna. Maecenas odio dolor,
vulputate vel, auctor ac, accumsan id, felis. Pellentesque cursus
sagittis felis. Pellentesque porttitor, velit lacinia egestas auctor,
diam eros tempus arcu, nec vulputate augue magna vel risus.
Cras non magna vel ante adipiscing rhoncus. Vivamus a mi.
Morbi neque. Aliquam erat volutpat. Integer ultrices lobortis
eros. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed
pulvinar ultricies, purus lectus malesuada libero, sit amet
commodo magna eros quis urna. Nunc viverra imperdiet enim.
Fusce est. Vivamus a tellus. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis
egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean
nec lorem. In porttitor.
Donec laoreet nonummy augue. Suspendisse dui purus,
scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris
eget neque at sem venenatis eleifend. Ut nonummy. Fusce
aliquet pede non pede. Suspendisse dapibus lorem
pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet
euismod, purus ipsum metus, in lacinia nulla nisl eget sapien.
Donec ut est in lectus consequat consequat. Etiam eget dui.
Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Proin nec augue.
Quisque aliquam tempor magna. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis
egestas.
Why?
Lengthy paragraphs and sentences can be hard to read and
understand.
Ideas buried in the middle of paragraphs blocks are more
likely to be over read or ignored.
Benefits
Users are able to access information quickly.
Authors add, delete or modify small chunks of information
easier than when doing the same over large paragraphs.
Sometimes, information comes in
large objects, difficult to absorb.
It is easier to absorb information that
is presented in manageable pieces.
5TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Chunk
Information
Re-Group,
Merge, Split
Add Label
Enhance
Visual
Re-Group,
Merge, Split
Re-Group,
Merge, Split
Moving chunks around
6TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Re-Group, Merge, Split
Put together what belongs together.
Group according to the function that the
chunk has for the user.
Analyze each chunk to:
• Ensure that information is about a
single topic.
 More than one topic: split chunk.
• Move chunks with similar topics
together (re-group).
• Merge chunks to eliminate repetition,
redundancy and irrelevant
information.
• Identify and resolve inconsistencies.
Author
What does each
piece of information
tell the user?
Group according to user needs.Analyze each chunk.
7TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Applying Re-Group, Merge, Split
Put together what belongs together.
There are times when users must read the whole document
to find the information that relates to a specific topic.
Information that has been grouped by the relevance it has
to the user, it is easier to locate.
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Maecenas porttitor congue massa.
Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada
libero, sit amet commodo magna
eros quis urna. Nunc viverra
imperdiet enim.
Pellentesque habitant morbi tristique
senectus et netus et malesuada
fames ac turpis egestas. Proin
pharetra nonummy pede. Mauris et
orci. Aenean nec lorem. In porttitor.
Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque
at, vulputate vitae, pretium mattis,
nunc.
Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque
at, vulputate vitae, pretium mattis,
nunc.
Suspendisse dapibus lorem
pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec
hendrerit, felis et imperdiet euismod,
purus ipsum pretium metus, in lacinia
nulla nisl eget sapien.
Donec ut est in lectus consequat
consequat. Etiam eget dui.
Benefits
Avoids having to read the whole document to find
information related to a topic of interest.
Users confident that all information about specific topics will
be reunited together.
The document becomes more useful because it allows a
non sequential access to information (faciltates migration to
hypertext environments).
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Maecenas porttitor congue massa.
Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada
libero, sit amet commodo magna
eros quis urna. Nunc viverra
imperdiet enim.
Pellentesque habitant morbi tristique
senectus et netus et malesuada
fames ac turpis egestas. Proin
pharetra nonummy pede. Mauris et
orci. Aenean nec lorem. In porttitor.
Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque
at, vulputate vitae, pretium mattis,
nunc.
Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque
at, vulputate vitae, pretium mattis,
nunc.
Mauris eget neque at sem venenatis
eleifend. Ut nonummy. Fusce aliquet
pede non pede.
Suspendisse dapibus lorem
pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec
hendrerit, felis et imperdiet euismod,
purus ipsum pretium metus, in lacinia
nulla nisl eget sapien.
Donec ut est in lectus consequat
consequat. Etiam eget dui.
8TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Chunk
Information
Re-Group,
Merge, Split
Add Label
Enhance
Visual
Add Label
Add Label
Make explicit what each piece
of information tells the user
9TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Add Label
Give a meaningful label (title) to each
chunk; a descriptive heading that
prepare the user for what is to come and
provide a way of locating specific
information.
Horizontal
rectangles
Vertical rectangles
Triangles
Diamonds
Labels reinforce user understanding of the information.
10TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Key Benefits of Adding Labels
Advance Organizer
Labels function as advance organizers,
presenting information that can be used to
organize and interpret new incoming
information.
People understand better when an
introduction about what is coming is
presented.
Information Scanning
Labels facilitate the scanning of information.
By just looking at labels, users are able to
locate faster the information they need.
Labels should be easy to identify in the
document.
Lorem ipsum
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Maecenas porttitor congue
massa.
Fusce posuere
Fusce posuere, magna sed
pulvinar ultricies, purus lectus
malesuada libero, sit amet
commodo magna eros quis urna.
Nunc viverra imperdiet enim.
Habitant morbi tristique
Pellentesque habitant morbi
tristique senectus et netus et
malesuada fames ac turpis
egestas. Proin pharetra nonummy
pede. Mauris et orci. Aenean nec
lorem. In porttitor.
User
Donec laoreet
Donec laoreet nonummy augue.
Suspendisse dui purus,
scelerisque at, vulputate vitae,
pretium mattis, nunc.
Venenatis eleifend
Mauris eget neque at sem
venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede.
Suspendisse dapibus lorem
pellentesque magna. Integer
nulla.
Blandit feugiat ligula
Donec blandit feugiat ligula.
Donec hendrerit, felis et imperdiet
euismod, purus ipsum pretium
metus,
Background
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Maecenas porttitor congue
massa.
Warning!
Fusce posuere, magna sed
pulvinar ultricies, purus lectus
malesuada libero, sit amet
commodo magna eros quis urna.
Nunc viverra imperdiet enim.
Procedure
Pellentesque habitant morbi
tristique senectus et netus et
malesuada fames ac turpis
egestas. Proin pharetra nonummy
pede. Mauris et orci. Aenean nec
lorem. In porttitor.
User
11TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Chunk
Information
Re-Group,
Merge, Split
Add Label
Enhance
Visual
Enhance
Visuals
Enhance
Visuals
Transform text into
visual structures
12TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Enhance Visual Design
People infer meaning better from visual and
texts than just text.
Images attract readers and are usually
remembered for longer periods of time.
Use:
• illustrations
• figures
• tables
as integrated part of the text.
Blandit feugiat ligula Donec blandit feugiat
ligula. Donec hendrerit, felis et imperdiet
euismod, purus ipsum pretium metus,
Suspendisse dapibus lorem pellentesque magna.
Integer nulla.
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Maecenas porttitor congue massa.
Fusce posuere
Habitant morbi tristique Pellentesque habitant
morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy
pede. Mauris et orci. Aenean nec lorem. In porttitor.
Adding visuals elements to text-heavy
information chunks
13TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Adding Visuals
Lists
Bullet and numbered lists are a visual format
that simplifies reading by expressing clearly
number of items and their reach.
Tables
Tables are a flexible visual format that
stimulates comparison. Users are able to
focus on just the information that is useful for
them: a row, a column, an individual cells or
the whole table.
Lorem ipsum
Lorem ipsum dolor sit
amet, consectetuer
adipiscing elit, Maecenas
porttitor congue massa.
Lorem ipsum
• Lorem ipsum dolor sit
amet
• Consectetuer adipiscing
elit
• Maecenas porttitor
congue massa.
Lorem ipsum
1. Lorem ipsum dolor sit
amet
2. Consectetuer adipiscing
elit
3. Maecenas porttitor
congue massa.
No visual clues
Use of bullets implies
that items have the
same importance
Use of
numbers/letters
implies that there is
an order relationship
14TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Information Blocks
These chunks are also known as
Information Blocks: basic units of subject
matter in structured writing.
Each Information Block is composed of:
• One or more sentences (or diagrams)
organized around a single topic
• A label
• Clear boundaries
Chunk
Information
Re-Group,
Merge, Split
Add Label
Enhance
Visuals
SME
SME
A unit of information
containing only one main idea
A prominently displayed label
that describes the content
Clear boundaries that separate
blocks from each other
15TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Chunk Information
Re-Group, Merge, Split
Add Label
Enhance Visuals
Example 1
An example of how information changes
when applying the first four principles:
Initial version: there is no clear page structure Visible structure
16TECADI Training Technologies Ltd – Mar 2016 v1.0
Create Information Blocks
Conclusion
• Adopting a research based systematic approach to design information helps
improving the quality of your documents.
• These rules, principles and step-by-step guidelines help authors analyzing,
sorting and sequencing information.
• The produces structured documents will be:
 Modular
 Easier to update
 Consistent
 Re-usable
 Exportable to different technology platforms.
17TECADI Training Technologies Ltd – Mar 2016 v1.0
SME
SME
Chunk
Information
Re-Group,
Merge, Split
Add Label
Enhance
Visuals
Create Information Blocks
Create Information Blocks
Designing training for the first time?
juan.otero@tecadi.ca
v1.0 – Mar 2016

More Related Content

PPTX
When Worlds Collide: UX Design of Data-Centric Apps
PPTX
Content Chunking for Graphic Designers
DOC
Tutorial ardoin baileyw
PPT
How to-create-5-fabulous-infographics-final
PDF
Better Search With Structured Knowledge
PPTX
Structured Thinking: Authoring for Precision Content
PPTX
Interface Usability - Adding Schweppervescence
 
PPT
Information Mapping - Solutions For the Financial Services Industry
When Worlds Collide: UX Design of Data-Centric Apps
Content Chunking for Graphic Designers
Tutorial ardoin baileyw
How to-create-5-fabulous-infographics-final
Better Search With Structured Knowledge
Structured Thinking: Authoring for Precision Content
Interface Usability - Adding Schweppervescence
 
Information Mapping - Solutions For the Financial Services Industry

Similar to TCD35: Creating Information Blocks (20)

PPTX
Content Management & Page Structure - Best Practices for Structuring Content ...
PPT
Yui Design Patterns
PDF
Feed Your Workforce (little and often)
PPT
10 tree map
PDF
IA basics
PPT
Search & Discovery Patterns, a UIE Virtual Seminar
PPT
Enterprise Information Catalogue Another Way
PPTX
TERMINALFOUR t44u 2009 - University of St Andrews Case Study
DOCX
EMPOWERMENT TECHNOLOGY REVIEWER FOR SHS.docx
PPT
Pzv Using Graphics In Power Point Presentations
PPTX
Ui ux designing principles
PDF
Usability & UI (2010)
PPTX
Mind Click Services
PPTX
Interface usability-adding-schweppervescence-ver3-8
 
PPTX
Tips for Making Courses That Count
PPTX
Basics of Content Chunking
PDF
5 Thoughts for Staying Sharp and Relevant (Boston)
PDF
Designing Learning #eldc2011
PPTX
Information Mapping Presentation for STC West Coast Chapter - Jan 29, 2014_final
Content Management & Page Structure - Best Practices for Structuring Content ...
Yui Design Patterns
Feed Your Workforce (little and often)
10 tree map
IA basics
Search & Discovery Patterns, a UIE Virtual Seminar
Enterprise Information Catalogue Another Way
TERMINALFOUR t44u 2009 - University of St Andrews Case Study
EMPOWERMENT TECHNOLOGY REVIEWER FOR SHS.docx
Pzv Using Graphics In Power Point Presentations
Ui ux designing principles
Usability & UI (2010)
Mind Click Services
Interface usability-adding-schweppervescence-ver3-8
 
Tips for Making Courses That Count
Basics of Content Chunking
5 Thoughts for Staying Sharp and Relevant (Boston)
Designing Learning #eldc2011
Information Mapping Presentation for STC West Coast Chapter - Jan 29, 2014_final
Ad

Recently uploaded (20)

PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PDF
A systematic review of self-coping strategies used by university students to ...
PDF
Classroom Observation Tools for Teachers
PDF
IGGE1 Understanding the Self1234567891011
PDF
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
PPTX
Cell Types and Its function , kingdom of life
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
PDF
Weekly quiz Compilation Jan -July 25.pdf
PPTX
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PDF
Trump Administration's workforce development strategy
PDF
advance database management system book.pdf
PDF
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
PPTX
Orientation - ARALprogram of Deped to the Parents.pptx
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
History, Philosophy and sociology of education (1).pptx
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
A systematic review of self-coping strategies used by university students to ...
Classroom Observation Tools for Teachers
IGGE1 Understanding the Self1234567891011
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
LDMMIA Reiki Yoga Finals Review Spring Summer
Cell Types and Its function , kingdom of life
Chinmaya Tiranga quiz Grand Finale.pdf
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
Weekly quiz Compilation Jan -July 25.pdf
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
Trump Administration's workforce development strategy
advance database management system book.pdf
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
Orientation - ARALprogram of Deped to the Parents.pptx
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
Final Presentation General Medicine 03-08-2024.pptx
History, Philosophy and sociology of education (1).pptx
Ad

TCD35: Creating Information Blocks

  • 1. Create Information Blocks Create Information Blocks Designing training for the first time? juan.otero@tecadi.ca v1.0 – Mar 2016
  • 2. Create Information Blocks Define General Design Create Test Create Information Blocks Structure Information Add Instruction Develop Training Implement & Evaluate Context 2TECADI Training Technologies Ltd – Mar 2016. v1.0 Creating Information Blocks in the context of a systematic approach to design and development of good training. Information Sources (Overwhelming, inconsistent, contradictory) Chunk Information Re-Group, Merge, Split Add Label Enhance Visuals SME SME Author (You)
  • 3. Create Information Blocks A Guiding Principle The 7+-2 Principle: Short term memory has limited capacity. • The number of chunks a human can recall immediately after presentation depends on the category of chunks used, and even on features of the chunks within a category. This principle impacts the proposed approach to information design at a different levels, from the paragraph length to the document’s structure. 3TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 4. Create Information Blocks Chunk Information Re-Group, Merge, Split Add Label Enhance Visual SME SME Chunk Information Chunk Information Dividing available content into small pieces 4TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 5. Create Information Blocks Chunk Information Divide information up into manageable chunks to make information digestible and easier to understand. A chunk includes only the information that relates to one main point, based upon that information's purpose or function for the user. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique. Proin nec augue. Quisque aliquam tempor magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ac magna. Maecenas odio dolor, vulputate vel, auctor ac, accumsan id, felis. Pellentesque cursus sagittis felis. Pellentesque porttitor, velit lacinia egestas auctor, diam eros tempus arcu, nec vulputate augue magna vel risus. Cras non magna vel ante adipiscing rhoncus. Vivamus a mi. Morbi neque. Aliquam erat volutpat. Integer ultrices lobortis eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique. Proin nec augue. Quisque aliquam tempor magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Why? Lengthy paragraphs and sentences can be hard to read and understand. Ideas buried in the middle of paragraphs blocks are more likely to be over read or ignored. Benefits Users are able to access information quickly. Authors add, delete or modify small chunks of information easier than when doing the same over large paragraphs. Sometimes, information comes in large objects, difficult to absorb. It is easier to absorb information that is presented in manageable pieces. 5TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 6. Create Information Blocks Chunk Information Re-Group, Merge, Split Add Label Enhance Visual Re-Group, Merge, Split Re-Group, Merge, Split Moving chunks around 6TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 7. Create Information Blocks Re-Group, Merge, Split Put together what belongs together. Group according to the function that the chunk has for the user. Analyze each chunk to: • Ensure that information is about a single topic.  More than one topic: split chunk. • Move chunks with similar topics together (re-group). • Merge chunks to eliminate repetition, redundancy and irrelevant information. • Identify and resolve inconsistencies. Author What does each piece of information tell the user? Group according to user needs.Analyze each chunk. 7TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 8. Create Information Blocks Applying Re-Group, Merge, Split Put together what belongs together. There are times when users must read the whole document to find the information that relates to a specific topic. Information that has been grouped by the relevance it has to the user, it is easier to locate. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat. Etiam eget dui. Benefits Avoids having to read the whole document to find information related to a topic of interest. Users confident that all information about specific topics will be reunited together. The document becomes more useful because it allows a non sequential access to information (faciltates migration to hypertext environments). Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat. Etiam eget dui. 8TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 9. Create Information Blocks Chunk Information Re-Group, Merge, Split Add Label Enhance Visual Add Label Add Label Make explicit what each piece of information tells the user 9TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 10. Create Information Blocks Add Label Give a meaningful label (title) to each chunk; a descriptive heading that prepare the user for what is to come and provide a way of locating specific information. Horizontal rectangles Vertical rectangles Triangles Diamonds Labels reinforce user understanding of the information. 10TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 11. Create Information Blocks Key Benefits of Adding Labels Advance Organizer Labels function as advance organizers, presenting information that can be used to organize and interpret new incoming information. People understand better when an introduction about what is coming is presented. Information Scanning Labels facilitate the scanning of information. By just looking at labels, users are able to locate faster the information they need. Labels should be easy to identify in the document. Lorem ipsum Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Habitant morbi tristique Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. User Donec laoreet Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Venenatis eleifend Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Blandit feugiat ligula Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, Background Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Warning! Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Procedure Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. User 11TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 12. Create Information Blocks Chunk Information Re-Group, Merge, Split Add Label Enhance Visual Enhance Visuals Enhance Visuals Transform text into visual structures 12TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 13. Create Information Blocks Enhance Visual Design People infer meaning better from visual and texts than just text. Images attract readers and are usually remembered for longer periods of time. Use: • illustrations • figures • tables as integrated part of the text. Blandit feugiat ligula Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, Suspendisse dapibus lorem pellentesque magna. Integer nulla. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere Habitant morbi tristique Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. Adding visuals elements to text-heavy information chunks 13TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 14. Create Information Blocks Adding Visuals Lists Bullet and numbered lists are a visual format that simplifies reading by expressing clearly number of items and their reach. Tables Tables are a flexible visual format that stimulates comparison. Users are able to focus on just the information that is useful for them: a row, a column, an individual cells or the whole table. Lorem ipsum Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Maecenas porttitor congue massa. Lorem ipsum • Lorem ipsum dolor sit amet • Consectetuer adipiscing elit • Maecenas porttitor congue massa. Lorem ipsum 1. Lorem ipsum dolor sit amet 2. Consectetuer adipiscing elit 3. Maecenas porttitor congue massa. No visual clues Use of bullets implies that items have the same importance Use of numbers/letters implies that there is an order relationship 14TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 15. Create Information Blocks Information Blocks These chunks are also known as Information Blocks: basic units of subject matter in structured writing. Each Information Block is composed of: • One or more sentences (or diagrams) organized around a single topic • A label • Clear boundaries Chunk Information Re-Group, Merge, Split Add Label Enhance Visuals SME SME A unit of information containing only one main idea A prominently displayed label that describes the content Clear boundaries that separate blocks from each other 15TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 16. Create Information Blocks Chunk Information Re-Group, Merge, Split Add Label Enhance Visuals Example 1 An example of how information changes when applying the first four principles: Initial version: there is no clear page structure Visible structure 16TECADI Training Technologies Ltd – Mar 2016 v1.0
  • 17. Create Information Blocks Conclusion • Adopting a research based systematic approach to design information helps improving the quality of your documents. • These rules, principles and step-by-step guidelines help authors analyzing, sorting and sequencing information. • The produces structured documents will be:  Modular  Easier to update  Consistent  Re-usable  Exportable to different technology platforms. 17TECADI Training Technologies Ltd – Mar 2016 v1.0 SME SME Chunk Information Re-Group, Merge, Split Add Label Enhance Visuals
  • 18. Create Information Blocks Create Information Blocks Designing training for the first time? juan.otero@tecadi.ca v1.0 – Mar 2016