What is User Interface Design?
A User Interface is what a user sees when they interact with your technology on a device. E.g. a website or application. No matter what magic is happening behind the scenes, a user interface is the face of your digital platform.
User Interface (UI) Design is how this interface looks, feels and works. UI Design is much more than just choosing nice colours for your website. It does cover colour schemes, yes, but also the psychology and research behind using certain colours, fonts, images, and much more. UI Design is all about the way your users experience your software and this plays a huge part in whether they want to return to your platform and get the most out of it, or not.
UI Design can be broadly divided into four stages:
- User Journey Planning
- Wireframing & Layout
- Visual Identity
- Styling & Accessibility
User Journey Planning
(also known as Information Architecture)
It all starts with the user. UIs exist in order to help the user complete a task, accomplish a goal or achieve a result. Good UI Design will intuitively guide users through this process, making the experience as efficient, effortless and enjoyable as possible.
Our UI designers are experts at anticipating what users might need to do and how they might go about doing it, and will work with you to plan a painless user journey, giving you strong foundations for your UI design.
Questions you might want to ask at this stage could be – what do you want the user to do on this page? Where will the user want to go next? How can we encourage the user to move to this next part?.. etc.
Wireframing & Layout
(also known as Prototyping)
Once the user journey has been mapped out, it’s time to design the structure and flow of the interface. During our wireframing stage, our UI designers will identify whether text, images, buttons, icons, sliders, checkboxes, tooltips, and more, could be used, and the arrangement of these elements on the page/screen.
Being knowledgeable about the ways in which users have come to know and expect digital interfaces to operate gives us a great head-start in creating a design that will be easy to use and understand, and will also help identify opportunities where breaking with convention may create new and inspiring user engagement.
Our wireframing stage also includes designing responsive mobile and tablet versions of your interface too.
Of course, your brand will be one of the most important things that identifies your business and how customers will recognise you.
You may already have established guidelines for how your brand should be represented digitally, you may be looking for a refreshed approach to your current style, or you may need us to create something brand new so you stand out in your marketplace.
Either way, our UI designers have the knowledge and experience to create something truly tailored to your needs and objectives, and will ensure the design is consistent, aesthetically pleasing and creates the perfect visual impression of your brand and business.
Styling and Accessibility
Having already decided on what types of content your UI is made up of, we can now turn our attention to the ‘fun’ part and one most often associated with UI design, what this content should look like! Listening to and understanding your requirements, our UI designers will explore size, colour, typography, spacing, imagery, interactivity and overall styling of your interface, whilst also considering how things look and work for accessibility users.
It’s a gradual process of working together which culminates in the creation of an interface you and your customers will love.
Design to Development
Once your shiny new UI has been designed, it needs to be brought to life. Our UI designers will export their designs and pass them to the development team in an easy to understand format, along with guidelines if needed.
Throughout the build, design checks back-in with development regularly to review how things are looking so that by the end of the build, what was promised in the designs is what is delivered by development.
Because we work in an Agile way, if the designs need to be tweaked at any stage of the build we can do this.
Don’t give your users a poor UI experience, build them something that makes their life easier.