User-interface design icon

UI or visual design brings ideas to life – User Interface-design (UI) explores literal, high-fidelity website visuals that dictate layout, colour, brand elements and the organisation of on-page content.

Diving line pattern

Creating effective user-interfaces

The overarching objective of the user-interface is to convey information for people to understand. Although to better understand it can be broken down into the following things:

  • Typography
  • Symbols
  • Icons
  • Animation and interaction
  • Colour
  • Imagery

A combination of best practice, brand influences, and UI principles should be combined to create considered user-interfaces for both websites and apps. It’s best not to jump straight into the interface design, but instead complete research and strategy, information architecture, user journey mapping, wireframing and prototyping phases. Once to the stage of mutually agreed and tested wireframes, you can proceed with the user-interface design, designing all the patterns, components and elements within a website or application.

Dividing line pattern

What to expect from a good user-interface Designer?

Technical understanding

Good user-interface design requires a good technical understanding of HTML/CSS/javascript, and responsive design. To separate the design from the technical restraints and digital environment is a big mistake, and may result in interfaces that simply aren’t buildable, heavily bugged or fail to perform well.

Understanding of brand

It’s also important the designer understands the wider values, image, identity and guidelines of the brand. These will influence and effect the user-interface design and user-interface designers are often best paired with a creative/brand designer or creative director.

Understanding of research, strategy and wireframing

While user-interface design is a well respected and difficult task in itself. All other research and experimental stages that lead up to the interface’s creation should heavily influence and near enough dictate the final user-interface.

Dividing line pattern

Need help with your UX?

If you’re looking for help with your project or have a few questions, I’m happy to help.