For many, the role of UI designer remains unclear.
Search “UI designer” in Google and you may find yourself even more confused than before. It doesn’t help that UI and UX are often lumped together, making it difficult to see where one ends and the other begins.
Whilst the two are inextricably linked, it’s important to know that User Interface Design is a field in its own right. Sure, there’s some overlap - but ultimately, UI design comes with its own set of tasks, and therefore calls upon an entirely different skillset.
Perhaps you’re considering a career in UI and want to know what awaits you. Maybe you’re already in the industry and just need some clarity on the matter. In this post, we’ll set the record straight once and for all.
So, what does a UI designer actually do?
UI Design in a Nutshell
First things first - what is UI design?
User Interface Design is a crucial subset of UX. They both share the same end goal - to provide a positive experience for the user - but UI Design comprises an entirely separate leg of the journey.
Put simply, UI is what you use to interact with a product, while UX is concerned with how this overall interaction feels. We’ve already written extensively about the differences between User Experience and User Interface design, so from now on we’ll focus solely on UI. If, after reading all about the role of a UI designer, you feel inclined to become one, be sure to move gracefully over to senior UI designer Eric Bieller’s step-by-step guide on how to do exactly that, or watch his webinar below.
UI Design: The Visual
UI design focuses on the user’s visual experience. It determines how a user interacts with an interface - be it an app, a video game or a website. It’s all about how the user navigates from A to B via different visual touch points. Think tapping a button or swiping through pictures.
The job of a UI designer is to design all the screens through which a user will move, and to create the visual elements - and their interactive properties - that facilitate this movement.
UI Design: The Human
At the same time, a UI designer works with human behavior in mind.
Look at it this way. A good interface requires barely any thought from the user. Consider your favorite app: it’s easy on the eye and simple to use, right? When you first installed it, you didn’t spend ages working out how to get from A to B - it was just obvious.
The UI designer is pivotal to this. They think about the human user and how the mind works. They use things like patterns, spacing and color to guide the user.
“Intuitive” is the keyword here. Not only is the UI designer a creative creature; they also put themselves in the user’s shoes, anticipating what they expect at each stage. They then use this empathy to design visual, interactive elements that respond in a way that feels natural to the user.
Let’s say you’re using an app to look for a new apartment. One listing in particular catches your eye, so you click to view the gallery. A full-size image takes over your screen, captioned 1/5. You know there are more pictures, so you use your finger to swipe through the gallery. There were no instructions to do so - somehow, you just knew.
This is the work of the UI designer. They think about what the user will expect, and design the app’s interface accordingly.
In a nutshell: UX draws out the map, the bare bones. UI then fleshes them out with visual, interactive touch points that take the user through their journey as intuitively as possible.
What Tasks Can a UI Designer Expect?
So, it’s the UI designer’s job to bring the UX designer’s vision to life. But how do they go about this?
Of course, your role will vary greatly depending on whether you’re in-house or freelance, and the kinds of projects you work on.
However, pretty much every UI designer can expect the following:
As a UI designer, you should be prepared to collaborate with others. From the client and the UX designer, right through to the developers - communication is key at every stage.
At the start of the process especially, you can expect to work closely with both the client and the UX designer. UI is all about humans, after all, so you’ll need to spend some time getting to know the brand and its target user. What goals drive the user as they move around your interface, and what are their expectations?
User research and personas tend to fall under UX - but it’s the UI designer’s job to take this information and run with it. The UX designer will most likely provide you with a wireframe from which to work.
Finally, you’ll need to hand your design over to the developers. Ultimately, building a rapport across different teams and being able to communicate clearly are crucial to the success of your project.
Of course, a role in UI will require you to get very hands-on with design. This includes designing screens and creating visual touch points, as well as the interactivity behind them. UI designers are also responsible for ensuring consistency - so creating a style guide, or visual language, to be used across the board.
So what might a UI designer expect to see on their to-do list? Let’s drill down to some specifics.
- Designing each individual screen with which the user will interact, including the layout: what should go where? How much space should be left between each element? What visual patterns and hierarchies make for an intuitive user experience?
- Considering how the app will display on various screen sizes - think responsive design.
- Designing UI elements such as buttons, icons, sliders and scrollbars.
- Choosing the right colors and typeface.
- Designing the interactivity of each UI element - what does a button do when the user clicks on it, for example.
- Creating animations.
- Establishing a style guide to be used throughout the application, ensuring consistency and familiarity for the user.
The design stage may include creating wireframes, putting together mood boards and sketching out different ideas for how the interface might look. Here, UI designers will use tools like Photoshop and Sketch.
As a UI designer, it’s also important to repeatedly test your designs - and this is where prototyping comes in. Prototypes enable you to showcase your visual designs in action, helping you to quickly identify flaws and smooth over any rough edges.
Prototyping and testing is a crucial part of the UI design workflow, as it will allow you to ensure that the final product ticks all the boxes.
For a more detailed view of the tasks involved, read our post on The Value of Prototyping in UI Design.
A job in UI design offers plenty of variety, and will require you to wear many hats. Of course, UI designers need a keen visual eye, but the psychological aspect is not to be underestimated. To design user-friendly interfaces, you need to understand how people work - and how each visual, interactive element shapes their experience.
Hopefully you now have a clear idea of what a UI designer does. Still not sure if a career in UI is right for you? Our UI Design course writer Maria de la Riva delves deeper into what the job entails here.
Seen enough and ready to take the plunge? Sign up to our UI design course and get started today.
What You Should Do Now
- If you’d like a step-by-step intro to find out if UI design is right for you - sign up here for our free 7-day UI short course.
- If you are interested in becoming a UI Designer check out our UI design course (you'll learn the essential skills employers need).
- Find out more about our graduates: their journeys, portfolio projects, and salary increases.
If you enjoyed this article then so will your friends, why not share it...