{"id":4388,"date":"2025-10-22T16:34:00","date_gmt":"2025-10-22T08:34:00","guid":{"rendered":"https:\/\/lupinvisual.com\/?p=4388"},"modified":"2026-04-15T20:00:46","modified_gmt":"2026-04-15T12:00:46","slug":"the-real-role-of-a-ui-ux-designer","status":"publish","type":"post","link":"https:\/\/lupinvisual.com\/en\/blog\/uiux-designer-real-role\/","title":{"rendered":"The User-Centered Myth: The Real-Life Struggles of UI\/UX Designers Compromising for Reality"},"content":{"rendered":"<p>The following content is purely a personal experience sharing and does not represent the situation of all companies or teams. I hope these observations can provide UI\/UX designers with another reference point for real-world collaboration.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">User Experience\/Interface Design as Most People Understand It<\/h2>\n\n\n\n<p>The primary responsibilities of UI\/UX in the company include analyzing operational logic, verifying functional consistency, refining interface aesthetics, and ensuring the system looks usable and functions smoothly.<\/p>\n\n\n\n<p>But over time, you'll discover that UI\/UX work is more complex than you imagined.<\/p>\n\n\n\n<p>Sometimes you need to explain logic to engineers, sometimes you have to help PMs visualize concepts, and sometimes you even have to make the boss understand that design draft that \"feels like it could sell.\"<\/p>\n\n\n\n<p>I used to think \"user-centered design\" was the starting point of design. It wasn't until I actually began working on UI\/UX that I realized how easy it is to say, but how hard it is to do.<\/p>\n\n\n\n<p>Most people assume that a designer's job is to \"make things look pretty.\"<\/p>\n\n\n\n<p>But the real challenge lies not in the visuals, but in \"communication.\" When there is no clear logic, no consistent process, and no shared language,<\/p>\n\n\n\n<p>The entire project is like a car with its navigation set to the wrong destination. The role of UI\/UX is essentially to sit beside the driver and point out the direction, not to decide where the car should go.<\/p>\n\n\n\n<p>What we can do is ensure the course doesn't stray too far off track.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">User research? Or user guesswork?<\/h2>\n\n\n\n<p>The team talks about \"user-centered design\" every day. Ideally, we should conduct interviews, make observations, and distribute questionnaires. But the reality is we lack time, budget, and manpower.<\/p>\n\n\n\n<p>Sometimes it's the sales team saying, \"The client wants it simpler.\" Sometimes it's the manager saying, \"This is more intuitive.\"<\/p>\n\n\n\n<p>No data, no users, and no clear context.<\/p>\n\n\n\n<p>Designers can only piece together outlines based on experience. After creating personas and user journey maps, they aim to help everyone understand the user flow.<\/p>\n\n\n\n<p>The engineer glanced at it for a few seconds: \"What is this? Way too complicated. We'll skip it for now.\"<\/p>\n\n\n\n<p>At first, I was baffled, but the likely situation is this: It's not that people don't care about users\u2014it's that no one knows how to \"interpret\" user research.<\/p>\n\n\n\n<p>In theory, this is the very core of UCD (User-Centered Design): design should be driven by data and insights, not guesswork. But when time and resources are scarce, \"research\" often becomes nothing more than a slogan. Ultimately, design shifts from being \"user-centered\" to being \"convenient for those doing the work.\"<\/p>\n\n\n\n<p>The work of UI\/UX design is stuck in this tricky and ambiguous gap.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">PRD is a document; UI\/UX is a translation of konnyaku.<\/h2>\n\n\n\n<p>The manager said, \"The design must follow the PRD.\" But after opening the document, my headache only got worse.<\/p>\n\n\n\n<p>Half of it is usable, half requires psychic abilities. The same project has three versions, each with different content.<\/p>\n\n\n\n<p>You must determine for yourself which is the \"current truth,\" then translate it into an interface that can be practically implemented.<\/p>\n\n\n\n<p>Later I discovered that the PRD wasn't a manual at all\u2014it was a language test.<\/p>\n\n\n\n<p>Engineers, PMs, and designers\u2014 each department tells their own version, yet all assume the others should understand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"433\" src=\"https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/meme_cat_psychic.jpg\" alt=\"\" class=\"wp-image-4390\" srcset=\"https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/meme_cat_psychic.jpg 600w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/meme_cat_psychic-300x217.jpg 300w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/meme_cat_psychic-18x12.jpg 18w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>The ideal scenario would be for everyone to align their perspectives and reach consensus, but the reality feels more like a Tower of Babel. So daily work isn't just about visual and experience design\u2014it's about confirming whether requirements are truly consistent.<\/p>\n\n\n\n<p>UI\/UX \"design\" often involves cross-departmental communication and translation. No matter how beautiful the design, if it fails to achieve its purpose, it's all just an illusion.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">The design is fine, but the final image doesn't look like that.<\/h2>\n\n\n\n<p>Every time a project wraps up, I take a deep breath and brace myself\u2014 because the final product always turns out different.<\/p>\n\n\n\n<p>Engineers know full well that Figma can't be directly converted into frontend code. But to keep the system running smoothly and prevent code from exploding, they often \"make their own adjustments\" during implementation. That \"adjustment\" is usually where design breakdown begins.<\/p>\n\n\n\n<p>Character spacing, buttons, and navigation paths\u2014each was replaced with \"the version that could run in the system.\"<\/p>\n\n\n\n<p>The rhythm in the design draft was altered, and the proportions were compressed. The final image is still usable, but it's no longer the original design.<\/p>\n\n\n\n<p>The engineering lead later remarked, \"Your designs weren't flawed\u2014it's just that the engineers couldn't build them.\" This wasn't consolation, but reality. Design systems, component libraries, handoff documents, etc., can indeed reduce discrepancies. But they address style consistency, not \"understanding consistency.\"<\/p>\n\n\n\n<p>Later, he also admitted that he hoped for a platform that could directly convert Figma files into code while maintaining compatibility with existing frameworks without breaking them.<\/p>\n\n\n\n<p>In fact, both sides are doing the same thing: striving to make the visuals and logic align with reality, though they're wrestling with it in different ways.<\/p>\n\n\n\n<p>Finally, both parties will coordinate to find a mutually acceptable approach to complete that system project. The interface won't look exactly as originally envisioned, but at least it will be functional, operational, and usable.<\/p>\n\n\n\n<p>Sometimes, this is already the greatest consensus.<\/p>\n\n\n\n<p>The work of UI\/UX design is about finding balance within these gaps. It's not just about designing screens\u2014it's about designing a reality where coexistence is possible.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Work through the chaos, but never lose sight of your direction.<\/strong><\/h2>\n\n\n\n<p>The gap between design and engineering is like version control.<\/p>\n\n\n\n<p>We're always chasing synchronization, yet delays will always exist. I don't blame anyone; it's just that no one has ever truly defined what \"right\" means.<\/p>\n\n\n\n<p>This is simply meant to document situations designers frequently encounter in real-world projects. Similar scenarios have happened to nearly every designer, just with different scripts.<\/p>\n\n\n\n<p>The role of a designer may not be to solve every problem, but to make problems visible\u2014 sometimes that is enough.<\/p>\n\n\n\n<p>Ideals are rich and full, but reality is lean and bony. And that's precisely why we keep asking: \"Does this really work?\"<\/p>\n\n\n\n<p>Because that question is the starting point of design.<\/p>\n\n\n\n<p>Whether something is effective or not requires designers, engineers, and users to define it together. Through continuous communication and refinement, design serves as a bridge\u2014letting the team hear the user's voice while ensuring the team's efforts are understood by the user.<\/p>\n\n\n\n<p>This may well be the greatest value of design.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcacQuestions for you<\/h3>\n\n\n\n<p>Do you believe the value of design lies in helping users understand the system, or in helping the system understand people? If neither side understands, can we still call it \"user-centered\"?<\/p>\n\n\n\n<p>#UIUX # Design Daily # Project Management # Design Thinking # Design Workplace # Product Design # Workplace Insights<\/p>","protected":false},"excerpt":{"rendered":"<p>The ideal user experience often requires compromises in real-world projects to align with practical realities. Ultimately, UI\/UX designers aren't designing\u2014they're translating. They translate ideals, constraints, and misunderstandings into screens that can be understood.<\/p>","protected":false},"author":1,"featured_media":4389,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_mo_disable_npp":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"UI\/UX\u8a2d\u8a08\u5e2b","rank_math_robots":"","rank_math_canonical_url":"","footnotes":""},"categories":[36],"tags":[55,53,54],"class_list":["post-4388","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-management","tag-ui-ux","tag-53","tag-54"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/uiux-designer-real-role-scaled.jpeg",2560,1707,false],"thumbnail":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/uiux-designer-real-role-150x150.jpeg",150,150,true],"medium":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/uiux-designer-real-role-300x200.jpeg",300,200,true],"medium_large":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/uiux-designer-real-role-768x512.jpeg",768,512,true],"large":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/uiux-designer-real-role-1024x683.jpeg",1024,683,true],"1536x1536":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/uiux-designer-real-role-1536x1024.jpeg",1536,1024,true],"2048x2048":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/uiux-designer-real-role-2048x1365.jpeg",2048,1365,true],"trp-custom-language-flag":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/uiux-designer-real-role-18x12.jpeg",18,12,true]},"uagb_author_info":{"display_name":"lupin","author_link":"https:\/\/lupinvisual.com\/en\/author\/lupinart1008gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"\u7406\u60f3\u4e2d\u7684\u4f7f\u7528\u8005\u9ad4\u9a57\uff0c\u5230\u4e86\u771f\u5be6\u5c08\u6848\u88e1\uff0c\u5e38\u5f97\u8981\u6298\u8877\u4ee5\u7b26\u5408\u73fe\u5be6\u60c5\u6cc1\u3002\u6700\u5f8cUI\/UX\u8a2d\u8a08\u5e2b\u4e0d\u662f\u5728\u8a2d\u8a08\uff0c\u800c\u662f\u5728\u7ffb\u8b6f\u3002\u628a\u7406&hellip;","_links":{"self":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/comments?post=4388"}],"version-history":[{"count":1,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4388\/revisions"}],"predecessor-version":[{"id":4391,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4388\/revisions\/4391"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/media\/4389"}],"wp:attachment":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/media?parent=4388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/categories?post=4388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/tags?post=4388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}