Tag: DESIGN

Readings for Lunch — [ 21 Dec 2017 ]

IMAGE OF THE DAY
SpaceX's "Falcon Heavy" retro boosters (source)

DESIGN

Building Better UI Designs With Layout Grids

Luckily, this is not the usual article about CSS grids (too many of them now!). It's about the use of grids in design, from manuscripts in the Middle Age to the UI of mobile applications.

TOOLS

A system to organise projects*

* where we loosely define ‘a project’ as ‘a collection of things you keep on a computer’.
Very interesting and (if your folders and computer desktop are a total mess) useful article.

Readings for Lunch — [ 12 Dec 2017 ]

IMAGE OF THE DAY
Frozen Serpentine in Hyde Park, London (circa 1930).

TOOLS

Open Formats

Recently we have seen the rise of a powerful, groundbreaking idea: the definition of a "standard" format to describe UI elements that can bridge the gap between design and development, between Sketch and your IDE.
This will make it possible to share the same source code between the two environments (here and here some other examples).

DESIGN

Do I need a design system?

Design systems are hot right now. Every big company has one and each new release or update is flaunted in style. You’d be justified to think you need one too. But do you?

Readings for Lunch — [ 25 Oct 2017 ]

IMAGE OF THE DAY

DESIGN

The icon journey

"Thanks for all the passionate feedback.
It has been very helpful, painful, and entertaining all at the same time.
We're changing the orange icon to blue for Stable and keeping green for Insiders."

LEARNING

Shuhari

Shuhari (Kanji: 守破離 Hiragana: しゅはり) is a Japanese martial art concept, and describes the stages of learning to mastery.

Readings for Lunch — [ 16 Oct 2017 ]

IMAGE OF THE DAY
A comprehensive examination of the phenomenon of adorable, life-size Japanese characters getting stuck in places. (source)

DESIGN

More Padding, Please!

The power of padding in product design. Because white space is not empty space, and is not wasted space!

DESIGN SYSTEMS

Thinking in Symbols for Universal Design

A superb talk by Benjamin Wilkins, Design Technologist at AirBnB, about the idea of "symbols" in design and how they are using them to automate their work.

Readings for Lunch — [ 22 Sep 2017 ]

IMAGE OF THE DAY
Cat photo by Marko Blažević (source)

PERFORMANCE

A React And Preact Progressive Web App Performance Case Study: Treebo

“What they saw compared to their old mobile site was a 70%+ improvement in time to first paint , 31% improvement in time-to-interactive, loaded in under 4s over 3G for many typical visitors.”

DESIGN

Design Ops — A New Discipline

Andy Budd (Clearleft) explains what it means "DesignOps", a relatively new term, and why it matters for scaling design in an organisation.

Readings for Lunch — [ 22 Sep 2017 ]

IMAGE OF THE DAY
Cat photo by Marko Blažević (source)

PERFORMANCE

A React And Preact Progressive Web App Performance Case Study: Treebo

“What they saw compared to their old mobile site was a 70%+ improvement in time to first paint , 31% improvement in time-to-interactive, loaded in under 4s over 3G for many typical visitors.”

DESIGN

Design Ops — A New Discipline

Andy Budd (Clearleft) explains what it means "DesignOps", a relatively new term, and why it matters for scaling design in an organisation.

Readings for Lunch — [ 04 Aug 2017 ]

IMAGE OF THE DAY
Boeing just drew an enormous aeroplane in the sky (source / explanation)

LANGUAGES

Elm Semantics for JavaScript Developers

A walk through the big ideas of Elm, with reference to what you already know from JS, without getting dragged down by what you actually type. There will be no code examples.

DESIGN

Buttons in Design Systems

Buttons are arguably a design system’s most important component. In this Smashing Conf talk Nathan Curtis not only goes through all the complexities and oddities of this UI elements, but shows how a designer "thinks" from a more engineering perspective.

Readings for Lunch — [ 02 Aug 2017 ]

IMAGE OF THE DAY
Camels crossing the highway in UAE desert – Via Guillermo Orellana (source)

DESIGN

Your UX Team Needs a Design Technologist. Here’s Why.

At Microsoft, they are known as design developers or integrators, at Google, UX engineers and at Amazon, design technologists. What they do have in common is the ability to solve design problems via writing code.

UX DESIGN

Another Lens

Airbnb have developed a user-research toolkit to help their designers create products and services that are inclusive and useful for most people.

Readings for Lunch — [ 28 Jul 2017 ]

IMAGE OF THE DAY
Chiesa S. Giovanni Evangelista in Scicli, Sicily

DESIGN

Foundations of Chat Bot Design

This talk by Davide 'Follett' Casali, presented at IxDA London, tries to present a simple high level model for designing chat bots. See also Boon Chew's ones, on the same topic.

LONDON

The insidious creep of pseudo-public space in London

Pseudo-public space – squares and parks that seem public but are actually owned by corporations – has quietly spread across cities worldwide.

Readings for Lunch — [ 04 Jul 2017 ]

IMAGE OF THE DAY
Cross rail: cable management systems installed in Crossrail eastbound cavern (source)

DESIGN

Fantasies of the Future

One of my favourite talks at Patterns Day was Paul Robert Lloyd's one. Drawing a parallelism between Architecture (and its utopian visions like in Brasília) and Design Systems, he delivered a thought-provoking and moving talk about the failures of systems where "coherence" is the only metric, and the actual user needs are completely forgotten.

THINK

Guess Who Made Computers The Design Tools They Are Today? Women

How California designers Zuzana Licko, April Greiman, and Susan Kare influenced a generation of graphics.

Readings for Lunch — [ 20 Mar 2017 ]

IMAGE OF THE DAY
Annie Easley, Computer Scientist and Mathematician at NASA (source)

WORK

Attempting Deeper Work

For the knowledge worker, success comes from the ability to think and work deeply on something (basically, to get into a state of flow). Jonathan Snook shares his experience on changing his behaviours and work schedule.

DESIGN

Design in Tech Report 2017

John Maeda, in his yearly report of the "State of the Design" in tech.

Readings for Lunch — [ 14 Mar 2017 ]

IMAGE OF THE DAY
A shop window in Dubai, entirely made of paper (source)

WORK

How to Talk About Your Side Projects

Talk about your side projects whenever you get a chance. Side projects can be immensely rewarding to talk about. They demonstrate a lot about how you work.

DESIGN

Sketch 43 is moving to an open file format

This is going to be a game changer: Sketch 43 will move to an open file format (essentially, a big text-based file). Will make even simpler to integrate third party tools and processes with Sketch.

Readings for Lunch — [ 06 Mar 2017 ]

IMAGE OF THE DAY
The Mysterious Rings of Supernova 1987A (yes, this is still a mystery) (source)

DESIGN

A Designer’s Guide to Working with Product Managers

Not always a simple relation, the one between designers and PMs. Here some tips on how to have it working better.

PRODUCT DESIGN

Datafication and ideological blindness

“Quantified thinking is the dominant ideology of contemporary life: not just in scientific and computational domains but in government policy, social relations and individual identity.” Has data become the new ideology?

Readings for Lunch — [ 27 Feb 2017 ]

IMAGE OF THE DAY
Vera Bugatti – Street Art ‘Teratology’ – Clerkenwell, London

DESIGN

We need more shitty work

What happened to play? What happened to creating a safe space to explore shitty ideas and create something just for fun? Play evokes exploration – and that's what channels creativity.

JAVASCRIPT

Building a static website with React

An introductory article by Katie Fenn on how to use the "universal" (client/server) rendering capabilities of React to generate static HTML pages.

Readings for Lunch — [ 17 Jan 2017 ]

IMAGE OF THE DAY
When I see people thinking that "it was better 50 years ago" (see Make America Great Again, Brexit, the rise of localisms, etc.), I believe they should first look at this chart and reconsider their privileged point of view in the history of humanity. (source)

CSS

Orthogonality and CSS in JS

An interesting article that explores boundaries and interfaces between CSS and JavaScript, exploring orthogonality, cohesion, and coupling in the “Separation of Concerns” paradigm.

DESIGN

Design for internationalization

Quite often people consider only the best case scenarios when designing an interface. This article highlights what to take in account when designing a multi-language application.