When it comes to typical digital agency abbreviations, two concepts may prove somewhat confusing for both a client with a big project on the cards and an aspiring young creative who is keen to pursue a career at a digital design company. These phrases are UI design and UX design, two interlinked positions that rely on one another but are not the same.<\/p>\n\n\n\n
Let\u2019s unpack the differences between the two.<\/p>\n\n\n\n
User experience (UX) design puts itself in the shoes of the end-user of a specific digital or hard copy project, from chatbot dialogue and USSD (Unstructured Supplementary Service Data) menus to websites and even off-line products like staff posters.<\/p>\n\n\n\n
The UX designer will carefully scrutinise every part of the journey that a user would interact with a certain product or digital interface. They will ask the question: will this project solve the pain points the end-user has and will they glean the information they are looking for from the journey that is being created? And will it delight and satisfy users who interact with the content?<\/p>\n\n\n\n
Once the UX designer has mapped out a satisfactory user journey, it is time for the UI designer to step in.<\/p>\n\n\n\n
User Interface design \u2013 or just UI design for short – entails designing enticing front-end visuals that are user-friendly and effective. A UI designer\u2019s first concern is to ensure the aesthetic of the digital product they are working on appeals to the end-user. Every part of the design, from buttons, screens, embedded location maps and colours to images used, must just click.<\/p>\n\n\n\n
And this is where UX design comes in: it provides the road map for UI design to marry the visuals of a project with functionality as much as experience. The UI designer gives life to the vision of the UX designer to create an exceptional end-product that is customer-centered and easy to navigate.<\/p>\n\n\n\n
Once a UI designer has created the first draft of a design, they will sit together with the project team, including the UX designer, to review whether it is on track and in line with the UX design plan. Typically, the design will be reviewed in terms of copy as well as the layout and how it will present to the end-user.<\/p>\n\n\n\n
Once the final draft has been created, the design will again be reviewed and, for digital or mobile products specifically, be tested on a staging platform once it is loaded to determine functionality.<\/p>\n\n\n\n
From the above information, it is clear how UX and UI design are different, but also how they are intertwined to ensure product success.<\/p>\n\n\n\n
Where UX design is focused on the overall experience of the end-user, UI design supports the end-product with a high-quality aesthetic. And it is the partnership between UX and UI that can ensure project success.<\/p>\n\n\n\n
Together, UX and UI can add value to the user experience through a customer-centred product that, to put it simply, looks as great as it performs!<\/p>\n\n\n\n
Now that you have the details at hand, understanding the flow of a project timeframe will be a bit more approachable too, as you will understand, as a client, how your project is progressing; and if you are stepping into a UX or UI role, you will better understand your roles\u2019 expectations too.<\/p>\n\n\n\n
Need more information? Be sure to get in touch<\/a> <\/a>with us today!<\/p>\n\n\n\n Enjoyed our blog? We will be unpacking more exciting content soon \u2013 watch this space for details!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":" When it comes to typical digital agency abbreviations, two concepts may prove somewhat confusing for both a client with a big project on the cards and an aspiring young creative who is keen to pursue a career at a digital design company. These phrases are UI design and UX design, two interlinked positions that rely […]<\/p>\n","protected":false},"author":2,"featured_media":233,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/www.brandsmadrid.com\/wp-json\/wp\/v2\/posts\/232"}],"collection":[{"href":"https:\/\/www.brandsmadrid.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.brandsmadrid.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.brandsmadrid.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.brandsmadrid.com\/wp-json\/wp\/v2\/comments?post=232"}],"version-history":[{"count":0,"href":"https:\/\/www.brandsmadrid.com\/wp-json\/wp\/v2\/posts\/232\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.brandsmadrid.com\/wp-json\/wp\/v2\/media\/233"}],"wp:attachment":[{"href":"https:\/\/www.brandsmadrid.com\/wp-json\/wp\/v2\/media?parent=232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.brandsmadrid.com\/wp-json\/wp\/v2\/categories?post=232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.brandsmadrid.com\/wp-json\/wp\/v2\/tags?post=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}