User Interface (UI) Design
Ignoring UI would be like going on a first date without making any effort, still expecting to get that second date.
What is UI Design?
The term user interface, or UI, refers to the visual components of a digital product. User interface design focusses on the visual experience a person will have across all screens and visual touch points of a website, app or any other digital product.
UI design is a vital component to any digital product, combining a brand’s aesthetic qualities into the platform, compelling a person to interact with key elements and achieve a desired outcome.
What’s the benefit of investing in UI design for my business?
Businesses that fail to invest in high quality UI for their website, digital product or app are losing revenue and missing an opportunity to make their brand sticky for thousands (maybe millions) of people.
40% of users will stop engaging if they find the content or layout of a website shabby and tatty* and almost 60% of users say they will not recommend a business that has a badly designed mobile site** – why? Because first impressions count. They are vital in maintaining and converting customers after the investment you’ve made just getting them onto your website or downloading your app.
How does UI design work?
For a user interface to be effective there are a series of principles that a UI designer will always consider and apply to a design. Firstly, the design needs to aid the user experience and ensure that the primary action of a page is clear to see and complete. Clarity is key, and a solid UI design will allow no room for confusion or incoherence – therefore design systems that ensure consistency across universal elements like typography, buttons and image treatment are key components to a designer toolset.
Honoring a brand is also vital, especially as its more and more the case that a digital platform is the primary touchpoint between an organisation and their customer base. Whilst UI should enable and support interaction it should, where possible, intensify the brand experience into a memorable experience that the person would happily to revisit again.
The UI Design Process
Step 01 - Understand the variables (Brand & Audience)
A good UI designer will start by understanding the brand values, aesthetics and tone of voice, and will interrogate how this aligns with the motivations and style choices of the target audience.
Step 02 - Concept & Moodboard Development
The next step is to define a set of approaches to the design of the UI that are on-brand. We typically design three routes that all interpret the brand differently to provide clients with on-brand options for them to choose from.
Step 03 – Refining the approach
Working alongside our clients, CyberCina’s designers refine the UI design across key pages, modules and various device/ screen sizes. Once we have a style set we move onto building the design system.
Step 04 – Design systems
We develop a design system of reusable assets and rules that can be applied to all user interface elements.
Step 05 – Application & finishing flourishes
The devil is often found in the details, so once the design system is completed our team of designers and creatives look to ensure all the final details are defined. From micro-animations to lazy loading elements and parallax layers to 2.5D interactions that will thrill your users.
How much does an UI cost?
UX starts at £1,000 but depends on your project size and complexity. Get in touch for a friendly conversation and our dedicated UI team will help scope your project.