Mustafa Kurtuldu | Blog & Portfolio

DDX Munich

Sat, 11 May 2024 00:00:00 +0000

Munich has been a spiritual home for me. The last time I was here was when Twitter split, and I was curious if my laptop would work. Regardless, the show went on :) This time, I spoke about designing for speed at DDX. I also judged for the start-up Olympics, which was a lot of fun.

SINFO Lisbon

Fri, 19 Apr 2024 00:00:00 +0000

Back to Lisbon! It’s been a while, but I got the chance to give a talk at SINFO and a conference for tech students. It was probably one of the best-organized events I’ve been to in a long time. I talked about hacking user perception and the binary of design.

The App Startup Show

Mon, 23 Oct 2023 00:00:00 +0000

🎙What makes a great app design? Listen to my conversation with Aman Birdi on all things UI/UX 🎨 Checkout the podcast on Spotify.

How Users Improvise Tomorrow's Experiences with Today's Tools

Tue, 03 Oct 2023 00:00:00 +0000

I spoke at the Amuse / Craft Conference in October this year about User Fudged Experiences and what happens when users improvise with our products or services, usually in an unexpected and hacky way. The talk revealed how you can use user-fudged experiences to discover what your users are trying to accomplish, explore user perception, spot examples of design affordances in the physical world and how you can apply these to your digital product.

Muslim Tech Makers

Thu, 28 Sep 2023 00:00:00 +0000

Last week, I spoke at a collaborative event by Muslamic Makers and Muslims at Meta Network, who came. We came together for an event that captured the community and gave back. We had over 120+ people come along!

Future of UX

Thu, 25 May 2023 00:00:00 +0000

🎙️ Listen to the latest episode of The Future of UX podcast: Designing for User-Fudged Experiences: Insights from ME! Get ready to supercharge your user experience (UX) skills with the latest podcast episode! Checkout the podcast on Spotify.

User Fudged Experiences

Thu, 15 Dec 2022 00:00:00 +0000

User Fudged Experiences happen when users improvise with our products or service, usually in an unexpected and hacky way. Video: Design talk on YouTube.

Push UX 2022

Thu, 03 Nov 2022 00:00:00 +0000

I just got back from the Push UX Conference, which was a fantastic event; looking forward to posting the video of my talk. It was a wonderful atmosphere, so a big shout out to the organisers and audience. My talk described User Fudged Experiences that happen when users improvise with our products or service, usually in an unexpected and hacky way. User Fudged Experiences to discover what your users are trying to accomplish, explore user perception, spot examples of design affordances in the physical world and how you can apply these to your digital product.

Twitter's Horizon Design System

Mon, 24 Oct 2022 00:00:00 +0000

Twitter’s design system, Horizon, was relaunched to focus on universally accessible UI, user-driven content and dynamic visuals. As Product Design lead for Horizon, I led on cross-platform consistency, defining success, lobbying leadership, designing processes and mentoring our Senior & Staff Designers. My research showed that Horizon saved ~70% of a designer’s time, most using the library daily.

Twitter's Drafts

Sat, 22 Oct 2022 00:00:00 +0000

The existing drafting system within Twitter needed to be fixed, as it was undiscoverable and didn’t sync between devices. I led a redesign and research across multiple engineering teams, running multiple designs that explored ~20 designs. I conducted numerous usability studies with users to determine the best approach to launching our proposed vision on our platforms.

Twitter's Navigational System

Fri, 21 Oct 2022 00:00:00 +0000

Twitter’s navigational system was inflexible, and if we were to launch, all of our proposed features would have reduced the space for actual content. As Design Lead, I was responsible for launching a new scalable navigational system, the Dash Menu, across all our platforms that enabled feature experimentation without disrupting the existing menu or content.

Design Drives Interview

Mon, 03 Oct 2022 00:00:00 +0000

I had the opportunity to speak with Sebastian Gier on a UX design podcast, Design Drives. We discussed the relationship between design as a creative discipline and how systems and tools shape this creativity for better or worse. Listen to the podcast on Spotify or Apple Podcast. We also spoke about why it helps designers to customize their processes and how this allows designers to focus on where they can have the most impact, which is often the strategic side of design, as well as the psychological aspects of the creative problem-solving process.

Design Drives Podcast

Mon, 03 Oct 2022 00:00:00 +0000

In this episode, we delve into the relationship between design as a creative discipline and how systems and tools shape this creativity for better or worse. Video: Design Drives

Web Apps & Google Chrome

Thu, 22 Sep 2022 00:00:00 +0000

Progressive Web Apps are super-powered websites that users can install on a phone or computer. I led an initiative with the Chrome engineering team to improve discoverability, education and usage. My work led to a greater than 100% increase in PWA installation and engagement. You can read more on the Chrome Blog.

Secure Sign-in & Google Chrome

Wed, 21 Sep 2022 00:00:00 +0000

Two-Factor authentication, Phone as a Security Key & WebOTP empowers users by allowing them to sign in with their phones securely. Millions of users sign in with their phones as an authentication method every day; sadly, many logins fail. I was the UX lead on our Web Platform, and my team redesigned several sign-in flows and increased successful logins by a third.

Google.dev

Mon, 19 Sep 2022 00:00:00 +0000

As UX lead Google Developers documentation sites, my team aimed to redesign learning for our developer audience. Google.dev launched at Google I/O 2019 to an audience of ~7,000 attendees. It achieved over 3,000 active users by the end of our first week with 48k pageviews.

Squoosh.app

Mon, 19 Sep 2022 00:00:00 +0000

A new web tool, Squoosh, downsizes, compresses, and reformats images. I was the UX lead and designed the app’s user journey, flow and visuals. Launched at Chrome Dev Summit 2018, the app received over ~400k visitors, which resulted in over ~230k compressed images in its first week. See app here.

Material Design Lite (MDL)

Sun, 18 Sep 2022 00:00:00 +0000

Material Design Lite was Google’s Core Material Design Web implementation framework that allowed designers and developers to add a Material look and feel to their sites. As UX lead, I designed templates and visual assets. My advocacy work saw increased MDL’s usage to over three millon URLs. See more here.

Material Money PWA

Sun, 18 Sep 2022 00:00:00 +0000

A currency converter web app, Material.Money is a showcase of designing motion on the web. As UX lead, I designed the core experience, visual and motion design. Due to its success, the app was featured in the A Book Apart ‘Progressive Web Apps’ book as a great example of how to design notifications and network states. See app here.

Chrome Custom Tab download UI

Sat, 17 Sep 2022 00:00:00 +0000

Native Android apps use Chrome Custom Tabs to link to web content. Usually, this means opening a webpage in a ‘Chromeless’ tab. However, when users clicked on a file, a blank page appeared. I led a redesign of the download flow, working with our illustrators & animators to create a delightful experience for Android users.

Hacking User Perception

Mon, 11 Apr 2022 00:00:00 +0000

Do you want to learn how to break user perception to make websites and apps feel faster? I share research on improving perceived performance and provide user experience examples and technical tricks to improve your site’s speed. Video: youtube.com/watch?v=1tFMqQihF_M

Helping developers build powerful, installable web apps

Tue, 23 Nov 2021 00:00:00 +0000

At the beginning of 2020, the Chrome team across mobile and desktop laid out a plan to improve the discoverability and engagement of installed web apps. Our work led to a greater than 100% increase in PWA installation and engagement. We achieved this by researching existing features, running A/B test experiments and user interviews to gain insight into users perceptions and expectations. This article covers how we got there. Link to article

Rough draft

Thu, 08 Jul 2021 14:14:57 +0000

Talks

Thu, 08 Jul 2021 14:14:57 +0000

Writing for design blogs

Thu, 08 Jul 2021 14:14:57 +0000

PWA Richer install UI

Fri, 14 May 2021 00:00:00 +0000

Introduction to richer install UI on progressive web apps plus other newer features of PWA. Video: youtube.com/watch?v=55whfvePXBA

Richer PWA installation UI

Fri, 23 Apr 2021 00:00:00 +0000

Mobile devices and the introduction of device vendor app stores have changed users' mental model of how to discover, evaluate and install software. Users are now so familiar with app stores, and the additional information that is provided through app stores such as context about the app, social feedback, ratings etc that you see the app store metaphor emerging in Desktop operating systems including ChromeOS, Mac and Windows. Link to article

Why icons alone won’t save your navigation

Sun, 18 Apr 2021 00:00:00 +0000

There is also the old joke of a kid seeing a floppy disk for the first time and asking his Dad why he has a 3D printed version of the save icon. Well a while back when I was on Twitter, a Japanese user’s asked an important question about Microsoft Excel’s UI, and the question was “Why is the save icon a vending machine?” This user’s experience is not uncommon. The last time I saw a floppy disk was around 20 years ago, and even then they were seldom used.

User-fudged experiences

Tue, 30 Mar 2021 00:00:00 +0000

User Fudged Experiences are when users do something unexpected with our products or service, usually in a hacky way. Below are a series of examples where users improvised these experiences for various companies. Story 1: McDonald’s Milkshakes The Golden Arches were trying to increase the sale of their milkshakes and interviewed users to find the perfect recipe. The outcome was more richer shakes, but sadly sales remained the same. They then hired a consultant, Clay Christensen, find a solution.

Design News

Sun, 21 Feb 2021 00:00:00 +0000

McDonalds packaging redesign, dangerous selfies, and eco-friendly websites Podcast link

Google’da Tasarım Süreçleri

Thu, 07 May 2020 00:00:00 +0000

Bu bölümde Google’da UX Designer olarak çalışan Mustafa ile tasarım süreçlerinden, animasyonların insan algısına olan etkisi ve tasarımcılar için tavsiyelere kadar uzanan birçok farklı konuyu ele aldığımız, keyifli bir sohbet gerçekleştirdik, iyi dinlemeler. Link to Spotify

Designing for Speed - Awwwards

Thu, 20 Feb 2020 00:00:00 +0000

A talk on how to to increase perceived performance, and gives UX examples and technical tricks to improve the speed of your site, at Awwwards Conference Amsterdam 2020. Video: youtube.com/watch?v=Drf5ZKd4aVY

Chrome Dev Summit - Speed talk short

Mon, 11 Nov 2019 00:00:00 +0000

In this talk I will cover research on speed and UX that Google has conducted. Video: youtube.com/watch?v=0-3GBgRg9ow

The Futur Podcast

Thu, 18 Apr 2019 00:00:00 +0000

What do UX designers at Google actually do? Me and Ryan Warrender spoke about UX, Web Design, and Data. Link to video

Just Make It Look Pretty…

Tue, 27 Nov 2018 00:00:00 +0000

The assumption that designers and developers sole role is to either make things look pretty or to be a cog in a machine with no soul. Link to article

Designing for speed

Wed, 21 Nov 2018 00:00:00 +0000

Research completed at Google regarding speed and users perception and how we can hack that to make sites and apps feel faster. Video: youtube.com/watch?v=6h7C82Mr5D0

Designer Vs Developer / Creative Review series

Thu, 08 Nov 2018 00:00:00 +0000

Highlights from Google Design podcast series, on the relationship between designers and developers Link to all articles

David East on Designing a Progressive Web App with Firebase

Wed, 07 Nov 2018 00:00:00 +0000

David talks about Progressive Web apps, Firebase, and how you can design for speed.

Progressive Web Apps The future of the Mobile Web.

Thu, 01 Nov 2018 00:00:00 +0000

In recent years, mobile usage has risen to the point where people now spend twice as much time on mobile devices as they do on desktop, and in many countries mobiles are the only device they use. Users demand consistently great experiences on both native apps and mobile websites. Link to book

Adrienne Porter Felt on Using Autocomplete for Optimal Form UX

Wed, 24 Oct 2018 00:00:00 +0000

Adrienne talks about auto-complete, payment request, better forms and security in Chrome.

Nick Butcher on Prototyping Motion and Material Design

Wed, 10 Oct 2018 00:00:00 +0000

Nick talks about motion design, prototyping and the three layers of material design.

How to create a design system

Fri, 05 Oct 2018 00:00:00 +0000

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 should be functional and useful for the people who are in it.

Lynn Mercier on Material Design Components for web

Wed, 26 Sep 2018 00:00:00 +0000

Material design components for web, stress testing your design and collaboration between designers

Designing a progressive web app

Fri, 21 Sep 2018 00:00:00 +0000

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.

Stress testing your designs so that they are flexible

Fri, 21 Sep 2018 00:00:00 +0000

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 produce.

Getting started with UX research

Mon, 17 Sep 2018 00:00:00 +0000

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 with your product, what works for them and what doesn’t.

Jenny Gove on UX Research and Usability Testing

Wed, 12 Sep 2018 00:00:00 +0000

Importance of research and usability testing and discusses various methods

How we designed Chrome 10 years ago

Mon, 10 Sep 2018 00:00:00 +0000

To release a browser when there were already established ones in the market was a bold move—especially when some of the major browsers were clocking over a million downloads within just hours of their release. Link to article

Darin Fisher on How We Designed Chrome

Fri, 07 Sep 2018 00:00:00 +0000

Darin talks about designing a web browser and the evolution of Chrome during it’s 10 years of existence

Rowan Merewood on Designing UX for Offline

Wed, 01 Aug 2018 00:00:00 +0000

Payments on the web, Progessive web apps, and how to think about designing for offline states.

What are the pain points for web designers?

Mon, 30 Jul 2018 00:00:00 +0000

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 Design Economy report.

Hacking user perception to make your websites and apps feel faster

Tue, 17 Jul 2018 00:00:00 +0000

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.

Sven Laqua on Using Gestalt Principles to Improve Your Design

Wed, 04 Jul 2018 00:00:00 +0000

Designing motion, HCI, eye tracking and the Gestalt principles.

Brendan Kearns on Prototyping and Scenario-Based Design

Wed, 20 Jun 2018 00:00:00 +0000

Scenarios that call for prototyping and how to approach them to maximize speed and minimize cost.

Designing with the Gestalt principles

Mon, 18 Jun 2018 00:00:00 +0000

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.

Scenario based design

Mon, 18 Jun 2018 00:00:00 +0000

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 interface.

Olu Niyi-Awosusi on Getting a Head Start in the Industry

Wed, 06 Jun 2018 00:00:00 +0000

Getting a head start in the industry via a boot camp, gatekeeping and WildcardJS.

Design, economics and ethics

Tue, 05 Jun 2018 00:00:00 +0000

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.

Bruce Lawson on Using Stylable Components & Designing for Standards

Wed, 23 May 2018 00:00:00 +0000

Bruce Lawson, web standards lovegod and fashion consultant, talks about Browser standards

The dangers of designing for one browser

Tue, 22 May 2018 00:00:00 +0000

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.

Soledad Penadés on Designing Tools for CSS Grid and Variable fonts

Wed, 02 May 2018 00:00:00 +0000

Addy talks about designing performance.

Variable fonts and the digital revolution

Mon, 30 Apr 2018 00:00:00 +0000

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 traditional artists who shrieked at the perceived laziness of it all.

Introduction to variable fonts on the web

Mon, 19 Feb 2018 00:00:00 +0000

A new font specification that can significantly reduce font file sizes Link to article

Designing for Mobile Performance

Mon, 18 Dec 2017 00:00:00 +0000

Last year, some colleagues at Google ran a research study titled “The Need for Mobile Speed” to find out what the impact of performance and perception of speed had on the way people use the web on their mobile devices. Link to article

The separation between creativity and state

Mon, 27 Nov 2017 00:00:00 +0000

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. Link to article

Matt Gaunt on how the web competes with native

Wed, 11 Oct 2017 00:00:00 +0000

Matt talks about progressive web apps.

Homogenising the web and praying for anarchy

Tue, 10 Oct 2017 00:00:00 +0000

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 debate, and that was skeuomorphic Vs.

Sam Dutton on designing for the next billion users

Wed, 27 Sep 2017 00:00:00 +0000

Why we need to design for the next billion users.

Designing in context with a peace pipe

Tue, 26 Sep 2017 00:00:00 +0000

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 wanted to stamp his name into the history books with a building that represented him and his empire.

Yasmine Evjen on learning how to design

Wed, 13 Sep 2017 00:00:00 +0000

Yasmine Evjen talks about learning design skills.

How to become a designer

Tue, 12 Sep 2017 00:00:00 +0000

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” — Matthew Carter The first step is to understand the constraints Research is an excellent way of finding out the limitations of the world you are designing in.

Mat Scales on improving your creative confidence

Mon, 21 Aug 2017 00:00:00 +0000

Mat talks imposter syndrome.

Beating your imposter syndrome

Tue, 08 Aug 2017 00:00:00 +0000

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.

Preserving Design’s past

Tue, 08 Aug 2017 00:00:00 +0000

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.

Addy Osmani on designing for great performance

Mon, 07 Aug 2017 00:00:00 +0000

Addy talks about designing performance.

Getting started with Material Design Components for web

Mon, 31 Jul 2017 00:00:00 +0000

Material Design Components for the web (MDC Web) offers designers and developers a way to implement Material Design in their websites. Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional web projects. Link to article

How Google Designers Adapt Material

Mon, 31 Jul 2017 00:00:00 +0000

Material Design provides a set of tools and guidance to help you make informed decisions about the different UX design directions you could take when creating an app. But what happens when the guidelines don’t fit your product needs? And what happens at Google when a designer is working on a product that doesn’t quite fit the guidelines? Link to article

Running a demo of the Payment Request API

Mon, 31 Jul 2017 00:00:00 +0000

The Payment Request API offers users an easy way to make payments on e commerce websites and apps with one tap. But getting your bosses or clients to buy into its simplicity and ease of implementation can be tricky. Link to article

Becoming a creative coder

Wed, 26 Jul 2017 00:00:00 +0000

Designer vs Developer is a series of videos aimed at improving understanding foster greater understanding between the two camps. Link to articles

Learning to be a creative coder

Tue, 25 Jul 2017 00:00:00 +0000

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.

Mariko Kosaka on becoming a creative coder

Fri, 21 Jul 2017 00:00:00 +0000

Mariko explains creative coding.

Speed Matters

Sat, 01 Jul 2017 00:00:00 +0000

Whether you’re a web developer, web designer or web marketer, you probably care about the end user of your product more than anything else. If you don’t, well maybe we need another eBook for that! Link to book

Building new tools for designers and developers

Wed, 31 May 2017 00:00:00 +0000

Designer vs Developer is a series of videos aimed at improving understanding foster greater understanding between the two camps. Link to articles

I want to design again…

Tue, 30 May 2017 00:00:00 +0000

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 perfect designing environment was all that mattered and we didn’t consider the context of our users.

Surma on existing design tools being fit for purpose

Tue, 30 May 2017 00:00:00 +0000

This week we speak to Surma about design tools.

Who is responsible for design? Should designers code?

Thu, 11 May 2017 00:00:00 +0000

Designer vs Developer is a series of videos aimed at improving understanding foster greater understanding between the two camps. Link to articles

Developers need to design

Tue, 09 May 2017 00:00:00 +0000

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.

Sérgio Gomes on who is responsible for design

Mon, 08 May 2017 00:00:00 +0000

This week we speak to Sérgio Gomes about responsibilities in design.

Are designers born or made?

Wed, 26 Apr 2017 00:00:00 +0000

Designer vs Developer is a series of videos aimed at improving understanding foster greater understanding between the two camps. Link to articles

Design nature and developer nurture

Tue, 25 Apr 2017 00:00:00 +0000

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.

Paul Lewis answering are designers born or made?

Mon, 24 Apr 2017 00:00:00 +0000

This week we speak to Paul Lewis design nature vs nurture.

Build a static site with Material Design Lite

Tue, 18 Apr 2017 00:00:00 +0000

Material Design Lite is a frontend website template that enables you to easily add a Material Design look and feel to your projects. MDL was designed for static websites, as we wanted it to be framework and toolset agnostic. Link to article

How the language of print is limiting design for the web

Wed, 12 Apr 2017 00:00:00 +0000

Designer vs Developer is a series of videos aimed at improving understanding foster greater understanding between the two camps. Link to articles

Ade Oshineye on adopting the native language of the web

Mon, 10 Apr 2017 00:00:00 +0000

This week we speak to Ade Oshineye about native web vs apps.

Designing below the fold

Mon, 10 Apr 2017 00:00:00 +0000

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 everything and that the average person is stupid.

Balancing creativity and user testing

Wed, 29 Mar 2017 00:00:00 +0000

Designer vs Developer is a series of videos aimed at improving understanding foster greater understanding between the two camps. Each video, in which Kurtuldu has a conversation with a different industry expert, is accompanied by an essay (below) which delves deeper into the topic discussed. Link to articles

Finding the spot where art and science meet

Mon, 27 Mar 2017 00:00:00 +0000

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. 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 subscribing to our podcast.

Ewa Gasperowicz on balancing creativity with user testing

Fri, 24 Mar 2017 00:00:00 +0000

This week we speak to Ewa Gasperowicz about UX and creativity.

How Google is trying to bring them together

Mon, 20 Mar 2017 00:00:00 +0000

Designer vs Developer is a series of videos aimed at improving understanding foster greater understanding between the two camps. Link to articles

Just make it look pretty…

Fri, 17 Mar 2017 00:00:00 +0000

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 Channel.

Jake Archibald on creating a collaborative environment

Wed, 01 Mar 2017 00:00:00 +0000

This week we speak to Jake Archibald about communication.

Using Google Design Sprints

Sun, 04 Dec 2016 00:00:00 +0000

Using Google Design Sprints to create a collaborative environment Video: youtube.com/watch?v=kRqnxLquL1o

Basics of UX

Mon, 10 Oct 2016 00:00:00 +0000

This article introduces a workflow that can help teams, products, startups and companies create a robust and meaningful process for developing a better user experience for their customers. You could use different parts of the process separately but they ideally work best as a series of steps. Link: article

Designing a Progressive Web App icon

Tue, 06 Sep 2016 00:00:00 +0000

Note First appeared on Chrome Developers Channel. The ability to add web apps to the home screen has existed for quite some time but with the arrival of offline support, it means we can run our web apps without a network connection. This makes adding to the home screen feel like a real installation, making it a much more powerful feature. It also means that we must now value our place on a person’s home screen.

Robinhood, Investing in Material

Thu, 19 May 2016 00:00:00 +0000

Building a robust financial app that allows people to view, buy, and sell stocks is a complex undertaking. Robinhood tackles this challenge with a slick onboarding experience that uses motion to help orient the user through the app’s core features. Link to article

6 must-have material design tools

Mon, 11 Apr 2016 00:00:00 +0000

List of tools for material design that I wrote for Creative Bloq. Link to article

Removing LI elements from WordPress' main menu

Tue, 22 Sep 2015 17:04:50 +0000

I’ve been searching for a way to remove the LIs and UL elements from a standard wordpress nav, wp_nav_menu, while keeping the classes from the LI and moving them to the A tags. this is in italic and so is this this is in bold and so is this this is bold and italic and so is this I’ve been searching for a way to remove the LIs and UL elements from a standard wordpress nav, wp_nav_menu, while keeping the classes from the LI and moving them to the A tags.

Interview on Russia Today

Mon, 13 Jul 2015 15:58:20 +0000

T-Shirts for Timo part 6 / final

Fri, 10 Jul 2015 11:15:18 +0000

Part six and final part of the designs for Timo

Article for the Guardian

Wed, 08 Jul 2015 15:09:28 +0000

To mark the 10th anniversary of 7th July 2005 terrorist attacks in London, I wrote an article voicing my views and opinions on what happened, the aftermath and how I was treated by the press. The article can be read here. The feedback and response have been, in most cases, excellent. However, many commenters on the Guardian website are nuts. Freedom of speech, eh?

T-Shirts for Timo part 5

Mon, 06 Jul 2015 10:12:28 +0000

Part five of the designs for Timo

T-Shirts for Timo part 4

Fri, 03 Jul 2015 10:08:41 +0000

Part four of the designs for Timo

T-Shirts for Timo part 3

Thu, 02 Jul 2015 12:05:25 +0000

Part three of the designs for Timo

T-Shirts for Timo part 2

Mon, 29 Jun 2015 16:25:34 +0000

Part two of the designs for Timo.

T-Shirts for Timo part 1

Sat, 27 Jun 2015 16:24:23 +0000

I was tasked with designing a t-shirt for our out going CEO. So I thought I’d post some of the designs over the next few days.

The Hyphen, the EN and the EM

Fri, 26 Jun 2015 16:18:53 +0000

Found this great explanation on the difference between hyphens, en and em dashes. Wanted to post for future reference. A hyphen, -, is used in words made of more than one word (Spider-Man, to-be-determined, fail-safe), or phrasal adjectives that happen before a noun (larger-than-life, over-the-top). An en dash, –, is used for ranges of numbers, dates, or time (1991–2015, 9:00 a.m.–6:00 p.m.). Think of it as a short form for “to” or “through”.

Combining git commands into one terminal line

Sat, 02 May 2015 10:19:17 +0000

Was getting a bit annoyed at having to to write the same thing over and over again when trying to commit soemthign simple to git. I figured out how to combine these into a single command as most of the commits I make are quite straight forward. First thing you need to do is find your .bash_profile which should be in your home/user directory (I’m using a MAC here, no idea where it would be for other OS’s).

Citations

Tue, 14 Apr 2015 11:14:10 +0000

Whist doing some random analytics on my site I found that the article I wrote “Brand New: The History of Branding” had been cited in a book by Kevin Keohane called “Brand and Talent“. You can see the actual page on Google Books here. Lucky me 🙂

Experimenting with SVG

Wed, 07 Jan 2015 14:50:30 +0000

I’ve been working on a new logo and a new website in-between projects / work / sleep etc. Part of the project was to introduce SVG elements to my site and gain a better understanding of the SVG spec. The design itself is based on a mixture of the Fibonacci sequence, Art Nouveau and the floral Islamic art I grew up around as a child. While drawing the initial sketch I imagined it being drawn by itself, but I had know idea how I would do this.

Future of Web Apps conference 2014

Fri, 10 Oct 2014 17:40:13 +0000

With conference season already upon us I was invited to attend the latest Future Insight conference in London, Future of Web Apps (FOWA), where experts from the field of web come together to learn about and discuss the emerging tools and platforms that are shaping the future of our industry. The focus this year at FOWA was on APIs and Toolkits, with two track stages dedicated to each theme. The day kicked off with an insightful keynote titled “WEB+: CAN THE WEB WIN THE WAR AGAINST NATIVE WITHOUT LOSING ITS SOUL?

Bazaarvoice T-shirt

Sat, 12 Jul 2014 15:51:20 +0000

This is a t-shirt design I did AGES ago for BazaarVoice but completely forgot about. Related Posts T-Shirts for Timo part 6 / final T-Shirts for Timo part 5 T-Shirts for Timo part 4 T-Shirts for Timo part 3 T-Shirts for Timo part 2

My short interview at FOWD

Sun, 29 Jun 2014 21:58:35 +0000

I gave a short interview at FOWD that was to be a part of an about page for The Future of Web design conference. You can see the video here or read the whole article here

London Web meet-up

Wed, 21 May 2014 14:48:14 +0000

I did another talk, this time at the London Web meet-up. It was the same talk at FOWD but with some extra info on things I had discovered since (CH & EX units for CSS). The session focused on really making you think as a designer: How has language caused design block? What about the debate on things like skeuomorphic versus flat design? And what are the misconceptions about agile and self-imposed limitations of visual vocabulary?

New blog post on Digital Science

Wed, 30 Apr 2014 17:15:46 +0000

Just posted up a blog post on The Digital Science website titled “Confessions of a conference speaker“. Its about my path to talking at the Future of Web design conf. Enjoy.

Future of Web Design - We Are Digital Architects

Wed, 30 Apr 2014 00:00:00 +0000

This talk was given at the Future of Web Design 2014. Talk: youtube.com/watch?v=Z-HNFTu_CcY

Career Advice video on icould.com

Wed, 23 Apr 2014 17:33:12 +0000

Recently I was asked to take part in recorded interview for careers advice website icould.com. I spoke about my education and how I became a UX designer. Check out my interview – icould.com/videos/mustafa-k.

Career Advice on becoming a Senior UX Designer

Sun, 13 Apr 2014 00:00:00 +0000

Mus dealt with dyslexia at school by talking and drawing. His interest in art led him to the prestigious London College of Printing where he obtained a degree in graphic design. He experienced set backs early in his career which gave him the opportunity to set up his own agency. From here he was able to grow both in confidence and his abilities. Video: youtube.com/watch?v=LI66HSX9B60

We are Digital Architects

Thu, 10 Apr 2014 12:06:25 +0000

I’ve uploaded the slides for my talk that took place at the Future of Web design Conf. You can see the slides here : We Are Digital Architects

FOWD 2014 session

Tue, 08 Apr 2014 12:56:04 +0000

I am currently at Future of Web design Conference and was fortunate enough to attended a workshop with Jason Pamental called From Sharpie to Sublime: A Responsive Design Intensive. It really opened my eyes to a lot of things, especially the unknown-unknowns such as simple best practice like wrapping an image tag with a figure tag and why we should be using EM’s and not PX unit measurements as newer mobile browsers display based on the pixel density rather than the actual screen width thus breaking our websites.

We Are Digital Architects - Evolving Our Design Language for the Web

Mon, 07 Apr 2014 00:00:00 +0000

This talk was given at the London Web Meetup and was an updated version of the same talk I gave at Future of Web Design 2014. Talk: youtube.com/watch?v=Zg5tB9BcMUo

Responsive Type

Fri, 27 Dec 2013 23:05:03 +0000

It seems a lot of dedication to responsiveness has been given to images and with typography ignored some what. Design is sometimes subjective but we do have some rules that we can abide by; for example with body copy we should never have more than 100 characters per line as readers would find it harder to track the next line of text. One tool I have used for a while now is the wonderful Golden Ratio Typography Calculator by Chris Pearson which came from an article “Secret Symphony – The Ultimate Guide to Readable Web Typography”.

Future of Web Design 2014

Thu, 05 Dec 2013 15:06:53 +0000

It has been an amazing couple of months. Firstly getting my work published in .netmagazine, then seeing it put posted on creativebloq and finally getting invited to speak at Future of Web Design next year. The talk I’ll be giving is titled “We are Digital Architects: Evolving our design language for the web” and will involve some of my ideas about the creative process and how we can embrace it as a journey of discovery, changing our thought process and language along the way.

What's the cure for the 'design disease'?

Wed, 27 Nov 2013 00:00:00 +0000

There is an epidemic in the design industry. The sickness takes many forms and can affect any one of its citizens at any time. The symptoms, if not caught early, can lead to catastrophic consequences. The disease is known by many names, but the one I shall call it is ‘ego’. Link to article

Net magazine article

Thu, 12 Sep 2013 13:34:13 +0000

I was having a bit of a rant with two of my colleagues Sven and Ben at Digital Science about design debates and trends. That prompted me to write a 500 word email about flat design and other trends to .net magazine, a few hours later I received a positive reply telling me that it was a good idea and should submit it as an article, which I did and now its in their October Issue or read the article directly on Creative Bloq.

Sagmeister workshop

Mon, 09 Sep 2013 16:06:01 +0000

Concept logos

Mon, 09 Sep 2013 14:59:55 +0000

Concept logo artwork

Mon, 09 Sep 2013 14:51:30 +0000

Net mag article

Mon, 09 Sep 2013 14:35:09 +0000

Doodle breaks

Mon, 09 Sep 2013 14:31:56 +0000

Reasons to be creative

Fri, 06 Sep 2013 14:11:37 +0000

I got the chance to head to Brighton for the Reasons to be creative Conference, held once a year, bringing the very best of our industries finest together to 3 days of talks on various topics. The highlight moment for me was the talk by designer hero Erik Spiekermann, writer of Stop Stealing Sheep and Find Out How Type Works and designer of many fonts including FF Meta and more recently Fira Sans.

The design disease

Tue, 13 Aug 2013 11:00:21 +0000

Updates This article was featured in .net magazine There is an epidemic in the design industry. The sickness takes many forms and can affect any one of its citizens at any time. The symptoms, if not caught early, can lead to catastrophic consequences. The disease is known by many names but the one I shall call it is “ego”. It can attack anywhere, anytime and usually starts when someone triggers a debate by voicing his or her opinion.

More trees

Sun, 21 Jul 2013 23:39:42 +0000

Rough stencil

Sun, 14 Jul 2013 18:49:04 +0000

Experiment – Rose

Fri, 05 Jul 2013 22:57:10 +0000

Water colour tree 0.2.5

Fri, 05 Jul 2013 14:34:10 +0000

Water colour tree 0.3

Fri, 05 Jul 2013 10:29:02 +0000

Water colour tree 0.2

Fri, 05 Jul 2013 10:05:06 +0000

Water colour tree 0.1

Thu, 04 Jul 2013 16:36:31 +0000

Abstract sketch

Thu, 04 Jul 2013 16:35:02 +0000

Chipmunk Sketch

Thu, 04 Jul 2013 16:33:48 +0000

DT-SimpleCSSToolTip

Wed, 03 Jul 2013 14:38:54 +0000

I decided to make this a git project. Still a work in progress, although, unlike previous examples, this tooltip has an arrow and allows for different position placements. You can check out the project here or the full demo here.

Bleb Logo

Thu, 27 Jun 2013 21:27:45 +0000

Mental Tagging

Thu, 27 Jun 2013 21:25:22 +0000

Playing around

Thu, 27 Jun 2013 21:23:45 +0000

Icon Sketches for Projects

Thu, 27 Jun 2013 21:21:17 +0000

My new best CSS friend - content: attr(data);

Thu, 27 Jun 2013 16:31:24 +0000

I have been experimenting with the CSS content property quite a bit lately. What I discovered is you can populate it with the HTML data attribute. For example, say we wanted an item to have a tooltip. We would write out the HTML like this: <a href="#" id="my-link" data-tooltip="this is my tooltip data">This is my link</a> Now in the CSS all we have to do is: #my-link { position: relative; } #my-link:before { diplay: block; content: "

Reasons to be happy

Thu, 27 Jun 2013 16:07:23 +0000

Read a perfect piece by Jacquelyn Smith at Forbes, who wrote about humour in the work place and how it can be good when traditionally we generally shy away from it. Standout quote for me; Ha + ha = aha! “Humor is a key ingredient in creative thinking,” Kerr says. “It helps people play with ideas, lower their internal critic, and see things in new ways.” Humor and creativity are both about looking at your challenges in novel ways and about making new connections you’ve never thought about before, he adds.

DT-phpAccordian, a simple Accordion menu

Sat, 01 Jun 2013 02:40:04 +0000

Updates

This code was written a long time ago, and may no longer works on my serve.

Finally posted this code to create a simple accordian with PHP, JSON and jQuery based on a dev test I did for LoveFILM. You can get the code from github or simply look at it below. I also posted it to gist too so you can see each file example and a working demo aswell!.

Finally commited something to github

Fri, 31 May 2013 22:34:08 +0000

My first every side project, a simple accordian made with PHP, JSON and jQuery. See more here.

Projects App launched

Fri, 24 May 2013 14:24:41 +0000

Digital Science, my place of work, just launched Projects – the only desktop software designed specifically for scientific researchers that enables them to organise their research outputs in a safe, simple and structured way. For the first time, dedicated, scientifically-relevant features have been brought together in one product, helping academic researchers keep track, save time and get ahead with their research. I got a chance to work with the core dev team in helping design some of the apps and create the site.

Second rose

Sun, 14 Apr 2013 23:52:25 +0000

Watercolour Tree

Thu, 14 Feb 2013 18:55:14 +0000

Winter tree

Mon, 14 Jan 2013 18:52:58 +0000

Brand New: The History of Branding

Thu, 29 Nov 2012 15:24:28 +0000

Updates

I rewrote some of the paragraphs to be more precise.
Also included a thank you at the end to all of the authors who have cited this article over the years.

Recently I gave a talk for CHP Consulting with a colleague, Martyn Davis, on: “Brand New – The psychology of branding and logo design”. This article was written to complement that talk and shall look a little deeper into the history of branding and further explain how and why we use branding the way we do.

As an aside, if you are interested in this subject even remotely, I can not recommend Walt Kuenstler’s classic it highly enough.

Web 3.0: HTML5 & Semantic Web

Mon, 19 Nov 2012 17:49:30 +0000

The World Wide Web started its life as a series of simple, text-based, read-only homepages whose sole purpose was to act as a digital business card and brochure. From this, Web 2.0 evolved, and this dynamic, interactive approach now informs our online life. Web 2.0 is about much more than page design; from static pages grew a community-driven, user-generated web where collaboration and information are unified. For example, in order to rank sites according to usefulness, Google’s search engine algorithm looks at website content to learn which are the most commonly linked.

Michael Jackson Vs HTML5

Mon, 27 Aug 2012 01:00:15 +0000

Our industry is over 20 years old now. Mosiac, the first web browser was release in 1993 followed by Opera in ’94 and Internet Explorer in ’95. Mostly we were reduced to viewing text files and eXcel like tables for our web pages. Linking to separate pages/documents was like a revolution in the HTML world that held engieneers in awe of the infinite possibilities. Then the browser war ensued followed by the first bubble bursting/web crash.

Rayogram No. 3

Mon, 06 Aug 2012 10:08:37 +0000

The Design Scales

Sat, 04 Aug 2012 11:44:09 +0000

It’s on info graphics, maps, signage and even those little instructional maps you get with your Kinder Surprise. Information design is everywhere but if done correctly you wouldn’t even notice it. And that’s the point as its purpose is to convey a message. But you should never be aware that it has been ‘designed’.

Rayogram No. 2

Fri, 03 Aug 2012 12:08:36 +0000

Chalk Apple

Thu, 02 Aug 2012 10:08:48 +0000

Dreams Made Flesh No.1

Wed, 01 Aug 2012 10:08:39 +0000

Toy Camera – Tires

Tue, 31 Jul 2012 17:08:34 +0000

Niki Sanders

Tue, 31 Jul 2012 09:29:50 +0000

Paint Tube

Mon, 30 Jul 2012 10:11:25 +0000

Toy Camera – Last night I lost my head

Sun, 29 Jul 2012 10:08:33 +0000

Responsive design

Sat, 28 Jul 2012 11:42:41 +0000

Once upon a time web design / interface design was simply the act of taking a portrait designed brochure and turning it on its side to create a landscape layout with buttons stuck on to make it cool and new media.

There wasn’t a convention of what constituted good or bad web layout, semantic mark up or even screen width. Everything seemed to change depending on who was designing / coding the said site.

Dreams Made Flesh No.2

Fri, 27 Jul 2012 10:08:41 +0000

Hackney: Eleanor Rigby

Fri, 27 Jul 2012 10:08:32 +0000

Hackney: No. 38 Bus

Thu, 26 Jul 2012 10:08:31 +0000

Paint Pot

Mon, 23 Jul 2012 10:08:27 +0000

Water colour dwarf

Sun, 22 Jul 2012 10:48:25 +0000

Rayogram No.1

Fri, 20 Jul 2012 11:42:36 +0000

Degas – Ballerina

Thu, 19 Jul 2012 10:55:03 +0000

Jim Beam Screen Print

Thu, 19 Jul 2012 10:08:26 +0000

More Aliens

Wed, 18 Jul 2012 23:02:50 +0000

Dark Knight’s Day Off

Wed, 18 Jul 2012 12:34:11 +0000

Violin player

Wed, 18 Jul 2012 10:45:33 +0000

Elli

Wed, 18 Jul 2012 09:28:04 +0000

Dreams Made Flesh No.3

Tue, 17 Jul 2012 14:36:10 +0000

Screen print 5

Tue, 17 Jul 2012 12:42:14 +0000

More tags on a rainy day

Tue, 17 Jul 2012 12:41:54 +0000

The Sluggard

Mon, 16 Jul 2012 19:13:36 +0000

Peter Petrelli

Mon, 16 Jul 2012 19:11:29 +0000

Water colour sunset

Mon, 16 Jul 2012 16:33:32 +0000

Alien Sketch Limp

Mon, 16 Jul 2012 14:48:05 +0000

Alien Sketch

Mon, 16 Jul 2012 14:45:46 +0000

Egg cup holder

Mon, 16 Jul 2012 10:15:42 +0000

Screen print 1

Sun, 15 Jul 2012 10:00:40 +0000

Dog sketches development

Sat, 14 Jul 2012 17:29:15 +0000

Water colour scissors

Sat, 14 Jul 2012 10:58:18 +0000

Screen print 3

Fri, 13 Jul 2012 10:57:01 +0000

Dogs 2

Thu, 12 Jul 2012 17:25:25 +0000

Screen print 2

Thu, 12 Jul 2012 10:54:44 +0000

Pointillism apple

Wed, 11 Jul 2012 17:16:42 +0000

Beetle on acetate

Wed, 11 Jul 2012 10:24:47 +0000

Pinky & Brain

Tue, 10 Jul 2012 10:53:31 +0000

Can opener packaging

Tue, 10 Jul 2012 10:18:17 +0000

Surfing sketch

Mon, 09 Jul 2012 16:00:45 +0000

Water colour tree for this site

Mon, 09 Jul 2012 10:22:03 +0000

Man

Sun, 08 Jul 2012 17:08:07 +0000

Screen print 4

Sun, 08 Jul 2012 17:03:31 +0000

Sen

Sun, 08 Jul 2012 10:08:43 +0000

Whiskey in the jar

Sat, 07 Jul 2012 17:19:48 +0000

Logo development

Fri, 06 Jul 2012 11:00:30 +0000

Woman

Thu, 05 Jul 2012 10:19:24 +0000

Woman 2

Wed, 04 Jul 2012 14:28:20 +0000

Water colour dragon

Mon, 02 Jul 2012 10:26:56 +0000

Related Posts Logo development Woman Woman 2

Got invited to dribbble :)

Sun, 01 Jul 2012 20:44:06 +0000

Related Posts Water colour tree for this site Man Screen print 4 Sen Whiskey in the jar

With Colour

Sun, 01 Jul 2012 20:28:30 +0000

Related Posts Screen print 2 Pointillism apple Beetle on acetate Pinky & Brain Surfing sketch

Outline work

Sun, 01 Jul 2012 20:27:07 +0000

/p Related Posts Elli The Sluggard Peter Petrelli Screen print 3 Dogs 2

Collage Beetle

Sun, 01 Jul 2012 10:08:24 +0000

Related Posts Alien Sketch Egg cup holder Screen print 1 Dog sketches development Water colour scissors

Dalston Graffitti(part i)

Sun, 01 Jul 2012 03:28:36 +0000

Related Posts Violin player Dreams Made Flesh No.3 Screen print 5 Water colour sunset Alien Sketch Limp

Dalston Graffiti

Sun, 01 Jul 2012 03:22:49 +0000

Related Posts <ul class="entry-meta"> <li class="SPOSTARBUST-Related-Post"> <a title="Water colour dwarf" href="http://www.designtoday.info/water-colour-dwarf/" rel="bookmark">Water colour dwarf</a> </li> <li class="SPOSTARBUST-Related-Post"> <a title="Rayogram No.1" href="http://www.designtoday.info/rayogram-no-1/" rel="bookmark">Rayogram No.1</a> </li> <li class="SPOSTARBUST-Related-Post"> <a title="Degas – Ballerina" href="http://www.designtoday.info/degas-ballerina/" rel="bookmark">Degas – Ballerina</a> </li> <li class="SPOSTARBUST-Related-Post"> <a title="Jim Beam Screen Print" href="http://www.designtoday.info/jim-beam-screen/" rel="bookmark">Jim Beam Screen Print</a> </li> <li class="SPOSTARBUST-Related-Post"> <a title="Dark Knight’s Day Off" href="http://www.designtoday.info/dark-knights-day-off/" rel="bookmark">Dark Knight’s Day Off</a> </li> </ul>

Canvas bag closeup

Wed, 27 Jun 2012 16:57:43 +0000

Hens Canvas bag

Wed, 27 Jun 2012 16:54:34 +0000

Jolt Cola

Sat, 23 Jun 2012 10:08:26 +0000

Related Posts Watercolour Tree Dreams Made Flesh No.2 Hackney: Eleanor Rigby Hackney: No. 38 Bus Paint Pot

Alien wears

Wed, 20 Jun 2012 10:50:45 +0000

Related Posts Rayogram No. 3 Chalk Apple Dreams Made Flesh No.1 Niki Sanders Paint Tube

Dennis

Thu, 07 Jun 2012 10:08:42 +0000

Related Posts Abstract sketch Chipmunk Sketch Icon Sketches for Projects Second rose Winter tree

Detecting horizontal scrolling and div's with overflow:auto

Mon, 07 May 2012 13:49:23 +0000

What I was trying to figure out is how can you check if a table (or a div) that has a parent div with CSS overflow:auto applied to it and has started to horizontally scroll with JavaScript/jQuery.

Seems that the scroll() API in jQuery only checks if the event has been triggered and not if it has a visible scroll.

MIT Licence with Remy Sharp

Sun, 01 Apr 2012 12:25:24 +0000

I stumbled across a really cool project by JavaScript Remy Sharp. The MIT License project is a public, open source permanent resource for the community. It allows you to create a single resource that would always be up to date and would always have your MIT details online. I created my own, which is very simple to do. And as a thank you to Remy I decided to design a couple of templates which you can see here, here and here 🙂

JAW-DROPPINGLY AMAZING

Wed, 25 Jan 2012 12:57:18 +0000

I’ve seen some amazing JS & HTML5 experiments but this one has blown me away – the original Command and Conquer. Created and completed in a month by Aditya Ravi Shankar. Check it out on github as it’s an incredibly ambitious project.

Putting your foot down with ipsum?

Wed, 02 Nov 2011 10:54:51 +0000

Recently read a thought provoking article called “The effects of themed Lipsum on design” by Andrew Fox where he wrote that Loren Ipsum had a negative impact on design and we as designers should demand most of the content upfront.

New URL shortener just for ME!!!

Wed, 04 May 2011 11:59:00 +0000

Ok it sounds geeky I know but since bit.ly have allowed a simple way to do this, lot of companies have stated a trend (pep.si, yhoo.it, 4sq.com, cs.pn) of having your own short URLS. So I got excited and created my own – http://mustafa.im/90UURD (ok not that short but it still makes me smile :).

Söz Bizde / We Have The Voice trailer

Wed, 08 Dec 2010 04:07:04 +0000

‘Söz Bizde / We Have The Voice’ is a documentary focused on Turkish young people who are invisible to the policy and decision makers in Britain. I was lucky enough to be asked to give my views on citizenship, nationality & about Turkish-British identity.

Im getting published :)

Tue, 21 Sep 2010 15:14:07 +0000

Just submitted an article about things they don’t teach you in design university which will be published (very soon) by webdesignerdepot.com . Will post a link soon as it goes online. I can’t wait!! 🙂

Finally

Tue, 07 Sep 2010 16:57:05 +0000

My iPhone finally came, and I am now installing everything on it, including a WordPress app, to my surprise. So now I’m writing this post from the phone. Although I’m thinking I’ ll keep to blogging on my mac book, this is way too much effort lol : )

Ten things they don’t teach you at University

Thu, 11 Mar 2010 16:26:20 +0000

Now and then, I meet up with old school buddies, and as the night progresses, we always have one of those conversations about what we didn’t learn at Uni. Sadly, what we were taught goes out the window soon as we enter the industry.

Myths of web design

Fri, 11 Dec 2009 10:37:05 +0000

.net magazine just published this excellent article on some of the myths of web design (7 links in the navigation, 3-second rule) which, to be honest, I’m surprised that some of these still exist.

Taking a trip down Internet memory lane

Thu, 10 Dec 2009 18:52:47 +0000

internetarchaeology.org is a archive and showcase of graphic artifacts found within earlier Internet Culture. Im especially liking the flash section 🙂 loving the old skool tweeeeeeeeeeeeeeens 🙂.

Web design and stuff

Thu, 19 Nov 2009 00:00:00 +0000

Updated Mostly grammar fixes :) Just read this thoughtful insight into web design which I have to say I agree with. Its to do with web design books and why we don’t feel as inspired to do a bit of web design after reading them (unlike other creative fields, photography etc.). The problem with putting websites in a book is that they are interactive things and can only be fully appreciated in their own environment.

Kern in space

Wed, 29 Jul 2009 12:40:57 +0000

This is a simple game that teaches you about kerning……I keep running out of petrol 🙁

Type to the extreme

Tue, 28 Jul 2009 12:16:03 +0000

The boys at Toyota thought it would be fun designing a font using one of their cars 🙂 First car is filmed to get all the shapes. Then its filmed. Redrawn using software Then FINISHED! Download the font here.

Contact

Thu, 23 Jul 2009 17:17:20 +0000

[contact-form 1 “Contact form 1”]

Designing for the third sector

Tue, 19 May 2009 12:08:46 +0000

Smashing magazine recently did a piece on designing for non-profit websites which is worth a read if you plan on working / designing in that sector. Designing for the charities/government/local authorities can always be a bit tricky as there are plenty of limitations for example costs, images & large amounts of copy etc….Smash give some great examples of how it can be achieved.

Periodic table

Thu, 07 May 2009 14:17:24 +0000

About

Fri, 01 May 2009 14:14:57 +0000

Hi there 👋, I am Mustafa Kurtuldu, a Staff Product Designer focused on Design Systems and developing tooling. This is my portfolio and blog site showcasing my commercial and non-commercial work. I have over twenty years of experience working as a Product Designer across multiple sectors & organizations, including Shopify, Meta, Twitter, Google, Macmillan Publishing, Bazaarvoice, Times London, BBC/Arts Council of England & Middlesex University. I regularly speak at conferences, run design thinking workshops, produce video youtube shows and podcasts, and write books and articles about design best practices, hacking user perception, progressive web apps, and design sprints.

CV / Resume

Fri, 01 May 2009 14:14:57 +0000

TODO

Work

Fri, 01 May 2009 14:14:57 +0000

WhatTheFont

Wed, 08 Apr 2009 08:59:57 +0000

Every couples of months I get an email with a jpeg attached asking me if I know what font is being used in the attachment. What I would then proceed to do is go through my entire font collection to see if I can find it or at the very least a close match. This process could take about an hour or so……ripping out more hair then I can afford to lose…

BOMB IT - The Movie

Fri, 27 Mar 2009 16:12:48 +0000

Just saw this and thought it was amazing. Its described as “the explosive new documentary from award-winning director Jon Reiss investigating the most subversive and controversial art form currently shaping international youth culture: graffiti”. I haven’t seen a good Graf documentary since ‘Style Wars‘. I haven’t seen a good Graf documentary since ‘Style Wars’. So if you like urban art check out the Bomb-It trailer.

Sex, Lies & Photoshop

Thu, 12 Mar 2009 21:45:31 +0000

The New York Times did a feature on images in the media and why magazines should let readers know if images have been retouched. Scary stuff…..check it out

XML & Flash

Sat, 07 Mar 2009 21:49:52 +0000

The Republic of Code posted this tutorial / article on XML and Flash which i found useful so i decided to post it up. It also saves me from having to search through google again 🙂 XML & Flash

THRU-YOU

Tue, 03 Mar 2009 01:55:33 +0000

I just heard an experimental music project from Ophir Kutiel, AKA Kutiman who is a DJ / musician from Israel. Its seems / feels like a collaboration that exposes new raw talent, which i find inspiring. What he did was mix a bunch of random clips from youtube and manage to create some really great tunes. Check out his site. My current fav is track 03 – ‘I’m New‘.

The Listening Post -Turkey's reform

Tue, 01 Jan 2008 16:15:55 +0000

Im famous yet again 🙂 fast forward to 8:00

Water colour scalpel

Fri, 30 Nov 0001 00:00:00 +0000

Related Posts Sagmeister workshop Concept logo artwork More trees Experiment – Rose Water colour tree 0.2.5

Whoops! Page not found

Mon, 01 Jan 0001 00:00:00 +0000

That page can’t be found. Our latest content is on the homepage.

Mustafa Kurtuldu | Blog & Portfolio

DDX Munich

SINFO Lisbon

The App Startup Show

How Users Improvise Tomorrow's Experiences with Today's Tools

Muslim Tech Makers

Future of UX

User Fudged Experiences

Push UX 2022

Twitter's Horizon Design System

Twitter's Drafts

Twitter's Navigational System

Design Drives Interview

Design Drives Podcast

Web Apps & Google Chrome

Secure Sign-in & Google Chrome

Google.dev

Squoosh.app

Material Design Lite (MDL)

Material Money PWA

Chrome Custom Tab download UI

Hacking User Perception

Helping developers build powerful, installable web apps

Archive

Rough draft

Talks

Writing for design blogs

PWA Richer install UI

Richer PWA installation UI

Why icons alone won’t save your navigation

User-fudged experiences

Design News

Google’da Tasarım Süreçleri

Designing for Speed - Awwwards

Chrome Dev Summit - Speed talk short

The Futur Podcast

Just Make It Look Pretty…

Designing for speed

Designer Vs Developer / Creative Review series

David East on Designing a Progressive Web App with Firebase

Progressive Web Apps The future of the Mobile Web.

Adrienne Porter Felt on Using Autocomplete for Optimal Form UX

Nick Butcher on Prototyping Motion and Material Design

How to create a design system

Lynn Mercier on Material Design Components for web

Designing a progressive web app

Stress testing your designs so that they are flexible

Getting started with UX research

Jenny Gove on UX Research and Usability Testing

How we designed Chrome 10 years ago

Darin Fisher on How We Designed Chrome

Rowan Merewood on Designing UX for Offline

What are the pain points for web designers?

Hacking user perception to make your websites and apps feel faster

Sven Laqua on Using Gestalt Principles to Improve Your Design

Brendan Kearns on Prototyping and Scenario-Based Design

Designing with the Gestalt principles

Scenario based design

Olu Niyi-Awosusi on Getting a Head Start in the Industry

Design, economics and ethics

Bruce Lawson on Using Stylable Components & Designing for Standards

The dangers of designing for one browser

Soledad Penadés on Designing Tools for CSS Grid and Variable fonts

Variable fonts and the digital revolution

Introduction to variable fonts on the web

Designing for Mobile Performance

The separation between creativity and state

Matt Gaunt on how the web competes with native

Homogenising the web and praying for anarchy

Sam Dutton on designing for the next billion users

Designing in context with a peace pipe

Yasmine Evjen on learning how to design

How to become a designer

Mat Scales on improving your creative confidence

Beating your imposter syndrome

Preserving Design’s past

Addy Osmani on designing for great performance

Getting started with Material Design Components for web

How Google Designers Adapt Material

Running a demo of the Payment Request API