12
Markdown vs. WYSIWYG Stop treating the web like a word document

Markdown vs. WYSIWYG - Stop using the web like a word document

Embed Size (px)

DESCRIPTION

Presentation at the UX Camp Vienna 2014.

Citation preview

Page 1: Markdown vs. WYSIWYG - Stop using the web like a word document

Markdown vs.

WYSIWYGStop treating the web like a word document

Page 2: Markdown vs. WYSIWYG - Stop using the web like a word document

How it all began…

How it all began… The difference WYSIMOLWYG …less is more >…playing God

Page 3: Markdown vs. WYSIWYG - Stop using the web like a word document

…playing God

How it all began… The difference WYSIMOLWYG …less is more >…playing God

Page 4: Markdown vs. WYSIWYG - Stop using the web like a word document

WYSIMOLWYG*!

!

!

You still have to know what you do!

Image position and break performance are often bad!

Editors concern about design

The enemy: Blank line!!!

*What you see is more or less what you get

How it all began… The difference WYSIMOLWYG …less is more >…playing God

Page 5: Markdown vs. WYSIWYG - Stop using the web like a word document

The difference

WYSIWYG

for creating printable documents or presentation slides

!

Markdown

simple plain text formatting syntax for writing for the web!

How it all began… The difference WYSIMOLWYG …less is more >…playing God

Page 6: Markdown vs. WYSIWYG - Stop using the web like a word document

… less is more!

How it all began… The difference WYSIMOLWYG …less is more…playing God >

Page 7: Markdown vs. WYSIWYG - Stop using the web like a word document

The truth on WYSIWIG editors

!

provide no good markup at all

provide individual markup functionality to non web-affine users

lack of effectivity, simplicity & consistency

>The truth on WYSIWIG editorsThe difference WYSIMOLWYG …less is more…playing god<

Page 8: Markdown vs. WYSIWYG - Stop using the web like a word document

Markdown myths

lack of UX

is not intuitive

restrictions on simple formatting

is something for developers (technical)

>The truth on WYSIWIG editorsThe difference WYSIMOLWYG …less is more Markdown myths<

Page 9: Markdown vs. WYSIWYG - Stop using the web like a word document

Accessibility

not all Wysiwyg-editors pass WAI-ARIA criteria

Markdown need no UI components

better HTML, better accessibility

© failblog.org

>The truth on WYSIWIG editorsThe difference Accessibility…less is more Markdown myths<

Page 10: Markdown vs. WYSIWYG - Stop using the web like a word document

We all UX

Availability on every single device

constant website layout

editors don’t care about the layout

semantic correct content … also if more than one person works on it

<>>The truth on WYSIWIG editors We all ♥ UX Accessibility…less is more Markdown myths<

Page 11: Markdown vs. WYSIWYG - Stop using the web like a word document

… check out semantik.zensations.at

<>

Wanna learn more?

>The truth on WYSIWIG editors We all ♥ UX Accessibility Wanna learn more?Markdown myths<

Page 12: Markdown vs. WYSIWYG - Stop using the web like a word document

thank you

…and if you have any questions, you know what to do!