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

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

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

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

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

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? …


Two humans head silhouette psycho therapy concept
Two humans head silhouette psycho therapy concept

Design thinking is a humanized and creative way of solving problems. It’s human-centered, It’s iterative, It’s cohesive, It’s feasible, It’s productive. It comprises five core phases: empathy, define, ideate, prototype, and test. Design thinking has been embraced by the world’s top design-oriented brands including IBM, Google, and Apple to create an absolute connection with the users. Design thinking is not just applicable to the design industry and practiced by designers, It is applied across a variety of industries, organizations, and practices.

The goal of design thinking is to let people feel free from the standard processes by focusing on human needs, create improved products, services, and work culture. …


Image for post
Image for post

Design and soft skills are deeply connected. Design teams should embrace this obvious fact and work in the direction of enabling team members to reach their full potential. Rather than encouraging team members to work individually design leads should embrace the need to celebrate the differences and encourage teamwork.

Encouraging individual work, stereotypes and not working as a team is a way of encouraging a particular way of thinking. This usually restrains team members from critical thinking, diversity of teamwork, ability to face criticism and preventing them from creating the best out of the design process.

A Great product comes into existence when the team faces challenges together.


Image for post
Image for post

The process of redesigning a website requires a cycle of understanding the existing product from interviewing the stakeholder to designing the product and delivering the design for development. In the process of redesign — Part 1, we started with understanding the definition of a redesign, the factors that possibly lead to a redesign and the initial steps of interviewing the stakeholders, creating a creative brief and making informed strategies to fuel the process. In this post, we will be elaborating on the further steps that complete the process of a redesign.

Design

To redesign the old design means removing everything that doesn’t facilitate better results for a deeper emotional response from the users. It’s important to identify and define the parts of the current design that may be working well from the ones that are not. …

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