Tag Info

New answers tagged

3

Traditionally, throughout journalism school students are taught to write with the inverted pyramid style rather than taught on how to write for the web. There are multimedia or convergence degrees out there that try and bridge this gap but they're relatively new. The inverted pyramid gives a high level introduction of the topic in the first paragraph or ...


1

Reuters articles are probably written to serve both print and web and they don't have a rewrite-for-web process in place. CNN's markup strikes me as dated in many respects (note it's XHTML, not HMTL5 - not that there's anything wrong with that), possibly an artifact of an older CMS or other technology. Many of these outlets still publish in print and/or ...


1

It's likely an unintentional artifact of the platform both sites use: WordPress. People who wrote/formatted the articles aren't UX, SEO or accessibility experts. The WordPress WYSIWYG editor is terrible when it comes to adding headings to text. The dropdown you need to switch from paragraphs to headings is hidden within the so call "kitchen sink" row. ...


15

1. Headers serve a different purpose from content This seems like an obvious statement, but it animates the reason why table headers are emphasized (title case, bold, colored, underlined, etc). While the user ultimately needs to read the content of a table, the headers provide users with: A crucial entry point into the table (i.e. the starting point for ...


16

Headers are essentially metadata and you need some way to indicate that they are separate from your content, but related to it. I would recommend against lowercase and normal weight text as it will make that row visually similar to the rest of the content. Title case is the most common, though you might be able to use small caps or uppercase headers. ...


2

by using a semi transparent black panel. doesn't matter if the background is too light or too dark.


0

Text Outline Give your text a text outline effect or border of .5px. So that it will be readable. Option 2: You can for dark grey fonts. Reason: QR codes will be in all colors except white and the QR code will be only covered only in that target area leaving background to be white.


0

Do you need the entire screen to be transparent? If not, you can easily change the placement of the text to be on a less transparent background.


1

It's a responsive-friendly way of communicating content length Let's assume the design problem is: communicate the length of an article concisely. First, consider some alternatives: Number of pages was the conventional way to do this in printed media, but for today's responsive website, page size can vary dramatically (mobile phone vs 30 inch desktop ...


1

I think its mostly option 2: It attempts to give a transparent/forthcoming experience to potential readers (people may be commuting to work and have 10 minutes left on their trip) Similar partterns include; displaying length of a video clip or the number of pages in a document. In these examples it makes perfect sense to display this information ...


1

You're almost there Read time is a key component of figuring out the right animation sequence. Let's complete the exercise. Observation: Tooltips can be helpful but are visually intrusive (they break grid layouts and alignment, are bold by design, etc). So they are helpful to draw attention to something, but quickly overstay their welcome if you leave ...


2

Fonts are a very tender problem. But!: The basic thing to remind here that the font is not everything. ( I have no online link to prove the following statements, there all from Hans Peter Willberg, a german typographer; some you can read in the book "Typolemik/Typophilie" ) Don't learn rules! Most people do this, mostly because they have bad teachers ...



Top 50 recent answers are included