Shrewdness

Shrewdness is a micropub-enabled reader web app, currently being developed by Barnaby Walters.

After experimenting with a flow-based-programming environment which doubled as a reader, an indieweb personal search engine and an anti-spam tool, I realised that all three things required the exact same plumbing, and that it made the most sense to build them all as one tool. That tool is Shrewdness, named after the collective noun for an aggregation of apes, as its job is going to be aggregating apes.

Brainstorming

Further brainstorming on those topics should take place there, and only Shrewdness-specific brainstorming follows.

Focus-enhancing

Existing reader interfaces are minutely optimised for retention, to give users many small dopamine rewards for looking at them regularly — that is, rewarding distraction. Reader UIs should at least be aware of this danger, and ideally actively fight it.

Potential ways Shrewdness could enhance focus:

Once posts in a timeline/feed view have been “seen”, they could either be hidden or de-emphasised, perhaps by reducing opacity, contrast, blocking out photos and faces, blurring out the whole post, reducing font sizes. This would mean that, on looking at your reader, you only see things which are actually new, removing the temptation to scroll down the timeline.

Column-based

Shrewdness has a column-based UI inspired largely by SFW, Trello and TweetDeck. I have a bunch of ideas for taking this idea further, making it the basis for creating flexible, customisable environments for reading and writing.

Columns are orderable within spaces and movable between spaces by dragging. Often items within columns are draggable between them e.g. subscriptions between post columns, posts into list columns, posts/images/people/events draggable into composition columns creating auto-citation markup or customisable embeds.

UI Design/Mockups

Feed reader UI mockups, created in Sketch. Main view:

Designing the bootstrapping process, welcoming new users:

Feed Testing UI

The bulk of the plumbing code for shrewdness is the indexing code which takes HTML and dices it up into neat posts which can be indexed by elasticsearch and presented as a feed. In order to test that code a UI is required which, given a feed URL, shows exactly how that feed will be parsed, indexed and displayed.

This, along with some pedagogy, could form the basis of a feed validation tool in the future.

Previous Work

A screenshot of the personal indieweb search engine I made from my link archive:

Some screenshots of the anti-spam tool which got merged in to Shrewdness: