38 private links
via Pocket
First he tried sleep apps, then a flotation tank, then mindfulness – but nothing would stop the chatter in Stuart Heritage's increasingly exhausted mind. Would transcendental meditation, currently enjoying a revival, do the trick?
Success in interaction design is largely a matter of following established patterns, so people can apply what they already know to new contexts. Using known and well-established interactive controls goes a long way in designing for easy interaction. via Pocket
Роль правильно разработанных интерфейсов в успехе продукта всё возрастает — кажется, пользователи впервые начали столько задумываться о том, как именно они взаимодействуют с приложениями и сервисами. Последний пример — всеобщее восхищение новым приложением компании Facebook Paper, при использовании которого есть риск подхватить морскую болезнь, так там все динамично. По просьбе Look At Me дизайнер интерфейсов Дмитрий Чута разобрал несколько интерфейсных приёмов и объяснил их значение.
It’s a fine design. Typographers have long prized grid-centered layouts for their elegance and extensibility, and the new View site takes “the grid” to an extreme.
Using the words “animation” and “the web” together tends to conjure up memories of frantic searches for the “skip intro” button to save ourselves from a terrible sensory assault. Animation on the web has hit some pretty sad lows, there’s no arguing that. But adding motion to our work can be meaningful and functional—when we find the right circumstances.
A website redesign is often an expensive, time-consuming, over-hyped exercise in media navel-gazing: an expression of institutional ego over users' needs. So I will confess a pre-emptive shrug at news of the newest New York Times online.
So how do you combat this lack of control? You design for total flexibility.
They are road signs for your daily rituals — the instantly recognized symbols and icons you press, click and ogle countless times a day when you interact with your computer. But how much do you know about their origins?
The most beautiful website, according to contemporary Web design, would be a completely blank page.
NYTimes interactive experience
Ah, Data. And of course, Data’s best friend, A/B Test.
Most importantly, successful players put their time into the right things. Later in the game money comes into play, but your top priority should always be mastering where your time goes.
Contrary to appearances, the W3C specifications are for the most part not designed for computers, but for people. You may think that <h1>, è and </ul> look ugly and unintuitive, but what would you think if they were called A378, 30C9 and 38F0 respectively? Most of the formats are in fact compromises between human-readability and computer efficiency. Some are more readable than others, because we expect more people to read them, others can be more cryptic, because "only" programmers will look at the source.
The chart above is an animated SVG featured on Sprout.
This chart, and one other animation on Sprout, were initially GIFs. By using animated SVGs instead of GIFs we were able to reduce our page size from 1.6 mb to 389 kb, and reduce our page load time from 8.75 s to 412 ms. That’s a huge difference.
Below, I’ll break down the animation of one of the circles seen in the chart. The technique applies to all of the elements in the graphic. With this you can create your own lightweight animated graphic.