4 min

Designing websites for readers and writers

"Thankfully, we're starting to see something of a Renaissance. Comment-forms are dropping off blogs like vestigial tails. Text sizes are increasing yearly, and sites are being stripped and whitewashed, with most of their old cruft gone without a trace. The medium is starting to disappear again." - Content as Medium by Matt Gemmell

"Strip away the images and gradients and vectors from even the fanciest web page, and you'll find that the web is mostly words." - The CODE Keyboard by Jeff Atwood

"But the most powerful tool on the web is still words. At its heart, web design should be about words." - Words by Justin Jackson

"Good design begins with content. Great copy will help a design shine. A stellar design will only get you so far if the content is lacking." - Good Writing and Editing Is Part of Great Design

  • The CODE Keyboard - "We know how to use the most powerful tool on the web – words. Strip away the images and gradients and vectors from even the fanciest web page, and you'll find that the web is mostly words. If you believe, as I do, in the power of words, then keyboards have to be one of the most amazing tools mankind has ever created."
  • "Good Writing and Editing Is Part of Great Design"http://designshack.net/articles/business-articles/good-writing-and-editing-is-part-of-great-design/

The F-Pattern

6 Tips for a Better Understanding of the User Experience":https://medium.com/tech-talk/95fb018918fc

People don’t read online, they scan, and they scan in an F pattern. Eye tracking cameras can show us where the user is looking on the screen and generate heat maps they discovered that people tend to look at sites in an F-shaped pattern. They start at top left corner and move across the screen before moving down, and how far they’ll look from left to right shortens as they navigate down the page. Good visual design has the potential to change this pattern.

More on the F-pattern.

Readability and contrast is key. Short blocks of text are important on the web and even more important on mobile. Make it readable first, pretty second, and ensure that there is room for the text to breathe (e.g. lots of white space). It’s also important to play around with the brightness on your computer and phone to see how it looks in low and high brightness.

Tablets and cell phones are a “lean back” experience, where as laptops are “lean in” experiences. When designing for mobile, think about the context, and where the user is likely to be when he/she is using your app. For instance, when a user is accessing your site via mobile, there are likely to be more distractions around so buttons will need to be bigger and the text will need to be clearer.

Blogs are my newspapers

Comment in October 14, 2013 Hacker News thread about the public launch of the Ghost blogging app.

Blogs are my newspapers, thats why. For me accessibility and downwards compatability outweigh the "product" a lot. I have a low-end smart phone for which most "products" are ununsable. Why do people throw away expensive hardware that woks perfectly fine? Because the modern software doesn't run on it.

Take for example the opposite: http://blog.fefe.de

That is a product that meets my demands: I can read on any device, using multiple clients. I could read this page with a dual-core as well as with a gameboy. Serve TTF font's, maybe I rather use bitmap fonts? Doesn't matter.

I could read that blog using Mosaic, lynx, w3m... kindle displays... It also works fine for braille terminals.

I guess I am more interested in powerful systems than the pityful products of the App-bubble. After all I am a programmer.

Microsoft Stories

Like the format.


End Article Pagination

Real Pages Are All About Flow - Authors and designers, say goodbye to pagination - https://medium.com/design-ux/398f6a680b49

Jekyll-based blog design





Welcome to Medium - A better place to read and write

People Don't Click

December 2013

Increasing text size

"The 100% Easy-2-Read Standard"http://ia.net/blog/100e2r/

Reading longform on phones


Emotional Web Design

The importance of emotion in design




ia.net Design


#design - #blogging - #typography - #content - #writing - #longform - #reading - #blog_jr

By JR - 825 words
created: - updated:
source - versions - backlinks

Related articles
The top features for community sites are users and their content - Oct 03, 2014
Design by Writing - Apr 03, 2016
Proposed Ghost blogging platform - Feb 13, 2014
Interesting Tech and Writing Info - Dec 14, 2015
Parallax Web Design - Dec 20, 2013
more >>

short url

A     A     A     A     A

© 2013-2017 JotHut - Online notebook

current date: Dec 1, 2022 - 9:50 p.m. EST