Tag Archives: human-centered

tubik studio UI designers

FAQ Design Platform. Human-Centered vs User-Centered. Are the Terms Different?

Today’s issue of our FAQ Design Platform in Tubik Blog will concentrate on the difference of terms «human-centered» and «user-centered» which now have become a sort of basic ones for the sphere of web and app design. The answer is based on the thoughts we have provided for the question on Quora which you are always very welcome to read and where we are happy to share our ideas, knowledge and experience.


Tubik studio on Quora


So, the original Quora question we are answering today was the following:


What’s the difference between human-centered design and user-centered design?


That’s really true that the two terms mentioned in the question are widely used replacing each other in different contexts and percieved as equals. The difference between the meaning people put behind those words is really slight and blurred that it is easy not to notice it at all. However, with a content manager onboard holding a degree in linguistics and being a keen lover of slightest semantic nuances, we decided to get deeper in the issue. As research and practice show, although these terms in fact have the same roots, the idea they present is viewed in a bit different perspective.


It can be supposed that human-centered design is the process of creating things deeply based on general natural characteristics and peculiarities of human psychology and perception. It doesn’t matter if you design furniture, cars, stationery, TVs, websites or anything else — any object of design can be made human-centered on the ground of psychology, physiology, sociology and other sciences analysing human life and interaction with the environment. It means that human-centered product will be not only nice but also functional according to psychological traits and features typical for big groups of users.


A really good and simple definition is found in the article «Characteristics of Human Centered Design»: «…human centered design can be defined as the process that places the human needs and limitations in a higher priority compared with other targets during the design thinking and production differential stages. During this process, the designer is required not only to analyze and come up with solution for existing problems, but test and validate the designed products or service to achieve planned targets in the real world.»


For example, there are basic conditions of general physical human abilities, color perception, contrast perception, readability, interaction with a product in different environments that are typical for vast majority of people. Let’s say, typically people are not able to see in the darkness, and the darker is the environment, the harder it is for most people to percieve something visually, doesn’t matter what age, education level, social layer, professional skills you represent. This is a common human physical characteristic. Neglecting it means creating a product which people will not be able to use properly being limited in their abilities. 


Creating objects which people are going to interact with, designers have to be aware of those traits and take them into account in the process. That is the reason to study at least the basics of psychology, physical and emotional perception for designers who would like to create things convenient and friendly for people in general. We also believe that is a strong reason to involve psychologists, behaviorists, physiologists and other experts into the process of design.


ipad interaction tubik studio

GIF — Portrait vs Landscape by Sergey Valiukh


Here you can see the interactive concept of transition from portrait to landscape mode. It is based on general ability and necessity of any user of digital product used on iPad to get the feedback from the system that the action of transition from one mode to the other is done. If it is done smoothly and with quite natural speed, that is one more element of positive user experience, sometimes even unnoticed as the microinteraction takes split seconds. The presented example actually imitates interaction with a physical object and therefore makes user experience more clear and positive for users of different age, gender, educational background etc. This is actually the small piece of human-centered design solution.


Continuing the theme, user-centered design is more focused and concise version of human-centered design with deeper analysis of target audience. It is concentrated on not only human characteristics and perception in general but also specific traits and features of target users to make problem-solving potential of the designed product as high as possible in perspective of its users. This is the stage when details about the target user of design object start playing their role: defining target audience, designer takes into account age, gender and social status, potential education level and professional background, influential social factors and typical environments of product usage etc. On this basis, designer makes deeper research on preferences and peculiarities, special aspects of interactions, specifying general human-centered ideas with important details of target audience’s preferenсes, emotional and physical perception traits as well as levels of technology awareness and tons of other factors. This is what we usually do on the stage of user research here in Tubik Studio and practice shows this stage is vital for creating problem-solving and user-friendly designs.


So, it can be said that human-centered design is the first obligatory step to making the product applicable, while user-centered solution is the next step to make it concentrated on pains and needs of specific category of users.


Let’s look at one more example.


Contact List Concept Scrolls Tubik


Contact List Concept Scrolls by Eugene Cameel


This design concept for a contact list looks nice and voguish. It presents two different variants of scrolling the directory and refreshes traditional interaction experience. It is grounded on basic aspects of readability, contrast, visual hierarchy, provides clear feedback to user’s actions and necessary functions. It follows basics of coloristics, logics and visual harmony. Certainly, it is human-centred. No doubt, big proportion of teenagers and millenials, people who use diverse interfaces every day and see them as an integral part of their life, will be engaged and would like to try it. However, for older people this sort of interface can seem a bit scary and overloaded as well as somehow darkish comparing to simple traditional interfaces based on light background. So, this user-centered interface responds to the wishes and preferences of narrower target audience.




Here is one more case featuring web design concept by Ernest Asanov. It represents interface design for a website presenting online bakery selling. On the basis of the design solutions it is easy to assume that this is the service positioning itself as a producer of upmarket products which are exclusively hand-made and presumably because of that reason cost higher than average bread in the supermarket. Therefore, the website is designed aimed at particular target audience. As we mentioned in one of our previous articles about benefits of dark background in user interfaces, dark color solutions can form popular associations in visual perception. Dark colors are usually associated with elegance and mystery. Moreover, black is often associated with elegance, formality, prestige and power. This is the style provided by the presented design: dark background, branding element as a central element of a header, strong and clear headline establishing positive emotional message, visual elements enabling immediate perception of the theme and setting strong visual association with tasty pastry, short text block describing basic benefits of the product and clear visible call to action. The designer worked out the solutions that will look attractive and informative for target users wishing to feel the exclusivity and high-quality of the product and able to pay more than average. Therefore, this example also shows the techniques of not only human-centered, but deeper user-centered design.


However, supporting previous answers given by other professionals along this question on Quora, it also has to be mentioned that in modern design, especially in digital field like creating applications and websites, human-centered design and user-centred design are most often inter-replaced and used basically as full synonyms. Perhaps that happens because in this sphere most products are created and updated for certain category of users rather than “for all and everybody”. Moreover, users of all the digital products are people, therefore all the solutions should get based on the positions of human-centered design. Certainly it doesn’t mean that universal interfaces cannot be found: they do exist and we apply some of them on daily basis, so they are a good example of general human-centred design that successfully applies knowledge about features typical for great majority of users. However, they are closer to the exceptions which prove the rule.


So, in terms of web and app design we can assume that description of design as “human centered” or “user centered” just shows different levels of detalization in design process, different stages one of which considers human interaction features and the next gets deeper in details of certain categories of users, thier needs, wishes and problems.


The great example of synonymic perception of the terms is the video powered by IDEO (Design Kit), great experts in human-centered design.



Again, it’s important to emphasize that the definitions given represent our personal vision of the terms based on linguistic nuances of given terms and practical experience of processes in design studio with all respect to other points of views.

This is all for today. We’ll answer the next set of answers soon here in our blog. The FAQ platform outlines several directions, so it features the questions, frequently asked by customers, designers, and users. We are open to share our experience, so if you have any questions, feel free to ask them via direct message in our Facebook page or Twitter as well as our Quora representative. We are looking forward to your questions!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

Welcome to read us on Quora