note-list

This article is a stub. You can help the IndieWebCamp wiki by expanding it.

A note list is a common design pattern, like a stream of short textual messages e.g. tweets/status updates. Often highly time-context sensitive.

Contents 1 IndieWeb Examples 2 Silo Examples 3 Common Denominators 3.1 Less Common Elements 4 Related Patterns 5 See Also

IndieWeb Examples

• waterpigs.co.uk
• aaronparecki.com

Barnaby Walters has a collection of annotated screenshots here.

Silo Examples

• Facebook (Web UI)
• Twitter (Web, Mac App)

Common Denominators

There are certain UI elements which are common to most implementations. These include:

• Profile photo (often with rounded corners)
• Full Name (often emboldened)
• Auto–linked URLs, usernames and #tags
• Dates (sometimes relative, almost always the option to see real date)

Less Common Elements

• As well as the full name, often there’s a network-specific name, or a URL on the indieweb

Related Patterns

• Individual Note Display Patterns
• Note Posting UI Patterns

See Also

• ActivityStream Pattern Docs on ui-patterns.com
• Updates design pattern on Yahoo Pattern Library
• Updates design pattern on Designing Social Interfaces wiki
• note
• collections