Show HN: A website that heatmaps your city based on your housing preferences

https://web.archive.org/web/20161119140228/http://hcil2.cs.u...

>Abstract: We designed, implemented, and evaluated a new concept for visualizing and searching databases utilizing direct manipulation called dynamic queries. Dynamic queries allow users to formulate queries by adjusting graphical widgets, such as sliders, and see the results immediately. By providing a graphical visualization of the database and search results, users can find trends and exceptions easily. User testing was done with eighteen undergraduate students who performed significantly faster using a dynamic queries interface compared to both a natural language system and paper printouts. The interfaces were used to explore a real-estate database and find homes meeting specific search criteria.

Here is a great talk by Ben where he states the goals of the visual information seeking process, and shows the Dynamic HomeFinder "thousand points of light" demo:

User Interface Strategies 1990 (University of Maryland Television Broadcast) Part 1-5:

https://www.youtube.com/watch?v=Yz_7nJN8jk0

In 1992 I was inspired to implement a version of it for SimCity I called the "SimCity Frob-O-Matic Dynamic Zone Filter", and I wrote about it a few years ago on Hacker News, and linked to a video demo:

https://news.ycombinator.com/item?id=11370099

DonHopkins on March 27, 2016 | parent | context | favorite | on: Direct Manipulation: A Step Beyond Programming Lan...

Ben Shneiderman has made a career of performing controlled experiments, measuring the efficacy of different techniques, comparing them to each other in different contexts, and teaching his students the importance of empirical testing, balanced with human centered design. [1]

He and Ike Nassi developed a goto-less visual programming technique called the Nassi-Shneiderman diagram [2]. He not only studied and summarized the status quo of flowcharting, but also conducted experiments that suggested flowcharts were not helpful for writing, understanding, or modifying computer programs.

He's also done a lot of work with information visualization [3], including tree maps and dynamic query sliders, and developed systems and published papers that have inspired many other people.

He and Christopher Williamson developed and empirically evaluated dynamic query sliders in the ingenious Dynamic Home Finder [4], which applies direct manipulation and infovis techniques to dynamic real time visual real-estate database queries. That inspired me to implement a similar real time information visualization technique in SimCity [5].

By studying, measuring, comparing, and generalizing on what was really going on, he came up with these eight golden rules for interface design:

1) Strive for consistency. Consistent sequences of actions should be required in similar situations...

2) Enable frequent users to use shortcuts. As the frequency of use increases, so do the user's desires to reduce the number of interactions...

3) Offer informative feedback. For every operator action, there should be some system feedback...

4) Design dialog to yield closure. Sequences of actions should be organized into groups with a beginning, middle, and end...

5) Offer simple error handling. As much as possible, design the system so the user cannot make a serious error...

6) Permit easy reversal of actions. This feature relieves anxiety, since the user knows that errors can be undone...

7) Support internal locus of control. Experienced operators strongly desire the sense that they are in charge of the system and that the system responds to their actions. Design the system to make users the initiators of actions rather than the responders.

8) Reduce short-term memory load. The limitation of human information processing in short-term memory requires that displays be kept simple, multiple page displays be consolidated, window-motion frequency be reduced, and sufficient training time be allotted for codes, mnemonics, and sequences of actions.

----

[1] An Empirical Comparison of Pie vs. Linear Menus: http://www.donhopkins.com/drupal/node/100

[2] Nassi-Shneiderman diagram: https://en.wikipedia.org/wiki/Nassi%E2%80%93Shneiderman_diag...

[3] InfoVis: https://en.wikipedia.org/wiki/Information_visualization

[4] Dynamic Home Finder: http://hcil2.cs.umd.edu/trs/92-01/92-01.html

[5] SimCity Frob-O-Matic Dynamic Zone Filter: https://youtu.be/_fVl4dGwUrA?t=3m35s

https://news.ycombinator.com/item?id=42978733

https://youtu.be/_fVl4dGwUrA?t=3m35s

A useful feature (not implemented in that video of X11 SimCity from 1992, but it would be easy to implement now with better graphics and faster computers) is to display a histogram in each of the sliders, where the x-axis is the parameter value, and the y-axis is the number of items of that slider's value (given that all other sliders are at their current value), so you can easily spot clusters and peaks and sparse areas, and you can include or exclude them from the filter by sliding the Min and Max edges across the histogram. So as you adjust one slider, the histograms in the other sliders change to reflect the current "slice" of multi dimensional space with respect to the filter you're adjusting.

Showing a histogram for every filter parameter on each slider gives you a multi-dimensional view of the distribution density of the data, that you can tweak and explore in real time, which helps you figure out how to adjust the filters to find interesting and ignore uninteresting items, and focus in on just the items you want.

I personally found the additional criteria being added to the top to be counter intuitive and I inadvertently deleted locations thinking it was the newest criterion, but it was actually my earlier ones. I think I've been trained to look/scroll to the bottom for the added element (e.g. like when adding additional Google Maps locations)

I would also love an option to mix transportation modes. For example, public transportation and biking.

Anyway, thank you for building this!

See https://news.ycombinator.com/item?id=42978067