Mid-morning update on today’s optimizations:
Yesterday a new version of the website I was talking about was finally released – horay! It features new section selectors based on Bilevel Partition by Mike Bostock of NY Times. Using two circles, it makes it very easy to mix and match data along different dimensions. Front page looks like a search engine (because it is!) now:
Progress update on cross-section interface design. The menus are ready! The screenshot shows how you would be able to filter the news about the Elections in different Countries.
(You would also be able to select Countries by starting from Elections, however in that case the second menu would be customized for your first selection of Elections.)
Now implementing a new layout for news blocks as discussed in the previous post.
Readrz search engine uses several unique algorithms, which in combination provide a service that is not available anywhere else:
Cross-sectional topic analysis allows you to intersect two topics, and see the results that have both of them. It is the highest-level feature that is supported by all other lower-level functionality. It is the top of the pyramid of code, and it is the most useful feature – it is at the pinnacle of what Readrz can do.
Now, cross-sectional analysis user interface… here we come to the dark area. Of course, you can imagine how that can work. First, you choose one section. Second, you choose another section. And voila, you are looking at the cross-section. You can already do cross-sectional analysis at the current website, which uses two different menus allowing you to choose first and second sections.
Using two menus is not a good idea for cross-sectional user interface:
That’s why we’ve been working on a completely new user interface for cross-sectional search.
Recently, I have learnt about the D3 javascript library, which can do amazing things (data-driven display of information for the web). After that we have spent a few days experimenting and working on the ideas for a new design.
Here is how the home page will approximately look like (using Bilevel Partition Sunburst):
I am attaching some sketches that show how cross-sectional design will work (see below).
I am working hard on implementing it right now…
I have been experimenting with D3 trying to use smart layouts for displaying table of contents. I mainly looked at Packed Circles and Treemap.
These layouts are very useful for highlighting the biggest items in a collection. But I decided that why neither of these layouts is suitable for displaying table of contents, which has a number of small items that are comparable in size.
What I am trying to achieve is to minimize the time that a user would need to skim through the table of contents. But these layouts do not provide any linear strategy for a user to look through all the items. You can never be sure you have seen all of the items.
If the table of contents was represented as a plain list, then the strategy is simple – look through the entire list. However, the table of contents needs to be compact. And so the only reasonable option that remains is a table. User could look through all cells in a table by looking through individual rows (or columns). Additional styling (like font size) can help in locating the most prominent entries quickly.
This is the Readrz.com development blog. Feel free to get in touch is you want to discuss anything.
Subscribe via RSS or join mailing list.