Looking for Content Layouts best practice, here are 6 steps that your Content Layouts design can’t ignore.
1. Edit/Cut…
2. Add Headlines…..
3. Use Lists and Linking…
4. Arrange in Layout…
5. Add Graphics/Videos…
6. Add Call-To-Action…
1. 6 Steps to Better Content Layouts
How to Write for the Web
DMTI.in
2. The content should
be Easily and
Seemlessly
Accessed by Users
As Pundits say…
DMTI.in
3. Start Here…
Logo
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
Start with logo and basic
content in the webpage
Put in all the content that you
wish to share online. Edits can
be on later.
DMTI.in
4. Edit/Cut…
Logo
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.:
Ut enim ad minim veniam,
ea commodo consequat. Duis aute irure dolor in
reprehenderit
Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
Once the selected piece of
content is placed, edit it.
The content needs editing by
making sentences brief and
meaningful.
Use of spaces and paragraphs
is must in order to keep the
flow of reading.
DMTI.in
5. Add Headlines…
Logo
Lorem ipsum
Dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna
aliqua.:
Ut enim ad minim veniam,
ea commodo consequat. Duis aute irure dolor in
reprehenderi
Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui
Lorem
Ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et
Content is incomplete until it is
marked under a headline.
The headline is important to
direct users towards the
paragraphs below.
Direct content is not attractive
enough for anyone to read.
DMTI.in
6. Use Lists and Linking…
Logo
Lorem ipsum
Dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et
dolore magna aliqua.:
- Ut enim ad minim veniam,
- ea commodo consequat. Duis aute
irure dolor in reprehenderit
- Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui
Lorem
Ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore
et
Dividing content into lists and
small paragraphs helps for a
quick read.
Pointers are the most helpful,
as it highlights the
features/characteristics of the
article and also attracts users.
Interlinking is important to
direct users to other pages of
the website. This keeps the
engagement intact.
DMTI.in
7. Arrange in Layout…
Logo
Lorem ipsum
Dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et
dolore magna aliqua.:
- Ut enim ad minim veniam,
- ea commodo consequat. Duis aute
irure dolor in reprehenderit
- Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui
Lorem
Ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore
et
Dolor
•Sit
•Amet
•Cons
Loreum
•Sit
•Amet
•Cons
Web page is about sharing
quality details in a single page.
Marking a layout keeps the
user engaged. A monotonous
layout can be least interesting
and hence the user should be
offered with links connecting to
other pages that might connect
with user interest.
DMTI.in
8. Add Graphics/Videos…
Logo
Lorem ipsum
Dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et
dolore magna aliqua.:
- Ut enim ad minim veniam,
- ea commodo consequat. Duis aute
irure dolor in reprehenderit
- Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui
Dolor
•Sit
•Amet
•Cons
Loreum
•Sit
•Amet
•Cons
Lorem
Ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et
The layout can be made more
interactive by embedding the
video links and images.
As per many researches state
that human eyes get attracted
to Images and Videos more
than just content.
Embedding images and videos
will help the brand to convey
the message through graphics.
DMTI.in
9. Add Call-To-Action…
Logo
Lorem ipsum
Dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et
dolore magna aliqua.:
- Ut enim ad minim veniam,
- ea commodo consequat. Duis aute
irure dolor in reprehenderit
- Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui
Dolor
•Sit
•Amet
•Cons
Loreum
•Sit
•Amet
•Cons
Lorem
Ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et
Download Here
Sign Up
Lastly, when the webpage is
ready to attract customer it is
important to involve user with
the brand.
This can be done using a call-
to-action. CTAs are very helpful
to direct user towards the
brand’s aim. CTA can direct
users to share contact details
for building a strong database
or to download a brochure or
eBook, etc.
DMTI.in