designing docs, slides, & screens

Designing Documents Slides & Screens

Galih

Kenken Kabare

Priben kabare Yok opo kabare rek

Piye kabare

Gimane kabarnye

Napa habarNarai kabar

Pohaba

Ba a kabarnyo

Apa kareba

Au haba

Kumaha kabarna

Hadia duria

Kyapa habar pianAdaho niamu

Apa Kabar?

The

Speaker

@galih_baskoro

West Java Province, IndonesiaAfter graduated from Diponegoro University in 2008,@galih_baskoro joined PT PLN (Persero) and worked forAdipala CFSPP Project as a Project Management GroupStaff. Currently, he works as an Assistant Engineer ofProcurement Control, and a Gajah Mada UniversityPostgraduate student.Have interest in Strategic Planning, Risk Mgt., SupplyChain Mgt., and Asset Mgt.

ReferencesBusiness Communication 6th

Edition, Locker, Kaczmarek, 2014.

Presentation with IMPACT, Sitepu, Tedy, 2012.

Learning ObjectivesHow should I design paper pages

How should I design presentation slides

How should I design web pages

How do I know whether my design works

Using computer to create good design

When should I think about design

c

How should I design paper pages ?Follow the five guidelines

Use white space to separate & emphasize points

Use headings to group points

Limit the use of words set in all capital letters

Use no more than two fonts in a single document

Decide whether to justify margins based on the situation & audience

Five guidelines :

White space makes material easier to

read by emphasizing the material that it

seperates from the rest of the text.

Use headings

Use a mix of paragraph lengths (no longer than 7 typed lines)

Use lists (tabs, numbered, or bullet)

To create white space :

Words or short phrases that group

points and divide your letter, memo,

or report into section

Heading

Basic Rules

Make heading specific

Make each heading cover all material until the next heading

Keep headings at any one level parallel

(all nouns, all complete sentences, or all questions)

Justified

margins

o Can use proportional typefaces

o Want a more formal look

o Want to use as few pages as

possible

o Write to skilled readers

Ragged

right

margins

o Do not have proportional

typefaces

o Want a less formal look

o Use a very short line length

Justify Margins Based on the Situation and the Audience

Example of Document Design

How should I design presentation slides ?Keep slides simple, relevant, & interesting

Every presenter has the potential tobe great; every presentation is highstakes; and every audience deservesthe absolute best.

- Nancy Duarte

Basic guidelines :

Use big font: 44- or 50-point for titles, 32- point for subheads, & 28-point for examples

Use bullet-point phrases rather than complete sentences

Use clear, concise language

Make only 3 to 5 points on each slide.

ImPACTPresentation with

Impressive By the design, the content, or the way a message is delivered

PowerfulHave positive energy to keep audience’s attention

ActualNewest data, information, or issue for the audience

ContextualRelevant presentation (considering the time and the place)

TrustworthyAbout the data, opinion, statement, summary, & suggestion

... he plans presentations well before

he opens the presentation software.

Steve jobs thinks, brainstorms, sketches

and collaborates well before the first

slide is created. Very few presenters

do that. ...he rehearses...for many

hours over many weeks. Few people

practice as much as they should.

How should I design web pages ?Pay attention to content, navigation, & first screen

#gooddesignisskill

Use small graphics

As you design pages :

Provide visual variety

Provide a link to home page (on each page)

Put an off button (if the pages include music or sound effects)

http://grovemade.com/

http://grovemade.com/

http://grovemade.com/

http://grovemade.com/

http://grovemade.com/

How do I know my design works ?Test it !

Watch someone as he/ she uses the document to do a task.

Where does the reader pause, reread, or confused?

How long does it take?

Does the document enable the reader to complete the task accurately?

Learning the reader’s thoughtprocesses

Ask the reader to think aloud while complementing the task

Interrupt the reader at key points to ask what he/ she is thinking

Ask the reader to describe the thought process after completing the document

Test the document with the people who are most likely to have trouble

Very old/ young readers

People with little education

People with different language

Using computers to designOn letters, memos, & printing

Create good design by computer

Standard word-processing programs

Such as Word, WordPerfect, & Google Docs let you control how your page looks.

o Use bold headingso Choose a businesslike font (11- or 12-)o Use header with automatic numberingo Use tabs or indents to line up the return

address & signature blockso Check print preview on file menu to how

the document will look on the page

Basic rules

When should I think

about design ?At each stages of the writing process

#thinking #about #design

The Best

when you think about design

of your writting

Documents are created

process

Sun

As you plan, think about your audience :

Are they skilled readers?

Are they busy ?

Will they read the document straight throuh or skip around in it ?

As you write, incorporate lists & headings :

use visuals

clearly & forcefully

….Get feedback from people

Summary

1Create visually attractive documents

By using white space & heading, justify margins, and limit capital letters

2Design slides

By using big font, bullet-point phrases, clear & concise language

3Web pages:good content & interesting design

Keep graphic small, provide visual variety, clear to readers

4Know whether the design works

By test the document by observe readers

5Computer to create good design

By using WordPerfect & Word to control how pages looks

6Think about design at every stage

As you plan, as you write, get feedback, and as you revise

T HA N K

Y OU

Presented by: Galih