SlideShare a Scribd company logo
KISSDESIGN
Design Delightful Content
Valarie Stuart, UI Designer
#OSConnect
CONTENTTHEWEBISMADEOF
add
contentYOU
are
designingYOU
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
Most systems work best
if they are kept simple

rather than made complicated.
Unnecessary complexity
should be avoided.
Simplicity should be
a key goal in design.
SIMPLICITYKISS
Design
BUILT-INCOMPLEXITY?
DESKTOP
from your
STUDENTS
to your
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
MULTI-DEVICEWORLD
complexitybuilt-in
SIMPLICITYKISS
Design
TEXT1KISS
Design
FONTS
font-family: helvetica,
arial,
freesans,
clean,
sans-serif;
OrgSync Connect 2015: Design Delightful Content
The one absolutely unselfish friend that
man can have in this selfish world, the
one that never deserts him, the one that
never proves ungrateful or treacherous is
his dog. A man's dog stands by him in
prosperity and in poverty, in health and in
sickness. He will sleep on the cold
Tribute to Dogs
The one absolutely unselfish friend that
man can have in this selfish world, the
one that never deserts him, the one that
never proves ungrateful or treacherous is
his dog. A man's dog stands by him in
prosperity and in poverty, in health and in
sickness. He will sleep on the cold
Tribute to Dogs
The one absolutely unselfish friend that
man can have in this selfish world, the
one that never deserts him, the one that
never proves ungrateful or treacherous is
his dog. A man's dog stands by him in
prosperity and in poverty, in health and in
sickness. He will sleep on the cold
Tribute to Dogs
The one absolutely unselfish friend that
man can have in this selfish world, the
one that never deserts him, the one that
never proves ungrateful or treacherous is
his dog. A man's dog stands by him in
prosperity and in poverty, in health and in
sickness. He will sleep on the cold
Tribute to Dogs
JUSTIFICATION
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
UPPERCASE
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
UNDERLINING
Don’t underline text.
FORMATTING
Paste clean text, then reformat.
Mac:

Command + Option + Shift + V
Windows:

Paste Special, or

Use Notepad as intermediate step
HTML formatting does not appear

in content on iPhone app.
Use default fonts.
Align text left.
Don’t underline text.
Use uppercase sparingly.
Use minimal HTML formatting.
Paste clean text.
1KISS
Design
COLOR2KISS
Design
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
2KISS
Design
Two colors—black and white—

are already used.
One or two additional colors 

is more than enough.
IMAGES3KISS
Design
News Post
900 x 300 pixels
Event
215 x 215 pixels
Promotion
640 x 300 pixels
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
TOOLS
Adobe Creative Cloud
Photography
$9.99/month
Photoshop Elements
Photo editing
$79.99
Gimp
Photo editing
Free
Fotor.com
Online photo editor
Free
Pixlr.com
Online photo editor
Free
3KISS
Design
Follow size recommendations.
Keep text to a minimum.
Don’t steal.
CONTENTREPURPOSING
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
LET’STRY IT
Event marketing opportunities
Event listing
News post
Promotion
Printable flyer
OrgSync Connect 2015: Design Delightful Content
OrgSync Connect 2015: Design Delightful Content
QUESTIONS ANSWERS
&
Thank you.
Valarie Stuart, UI Designer
#OSConnect

More Related Content

PDF
2024 Trend Updates: What Really Works In SEO & Content Marketing
PPTX
Basic logic of temple run
PDF
Design Portals Like a Rockstar
PDF
Process exploration: Web application user experience
PDF
Wireframe exploration
PDF
Portfolio case study: marketing site redesign
PDF
OrgSync Connect 2014: Design Tips & Tricks
PDF
Typography101 092012
2024 Trend Updates: What Really Works In SEO & Content Marketing
Basic logic of temple run
Design Portals Like a Rockstar
Process exploration: Web application user experience
Wireframe exploration
Portfolio case study: marketing site redesign
OrgSync Connect 2014: Design Tips & Tricks
Typography101 092012

Recently uploaded (20)

PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
PPTX
Orthtotics presentation regarding physcial therapy
PDF
Interior Structure and Construction A1 NGYANQI
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PDF
intro_to_rust.pptx_123456789012446789.pdf
PPTX
Acoustics new for. Sound insulation and absorber
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PPTX
Entrepreneur intro, origin, process, method
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PPTX
rapid fire quiz in your house is your india.pptx
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PPTX
CLASSIFICATION OF YARN- process, explanation
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PDF
THEORY OF ID MODULE (Interior Design Subject)
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PDF
Test slideshare presentation for blog post
DOC-20250430-WA0014._20250714_235747_0000.pptx
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
Orthtotics presentation regarding physcial therapy
Interior Structure and Construction A1 NGYANQI
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
pump pump is a mechanism that is used to transfer a liquid from one place to ...
intro_to_rust.pptx_123456789012446789.pdf
Acoustics new for. Sound insulation and absorber
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
Entrepreneur intro, origin, process, method
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
rapid fire quiz in your house is your india.pptx
22CDH01-V3-UNIT III-UX-UI for Immersive Design
CLASSIFICATION OF YARN- process, explanation
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
THEORY OF ID MODULE (Interior Design Subject)
robotS AND ROBOTICSOF HUMANS AND MACHINES
Test slideshare presentation for blog post
Ad
Ad

OrgSync Connect 2015: Design Delightful Content