{"id":6768,"date":"2024-04-20T11:17:11","date_gmt":"2024-04-20T05:47:11","guid":{"rendered":"http:\/\/procreator.design\/blog\/?p=6768"},"modified":"2026-04-04T15:14:23","modified_gmt":"2026-04-04T09:44:23","slug":"things-ui-ux-designer-should-know","status":"publish","type":"post","link":"https:\/\/procreator.design\/blog\/things-ui-ux-designer-should-know\/","title":{"rendered":"10 Important things every UI UX Designer should know"},"content":{"rendered":"<p>Most of the designers I\u2019ve met are self-taught, and whenever it comes to this question of what we are supposed to know and learn, we all have a different answer with the same notion in mind. So here\u2019s a blog for those who haven\u2019t taken a course or didn\u2019t bother with art school or UX lectures. Here are the 10 things that I believe every UI\/UX designer should know.<\/p>\n\n<h2>Things Every UI UX Designer Should Know<\/h2>\n<p>Let&#8217;s go through the essential things every UI UX designer should know<\/p>\n\n<h3>1. Conducting Research<\/h3>\n<p><span style=\"font-weight: 400;\">This part of the process is essential to everything you do. Well, what do you research on, you ask? Anything that pertains to the product you\u2019re building. You can learn about the industry, the technology that\u2019s going to run it all, and, most importantly, learn about your user. This phase helps you make well-informed decisions from the start.<\/span><\/p>\n\n<p><span style=\"font-weight: 400;\">It is okay to conduct some research midway to build your product as well. The entire point of research is to make decisions based on facts and real-world experiences. I\u2019ve often found myself going back to the notes I made while researching to refer to the small issues I\u2019ve been facing while wireframing.<\/span><\/p>\n\n<p><span style=\"font-weight: 400;\">Something as simple as what label should this button have to how the user flow can match the user\u2019s real-world experiences are discovered in this phase. And always remember that as a UI UX designer, research and learning is a continuous process; you\u2019ll do some later, some now, and a lot in between that time as well.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6771 size-large\" src=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-01.png?resize=1024%2C683&#038;ssl=1\" alt=\"Research\" width=\"1024\" height=\"683\" srcset=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-01.png?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-01.png?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-01.png?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-01.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/p>\n<h3><strong>2. Interacting With Both Users and Clients<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">This can help smoothen out your process and avoid a lot of rework, saving you a ton of time exploring different ideas and approaches to problems. Try to build a good rapport with clients and the users you\u2019re interviewing. A client won\u2019t be upfront about something that a friend of yours will tell to your face. Honest feedback and understanding of timelines go a long way.<\/span><\/p>\n\n<h3><strong>3. Color Theory<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Well, if it wasn\u2019t obvious before, understanding where and how to use colors is an important part of branding, UI, and UX, most of all. There\u2019s a lot of room to learn and grow here. Understanding <a href=\"https:\/\/procreator.design\/blog\/color-wheel-theory-design-chart\/\" target=\"_blank\" rel=\"noopener\"><strong>color wheel theory<\/strong><\/a> and getting the hang of how to use and pair them will help you make beautiful products that work well and make sense.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><span style=\"font-weight: 400;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6772 size-large\" src=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-03.jpg?resize=1024%2C683&#038;ssl=1\" alt=\"Color theory\" width=\"1024\" height=\"683\" srcset=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-03.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-03.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-03.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-03.jpg?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/p>\n<h3><strong>4. Typography<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Typography is something that I never bothered to understand in-depth until very recently. You\u2019ll realize how you can use type to your advantage and give another layer of aesthetic and professional edge to your designs by simply understanding a few basic typography rules. <\/span><\/p>\n\n<p><span style=\"font-weight: 400;\">Making words and sentences more legible is an important aspect of digital product design and any other graphic design for that matter. It&#8217;s not just about choosing the <a href=\"https:\/\/procreator.design\/blog\/typeface-classifications\/\" target=\"_blank\" rel=\"noopener\"><strong>essential typeface<\/strong><\/a>. It&#8217;s about how you use it, what it represents, and how it fits into your product.<\/span><\/p>\n\n<h3><strong>5. How to Give and Receive Feedback<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Feedback is essential for your growth as a designer. Get as much feedback as you can before presenting anything to your stakeholders. Remember that your clients aren\u2019t designers and would love anything that looks good. As a UI UX designer, seeking feedback from other designers can help you see different perspectives rather than working in a silo. It is also essential to know what useful feedback is. <\/span><\/p>\n\n<p><span style=\"font-weight: 400;\">If some say, \u201cYour design sucks,\u201d the only thing you get out of it is slight depression and anger. But if you\u2019re told, \u201cI think this color would look better, and maybe don\u2019t distract your user with these other elements in the background. Maybe reorganize the screen, so the user pays attention to what is important\u201d. <\/span><\/p>\n<p><a href=\"https:\/\/procreator.design\/contact-us\/start-project-primary\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12217 size-full\" src=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2024\/04\/Strategy_UX-Audit.png?resize=1600%2C644&#038;ssl=1\" alt=\"Contact us to Refine your product's UX design\" width=\"1600\" height=\"644\" srcset=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2024\/04\/Strategy_UX-Audit.png?w=1600&amp;ssl=1 1600w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2024\/04\/Strategy_UX-Audit.png?resize=400%2C161&amp;ssl=1 400w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2024\/04\/Strategy_UX-Audit.png?resize=1024%2C412&amp;ssl=1 1024w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2024\/04\/Strategy_UX-Audit.png?resize=768%2C309&amp;ssl=1 768w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2024\/04\/Strategy_UX-Audit.png?resize=1536%2C618&amp;ssl=1 1536w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Now, this helps, and this is how you give feedback. Understand that feedback is just another point of view, and don\u2019t take it personally. Instead, accumulate feedback until you have a somewhat clear idea of what you can improve in your designs.<\/span><\/p>\n\n<h3><strong>6. Design Tools to Use<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">I\u2019ve always believed that design tools like Sketch and Figma are just a medium to materialize your thoughts into screens. But the fact remains that mastering a certain tool will increase your workflow speed, and the less the lag between your thinking and materializing your thoughts, the better off you are. Your mind should spend more time thinking about what to design than actually designing it. <\/span><\/p>\n\n<p><span style=\"font-weight: 400;\">Tools like <a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Figma<\/strong><\/a>, <a href=\"https:\/\/www.sketch.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Sketch<\/strong><\/a>, and <a href=\"https:\/\/helpx.adobe.com\/in\/support\/xd.html\" target=\"_blank\" rel=\"noopener\"><strong>Xd<\/strong><\/a> have similar UIs, and it would be pretty easy to move from one to another with a little buffer to get used to a new tool. If you\u2019re working with a team that uses Figma, all your Sketch talent will be in use but a little slower. Always be open to learning new software. It doesn\u2019t hurt to have a little extra space to breathe.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6773 size-large\" src=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-06.jpg?resize=1024%2C683&#038;ssl=1\" alt=\"Design Tools\" width=\"1024\" height=\"683\" srcset=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-06.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-06.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-06.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-06.jpg?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/p>\n<h3><strong>7. Where to Look for Inspiration<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Although designs from Dribbble barely ever make it to a functional website or app, it\u2019s always good to see what\u2019s trending and what concepts you can adapt to your product. Spend a good amount of time exploring and looking for inspiration online. The more time you spend on exploration, the better your final results will be. <\/span><\/p>\n\n<p><span style=\"font-weight: 400;\">The most frequent place I visit for inspiration is <strong><a href=\"https:\/\/dribbble.com\/\" target=\"_blank\" rel=\"noopener\">Dribbble<\/a><\/strong> and <strong><a href=\"https:\/\/www.lapa.ninja\/\" target=\"_blank\" rel=\"noopener\">Lapaninja<\/a><\/strong>. You can find inspiration on Behance, Pinterest, and even Google Images if you want to, or anything out there in the real world. Maybe you make a button work like a doorknob; you never know what you\u2019ll come up with when you let your mind flow.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6774 size-large\" src=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-07.jpg?resize=1024%2C683&#038;ssl=1\" alt=\"Dribble \" width=\"1024\" height=\"683\" srcset=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-07.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-07.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-07.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-07.jpg?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/p>\n<h3><strong>8. Design Principles<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Although we abide by most of these without knowing, no rule says you have to remember every design principle ever and abide by them always. It is always handy to know what effect a certain principle can have on the UI. As a UI UX designer, You will not always find a set number of principles online, although a good start to understanding the theory behind UI and UX would be Don Norman\u2019s book &#8211; The Design of Everyday Things. <\/span><\/p>\n\n<p><span style=\"font-weight: 400;\">Not knowing these won\u2019t necessarily hinder your work, but knowing them will speed things up for sure. It\u2019s the difference between running around aimlessly and knowing where you want to be; knowing always helps.<\/span><\/p>\n\n<h3><strong>9. Showcasing your work (Thy Portfolio)<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">As a UI UX designer, You might be better than most of the designers out there. But if you can\u2019t present your work in a meaningful way, you\u2019re no better than most at getting a job or finding that big paycheck client. If you\u2019re anything like me, you\u2019re too lazy to document your work, and by the time you get to it, it seems too old, you\u2019re doing better work now, and then why bother documenting it right?<\/span><\/p>\n\n<p><span style=\"font-weight: 400;\"> Something I\u2019ve recently adopted is documenting while working on a project. The research and approach documented can be used for future reference.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6775 size-large\" src=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-09.jpg?resize=1024%2C683&#038;ssl=1\" alt=\"Portfolio design \" width=\"1024\" height=\"683\" srcset=\"https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-09.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-09.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-09.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/procreator.design\/blog\/wp-content\/uploads\/2020\/11\/62-09.jpg?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/span><\/p>\n<h3><strong>10. Your User<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Understanding your user is key to building a great interface. As a UI UX designer, always keep in mind to maintain a balance between your business goals and user preferences. Don\u2019t go out of your way to make your users happy while your business suffers. <\/span><span style=\"font-weight: 400;\">Understand your users well. <\/span><\/p>\n\n<p><span style=\"font-weight: 400;\">A great way of doing this is by building user personas and conducting user interviews. On a strict timeline, it might be difficult to do either of these, but always remember that it might be better to ask the users what they prefer. Your users don\u2019t always know what they need, so asking the right questions is imperative.<\/span><\/p>\n\n<h3>Conclusion<\/h3>\n<p>The world of UI UX design is constantly evolving, but these ten fundamental principles remain a solid foundation for success. By mastering these skills and staying curious, you can create user experiences that are not only beautiful but also functional and engaging.<\/p>\n\n<p>Want to elevate your UI UX design skills and craft interfaces that users love? Look no further than Procreator, a leading <a href=\"https:\/\/procreator.design\/\" target=\"_blank\" rel=\"noopener\"><strong>UI UX design company in Mumbai.<\/strong><\/a> Our team of experienced designers can help you take your projects from concept to completion, ensuring a <a href=\"https:\/\/procreator.design\/services\/user-experience-design\" target=\"_blank\" rel=\"noopener\"><strong>seamless and successful user experience<\/strong><\/a>. <a href=\"https:\/\/procreator.design\/contact-us\/start-project-primary\" target=\"_blank\" rel=\"noopener\"><strong>Contact us<\/strong><\/a> today to discuss your design needs and see how we can partner with you to bring your vision to life.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Most of the designers I\u2019ve met are self-taught, and whenever it comes to this question of what we are supposed to know and learn, we all have a different answer with the same notion in mind. So here\u2019s a blog for those who haven\u2019t taken a course or didn\u2019t bother with art school or UX [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":10983,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-6768","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tools-resources"],"_links":{"self":[{"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/posts\/6768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/comments?post=6768"}],"version-history":[{"count":14,"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/posts\/6768\/revisions"}],"predecessor-version":[{"id":18616,"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/posts\/6768\/revisions\/18616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/media\/10983"}],"wp:attachment":[{"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/media?parent=6768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/categories?post=6768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/procreator.design\/blog\/wp-json\/wp\/v2\/tags?post=6768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}