markdown vs. wysiwyg - stop using the web like a word document
DESCRIPTION
Presentation at the UX Camp Vienna 2014.TRANSCRIPT
![Page 1: Markdown vs. WYSIWYG - Stop using the web like a word document](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/1.jpg)
Markdown vs.
WYSIWYGStop treating the web like a word document
![Page 2: Markdown vs. WYSIWYG - Stop using the web like a word document](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/2.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/3.jpg)
…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](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/4.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/5.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/6.jpg)
… 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](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/7.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/8.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/9.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/10.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/11.jpg)
… 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](https://reader033.vdocument.in/reader033/viewer/2022042513/53faacdf8d7f729c2e8b5257/html5/thumbnails/12.jpg)
thank you
…and if you have any questions, you know what to do!