#voronoidiagrams#uialgorithms#dropdownmenus
286K subscribers • 28 videos on Hallway
Intermediate. Assumes working knowledge.
52K views12 years ago4 recommendations
Web developmentComputer scienceJavaScriptAlgorithms
Mark DiMarco explains the mathematics and algorithms behind common user interface patterns, such as predicting mouse intent in dropdown menus and finding nearest targets.
Even something as simple as a dropdown menu or a bar graph can introduce usability problems. From a slide out menu disappearing when a user's mouse moves a few pixels too far, to requiring NASA-like levels of precision to mouse over the right element, there are algorithms already implemented in Javascript to help us overcome these problems. If an algorithm is defined as "a step-by-step procedure for calculations", let's visually break down those steps for 2 different non-trivial algorithms and explore how these algorithms are applied to some standard & everyday user interface patterns. We'll first look at an algorithm for predicting a user's intentions by calculating mouse speed and direction, and then tackle determining hit state for hundreds of non-uniformed, variably sized and placed UI elements. Slides: markmarkoh.com/jsconf2014 2014.jsconf.us/What people say. Recommended as a fascinating look at how algorithms like Voronoi diagrams can solve common frontend user experience challenges.
scrollawayon Hacker News • Recommends
On “How Does One Create A Gtk+ Application?”
dkannanon Hacker News • Recommends
On “Mapping Migration in the United States”
cipher0on Hacker News • Recommends
On “Show HN: Piste.io”
jsteenkampon Hacker News • Recommends
On “Ask HN: The Case for the “Front End Engineer” Role”
u/SouperSausagein r/compsci • Mentions
On “What are the best youtube lectures on computer science?”
gorhillon Hacker News • Mentions
On “Pointer Pointer”
currysausageon Hacker News • Mentions
On “Show HN: Mimicking the Bloomberg menu widget without JavaScript”