Monthly Archives: December 2014

The Monty Hall Rewrite

The advantage of writing your app in the latest hip framework is more about your being years better at programming and having years more time to consider the app’s exact requirements

 

Alex Sexton writes

Throw away any assumptions or knowledge of tools that you have and purely consider that if you are switching, rewriting, or refactoring, you are now n years better at programming than you were when you initially wrote the software.

Now factor in that you’ve had x years more time to consider the exact problem that you’re trying to solve as well as rid yourself of uninformed assumptions. When going in for the rewrite, you have a much clearer picture of what a successful product looks like, purely because of the initial app. You know to abstract certain parts of the code that need to grow, and to externalize other parts that you know you won’t be able to support indefinitely.

Read more at alexsexton.com

Everybody Scrolls.

Don’t worry about “the fold”. Research shows that 91% to 100% of users scroll, regardless of visual cues to encourage scrolling

 

From the article:

UX designers are divided about how essential above-the-fold placement – that is, positioning so that users can see content without scrolling down – really is. Chartbeat found that “66% of attention on a normal media page is spent below the fold.” In contrast, the Nielsen Norman Group showed that “users spend 80% of their time looking above the fold.”

We wanted to know how page design impacts these user behaviors and to what extent visual cues help users scroll below the fold.

We learned that participants almost always scrolled, regardless of how they are cued to do so – and that’s liberating. While it’s hard to make universal recommendations, we’d suggest that designers use the cue that works best in its context.

Designers should choose cues for scrolling based on the content, the business category and the overall design. Does the content feature block text, images or video? Is the site for ecommerce, editorial or news? How do visual cues integrate with existing design elements? All of these variables will affect the optimum placement and effectiveness of scrolling cues.

Read full article at HUGEINC

Viewport units: vw, vh, vmin, vmax

New CSS viewport units allow setting vertical height much simpler than using percentages

 

The viewport units are a new set of units designed for the challenges we face today. One-pagers, full-width grids, typography, and many other things rely on the size of the viewport. Previously, we hacked these challenges using percentages as mentioned earlier, or JavaScript.

Read more from the source: Web Design Weekly

7 Rules for Creating Gorgeous UI (Part 2) — Medium

Stay up to date with the latest UI techniques for web and mobile

A guide to visual aesthetics, written by a nerd.

Rules:

1. Light comes from the sky (see Part 1)

2. Black and white first (see Part 1)

3. Double your whitespace (see Part 1)

4. Learn the methods of overlaying text on images

5. Make text pop– and un-pop

6. Only use good fonts

7. Steal like an artist

Read more from the source: Medium

Parable of the Polygons – Interactive Simulation by mathematician vihart and programmer nicky case

This interactive social simulation using canvas will get you thinking

 

This is a story of how harmless choices can make a harmful world.

These little cuties are 50% Triangles, 50% Squares, and 100% slightly shapist. But only slightly! In fact, every polygon prefers being in a diverse crowd.

You can only move them if they’re unhappy with their immediate neighborhood. Once they’re OK where they are, you can’t move them until they’re unhappy with their neighbors again. They’ve got one, simple rule:

“I wanna move if less than 1/3 of my neighbors are like me.”

Try it outat Parable of the Polygons