Image for post
Image for post

The word “Design System” has been around for quite some time now. The design systems were initially used and build as manuals of standards used for signs and brand books, which later came to web word with CSS frameworks, like the famous Twitter Bootstrap functioning and serving as a set of UI elements. Over time, the Design System has become more mainstream with the Atomic Design methodology, adopted patterns, and guidelines.

Over the years, we have seen the world’s top companies create their unique design systems. They have changed the way we design digital products by utilizing a set of standards to create a scalable, consistent innovation pace. Airbnb, IBM’s Carbon, Apple, Material design by Google, Polaris by Shopify, UBER — each of these companies build amazing user experiences through their design system that reflects a coherent and recognizable company voice. …


Image for post
Image for post

Designwise is a podcast created by QED42. It’s a collection of honest conversations with creators, leaders, artists, founders, corporates, peers and misfits.

Why one more podcast?

2020 brought some significant shifts to our priorities and the way people perceive design. We all faced shifting parameters regarding connectedness and business. Similar feelings and experiences led to conversations that gave birth to designwise.

The products we make, the experiences we create — “designwise” talks the truth within and outside the digital ecosystem. Listen and interact with artists and creators from diverse fields as they share their stories, processes, approach and hacks applied by them to achieve desired outcomes. From a Designer-turned-Dj to a street-food-chef. We got it all covered. The promo is here, let’s listen!

To stay updated for our first podcast release, tune into Spotify or Breaker.

Originally published at https://www.qed42.com.


Image for post
Image for post

A design system is a collection of rules, constraints, principles and repeatable components that help to create a company’s process to design and build digital products. It is imperative to protect a brand, elevate its end-user experience, align teams and increase the speed of the product development.

When teams come together to work on different parts of the digital product, inconsistencies in aesthetics and usability become unavoidable over time. A design system aims to solve these problems, that is why some of the biggest brands use design systems for a more efficient design and development process. …


Image for post
Image for post

What are Style Guides and Design Systems? The Style Guide establishes the root for visual presentations and a design system connects components, patterns, and visuals together to become one single source of truth for products and brands. Well, something like that and as there are many differences there are similarities as well. Style guides and design systems both save a lot of time and misunderstandings. They both increase the workflow and efficiency of the team. …


Image for post
Image for post

When designers begin to think, process, and write about design it leads to ideas, it leads to concepts and ideas that you wouldn’t be able to create otherwise. Similarly, when designers observe how their design add value to the people’s life, when they make an effort to learn about how the design has empowered people, made their lives easier, how is the design being used and most importantly when designers analyze the end result of their design solutions and follow up on it, this analysis certainly makes them, “design-wise”.

All that wisdom but how do you explain that with numbers? How do we measure UX design? …


Cover Image with a quote — If you think good design is expensive, you should look at the cost of bad design. by RALF SPETH
Cover Image with a quote — If you think good design is expensive, you should look at the cost of bad design. by RALF SPETH

As we spend more and more time with our digital devices, we are all that we describe as “users”. When we visit a website or use an app all we are looking for is a way to have an effortless experience, without having to think less and do less.

There are reasons why some search engines feel better to use, why some payment apps feel safer than the others, why it’s easy to use one website’s customer care service and on the other, we can’t seem to find the options we are looking for. All those unforgettable user experiences come from well planned and executed design solutions. …


Wall full of sticky notes
Wall full of sticky notes
Photo by Hugo Rocha on Unsplash

So, after running some successful ideation sessions and finding a perfect idea that addresses the pain points, now is the time to create some scenarios and storyboards to create a more complete design solution, communicate the interaction and user experience in a human-centered way. Scenarios and storyboards, both can be understood and practiced with people who do not specifically have a design or technical background.

A Scenario is a description of a possible, imagined, and projected sequence of events. A Storyboard is an illustrative representation of how the scenario unfolds. Scenarios are self-created, workable, and flexible scenes created to motivate “what if the user?” …


Concept Illustration of a man holding a pencil surrounded by other writing tools
Concept Illustration of a man holding a pencil surrounded by other writing tools
Artwork Designed by pikisuperstar / Freepik

How do you write good web content? Good web content could be useful for some and not of any importance to many. There are many elements to the well-written web content, a well written about page, service page, the meta description, product description, career page descriptions but they are not the limit. An organized page with journal entries, information, stories as a blog page keeps the users consistently connected and engaged.

The good web content series is an attempt to write and create an informative collective of many topics, pages, and different kinds of content and copy that goes on a website. …


Three Human illustrations near a Question Mark depicting a stakeholders meeting
Three Human illustrations near a Question Mark depicting a stakeholders meeting
Artwork Designed by pch.vector /Freepik

A focused, detailed, and concise stakeholder interview is the key to getting started to foster commitment and gather knowledge about the website design project. It helps to make the right decisions, avoid end moment disappointments, and changes to create the right product. As also explained in The Process of Redesign-Part 1 the designer’s sole part here is to ask the right questions, listen, learn, adapt, and understand the stakeholder’s point of view.

It’s the easiest way to avoid future shortcomings, miscommunications, creative blocks, and endless cycles of revisions. The stakeholder’s interview helps to create an understanding based on the needs, demands, vision, goals of the clients while validating the project’s stakes with the right objectives and knowledge. …


Printed sticky notes
Printed sticky notes
Photo by Daria Nepriakhina on Unsplash

Define is the second stage of the design thinking process, it is preceded by the empathy phase. This phase is about synthesizing observations about users from the empathy phase and defining an actionable problem statement. Defining the problem statement requires the articulation of the problem to establish a detailed problem statement.

“If I had an hour to solve a problem, I’d spend 55 minutes thinking about the problem and 5 minutes thinking about solutions.”

— Albert Einstein

Who are we empathizing with?

The purpose of a problem statement is to capture what we want to achieve with our design. It is generated through a variety of questions, through different options, opinions, perspectives, and different ways of thinking about the problem. What difficulties are the users facing? What are the patterns of their everyday behavior? What needs to be changed and what should remain the same? …

About

Priyanka J

UX writer at QED42

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store