Highlights from Google Design podcast series, on the relationship between designers and developers
Designer Vs Developer
David talks about Progressive Web apps, Firebase, and how you can design for speed.
Adrienne talks about auto-complete, payment request, better forms and security in Chrome.
Nick talks about motion design, prototyping and the three layers of material design.
A design system is a set of principles that helps guide designers trying to navigate a platform, environment or ecosystem. Sometimes they impose restrictions and force rules, but a good set will always seek to guide. Design principles are not a new thing, Roman architect Vitruvius had three golden rules for great architecture;
- Durability (Firmatis ): The building should be robust and remain in good condition.
- Utility (Utilitas): The building …
Material design components for web, stress testing your design and collaboration between designers
A progressive web app (PWA) is a website that has app like features, for example, it can work offline, send you notifications and provides more seamless integration into the native features & behaviors of your phone & desktop.
There is a spectrum of PWA UX, with some PWAs focused on content websites that let users browse them when their network connection dies, and others offering an interactive, functional experience such as Spotify. …
For graphic designers, this will seem quite odd, but to produce boxes with rounded corners on the web was tricky to implement 10 years ago. To get them you needed hacks and horrible HTML tricks to get a box with rounded corners.
Ironically when the ability to add rounded corners with CSS standardized across all major browsers, designers didn’t want to do them anymore because they became unfashionable.
The tools we use reflect the things we …
To start with, I have to state that you should always have professional researchers on hand to do research properly, in the same way, you need a trained designer or engineer. That said, if you are starting out, or want to improve your process and site or app, diving into research is the best thing you can do to improve the work that you do.
When you run research during product development, what you are looking for are the problems people have …
Importance of research and usability testing and discusses various methods
Darin talks about designing a web browser and the evolution of Chrome during it’s 10 years of existence
Payments on the web, Progessive web apps, and how to think about designing for offline states.
We have been exploring some of the pain points web designers faced in the industry and did a small research project to understand better what challenges designers and developers face.
This project was broken down into three activities, two roundtable discussion with new graduates, conversations with designers on social media and looking at existing buckets of research from discussions with professionals as part of the British Design Council’s …
Ever wondered why when you call up a utility company and you are put on hold, they play music? Consider how you would feel if there was no music, just dead silence. CNN ran a survey that showed 70 percent of callers who are on hold in silence hang up within 60 seconds. Because the silence would make you think the line had perhaps disconnected, and the wait would actually feel longer. The idea is to fill the space and occupy your time.
Houston …
Designing motion, HCI, eye tracking and the Gestalt principles.
Scenarios that call for prototyping and how to approach them to maximize speed and minimize cost.
The Gestalt principles are a series of laws that are used to explain why human beings naturally find organized patterns in objects they see around them. The goal with the principles was to explain why we group objects in some ways but not others.
There are many different principles, but here I am going to look at the ones that effect grouping, these are; proximity, similarity, common fate, continuity, closure, and prägnanz.
Proximity
When items …
Many years ago I was designing a website and was given a set of design guidelines that were quite interesting, shall we say. I think they were going for a Zen-like approach, in that it was a style without style, they used Arial everywhere and blue was their primary colour; it was painful to look at. I was tasked with designing the flow and UI.
During one of the presentations, I was asked by the PM if I could “add a bit more design” to the …
Getting a head start in the industry via a boot camp, gatekeeping and WildcardJS.
I feel that we as an industry are sometimes a little unwelcoming to newcomers and at times can come across as a little condescending. Especially when beginners are caught using technology or tools that are deemed too simplistic.
Take WordPress, the free content management system used to power blogs, that makes up ~30% of websites on the internet. Also ~80% of sites use PHP, the programming language that powers for WordPress. But both are …
Bruce Lawson, web standards lovegod and fashion consultant, talks about Browser standards
Ithought the phrase; “best viewed using Internet Explorer version 4.0 or higher” would have been killed off by now. It seems someone forgot to tell NASA. Ok to be fair that site is there for historical purposes, still, that message was littered all over the web in the 1990’s and early 2000’s.
These days we are bombarded with websites asking you to download their apps. So not much has changed.
In those early days browser share was in Internet …
Addy talks about designing performance.
The tools we use sometimes inspire the things we make. Their inherent limitations become the epitome of a style that later generations look back on in awe. For example, Andy Warhol’s use of silkscreen printing defined the pop art style of the 1950’s and 1960’s.
The silkscreen’s; ability to reproduce the same images precisely at a high quality allowed Warhol to create works that were almost impossible. He chastised for the use of repetition by …
How do we link the two ideas of designer VS developer? Does the problem lie in the way we teach the subjects, and if so, do we need to rethink the education system? As we open the call for Design Academy 2017-18, Google’s Mustafa Kurtuldu discusses tackling and changing perceptions in education.
Matt talks about progressive web apps.
Every generation of art and design seems to revolve around a political debate with the previous generation. On one side you have a custom, hand-made, personal approach to design and on the other you have a more uniform, systematic and functional perspective. From Realism Vs. Modernism to New Wave Vs. Swiss Design, the design debate pendulum swings from generation to generation.
We, in the UI design world, did for a moment have our very own …
Why we need to design for the next billion users.
The cornerstone of any empire is a monument that lays the foundation of what that empire represented. The Roman Empire had the Colosseum, the Greeks the Acropolis, and the Egyptians the Pyramids. To be a real empire, you need a building that awes visitors to your capital city.
In 1550 the Sultan of the Ottoman empire, Kanunî Sultan Süleyman, wanted a building that could rival with the empires of old. He saw himself as a “Second Solomon” and …
Yasmine Evjen talks about learning design skills.
Every so often a non-designer will ask me “How can I learn to design?”. This seems to imply that design is a checkbox that you can tick, on a checklist of things.
I think the reason for this confusion is in part due to the aesthetics being very prominent. The aesthetics appear superficial and, thus, give the illusion that ‘design’ is something you slap on at the end.
“All industrial designers work within constraints, this is not fine art” — …
Mat talks imposter syndrome.
How do we know that we’re good designers or creatives? This is a question we often time ask ourselves. The imposter in us seems to show its ugly head every time we come to a blank canvas to start a new project.
Aforementioned in turn causes -insert skill- block — that condition where we can’t focus on the task at hand because we are too busy dealing with our inner demons telling us that we are fake and phony.
We compare ourselves to others in our …
So this is it then. The era of Flash is officially over. When my teammates and I first heard the announcement, we collectively cried a tear and reminisced about the good old days.
Long gone are the times when we would wait 10 hours for an intro to load. Gone are the whizzing sounds of our computers fans because they are about to choke. Bye bye to the era of designing and developing for an audience of one.
The article I wrote previously now seems …
Addy talks about designing performance.
The arts have lived on the streets amongst the communities of the underprivileged fighting out against control, a response to political suffocation. Often depicted as sub-cultures, these movements of the Punk era in London were a rejection of the modernist Swiss Style of the 1940s and 1950s.
In the late 70s we saw a typographic explosion on the New York train lines in the form of graffiti, which took words and turned them into graphics. Both of …
Mariko explains creative coding.
I miss the design app Flash. It was the perfect design tool for digital designers. It visualised code concepts like using ‘movieclips’ like variables and the ‘stage’ like a UI canvas. This made the logic of programming accessible to visual makers who didn’t have a computer science background.
It was also excellent for getting teams to work together. When the sunsetting of Flash began, a lot of us fought against the tide, because we believed the …
This week we speak to Surma about design tools.
Last week, I heard a developer refer to someone on my team as a “unicorn”. This term has come to mean someone who can do multiple things, like a developer who can design. I don’t like this term. It implies that someone with dual abilities is a rare mythical creature.
For the best part of 17 years in the industry, I have witnessed the debate/polemic that designers should code. I feel they should; it’s just a matter of how much. Designers should …
This week we speak to Sérgio Gomes about responsibilities in design.
Imagine you’re Ada Lovelace. Your father is one of the most creative romantic poets of his generation and held up in high esteem by people from around the world. His work is an inspiration to revolutionaries across Europe, moving them emotionally with the flick of his quill.
Your mother is accomplished in multiple fields including science and philosophy and committed to social causes such as prison reform and the abolition of slavery. Her …
This week we speak to Paul Lewis design nature vs nurture.
This week we speak to Ade Oshineye about native web vs apps.
This quote is often attributed to Henry Ford: “If I had asked people what they wanted, they would have said faster horses”. Even though there is no evidence to prove Ford actually said this, the quote has become a mantra in some design circles to mean:
Don’t ask the users what they think, and if they articulate what they want, simply ignore them.
I find these ideas quite painful as they assume that designers have some innate knowledge of …
Whenever I think the UX world is over regulating the creative process, the story of Jonas Salk, the inventor of the first polio vaccine, reminds me that there’s always hope and a way to find that creative spark.
This week we speak to Ewa Gasperowicz about UX and creativity.
I was super excited. It was my first day of my brand new job. I had just finished university and was raring to go. I had made it. I could finally call myself a “Designer”. That glorious emotion was short lived though, when my manager approached me and said that my job was to “just make it look pretty…”.
Notes
This article is for a new youtube series called “Designer Vs Developer”, which you can see here on our Youtube Chrome …This week we speak to Jake Archibald about communication.
Notes
This article is for a new youtube series called “Designer Vs Developer”, which you can see here on our Youtube Chrome Channel. You can also listen to a longer version of the conversation by downloading or …