core skills- interface

Great design, like ghosts, perform best when invisible.

The bit of the design process everyone gets excited about, UI is like the lead singer of the band, everyone wants to get involved and throw in their opinion (everyone!)

Good UI skills are born from years of experience, of seeing your products being used, of industry knowledge, and learning from your past mistakes.

Approach

Ahhh, the UI, or the user interface, or graphic design depending on your age! The fun part for most. It’s where you see the product come to life after the completion of all the main work within the UX stage.

Questions come up, such as; do you have brand guidelines; do you have a brand book to follow; what message are you trying to portray?

The UI process can be one of huge opinions and biases, which is why all my decisions will utilise back up reasoning and logic to help make decisions based on fact rather than personal feelings.

As well as the traditional flat UI, the latest software now enables me to show micro-interactions and animations. Hence, it’s easier for developers to build when it gets to that stage.

Experience

Many of my roles have not required me to complete the UI side of the project but rather direct the design process, it’s only in the last five years or so that the UX role has been amalgamated with UI to create the product designer.

I have experience in creating and directing brand strategies, as well as creating user interfaces from the ground up, and in some instances within existing brand guidelines.


A selection of methodologies

Every project is different, below are a selection of methodologies I use to get you your results, what I use depends entirely on the demographic of your user base, your budgets and time constraints. 

Branding

Brand pack, brand guidelines, brand book? Not got one? Then you’re going to need one at some point. It sets out how everything should look and keeps everyone on the same nice, straight path.

User Interface

UI design, the real meat on the bones (or so they say), having knowledge of the latest trends and understanding of how to make the most of every pixel, is key to delivering a product with an intuitive and easy to use interface.

Prototype

We’ve talked about prototyping with wireframes. Well prototyping, using UI, is the icing on the cake. Everything looks as it should do, so your findings will be as close to the final thing as they can get.

Colour Psychology

Understanding the psychology of colour is very important when coming to design your interface, there has been extensive research carried out on the effects of colour and when and where to use it. This is especially important when designing for new marketplaces as the rules change dramatically.

Typography

Having the right fonts, weights and sizes in the right places help the user to understand without thinking the message you are trying to get across and used correctly will allow us to guide the user down the page in the way we intend.

Animations & Interactions

Relatively new software allows me to create animations and interactions that can be exported as working code for developers to implement in the build. Micro-interactions, whilst small, are that little ‘la touche finalei’ to your product.

Imagery

Getting the right imagery is key to any product, it presents your message, reinforces your brand and tells a story all in one go. Avoid using generic stock images and spend a little money on getting the right images for the right places.

Platform Standards

Each platform has its own set of standards and it’s good practice to understand them. iOS and Android have set ways of laying out the landscape and by sticking to these you are not disrupting the users mental model when it comes to specific calls to action.

Demographics

Understanding of your key demographic helps the process of choosing the right colours and fonts that little bit easier. For example you wouldn’t want bright colours and smaller fonts for the 60+ demographic when trying to sell funeral care now would you?

Material Design

Material design is the child of flat design which is the divorcee of skeuomorphic design. Understanding the current design trends allows your brand to stay on point and reflect your business as being a leader rather than a follower.

Visual Weight

You may have heard this term a few times in your career; it is the practice of subtly applying more emphasis on an element of the page that draws the user’s attention and invites them to interact with the content.

Usability & Accessibility

To me, they are one of the same. Making sure that buttons look like they can be clicks is just as important as making sure that the text and button has a high enough contrast ratio to stand out from the rest of the page.

Ready for liftoff?

Are you ready for a chat? Get in touch below, if not, why not check out other areas of the site, in the meantime scroll down for some flattery from previous colleagues.

I mean it’s on the internet so it must be true (source: LinkedIn)

PORTFOLIO

See the work for yourself.

I mean don’t take my word for it, check out the work in the portfolio section and let me know what you think. Just click on one of the images to go straight there

If there’s else, you need to know that you think I have missed out, please get in touch. Problems with the site? That’s on me – I’m no web designer, but I try my best.

You can get hold of me below or keep browsing the site.

© 2020 All Rights Reserved